:root{--bg:#0b0b0c;--panel:#111214;--panel-2:#191b1e;--line:#2a2d31;--text:#f2f2f0;--muted:#9a9ea6;--accent:#e8e3d6;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:none;border:0;padding:0;cursor:pointer}.stage{position:relative;width:100%;max-width:430px;min-height:100svh;margin:0 auto;overflow:hidden;background:var(--bg)}@media (min-width:431px){.stage{box-shadow:0 0 0 1px var(--line)}}.drive,.drive-poster{width:100%;object-fit:cover;object-position:50% 0;z-index:0}.drive,.drive-poster,.drive-shade{position:absolute;top:0;left:0;height:100vh;height:100svh}.drive-shade{right:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,0) 22%,rgba(0,0,0,0) 30%,rgba(11,11,12,.6) 44%,rgba(11,11,12,1) 56%)}.top{position:absolute;top:0;z-index:3;left:var(--stem-x,calc(50% + 6.4svh));transform:translateX(-50%);padding:calc(14px + env(safe-area-inset-top)) 0 0 .18em;white-space:nowrap;font-size:11px;letter-spacing:.18em;font-weight:600}.pill{border:1.5px solid rgba(255,255,255,.85);border-radius:999px;padding:8px 12px;letter-spacing:.08em;min-height:32px;display:inline-flex;align-items:center;gap:8px}.hero{position:absolute;left:20px;right:20px;top:19svh;z-index:3;font-size:clamp(28px,8vw,34px);line-height:1.08;font-weight:600;letter-spacing:-.015em;text-shadow:0 2px 24px rgba(0,0,0,.45);max-width:300px}.screen{position:relative;z-index:2;margin:33svh 12px 0;border:3px solid transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(160deg,#eceef1 0,#b4b8be 30%,#f3f4f6 52%,#a3a7ad 74%,#d6d9dd 100%) border-box;border-radius:14px;box-shadow:0 30px 60px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.55),inset 0 0 0 1px #000;padding:10px 12px;display:flex;flex-direction:column;gap:12px}.status{display:flex;justify-content:space-between}.sound,.status{align-items:center;font-size:10px;letter-spacing:.08em;color:var(--muted)}.sound{display:inline-flex;gap:6px;min-height:32px;padding:4px 8px;margin:-4px 0;border-radius:999px;font-weight:600}.sound[aria-pressed=true]{color:var(--text)}.cols{display:grid;grid-template-columns:1.15fr 1fr;grid-gap:12px;gap:12px}.kicker{font-size:9px;letter-spacing:.16em;font-weight:600;color:var(--muted);margin:0 0 8px}.col{display:flex;flex-direction:column;gap:8px;min-width:0}.video{display:block;position:relative;border-radius:8px;overflow:hidden;background:var(--panel-2);aspect-ratio:16/9;border:1px solid var(--line)}.video iframe,.video img{width:100%;height:100%;display:block;object-fit:cover;border:0}.play{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:rgba(0,0,0,.55);border:1.5px solid rgba(255,255,255,.9);display:grid;place-items:center}.play:after{content:"";margin-left:3px;border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.vtitle{font-size:12px;font-weight:600;line-height:1.3}.vmeta{font-size:10px;color:var(--muted)}.upnext{display:flex;flex-direction:column;gap:6px}.upnext a{display:grid;grid-template-columns:64px 1fr;grid-gap:8px;gap:8px;align-items:center;min-height:44px}.upnext img{width:64px;height:36px;object-fit:cover;border-radius:4px;border:1px solid var(--line);background:var(--panel-2)}.upnext span{font-size:10px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post{display:block;border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:var(--panel-2);font-size:11px;line-height:1.35;min-height:44px}.post small{display:block;font-size:9px;color:var(--muted);margin-bottom:4px;letter-spacing:.04em}.post p{margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.nav{justify-content:space-around;border-top:1px solid var(--line);padding-top:12px}.nav,.nav a,.nav button{display:flex;align-items:center}.nav a,.nav button{flex-direction:column;gap:5px;min-width:56px;min-height:48px;font-size:9px;letter-spacing:.14em;font-weight:600;color:var(--muted)}.nav svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.nav a:hover,.nav button:hover{color:var(--text)}.about{position:relative;z-index:2;margin:12px 12px calc(12px + env(safe-area-inset-bottom));padding:24px 20px 8px;background:var(--bg);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;gap:14px}.about h2{margin:0;font-size:26px;font-weight:600;letter-spacing:-.01em}.about .kicker{margin:0}.about p{margin:0;font-size:15px;line-height:1.5}.about .foot,.legal .foot{font-size:clamp(9px,calc((100vw - 66px) / 24),13px);letter-spacing:.04em;color:var(--muted);padding-top:6px;text-align:center;white-space:nowrap}.about .disclaimer{font-size:12px;line-height:1.5;color:var(--muted)}.about .disclaimer a{text-decoration:underline;text-underline-offset:3px}.notice-backdrop{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.6);display:grid;place-items:end center;padding:16px}.notice{width:100%;max-width:398px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 18px calc(16px + env(safe-area-inset-bottom));box-shadow:0 30px 60px rgba(0,0,0,.6)}.notice p{margin:0 0 14px;font-size:14px;line-height:1.5}.notice .kicker{margin-bottom:8px}.notice-actions{display:flex;gap:10px;justify-content:flex-end}.notice-actions a,.notice-actions button{min-height:44px;padding:0 16px;border-radius:999px;font-size:12px;letter-spacing:.08em;font-weight:600;display:inline-flex;align-items:center}.notice-back{color:var(--muted)}.notice-go{background:var(--text);color:var(--bg)}.about .terms-link{text-align:center;font-size:11px;letter-spacing:.04em;color:var(--muted)}.about .terms-link a{text-decoration:underline;text-underline-offset:3px;display:inline-block;min-height:44px;line-height:44px}.about .terms-link a:hover{color:var(--text)}.legal{max-width:640px;margin:0 auto;padding:calc(24px + env(safe-area-inset-top)) 20px 48px}.legal .back{display:inline-block;min-height:44px;line-height:44px;font-size:12px;letter-spacing:.08em;color:var(--muted)}.legal .back:hover{color:var(--text)}.legal h1{font-size:28px;font-weight:600;letter-spacing:-.01em;margin:8px 0 4px}.legal .eff{font-size:12px;color:var(--muted);margin:0 0 20px}.legal h2{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;margin:36px 0 4px;padding-top:20px;border-top:1px solid var(--line)}.legal h3{font-size:16px;font-weight:600;margin:22px 0 6px}.legal li,.legal p{font-size:15px;line-height:1.6}.legal p,.legal ul{margin:0 0 12px}.legal ul{padding-left:20px}.legal li{margin-bottom:10px}.legal a:not(.back){text-decoration:underline;text-underline-offset:3px}.legal .foot{margin-top:32px}