:root{--bg:#0d1420;--bg-2:#111827;--tile:#182030;--line:#ffffff17;--line-2:#ffffff29;--indigo:#4f46e5;--indigo-2:#6366f1;--purple:#a855f7;--blue:#3b82f6;--green:#22c55e;--green-dim:#22c55e26;--rose:#f43f5e;--amber:#f59e0b;--text:#f8fafc;--muted:#94a3b8;--muted-2:#64748b;--grad:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);--grad-soft:linear-gradient(135deg,#6366f12e,#a855f72e);--r-tile:12px;--font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}:root{--header-h:max(59px, calc(env(safe-area-inset-top,0px) + 53px));--navbar-clear:calc(92px + max(0px, env(safe-area-inset-bottom,0px) - 12px))}body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;background:radial-gradient(900px 520px at 50% -12%,#6366f133,#0000 62%),#080d16}.screen{background:var(--bg);width:100%;max-width:520px;min-height:100svh;margin:0 auto}@media (width>=560px){.screen{border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media (width<=560px){body{background:var(--bg)}}.bar{z-index:15;max-width:520px;padding:max(16px, calc(env(safe-area-inset-top,0px) + 10px)) 18px 12px;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d1420d1;align-items:center;gap:10px;margin:0 auto;display:flex;position:fixed;top:0;left:0;right:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.bar{background:#0d1420f7}}.mark{filter:drop-shadow(0 0 14px #a855f773);flex:none;width:30px;height:30px;display:block}.tagline{letter-spacing:.16em;text-transform:uppercase;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:13px;font-weight:800}.brand{letter-spacing:-.02em;font-size:17px;font-weight:800}.brand span{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.searchbar{border:1px solid var(--line-2);color:var(--muted-2);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0a;border-radius:999px;align-items:center;gap:7px;max-width:170px;margin-left:auto;padding:7px 13px;font-size:12px;display:flex;overflow:hidden}.pane{padding:18px 18px var(--navbar-clear)}.chrome-gap{height:var(--header-h)}.section-head{align-items:center;gap:6px;margin:0 0 12px;display:flex}.section-head h2{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:800}.section-head .chev{color:var(--muted-2);display:flex}.section-head .more{color:var(--muted);align-items:center;gap:3px;margin-left:auto;font-size:11px;font-weight:600;display:flex}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--purple);margin:0 0 8px;font-size:11px;font-weight:700}h1.hero{letter-spacing:-.035em;margin:0 0 10px;font-size:32px;font-weight:800;line-height:1.05}h1.hero em{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}p.lede{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.55}.badge{letter-spacing:.09em;text-transform:uppercase;color:#fff;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:9px;font-weight:800;display:inline-flex}.badge.movie{background:var(--indigo)}.badge.series{background:var(--purple)}.badge.round{background:var(--blue)}.status{background:var(--green-dim);color:#4ade80;border:1px solid #22c55e4d;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:10px;font-weight:700;display:inline-flex}.status.amber{color:#fbbf24;background:#f59e0b24;border-color:#f59e0b52}.status.purple{color:#c084fc;background:#a855f726;border-color:#a855f752}.status.rose{color:#fb7185;background:#f43f5e24;border-color:#f43f5e52}.status i{background:currentColor;border-radius:50%;width:6px;height:6px;display:block}.check{background:var(--green);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;box-shadow:0 2px 8px #00000080}.field{margin-bottom:12px}.field label{color:var(--muted);letter-spacing:.03em;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.field input{border:1px solid var(--line-2);width:100%;color:var(--text);font-size:16px;font-family:var(--font);background:#ffffff0a;border-radius:10px;outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:var(--muted-2)}.field input:focus{border-color:var(--indigo-2);box-shadow:0 0 0 3px #6366f140}.err{color:#fb7185;margin:6px 0 0;font-size:12px;line-height:1.45}.btn{cursor:pointer;width:100%;font-family:var(--font);letter-spacing:-.01em;color:#fff;background:var(--grad);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s,filter .12s;display:flex;box-shadow:0 8px 22px -8px #8b5cf6bf}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(2px);box-shadow:0 4px 12px -6px #8b5cf6b3}.btn:disabled{opacity:.5;cursor:default;filter:none;transform:none}.btn.ghost{border:1px solid var(--line-2);box-shadow:none;color:var(--text);background:#ffffff0d;font-size:14px}.btn.green{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 8px 22px -8px #22c55eb3}.btn:focus-visible,.tab:focus-visible,input:focus-visible,.iconbtn:focus-visible,.navitem:focus-visible,.stagebar button:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.tiny{color:var(--muted-2);text-align:center;margin-top:14px;font-size:11px;line-height:1.5}.panel{background:var(--bg-2);border:1px solid var(--line);border-radius:16px;margin-bottom:14px;padding:16px}.panel.grad{background:var(--grad-soft);border-color:#a855f747}.decofan{justify-content:center;align-items:center;height:132px;margin:2px 0 20px;display:flex;position:relative}.decofan .sheet{border:1px solid #ffffff1f;border-radius:12px;width:76px;height:112px;position:absolute;overflow:hidden;box-shadow:0 18px 34px -16px #000000f2}.decofan .sheet svg{width:100%;height:100%;display:block}.decofan .s-l{opacity:.6;transform:translate(-84px)rotate(-13deg)scale(.9)}.decofan .s-r{opacity:.6;transform:translate(84px)rotate(13deg)scale(.9)}.decofan .s-c{z-index:2;transform:scale(1.06)}.decofan .glow{filter:blur(6px);background:radial-gradient(closest-side,#a855f759,#0000);border-radius:50%;width:230px;height:110px;position:absolute}.joinpanel{background:var(--grad-soft);border:1px solid #a855f752;border-radius:18px;margin-bottom:16px;padding:16px;box-shadow:0 10px 22px -18px #8b5cf673}.joinpanel .btn{box-shadow:0 5px 12px -8px #8b5cf680}.joinpanel h2{letter-spacing:-.025em;margin:0 0 4px;font-size:19px;font-weight:800}.joinpanel p.sml{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.5}.codefield{text-align:center;border:1px solid var(--line-2);width:100%;color:var(--text);font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;background:#080d168c;border-radius:12px;outline:none;padding:14px 12px;font-size:30px;font-weight:700;transition:border-color .15s,box-shadow .15s}.codefield::placeholder{color:var(--muted-2);letter-spacing:.22em}.codefield:focus{border-color:var(--indigo-2);box-shadow:0 0 0 3px #6366f140}.orbar{align-items:center;gap:12px;margin:20px 0 14px;display:flex}.orbar:before,.orbar:after{content:"";background:var(--line);flex:1;height:1px}.orbar span{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);font-size:10px;font-weight:800}.backlink{cursor:pointer;font-family:var(--font);color:var(--muted);background:0 0;border:none;align-items:center;gap:5px;margin:0 0 14px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.backlink:hover{color:var(--text)}.steptag{letter-spacing:.12em;text-transform:uppercase;color:var(--purple);margin:0 0 8px;font-size:10px;font-weight:800;display:inline-block}.saved{background:#22c55e17;border:1px dashed #22c55e73;border-radius:12px;align-items:center;gap:10px;margin-bottom:14px;padding:11px 12px;display:flex}.saved .savedbody{flex:1;min-width:0}.saved .st{font-size:13px;font-weight:700}.saved .ss{color:var(--muted-2);margin-top:2px;font-size:11px}.saved button{cursor:pointer;color:#4ade80;font-family:var(--font);background:#22c55e24;border:1px solid #22c55e73;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}.saved button.forget{border-color:var(--line-2);color:var(--muted);background:#ffffff0d}.bigcode{justify-content:center;gap:8px;margin:12px 0 4px;display:flex}.bigcode i{font-style:normal;font-family:var(--mono);color:#fff;background:linear-gradient(150deg,#6366f161,#a855f74d);border:1px solid #a855f773;border-radius:14px;justify-content:center;align-items:center;width:58px;height:70px;font-size:34px;font-weight:700;display:flex}.copybtn{cursor:pointer;font-family:var(--font);color:var(--text);border:1px solid var(--line-2);background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;gap:7px;margin:12px auto 0;padding:9px 16px;font-size:12px;font-weight:700;display:flex}.copybtn.done{color:#4ade80;background:#22c55e24;border-color:#22c55e73}.seg{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;gap:6px;padding:4px;display:flex}.seg button{cursor:pointer;color:var(--muted-2);font-size:12px;font-weight:700;font-family:var(--font);background:0 0;border:none;border-radius:9px;flex:1;padding:10px 4px}.seg button.on{background:var(--grad);color:#fff}.seglabel{color:var(--muted);letter-spacing:.03em;margin:0 0 7px;font-size:11px;font-weight:700}.kindpick{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.kindopt{cursor:pointer;text-align:left;font-family:var(--font);color:var(--text);border:1px solid var(--line-2);background:var(--bg-2);border-radius:16px;padding:12px;transition:border-color .15s,background .15s,transform .12s}.kindopt:active{transform:translateY(1px)}.kindopt.on{background:var(--grad-soft);border-color:#a855f78c;box-shadow:0 14px 34px -22px #8b5cf6f2}.kindart{border:1px solid var(--line);opacity:.6;border-radius:10px;height:74px;margin-bottom:10px;transition:opacity .15s;display:block;overflow:hidden}.kindopt.on .kindart{opacity:1}.kindart svg{width:100%;height:100%;display:block}.kindname{letter-spacing:-.02em;font-size:15px;font-weight:800;display:block}.kindsub{color:var(--muted-2);margin-top:3px;font-size:11px;line-height:1.35;display:block}.codeacts{justify-content:center;gap:8px;margin-top:12px;display:flex}.codeacts .copybtn{margin:0}.sheetwrap{z-index:20;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.sheetscrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:default;background:#060910c7;border:none;animation:.18s both fadein;position:absolute;inset:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}.sharepanel{text-align:center;background:var(--bg-2);border:1px solid #a855f752;border-radius:20px;width:100%;max-width:340px;padding:20px 18px 18px;animation:.34s cubic-bezier(.2,1.35,.4,1) both pop;position:relative;box-shadow:0 30px 70px -20px #000000f2,0 0 0 5px #a855f71f}.sheetclose{cursor:pointer;border:1px solid var(--line-2);width:30px;height:30px;color:var(--muted);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.sheetclose:hover{color:var(--text)}.sharetitle{letter-spacing:-.03em;margin:0 0 14px;font-size:22px;font-weight:800}.qr{background:#f8fafc;border-radius:16px;width:186px;height:186px;margin:0 auto 14px;padding:11px;box-shadow:0 16px 40px -18px #000000e6}.qr svg,.qr img{width:100%;height:100%;display:block}.joinlink{font-family:var(--mono);color:#c084fc;word-break:break-all;background:#a855f71f;border:1px solid #a855f747;border-radius:10px;margin:0;padding:9px 12px;font-size:12.5px;font-weight:700}.panel.tonight{align-items:center;gap:10px;display:flex}.changekind{cursor:pointer;font-family:var(--font);color:var(--muted);border:1px solid var(--line-2);background:#ffffff0d;border-radius:999px;margin-left:auto;padding:7px 12px;font-size:11px;font-weight:700}.changekind:hover{color:var(--text)}.code{justify-content:center;gap:9px;margin:10px 0 2px;display:flex}.code i{font-style:normal;font-family:var(--mono);color:#fff;background:linear-gradient(150deg,#6366f159,#a855f747);border:1px solid #a855f766;border-radius:12px;justify-content:center;align-items:center;width:50px;height:60px;font-size:28px;font-weight:700;display:flex}.player{align-items:center;gap:12px;padding:11px 0;display:flex}.player+.player{border-top:1px solid var(--line)}.ava{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:flex}.ava.wait{border:1px dashed var(--line-2);color:var(--muted-2);background:#ffffff0d}.pname{font-size:14px;font-weight:700}.pmeta{color:var(--muted-2);margin-top:2px;font-size:11px}.player .status{margin-left:auto}.avarow{display:flex}.avarow .ava{border:2px solid var(--tile);width:24px;height:24px;font-size:10px}.avarow .ava+.ava{margin-left:-8px}.progress{align-items:center;gap:10px;margin-bottom:14px;display:flex}.track{background:#ffffff14;border-radius:999px;flex:1;height:6px;overflow:hidden}.fill{background:var(--grad);border-radius:999px;height:100%;transition:width .3s}.count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.titles{height:min(430px,56dvh);margin-bottom:16px;position:relative}.tile{background:var(--tile);border:1px solid var(--line-2);border-radius:18px;position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 50px -18px #000000e6}.tile.s2{filter:brightness(.5);z-index:1;transform:scale(.92)translateY(16px)}.tile.s1{filter:brightness(.72);z-index:2;transform:scale(.96)translateY(8px)}.tile.top{z-index:3;cursor:grab;touch-action:none;will-change:transform}.tile.top.dragging{cursor:grabbing}.poster{position:absolute;inset:0}.poster svg,.poster img{object-fit:cover;width:100%;height:100%;display:block}.tile>.badge{z-index:4;position:absolute;top:12px;left:12px}.tile>.check{z-index:4;position:absolute;top:12px;right:12px}.tile-info{z-index:4;background:linear-gradient(#080d1600,#080d16e0 46%,#080d16fa);padding:18px 16px 16px;position:absolute;bottom:0;left:0;right:0}.tile-title{letter-spacing:-.03em;margin:0 0 9px;font-size:24px;font-weight:800;line-height:1.08}.facts{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fact{color:var(--muted);border:1px solid var(--line);background:#ffffff12;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:600}.fact.star{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b4d}.tile-overview{-webkit-line-clamp:3;text-align:left;cursor:pointer;width:100%;font:inherit;color:#f8fafcd1;background:0 0;border:0;-webkit-box-orient:vertical;margin:10px 0 0;padding:0;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.tile-overview.open{-webkit-line-clamp:unset;overscroll-behavior:contain;max-height:min(220px,30vh);display:block;overflow:auto}.stamp{z-index:5;letter-spacing:.04em;opacity:0;text-transform:uppercase;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;border:3px solid;border-radius:12px;padding:8px 16px;font-size:26px;font-weight:800;position:absolute;top:60px}.stamp.yes{color:#4ade80;background:#22c55e24;left:16px;transform:rotate(-12deg)}.stamp.no{color:#fb7185;background:#f43f5e24;right:16px;transform:rotate(12deg)}.swipe-row{justify-content:center;align-items:center;gap:20px;display:flex}.iconbtn{border:1px solid var(--line-2);cursor:pointer;background:var(--bg-2);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .12s,box-shadow .12s;display:flex}.iconbtn.no{color:#fb7185;background:linear-gradient(#f43f5e29,#f43f5e0f);border-color:#f43f5e6b}.iconbtn.yes{color:#4ade80;background:linear-gradient(#22c55e29,#22c55e0f);border-color:#22c55e6b}.iconbtn:active{transform:scale(.92)}.iconbtn:disabled{opacity:.4;cursor:default}.passlist{flex-direction:column;gap:12px;margin:14px 0 4px;padding:0;list-style:none;display:flex}.passlist li{text-align:left;align-items:flex-start;gap:12px;display:flex}.passn{color:#fff;background:var(--grad);border-radius:50%;flex:0 0 26px;justify-content:center;align-items:center;height:26px;font-size:12px;font-weight:900;display:flex}.passlist b{letter-spacing:-.02em;font-size:14px;font-weight:800;display:block}.passlist p{color:var(--muted);margin:2px 0 0;font-size:12px;line-height:1.5}.dontshow{color:var(--muted);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.dontshow input{accent-color:#a855f7;cursor:pointer;width:15px;height:15px}.faceoff{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.foopt{cursor:pointer;font-family:var(--font);color:var(--text);text-align:left;border:1px solid var(--line-2);background:var(--bg-2);border-radius:16px;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:border-color .15s,background .15s,transform .12s;display:flex}.foopt:active{transform:translateY(1px)}.foopt.on{background:var(--grad-soft);border-color:#a855f78c;box-shadow:0 14px 34px -22px #8b5cf6f2}.foart{border:1px solid var(--line);border-radius:10px;flex:0 0 64px;height:92px;overflow:hidden}.foart img,.foart svg{object-fit:cover;width:100%;height:100%;display:block}.fobody{min-width:0}.foname{letter-spacing:-.02em;font-size:15px;font-weight:800;display:block}.fosub{color:var(--muted-2);margin-top:3px;font-size:11px;line-height:1.35;display:block}.vs{letter-spacing:.18em;color:var(--muted-2);justify-content:center;align-items:center;gap:10px;font-size:12px;font-weight:900;display:flex}.vs:before,.vs:after{content:"";background:var(--line-2);flex:1;height:1px}.row{border-radius:var(--r-tile);border:1px solid var(--line);background:var(--tile);align-items:center;gap:12px;margin-bottom:10px;padding:10px 12px;display:flex;position:relative;overflow:hidden}.row .backdrop{opacity:.2;filter:blur(1px);position:absolute;inset:0}.row .backdrop svg,.row .backdrop img{object-fit:cover;width:100%;height:100%;display:block}.row>*{z-index:2;position:relative}.mini{border:1px solid var(--line-2);border-radius:8px;flex:none;width:44px;height:64px;overflow:hidden}.mini svg,.mini img{object-fit:cover;width:100%;height:100%;display:block}.rowbody{flex:1;min-width:0}.rt{letter-spacing:-.01em;font-size:14px;font-weight:700;line-height:1.2}.rs{color:var(--muted-2);margin-top:3px;font-size:11px}.rowfoot{align-items:center;gap:8px;margin-top:7px;display:flex}.row.elim{cursor:pointer;width:100%;font-family:var(--font);color:var(--text);text-align:left;transition:border-color .15s,background .15s,opacity .15s}.row.elim.kept{background:linear-gradient(90deg,#22c55e21,#182030e6);border-color:#22c55e80}.row.elim.cut{opacity:.42}.row.elim.cut .rt{text-decoration:line-through;-webkit-text-decoration-color:var(--rose);text-decoration-color:var(--rose)}.keepmark{border:1px solid var(--line-2);color:#0000;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.row.elim.kept .keepmark{background:var(--green);border-color:var(--green);color:#06210f}.budget{background:var(--grad-soft);color:var(--muted);border:1px solid #a855f747;border-radius:14px;justify-content:center;align-items:center;gap:9px;margin-bottom:14px;padding:12px;font-size:13px;font-weight:600;transition:border-color .2s;display:flex}.budget b{color:#fff;letter-spacing:-.03em;font-size:26px;font-weight:800;line-height:1}.budget.over{border-color:var(--rose);background:#f43f5e24}.budget.over b{color:#fb7185}.stagebar{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;gap:6px;margin-bottom:16px;padding:4px;display:flex}.stagebar button{cursor:pointer;color:var(--muted-2);font-size:11px;font-weight:700;font-family:var(--font);background:0 0;border:none;border-radius:9px;flex:1;padding:9px 4px}.stagebar button.on{background:var(--grad);color:#fff}.winner-wrap{text-align:center;position:relative}.coin{background:linear-gradient(135deg,var(--indigo,#6366f1),#a855f7);border:2px solid #f8fafc59;border-radius:50%;width:64px;height:64px;animation:1.1s ease-in-out infinite coinflip;display:inline-block;box-shadow:0 10px 24px -10px #8b5cf6b3}@keyframes coinflip{0%{transform:rotateY(0)}50%{transform:rotateY(540deg)}to{transform:rotateY(1080deg)}}.confetti{pointer-events:none;position:absolute;inset:-30px -18px 0;overflow:hidden}.confetti i{border-radius:2px;width:8px;height:13px;animation:2.6s linear infinite fall;position:absolute}@keyframes fall{0%{opacity:0;transform:translateY(-50px)rotate(0)}12%{opacity:1}to{opacity:.85;transform:translateY(620px)rotate(560deg)}}.trophy{aspect-ratio:2/3;border:1px solid #a855f780;border-radius:16px;width:190px;margin:14px auto 18px;animation:.55s cubic-bezier(.2,1.35,.4,1) both pop;position:relative;overflow:hidden;box-shadow:0 0 0 5px #a855f729,0 28px 60px -18px #000000f2}@keyframes pop{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.trophy svg,.trophy img{object-fit:cover;width:100%;height:100%;display:block}.trophy .badge{position:absolute;top:8px;left:8px}.trophy .check{position:absolute;top:8px;right:8px}.winner-title{letter-spacing:-.035em;margin:0 0 12px;font-size:30px;font-weight:800;line-height:1.05}.crown{background:var(--grad);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;padding:7px 15px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 8px 24px -10px #a855f7e6}.navbar{z-index:15;width:calc(100% - 28px);max-width:492px;bottom:12px;left:0;right:0;bottom:max(12px, env(safe-area-inset-bottom,0px));border:1px solid var(--line-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#111827d1;border-radius:999px;gap:2px;margin:0 auto;padding:6px;display:flex;position:fixed;box-shadow:0 18px 40px -18px #000000e6}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.navbar{background:#111827f7}}.navitem{cursor:pointer;color:var(--muted-2);font-family:var(--font);background:0 0;border:none;border-radius:999px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:7px 2px;font-size:10px;font-weight:600;display:flex}.navitem.on{background:var(--grad);color:#fff}.navitem:disabled{opacity:.4;cursor:default}.navitem svg{display:block}@media (display-mode:standalone){.navbar{bottom:calc(12px + env(safe-area-inset-bottom,0px))}}body.kb-open .navbar{display:none}.banner{background:var(--grad-soft);color:var(--text);border:1px solid #a855f759;border-radius:12px;align-items:center;gap:10px;margin:12px 18px 0;padding:11px 14px;font-size:12.5px;font-weight:600;line-height:1.45;display:flex}.banner.amber{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b66}.banner.rose{color:#fb7185;background:#f43f5e1f;border-color:#f43f5e66}.banner .bnr-act{flex:none;gap:6px;margin-left:auto;display:flex}.banner button{cursor:pointer;font-family:var(--font);color:#fff;background:var(--grad);border:none;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}.banner button.quiet{color:var(--muted);border:1px solid var(--line-2);background:#ffffff14}.toast{left:50%;bottom:calc(var(--navbar-clear) + 12px);z-index:30;white-space:nowrap;background:var(--bg-2);border:1px solid var(--line-2);color:var(--text);border-radius:999px;padding:10px 18px;font-size:12.5px;font-weight:700;animation:.18s both fadein;position:fixed;transform:translate(-50%);box-shadow:0 16px 40px -14px #000000e6}.spin{border:2px solid #fff3;border-top-color:var(--purple);border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}