:root{--ink:#08080A;--field:#0E0E13;--panel:#141419;--raise:#1C1C23;--line:#2A2A33;--bone:#ECECF2;--mute:#9A9AA8;--cyan:#25F4EE;--coral:#E4123F;--coral-deep:#C90E36;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--text:"Hanken Grotesk",system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--ink);color:var(--bone);font-family:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.field{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 70% at 50% 0,#12121A 0,var(--ink) 62%)}.screen{position:relative;width:100%;max-width:420px;height:100dvh;display:flex;flex-direction:column;background:var(--field);padding:calc(env(safe-area-inset-top)+14px) 18px calc(env(safe-area-inset-bottom)+12px);overflow:hidden}@media(min-width:760px) and (min-height:700px){.screen{height:min(800px,calc(100dvh - 56px));border-radius:36px;border:1px solid #1B1B23;box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 44px 90px -34px #000}}.bar{display:flex;align-items:center;gap:12px;flex:none}.bar img{width:96px;height:96px;border-radius:22px;display:block}.marks{display:flex;flex-direction:column;gap:3px;min-width:0}.wordmark{font-family:var(--mono);font-weight:700;font-size:19px;letter-spacing:.02em;line-height:1}.kicker{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}h1{font-family:var(--mono);font-weight:700;font-size:clamp(19px,5.6vw,25px);line-height:1.26;letter-spacing:-.01em;margin-top:18px;flex:none}h1 .hi{color:var(--cyan)}.lede{font-size:clamp(13px,3.6vw,14.5px);line-height:1.5;color:var(--mute);margin-top:10px;max-width:34ch;flex:none}.stage{margin-top:16px;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px}.sw{position:relative;flex:none;height:48px;padding:4px;border-radius:14px;background:var(--panel);border:1px solid var(--line);display:flex;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 1px 0 rgba(255,255,255,.03) inset}.ind{position:absolute;left:4px;top:4px;bottom:4px;width:calc(50% - 4px);border-radius:11px;background:var(--raise);border:1px solid #33333E;box-shadow:0 6px 14px -8px #000,0 1px 0 rgba(255,255,255,.05) inset;will-change:transform}.sw button{position:relative;z-index:1;flex:1 1 0;min-width:0;height:100%;background:none;border:0;cursor:pointer;color:inherit;font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.16em;text-transform:uppercase;-webkit-tap-highlight-color:transparent}.sw button span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.sw button .off{color:var(--mute)}#t0 .on{opacity:calc(1 - var(--t));color:var(--bone)}#t0 .off{opacity:var(--t)}#t1 .on{opacity:var(--t);color:var(--cyan)}#t1 .off{opacity:calc(1 - var(--t))}.sw button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:11px}.panel{position:relative;flex:1 1 auto;min-height:0;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:0 14px 30px -18px #000,0 1px 0 rgba(255,255,255,.03) inset}.bg{position:absolute;inset:0}.bg.pub{background:var(--panel)}.bg.hid{background:linear-gradient(180deg,#132227 0,#121219 58%);opacity:var(--t)}.inner{position:relative;height:100%;display:flex;flex-direction:column;gap:9px;padding:12px}.head{display:flex;align-items:center;gap:9px;flex:none}.ava{width:30px;height:30px;border-radius:10px;flex:none;background:var(--raise);border:1px solid #34343F;position:relative}.ava i{position:absolute;left:7px;top:7px;width:8px;height:8px;border-radius:2px;background:var(--mute)}.ava i.c{opacity:var(--t);background:var(--cyan);left:14px;top:14px}.handle{font-family:var(--mono);font-weight:500;font-size:12.5px;color:var(--bone)}.state{position:relative;margin-left:auto;height:16px;flex:none;min-width:104px}.state span{position:absolute;right:0;top:0;white-space:nowrap;font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.state .pub{color:var(--mute);opacity:calc(1 - var(--t))}.state .hid{color:var(--cyan);opacity:var(--t)}.tags{position:relative;height:17px;flex:none}.tags div{position:absolute;inset:0;display:flex;gap:8px;align-items:center}.tags em{font-style:normal;font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.05em}.tags .pub{opacity:calc(1 - var(--t))}.tags .pub em{color:var(--mute);text-decoration:line-through}.tags .hid{opacity:var(--t)}.tags .hid em{color:var(--cyan)}.grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}.tile{position:relative;border-radius:12px;overflow:hidden;background:#191920;border:1px solid #26262F}.f{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:4px}.cap{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.06em;text-transform:uppercase;text-align:center}.f.pub{opacity:calc(1 - var(--t))}.f.pub .cap{color:#9A9AA8}.f.hid{opacity:var(--t);transform:translateY(calc((1 - var(--t)) * var(--d,8px)))}.f.hid .cap{color:var(--bone)}.tile .bgf{position:absolute;inset:0;background:#1A262B;opacity:var(--t)}.mk{width:18px;height:18px;border-radius:5px;background:#2B2B35;display:block}.mk.slash{position:relative;background:#22222A}.mk.slash i{position:absolute;left:3px;top:8px;width:12px;height:2px;background:#54545F;transform:rotate(-38deg)}.mk.on{background:var(--cyan)}.mk.play{background:#33333F;clip-path:polygon(22% 12%,22% 88%,86% 50%)}.tile.keep{background:#1B1B22}.tile.keep .cap{color:#9A9AA8}.action{flex:none;margin-top:14px}.cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;border-radius:15px;background:var(--coral);color:#fff;text-decoration:none;font-family:var(--mono);font-weight:700;font-size:15px;letter-spacing:.01em;box-shadow:0 8px 18px -12px #000,0 1px 0 rgba(255,255,255,.14) inset;transition:transform .12s ease-out;-webkit-tap-highlight-color:transparent}.cta:active{transform:scale(.975)}.cta:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}@media(hover:hover){.cta:hover{background:var(--coral-deep)}}.after{margin-top:9px;text-align:center;font-size:12.5px;line-height:1.45;color:var(--mute)}.foot{flex:none;margin-top:10px;text-align:center;font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8A8A99}@media(max-height:760px){.bar img{width:72px;height:72px;border-radius:18px}h1{margin-top:12px}.stage{margin-top:12px}}@media(prefers-reduced-motion:reduce){.ind,.f,.bg.hid,.tags div,.state span,.ava i.c,.tile .bgf{transition:opacity .16s linear}.f.hid{transform:none}.cta{transition:none}}html,body{max-width:100%;overflow-x:clip}