@import"https://fonts.googleapis.com/css2?family=Kanit:wght@600;700&display=swap";:root{--bg: #f6fbff;--panel: #ffffff;--card: #ffffff;--surface: #f7fbff;--text: #0f172a;--muted: #64748b;--border: rgba(15,23,42,.08);--primary1: #31c1f7;--primary2: #12a2e6;--accent: #FF6CAB;--pink: #FF9A62;--radius: 14px;--shadow-sm: 0 8px 18px rgba(2,6,23,.06);--shadow-md: 0 12px 24px rgba(0,0,0,.1);--ring: rgba(18,162,230,.25);--ease: cubic-bezier(.22,.61,.36,1);--brand-text-nudge: -3px;--brand-gradient-from: #4F46E5;--brand-gradient-to: #00D4FF;--brand-drop: rgba(2,6,23,.25);--logo-scale: .92;--z-base: 0;--z-card: 10;--z-chrome: 20;--z-overlay: 50;--z-toast: 80;--z-modal: 100}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:24px;display:flex;align-items:center;gap:12px;background:#111827f5;color:#fff;padding:10px 14px;border-radius:10px;box-shadow:0 8px 30px #02061759;z-index:var(--z-toast)}.toast-message{font-size:14px}.toast-action{background:transparent;color:#7ee3a9;border:none;cursor:pointer;font-weight:600}.toast-close{background:transparent;color:#ffffffb3;border:none;font-size:18px;cursor:pointer}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{overflow-x:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;font-family:Inter,Rubik,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background:radial-gradient(1200px 600px at 20% -10%,#e6f7ff 0%,transparent 60%),var(--bg);overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}.container{width:min(1100px,100%);max-width:980px;margin:0 auto;padding:16px clamp(14px,4vw,20px) 24px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px;will-change:transform}.card{transform-origin:center top}.card-enter{animation:cardIn .36s var(--ease) both}@keyframes cardIn{0%{transform:translateY(8px) scale(.995);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.primary.pulse{animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{0%{box-shadow:0 12px 24px #12a2e62e}50%{box-shadow:0 18px 34px #12a2e61a}to{box-shadow:0 12px 24px #12a2e62e}}.item-added{animation:itemAdd .72s cubic-bezier(.22,.61,.36,1)}@keyframes itemAdd{0%{transform:translateY(-6px);opacity:0}60%{transform:translateY(2px);opacity:1}to{transform:none}}.export-btn{transform-origin:center}h1,h2,h3,h4{margin:8px 0}.muted{color:var(--muted)}.app-header{position:sticky;top:0;z-index:var(--z-chrome);display:flex;align-items:center;justify-content:space-between;gap:12px;--header-height: 64px;padding:6px 12px;min-height:var(--header-height);background:var(--bg, #F7FAFC);border-bottom:1px solid #E2E8F0;box-shadow:none}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:1000px;margin:0 auto}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;height:100%}.brand-mark{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-weight:800;background:transparent;box-shadow:none;margin-right:8px}.brand-mark.brand-mark-square{width:64px;height:64px;border-radius:8px;padding-left:8px;padding-right:8px;display:flex;align-items:center;justify-content:flex-start;background:transparent;box-shadow:none;margin-right:12px;border:none}.brand-mark.brand-mark-square img{height:36px;width:auto;display:block;object-fit:contain;background:transparent;border-radius:0;box-shadow:none;filter:none;-webkit-font-smoothing:antialiased;image-rendering:optimizeQuality}.brand-mark.brand-mark-inline{padding-left:10px;padding-right:8px;display:flex;align-items:center}.brand-mark.brand-mark-inline svg{display:block;height:56px;width:auto}.brand-mark.brand-mark-inline .chevron{transform-origin:32px 14px;transition:transform .22s var(--ease)}.brand-mark.brand-mark-inline:hover .chevron{transform:translateY(-2px) scale(1.06)}:root{--mark-bg: var(--primary2);--mark-podium: #FFFFFF;--mark-accent: #FFD166}.brand-mark-img{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,#31c1f7,#7c3aed);color:#fff;box-shadow:0 10px 22px #7c3aed1f;margin-right:8px}.brand-mark img{width:40px;height:40px;display:block;object-fit:contain}.brand-mark svg,.brand-mark picture{width:40px;height:40px;display:block}.brand-text{display:flex;flex-direction:column;justify-content:center}.brand-name{font-family:Rubik,Inter,system-ui,sans-serif;font-weight:600;font-size:20px;line-height:1;margin:0;letter-spacing:-.6px;color:#2d3748;text-transform:capitalize}.brand-tagline{font-size:13px;color:var(--muted);margin-top:2px;font-weight:600}.brand .brand-word{font-family:Kanit,Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-weight:600;font-size:22px;line-height:1;color:var(--text)}.header-brand{display:flex;align-items:center;gap:8px}.brand .brand-word{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-weight:600;font-size:22px;line-height:1;color:var(--text)}.brand .brand-word:first-of-type{margin-right:0}.brand .brand-word:last-of-type{margin-left:0}.wordmark{display:inline-flex;align-items:center;gap:0;height:calc(var(--header-height) * var(--logo-scale))}.brand .brand-word{font-family:Kanit,Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-weight:800;font-size:calc(var(--header-height) * var(--logo-scale) * .52);line-height:1;background:linear-gradient(90deg,var(--brand-gradient-from),var(--brand-gradient-to));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.03),0 3px 6px rgba(2,6,23,.14)}.ascension-apostrophe{display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle;color:inherit;padding:0;margin:0}.ascension-apostrophe svg{width:.6em;height:.72em;display:block;fill:url(#rankGradient);transform:translateY(-.28em);pointer-events:none}.brand .brand-word,.ascension-apostrophe{position:relative;top:var(--brand-text-nudge)}.ascension-apostrophe{margin-left:-8px;margin-right:-6px}.wordmark{filter:drop-shadow(0 2px 6px rgba(2,6,23,.06))}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.brand .brand-text{display:flex;flex-direction:column;justify-content:center;transform:translateY(var(--brand-text-nudge))}@media (prefers-reduced-motion: reduce){.brand-mark.brand-mark-inline .chevron{transition:none!important;transform:none!important}}.header-nav-center{align-items:center}.header-nav{display:flex;align-items:center;gap:8px}.nav-link{padding:8px 12px;border-radius:999px;color:var(--muted);text-decoration:none;transition:transform .14s var(--ease),background .14s var(--ease),color .14s var(--ease);min-height:44px;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.nav-link:hover{background:#0a0d160a;transform:translateY(-1px);color:inherit}.header-pill{background:transparent;font-weight:600;min-height:40px}.header-pill:hover{background:#fff9}@media (max-width: 640px){.nav-link{padding:10px 14px;min-height:48px}.header-pill{min-height:44px;padding:8px 12px}}.avatar-btn{border-radius:999px;padding:4px;min-width:44px;min-height:44px;display:inline-grid;place-items:center;background:transparent;border:0;box-shadow:none;cursor:pointer;margin-left:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .1s ease}.avatar-btn:active{transform:scale(.96)}.avatar-btn img{width:36px;height:36px;border-radius:50%;border:0;box-shadow:none}.avatar-fallback{font-weight:700;color:#fff;background:#2d3748;width:36px;height:36px;display:inline-grid;place-items:center;border-radius:50%;font-size:14px}@media (max-width: 640px){.avatar-btn{min-width:48px;min-height:48px;padding:6px}.avatar-btn img{width:40px;height:40px}.avatar-fallback{width:40px;height:40px;font-size:16px}}.account-status .status-avatar{width:64px;height:64px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.account-status .status-avatar img{width:56px;height:56px;border-radius:8px;object-fit:cover}.account-status .avatar-fallback{font-size:20px;color:var(--muted)}.account-status .badge{padding:6px 10px;border-radius:8px;background:#f1f5f9;border:1px solid var(--border);font-weight:800}.account-status .chip{padding:6px 10px;border-radius:8px;background:#fff;border:1px solid var(--border)}.account-status .anon-warning{background:#fff7ed;border:1px solid #ffedd5;padding:10px;border-radius:10px}.form-row{margin:12px 0;display:flex;flex-direction:column;gap:8px}label{font-weight:700;font-size:.95rem;color:var(--text);line-height:1.4}input,select,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text);font-size:16px;outline:none;transition:box-shadow .15s ease,border-color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,select:focus,textarea:focus{border-color:var(--primary1);box-shadow:0 0 0 4px var(--ring);transform:none}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],textarea{font-size:16px!important}textarea{resize:vertical;min-height:100px;line-height:1.5}select{background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23666" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:40px}button{appearance:none;border:none;border-radius:12px;padding:12px 14px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .08s var(--ease),filter .15s var(--ease),box-shadow .2s var(--ease),opacity .12s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:active{transform:translateY(1px)}button.primary{background:linear-gradient(90deg,var(--primary1) 0%,var(--primary2) 100%);color:#fff;box-shadow:0 10px 30px #12a2e62e;transform:translateZ(0);min-height:48px;padding:14px 16px}button.secondary{background:#fff;color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-sm);font-weight:600}button[disabled]{opacity:.55;cursor:not-allowed;touch-action:none}@media (hover: none){button:hover{transform:none}button:active{transform:translateY(1px)}}.icon-btn{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:10px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);color:var(--muted)}.icon-btn:hover{color:var(--text);background:var(--surface)}.pill{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#fff;color:#243047;border:2px solid var(--border);font-weight:800}.btn-link{text-decoration:none;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px}.btn-link.primary{background:linear-gradient(90deg,var(--primary1),var(--primary2));color:#fff;box-shadow:0 8px 20px #12a2e61f}.btn-link.secondary{background:#fff;border:1px solid var(--border);color:var(--text)}.btn-link:focus{outline:3px solid var(--ring);outline-offset:2px}button:hover,.btn-link:hover{transform:translateY(-2px)}button:active,.btn-link:active{transform:translateY(0);opacity:.95}h1,h2,h3{font-family:Rubik,Inter,system-ui,sans-serif}.actionbar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-chrome);display:grid;grid-template-columns:120px 1fr 140px;gap:10px;background:linear-gradient(180deg,#fff3,#ffffffb3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);padding:10px 14px}.actionbar-progress{position:relative;height:36px;border-radius:999px;background:#eaf1ff;border:1px solid #dfe7ff;overflow:hidden}.actionbar-fill{position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--accent),var(--pink))}.actionbar-text{position:relative;display:grid;place-items:center;height:100%;font-weight:900;color:#2a2f3b}.dnd-list{display:grid;gap:10px;margin-top:8px}.dnd-row{display:grid;grid-template-columns:40px 40px 1fr;align-items:center;padding:12px;border-radius:14px;background:#fff;border:1px solid var(--border)}.drag-handle{width:32px;height:32px;border-radius:10px;border:1px solid rgba(2,26,56,.08);background:#f6f9fd;cursor:grab;display:grid;place-items:center}.drag-handle:active{cursor:grabbing}.rank-chip{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eef4ff;color:#1f3b78;font-weight:700}.item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:600}.rank-card{display:flex;align-items:center;gap:10px;padding:14px 12px;margin:8px;border-radius:12px;border:1px solid var(--border);background:#fff;box-shadow:0 8px 18px #0000000f;transition:box-shadow .18s var(--ease),background .18s var(--ease)}.rank-card:active{box-shadow:0 4px 10px #0000001f}.rank-card .grip{font-weight:900;color:var(--muted);width:24px;text-align:center;-webkit-user-select:none;user-select:none}.rank-btn{background:#fff;font-weight:700}.rank-btn:focus{outline:3px solid var(--ring);outline-offset:2px}.rank-picker-menu::-webkit-scrollbar{width:8px}.rank-picker-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.rank-picker-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.item-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;background:#fff;border-radius:14px;padding:8px 10px;box-shadow:0 3px 10px #123c690f}.item-left{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center}.num-chip{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:700;background:#eef4ff;color:#1f3b78}.item-right{display:flex;gap:10px;align-items:center}.item-remove,.remove-x,.mini-x{width:32px;height:32px;flex:0 0 32px;border-radius:9999px;border:1px solid rgba(0,0,0,.06);background:#fff;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #e11d4814;cursor:pointer;transition:background .14s var(--ease),transform .1s var(--ease);font-weight:800;font-size:18px;line-height:1}.item-remove:hover,.remove-x:hover,.mini-x:hover{background:#fff;color:#e11d48;border-color:#e11d4838;box-shadow:0 8px 20px #e11d4814}.item-remove:active,.remove-x:active,.mini-x:active{transform:scale(.96)}.secondary[style],.btn-link.secondary{border-color:#12a2e61f;color:var(--primary2)}.save-msg{color:#059669;font-weight:700}.icon-only{width:36px;padding:0;display:grid;place-items:center}.icon-only.tiny-x{width:34px;height:34px;padding:0;display:grid;place-items:center}.dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--card);border-radius:14px;padding:10px 12px;font-weight:700;cursor:pointer}.dropdown-menu{position:absolute;top:110%;left:0;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 24px #0000001f;min-width:180px;padding:6px;opacity:0;pointer-events:none;transform:translateY(6px);transition:.15s}.dropdown:hover .dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.overlay{position:fixed;inset:0;background:#0f172a61;display:grid;place-items:center;z-index:var(--z-modal)}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:9999px;background:#f2f4f7;border:1px solid var(--border);color:#111827;font-size:12px;font-weight:700}.chip{padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#fff;box-shadow:0 4px 12px #0000000d;font-size:12px;display:inline-flex;align-items:center;white-space:normal;word-break:break-word}.chip-list{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.chip-list .chip{margin:0}.header-left-ctas{margin-left:12px;display:flex;align-items:center;gap:8px}.header-export{padding:8px 10px;border-radius:10px;font-weight:800}.header-actions{margin-left:auto;display:flex;align-items:center;gap:4px}.player-status{display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:transparent;border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;color:var(--text)}.player-status .level{font-weight:800;font-size:13px;color:var(--muted);min-width:48px;text-align:left}.player-status .xp{display:flex;flex-direction:column;gap:4px;min-width:160px;max-width:220px}.player-status .xp-bar{width:100%;height:10px;background:#eef2ff;border-radius:999px;overflow:hidden;border:1px solid rgba(0,0,0,.04)}.player-status .xp-fill{height:100%;display:block;background:linear-gradient(90deg,var(--brand-gradient-from),var(--brand-gradient-to));border-radius:999px;transition:width .52s var(--ease);box-shadow:0 6px 18px #4f46e50f inset}.player-status .xp-text{font-size:12px;color:var(--muted);font-weight:700;margin-left:6px}.player-status .crowns{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--muted);margin-left:8px}.player-status .crown-icon{font-size:16px}.player-status .crown-count{font-size:13px;color:var(--text)}@media (max-width:640px){.player-status .xp{min-width:110px}.player-status{padding:6px 8px;gap:8px}}@media (max-width: 840px){.header-left-ctas{display:none}.brand{gap:8px}.brand-mark.brand-mark-inline{padding-left:6px}.brand-mark.brand-mark-inline svg{height:44px}.brand-name{font-size:18px}}.results-hero{background:linear-gradient(180deg,#fff,#f5faff)}.results-hero h1{font-size:22px}.bar{height:10px;background:#eef2ff;border-radius:6px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#06b6d4);border-radius:6px;transition:width .9s var(--ease)}.chip .muted{opacity:.8;font-weight:600}.share-toolbar{display:flex;gap:8px;align-items:center;margin-left:auto;flex-shrink:0}.share-toolbar input{padding:8px 10px;border-radius:8px;border:1px solid var(--border);min-width:120px;max-width:280px}.share-toolbar .primary{padding:8px 12px}.share-toolbar .secondary{padding:8px 10px}.card,.results-hero{padding:12px}.grid-2{display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width: 640px){.share-toolbar{width:100%;gap:6px}.share-toolbar input{min-width:80px;max-width:180px}}svg polyline{stroke-linecap:round;stroke-linejoin:round}.sparkline polyline{stroke-dasharray:200;stroke-dashoffset:200;animation:draw 1.2s ease forwards}@keyframes draw{to{stroke-dashoffset:0}}.export-btn{display:inline-flex;gap:8px;align-items:center}.share-card{background:linear-gradient(180deg,#fff,#fbfdff);padding:18px;border-radius:14px}body[data-theme=vaporwave]{--bg: linear-gradient(180deg,#fde1ff 0%,#d9f0ff 100%);--card: rgba(255,255,255,.9);--text: #0b0b21;--muted: #5a5e8e;--border: rgba(11,11,33,.08);--primary1: #ff3db3;--primary2:#e02798;--ring: rgba(255,61,179,.35)}body[data-theme=classic]{--bg:#c0c0c0;--panel:#ffffff;--text:#111;--muted:#444;--border:#b5b5b5;--primary1:#0078d7;--primary2:#0062b5;--ring: rgba(0,120,215,.35)}@media (max-width: 840px){.grid-2{grid-template-columns:1fr}}@media (max-width: 840px){.header-nav{display:none!important}}@media (max-width: 840px){:root{--logo-scale: .72;--header-height: 56px}.brand{gap:8px}.wordmark{height:calc(var(--header-height) * var(--logo-scale));max-width:50%}.brand .brand-word{font-size:calc(var(--header-height) * var(--logo-scale) * .44)}.ascension-apostrophe{margin-left:-5px;margin-right:-4px}.player-status{padding:6px 8px}.player-status .xp{min-width:120px}}@media (max-width: 640px){:root{--logo-scale: .58;--header-height: 52px}.wordmark{height:calc(var(--header-height) * var(--logo-scale));max-width:46%}.brand .brand-word{font-size:calc(var(--header-height) * var(--logo-scale) * .42)}.player-status .xp-text{display:none}.player-status .xp{min-width:96px;max-width:140px}.player-status .level{min-width:40px;font-size:12px}.player-status .crowns .crown-count{display:inline-block;font-size:12px}}@media (max-width: 420px){:root{--logo-scale: .5;--header-height: 48px}.wordmark{height:calc(var(--header-height) * var(--logo-scale));max-width:40%}.brand .brand-word{font-size:calc(var(--header-height) * var(--logo-scale) * .42)}.player-status .xp-bar,.player-status .xp-text,.player-status .xp{display:none}.player-status .crowns{margin-left:6px}.app-header{padding:4px 8px}.header-inner{padding:0 8px}}.auto-item{position:relative;width:100%}.auto-row{display:flex;align-items:center;gap:8px;width:100%}.auto-row input{flex:1;min-width:0}.auto-menu{position:absolute;top:100%;left:0;right:0;z-index:var(--z-overlay);background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 24px #0000001f;max-height:240px;overflow-y:auto;margin-top:4px}.auto-opt{width:100%;display:flex;align-items:center;gap:10px;padding:12px;background:transparent;border:none;text-align:left;cursor:pointer;border-bottom:1px solid var(--border)}.auto-opt:last-child{border-bottom:none}.auto-opt:hover{background:var(--surface)}.auto-opt img{width:40px;height:40px;border-radius:8px;object-fit:cover}.auto-txt{flex:1;min-width:0}.auto-title{font-weight:600;color:var(--text);margin-bottom:2px}.auto-src{font-size:12px;color:var(--muted)}.linked-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:8px;font-size:12px;color:#059669;font-weight:600}.linked-badge button{background:transparent;border:none;color:#059669;cursor:pointer;padding:0;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px}.linked-badge button:hover{background:#22c55e26}@media (max-width: 560px){.dnd-row{grid-template-columns:40px 1fr}.rank-chip{display:none}.auto-opt{padding:14px 12px}.auto-opt img{width:36px;height:36px}.auto-title{font-size:15px}.auto-src{font-size:11px}.auto-menu{max-height:200px}}@media (max-width: 520px){.option-row{grid-template-columns:1fr}.container{padding:10px 12px 18px}.card-airy{padding:14px}.auto-row{gap:6px}.linked-badge{padding:3px 6px;font-size:11px}}.modern-toggle{appearance:none!important;-webkit-appearance:none!important;border:none!important;outline:none!important;padding:0!important;margin:0!important;font-family:inherit!important;cursor:pointer!important;position:relative!important;overflow:hidden!important}.modern-toggle:focus{outline:2px solid var(--ring)!important;outline-offset:2px!important}.modern-toggle:active{transform:scale(.98)!important}.modern-toggle:hover{transform:translateY(-1px)!important;box-shadow:0 6px 16px #12a2e633,inset 0 1px #ffffff4d!important}.modern-toggle:hover[aria-checked=false]{background:#9ca3af66!important;box-shadow:0 3px 6px #00000026,inset 0 1px #fff9!important}@media (max-width: 640px){.modern-toggle{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}.modern-toggle:hover{transform:none!important}.modern-toggle:active{transform:scale(.95)!important}}@keyframes toggleOn{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.modern-toggle[aria-checked=true] span:first-of-type{animation:toggleOn .3s ease-out}.hide{display:none!important}@media (max-width: 420px){.card{padding:16px;border-radius:12px;box-shadow:0 12px 28px #0206170f}.form-row{margin:8px 0;gap:6px}label{font-size:.92rem;font-weight:800}input,select,textarea{padding:14px 16px;font-size:16px;border-radius:12px;min-height:48px;-webkit-appearance:none}input::placeholder,textarea::placeholder{color:#99a6b3;opacity:1}button{padding:14px 16px;border-radius:12px;font-size:16px;min-height:48px;touch-action:manipulation}button.primary{padding:16px;font-size:16px;border-radius:14px;min-height:52px}button.secondary{padding:12px 14px;min-height:48px}.muted{font-size:13px;color:#6b7280}.card .form-row small.muted{font-size:12px}.item-remove,.remove-x,.mini-x{width:44px;height:44px;min-width:44px;min-height:44px;touch-action:manipulation}.brand-name{font-size:15px}.brand-mark,.brand-mark img{width:34px;height:34px}.auto-opt{min-height:52px;padding:16px 12px;touch-action:manipulation}.dropdown-trigger,.tab,.nav-link{min-height:44px;touch-action:manipulation}.brand-mark.brand-logo-full+.brand-text{display:none}@media (min-width: 841px){.brand-mark.brand-logo-full{width:160px;height:40px}.brand-mark.brand-logo-full img{width:160px;height:40px;object-fit:contain}}.brand-mark.brand-logo-full{background:linear-gradient(90deg,#117ad71f,#2296f014);padding:6px 10px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px #0206170f;border:1px solid rgba(17,122,215,.1);min-width:72px}.brand-mark.brand-logo-full img{display:block;width:100%;height:auto;max-height:40px;filter:drop-shadow(0 4px 8px rgba(2,6,23,.08))}.brand-mark.brand-logo-full{padding:4px 6px;border-radius:8px}.brand-mark.brand-logo-full img{max-height:30px}.pill,.btn-link{border-radius:12px}.container{padding:8px 12px 14px}}.community-card{display:block}.community-card .actions{display:flex;gap:8px;align-items:center}@media (max-width:520px){.community-card{padding:10px}.community-card .actions{flex-direction:column;align-items:stretch}.community-card .actions button,.community-card .actions a{width:100%;display:inline-flex;justify-content:center}.community-card .meta{margin-bottom:6px}}.tab.active{background:linear-gradient(180deg,#31c1f7,#12a2e6);color:#fff;box-shadow:0 8px 20px #12a2e629}.community-card{margin-bottom:14px;border-radius:12px;box-shadow:0 8px 20px #0206170a}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.bottom-nav{position:sticky;bottom:0;left:0;right:0;z-index:var(--z-chrome);display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(180deg,#fffffffa,#f8fcfff2);padding:12px 16px env(safe-area-inset-bottom,0px);border-top:1px solid var(--border);box-shadow:0 -4px 18px #0206170f;margin:0;width:100%;max-width:none;border-radius:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bottom-nav .tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:12px;background:transparent;border:none;cursor:pointer;color:var(--muted);font-weight:800;transition:all .2s ease;min-height:48px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.bottom-nav .tab .tab-icon{font-size:20px;line-height:1}.bottom-nav .tab .tab-label{font-size:11px;line-height:1.2}.bottom-nav .tab.active{color:var(--primary2);background:#31c1f714;transform:translateY(-1px)}.bottom-nav .tab:active{transform:translateY(0);opacity:.8}.bottom-nav .create-center{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(90deg,var(--primary1),var(--primary2));color:#fff;font-size:24px;border:none;box-shadow:0 4px 14px #12a2e64d,0 2px 6px #12a2e62e;transform:translateY(0);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .2s ease}.bottom-nav .create-center:active{transform:scale(.95)}.bottom-nav .create-plus{font-size:24px;line-height:1;font-weight:300}@media (min-width: 841px){.bottom-nav{display:none}}@media (max-width: 840px){:root{--bottom-nav-height: 72px}body{padding-bottom:env(safe-area-inset-bottom,0px)}.container{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}@media (max-width: 768px) and (min-width: 641px){.container{padding:16px 20px 28px}.card{padding:18px}button.primary{padding:16px 20px;font-size:16px}input,select,textarea{padding:14px 16px;font-size:16px}}@media (max-width: 640px){.header-nav{display:none!important}.grid-2{grid-template-columns:1fr;gap:16px}.container{padding:14px 16px 20px}.form-row{margin:10px 0}}@media (max-width: 480px){.card{padding:16px 14px}.container{padding:12px 14px 18px}h1{font-size:22px}h2{font-size:20px}h3{font-size:18px}.bottom-nav{padding:10px 14px}}@media (max-width: 380px){.bottom-nav{padding:10px}.bottom-nav .create-center{width:52px;height:52px;font-size:22px}.bottom-nav .tab{padding:6px 8px;min-height:44px}.container{padding:10px 12px 16px}.card{padding:14px 12px}.form-row{margin:8px 0;gap:6px}input,select,textarea,button{padding:12px 14px}button.primary{padding:14px 16px}}@media (max-width: 320px){.container{padding:8px 10px 14px}.card{padding:12px 10px}.bottom-nav .tab .tab-label{font-size:10px}.bottom-nav .tab .tab-icon{font-size:18px}.form-row{margin:6px 0}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}}