:root{--bg:#0f1115;--surface:#171a21;--surface-2:#1f232c;--border:#2a2f3a;--text:#e7e9ee;--muted:#9097a6;--accent:#6aa7ff;--accent-ink:#0b1220;--good:#4cc38a;--fav:#f5b942;--radius:12px;--gutter:16px;--shadow:0 8px 30px #00000059;--sidebar:290px}@media (prefers-color-scheme:light){:root{--bg:#f5f6f8;--surface:#fff;--surface-2:#eef0f4;--border:#dde1e8;--text:#161a22;--muted:#5d6573;--accent:#2563eb;--accent-ink:#fff;--good:#16a34a;--fav:#d97706;--shadow:0 8px 30px #0f141e1f}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar{z-index:20;padding:10px var(--gutter);padding-top:max(10px, env(safe-area-inset-top));background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{white-space:nowrap;margin:0;font-size:18px}.search{background:var(--surface);border:1px solid var(--border);max-width:520px;color:var(--muted);border-radius:999px;flex:1;align-items:center;gap:8px;margin-left:auto;padding:0 14px;display:flex}.search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:9px 0}.icon-btn{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:inline-grid;position:relative}.badge{background:var(--accent);min-width:18px;height:18px;color:var(--accent-ink);border-radius:9px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-5px;right:-5px}.link-btn{color:var(--accent);background:0 0;border:0;padding:4px 6px}.primary-btn{text-align:center;background:var(--accent);width:100%;color:var(--accent-ink);border:0;border-radius:10px;padding:12px;font-weight:600;display:inline-block}.stats{padding:14px var(--gutter) 0;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.stat .v{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.stat .l{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.stat .s{color:var(--muted);margin-top:2px;font-size:12px}.layout{grid-template-columns:var(--sidebar) 1fr;padding:14px var(--gutter) 40px;gap:20px;max-width:1600px;margin:0 auto;display:grid}.filters{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-self:start;max-height:calc(100vh - 92px);position:sticky;top:76px;overflow:auto}.filters-head{z-index:1;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 14px;display:flex;position:sticky;top:0}.filters-head h2{margin:0 auto 0 0;font-size:15px}.filters-body{padding:4px 14px 14px}.only-mobile{display:none!important}.fgroup{border-bottom:1px solid var(--border);padding:12px 0}.fgroup:last-child{border-bottom:0}.fgroup>summary{cursor:pointer;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;list-style:none;display:flex}.fgroup>summary::-webkit-details-marker{display:none}.fgroup>summary:after{content:"▾";transition:transform .15s}.fgroup:not([open])>summary:after{transform:rotate(-90deg)}.fgroup .fcontent{margin-top:10px}.fsearch{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;width:100%;margin-bottom:8px;padding:7px 10px}.opts{flex-direction:column;gap:2px;max-height:240px;display:flex;overflow:auto}.opt{cursor:pointer;border-radius:6px;align-items:center;gap:8px;min-height:32px;padding:5px 6px;display:flex}.opt:hover{background:var(--surface-2)}.opt input{accent-color:var(--accent);width:16px;height:16px;margin:0}.opt .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.opt .n{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.opt.zero{opacity:.45}.more-btn{margin-top:4px}.mode-row{color:var(--muted);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.tri{grid-template-columns:1fr auto;align-items:center;gap:6px;padding:4px 0;display:grid}.tri .n{color:var(--muted);margin-left:4px;font-size:12px}.tri .seg-btn{padding:5px 9px;font-size:12px}.range{grid-template-columns:1fr 1fr;gap:8px;display:grid}.range .span-2{grid-column:1/-1}.range label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.range input,.range select{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;width:100%;padding:7px 8px}.seg{border:1px solid var(--border);background:var(--surface);border-radius:10px;display:inline-flex;overflow:hidden}.seg-btn{color:var(--muted);background:0 0;border:0;place-items:center;padding:8px 10px;display:inline-grid}.seg-btn+.seg-btn{border-left:1px solid var(--border)}.seg-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.content{min-width:0}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.result-count{color:var(--muted);margin-right:auto}.result-count b{color:var(--text)}.toolbar-controls{align-items:center;gap:8px;display:flex}.select select{border:1px solid var(--border);background:var(--surface);appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 15px),calc(100% - 10px);background-repeat:no-repeat;background-size:5px 5px;border-radius:10px;height:40px;padding:0 30px 0 12px}.chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.chips:empty{display:none}.chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 10px;font-size:13px;display:inline-flex}.chip button{background:var(--surface-2);width:20px;height:20px;color:var(--muted);border:0;border-radius:50%;padding:0;line-height:1}.chip .k{color:var(--muted)}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;flex-direction:column;padding:0;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--accent) 40%, var(--border));transform:translateY(-2px)}.cover{aspect-ratio:616/353;color:#fff;letter-spacing:.02em;text-shadow:0 2px 8px #0000004d;place-items:center;width:100%;font-size:28px;font-weight:800;display:grid;position:relative;overflow:hidden}.cover img{object-fit:cover}.cover .flags{gap:4px;display:flex;position:absolute;top:6px;right:6px}.flag{text-shadow:none;color:#fff;background:#0009;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:600}.flag.fav{color:#ffd479}.flag.inst{color:#7ef0b5}.card-body{flex-direction:column;flex:1;gap:6px;padding:10px 12px 12px;display:flex}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.meta{color:var(--muted);flex-wrap:wrap;gap:4px 10px;font-size:12.5px;display:flex}.meta .src{color:var(--text)}.pills{flex-wrap:wrap;gap:4px;margin-top:auto;display:flex}.pill{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11.5px}.playbar{background:var(--surface-2);border-radius:2px;height:4px;overflow:hidden}.playbar span{background:var(--accent);height:100%;display:block}.list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.row{border:0;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;grid-template-columns:92px minmax(0,2.2fr) 110px 90px 110px 110px;align-items:center;gap:12px;padding:8px 12px;display:grid}.row:last-child{border-bottom:0}.row:hover{background:var(--surface-2)}.row.head{cursor:default;background:var(--surface-2);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.row.head button{color:inherit;text-transform:inherit;letter-spacing:inherit;text-align:left;background:0 0;border:0;padding:0}.row.head button.active{color:var(--accent)}.row .cover{border-radius:6px;font-size:14px}.row .t{min-width:0}.row .t .name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.row .t .sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.row .num{font-variant-numeric:tabular-nums;font-size:13.5px}.row .dim{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:60px 0}.detail{max-width:860px;margin:0 auto;padding:0 0 40px;position:relative}.detail .d-cover{font-size:56px}.cover.hero{aspect-ratio:1920/620}.d-close{top:max(12px, env(safe-area-inset-top));z-index:5;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-color:#0000;position:fixed;left:12px}.d-body{padding:18px var(--gutter) 0}.d-body h1{margin:0 0 4px;font-size:26px;line-height:1.2}.d-sub{color:var(--muted);margin-bottom:16px}.d-stats{grid-template-columns:repeat(auto-fit,minmax(min(140px,40%),1fr));gap:8px;margin-bottom:8px;display:grid}.d-stats .v{font-size:18px}.d-sec{margin-top:20px}.d-sec h2{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:12px}.d-sec .pills{gap:6px}.pill.link{border:1px solid var(--border);background:var(--surface);padding:5px 11px;font-size:13px}.pill.link:hover{border-color:var(--accent);color:var(--text)}.similar{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.similar-card{flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.similar-card .cover{border-radius:8px;font-size:20px}.similar-card:hover span{color:var(--accent)}.kv{grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;font-size:14px;display:grid}.kv dt{color:var(--muted)}.kv dd{word-break:break-all;margin:0}.kv a{color:var(--accent)}.dim{color:var(--muted)}.notfound{max-width:420px;padding:0 var(--gutter);text-align:center;margin:20vh auto}.notfound .primary-btn{width:auto;padding:12px 20px}.footer{color:var(--muted);text-align:center;padding:0 var(--gutter) 30px;font-size:12px}.loading{color:var(--muted);text-align:center;padding:20vh var(--gutter);margin:0}.landing{--violet:#8b6cff;--cyan:#22d3ee;--pink:#ff5fae;--lime:#a3e635;--blue:#4f8dff;--hero-bg:#090a1a}@media (prefers-color-scheme:light){.landing{--violet:#6d4cf0;--cyan:#0891b2;--pink:#db2777;--lime:#4d7c0f;--blue:#2563eb}}.landing .wrap{max-width:1080px;padding:0 var(--gutter);margin:0 auto}.landing section{padding:72px 0}.landing h2{letter-spacing:-.02em;margin:0 0 28px;font-size:clamp(24px,3.8vw,34px)}.landing h3{margin:0 0 6px;font-size:16.5px}.landing p{margin:0}.landing code{background:color-mix(in srgb, var(--violet) 14%, transparent);color:inherit;border-radius:5px;padding:1px 6px;font-size:.92em}.landing a:not([class]){color:var(--violet);font-weight:500}.landing .hero{color:#f3f4fb;background:radial-gradient(60% 55% at 12% 0%, #8b6cff73, transparent 70%), radial-gradient(45% 50% at 95% 15%, #22d3ee52, transparent 70%), radial-gradient(50% 45% at 70% 100%, #ff5fae47, transparent 70%), var(--hero-bg);padding:8vh 0 80px;position:relative;overflow:hidden}.landing .hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(at 50% 0,#000 30%,#0000 75%)}.landing .hero .wrap{position:relative}.landing .hero h1{letter-spacing:-.03em;max-width:16ch;margin:0 0 18px;font-size:clamp(34px,6.4vw,60px);line-height:1.05}.gradient-text{background:linear-gradient(90deg,#a78bff,#22d3ee 55%,#ff7ac0);color:#0000;-webkit-background-clip:text;background-clip:text}.eyebrow{color:#c9cbe6;align-items:center;gap:8px;font-size:14px;display:flex;margin-bottom:18px!important}.eyebrow a{color:#fff;text-underline-offset:3px;font-weight:600;-webkit-text-decoration:underline #ffffff59;text-decoration:underline #ffffff59}.pill-badge{letter-spacing:.06em;text-transform:uppercase;color:#0b0c1a;background:linear-gradient(90deg,#a3e635,#22d3ee);border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700}.lead{color:#c4c7e2;max-width:58ch;font-size:clamp(16px,2.2vw,19px);line-height:1.55;margin:0 0 30px!important}.actions{flex-wrap:wrap;gap:12px;display:flex}.glow-btn,.ghost-btn{border-radius:12px;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:650;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.glow-btn{color:#fff;background:linear-gradient(135deg,#7c5cff,#4f8dff 60%,#22c7e6);box-shadow:0 8px 28px #7c5cff73,inset 0 1px #ffffff40}.glow-btn:hover{transform:translateY(-2px);box-shadow:0 12px 34px #7c5cff99,inset 0 1px #ffffff40}.glow-btn.light{color:#1a1240;background:#fff;box-shadow:0 8px 28px #00000040}.ghost-btn{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff38}.ghost-btn:hover{background:#ffffff29;transform:translateY(-2px)}.showcase{color:#e8e9f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101228c7;border:1px solid #ffffff1f;border-radius:18px;margin-top:56px;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden;box-shadow:0 30px 80px #0000008c,0 0 0 1px #8b6cff26}.showcase:hover{transform:translateY(-3px);box-shadow:0 36px 90px #0009,0 0 0 1px #8b6cff66}.showcase-loading{min-height:380px}.showcase-bar{background:#ffffff0a;border-bottom:1px solid #ffffff14;align-items:center;gap:6px;padding:11px 14px;display:flex}.showcase-bar .dot{background:#ff5f7a;border-radius:50%;width:10px;height:10px}.showcase-bar .dot:nth-child(2){background:#f5c542}.showcase-bar .dot:nth-child(3){background:#4ade80}.showcase-url{color:#9ea2c8;margin-left:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.showcase-stats{color:#9ea2c8;flex-wrap:wrap;gap:6px 22px;padding:16px 18px 0;font-size:14px;display:flex}.showcase-stats b{color:#fff;margin-right:3px;font-size:19px}.showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 18px 18px;display:grid}.showcase-grid .cover{border-radius:10px;font-size:18px;box-shadow:0 6px 18px #00000059}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.feature{--tone:var(--violet);background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative}.feature:hover{border-color:color-mix(in srgb, var(--tone) 55%, var(--border));box-shadow:0 14px 36px color-mix(in srgb, var(--tone) 18%, transparent);transform:translateY(-3px)}.feature p{color:var(--muted);font-size:14.5px;line-height:1.5}.feature-icon{width:44px;height:44px;color:var(--tone);background:color-mix(in srgb, var(--tone) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone) 30%, transparent);border-radius:12px;place-items:center;margin-bottom:14px;display:inline-grid}.tone-violet{--tone:var(--violet)}.tone-cyan{--tone:var(--cyan)}.tone-pink{--tone:var(--pink)}.tone-lime{--tone:var(--lime)}.tone-blue{--tone:var(--blue)}.landing .how{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--violet) 7%, transparent) 30%, color-mix(in srgb, var(--cyan) 6%, transparent) 75%, transparent)}.how-steps{counter-reset:step;gap:14px;margin:0;padding:0;list-style:none;display:grid;position:relative}.how-steps:before{content:"";background:linear-gradient(var(--violet), var(--cyan), var(--pink));opacity:.45;width:2px;position:absolute;top:30px;bottom:30px;left:35px}.how-steps li{counter-increment:step;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px 20px 18px 74px;position:relative}.how-steps li:before{content:counter(step);color:#fff;background:linear-gradient(135deg,#7c5cff,#22c7e6);border-radius:11px;place-items:center;width:36px;height:36px;font-size:15px;font-weight:800;display:grid;position:absolute;top:16px;left:18px;box-shadow:0 6px 16px #7c5cff59}.how-steps li:nth-child(2):before{background:linear-gradient(135deg,#4f8dff,#22d3ee)}.how-steps li:nth-child(3):before{background:linear-gradient(135deg,#22c7e6,#7bd88f)}.how-steps li:nth-child(4):before{background:linear-gradient(135deg,#ff5fae,#8b6cff)}.how-steps li:nth-child(5):before{background:linear-gradient(135deg,#a3e635,#22c7e6)}.how-steps p{color:var(--muted);font-size:14.5px;line-height:1.55}.how-steps b{color:var(--text)}.how-note{color:var(--muted);max-width:75ch;font-size:14.5px;margin-top:20px!important}.sharing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.share-card{--tone:var(--violet);border:1px solid color-mix(in srgb, var(--tone) 35%, var(--border));background:linear-gradient(160deg, color-mix(in srgb, var(--tone) 12%, var(--surface)), var(--surface) 70%);border-radius:16px;padding:22px}.share-card.private{--tone:var(--lime)}.share-card ul{color:var(--muted);gap:9px;margin:12px 0 0;padding:0;font-size:14.5px;list-style:none;display:grid}.share-card li{align-items:flex-start;gap:10px;display:flex}.share-card li svg{color:var(--tone);flex:none;margin-top:1px}.faq details{border:1px solid var(--border);background:var(--surface);border-radius:14px;margin-bottom:10px;padding:0 18px}.faq details[open]{border-color:color-mix(in srgb, var(--violet) 45%, var(--border))}.faq summary{cursor:pointer;justify-content:space-between;gap:12px;padding:16px 0;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--violet);font-size:20px;line-height:1;transition:transform .15s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--muted);max-width:75ch;padding-bottom:16px}.landing .cta{padding-top:24px}.cta-card{text-align:center;color:#fff;background:radial-gradient(60% 80% at 0 0,#ff5fae8c,#0000 60%),radial-gradient(60% 80% at 100% 100%,#22d3ee8c,#0000 60%),linear-gradient(135deg,#5b3fe0,#3a63e8);border-radius:22px;padding:56px 24px;position:relative;overflow:hidden;box-shadow:0 24px 60px #5b3fe059}.cta-card h2{margin-bottom:10px!important}.cta-card p{color:#ffffffd9;margin-bottom:26px!important}.cta-card .actions{justify-content:center}.legal{max-width:720px;padding:32px var(--gutter) 40px;margin:0 auto;line-height:1.6}.legal h1{margin:0 0 4px;font-size:clamp(26px,5vw,34px)}.legal h2{margin:32px 0 8px;font-size:19px}.legal h3{margin:18px 0 6px;font-size:15px}.legal p,.legal ul{margin:0 0 12px}.legal ul{gap:4px;padding-left:20px;display:grid}.legal a{color:var(--accent)}.legal code{background:var(--surface-2);border-radius:5px;padding:1px 5px;font-size:.92em}.site-footer{border-top:1px solid var(--border);padding:24px var(--gutter) 36px;text-align:center;color:var(--muted);font-size:13px}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:10px;display:flex}.site-footer nav a:hover{color:var(--accent)}.site-footer p{margin:0}.footer a{color:var(--accent)}@media (max-width:900px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.landing section{padding:48px 0}.landing .hero{padding:6vh 0 48px}.feature-grid,.sharing-grid{grid-template-columns:minmax(0,1fr)}.showcase{margin-top:40px}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.how-steps li{padding-left:66px}.how-steps:before{left:35px}.glow-btn,.ghost-btn{justify-content:center;width:100%}.cta-card{padding:40px 18px}}.secondary-btn,.danger-btn{text-align:center;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:10px 16px;font-weight:600;display:inline-block}.secondary-btn:hover{border-color:var(--accent)}.danger-btn{color:#e5484d;border-color:#e5484d}.primary-btn:disabled{opacity:.6;cursor:default}.account-bar{justify-content:space-between}.brand-link{font-size:16px;font-weight:700}.account{max-width:560px;padding:28px var(--gutter) 60px;margin:0 auto}.account h1{margin:0 0 10px;font-size:26px}.account p{margin:0 0 14px}.account a:not(.primary-btn):not(.secondary-btn){color:var(--accent)}.big-link{font-size:20px;font-weight:600}.form{gap:10px;margin:16px 0;display:grid}.row-form{flex-wrap:wrap;gap:10px;display:flex}.row-form .primary-btn{width:auto;padding:10px 22px}.handle-input,.code-input{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:2px;padding:0 12px;display:flex}.handle-input:focus-within,.code-input:focus{border-color:var(--accent)}.handle-input input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:11px 0}.code-input{letter-spacing:.12em;text-transform:uppercase;outline:none;padding:11px 12px;font:600 20px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.code{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600}.form-error{color:#e5484d;margin:0;font-size:14px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:16px;padding:16px}.panel h2{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:13px}.panel .form{margin-bottom:0}.device-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.device-list li{justify-content:space-between;align-items:center;gap:12px;display:flex}.danger details{margin-top:8px}.danger summary{cursor:pointer;color:#e5484d;font-weight:600}.danger details p{margin:8px 0}@media (max-width:900px){.only-mobile{display:inline-grid!important}.filters-foot.only-mobile{display:block!important}.brand{display:none}.search{max-width:none;margin-left:0}.layout{grid-template-columns:minmax(0,1fr)}.filters{z-index:40;width:min(88vw,360px);height:100%;max-height:none;padding-bottom:env(safe-area-inset-bottom);border-radius:0 16px 16px 0;flex-direction:column;transition:transform .22s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.filters.open{transform:none}.filters-body{flex:1;overflow:auto}.filters-foot{border-top:1px solid var(--border);padding:12px 14px}.scrim{z-index:30;background:#00000080;position:fixed;inset:0}.opt{min-height:40px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat .s{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stat .v{font-size:19px}}@media (max-width:640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-body{padding:8px 10px 10px}.card-title{font-size:14px}.card .pills{display:none}.row{grid-template-columns:76px minmax(0,1fr) auto}.row .hide-sm,.row.head{display:none}.toolbar-controls{width:100%}.toolbar-controls .select{flex:1}.toolbar-controls .select select{width:100%}.similar{grid-template-columns:repeat(2,minmax(0,1fr))}.d-body h1{font-size:22px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.clerk-box{justify-content:center;display:flex}.share-card-preview{aspect-ratio:1000/320;background:var(--border);border-radius:10px;width:100%;max-width:500px;height:auto;margin:10px 0 4px;display:block}.copy-fields{gap:10px;margin-top:12px;display:grid}.copy-field{gap:4px;font-size:13px;display:grid}.copy-row{gap:8px;min-width:0;display:flex}.copy-row input{min-width:0;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;flex:1;padding:8px 10px;font:12.5px ui-monospace,SFMono-Regular,Menlo,monospace}