:root{--font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: ui-serif, Iowan Old Style, Palatino, Georgia, serif;--bg: #090a10;--fg: #f6f7fb;--muted: rgba(246, 247, 251, .7);--glass: rgba(255, 255, 255, .06);--stroke: rgba(255, 255, 255, .14);--radius-phone: 28px;--radius-screen: 22px}html,body{height:100%}body{margin:0;overflow:hidden;background:radial-gradient(1200px 900px at 10% 10%,#191827 0%,var(--bg) 60%),radial-gradient(900px 600px at 90% 30%,#2a1f16 0%,transparent 55%),radial-gradient(900px 600px at 80% 90%,#132134 0%,transparent 55%),var(--bg);color:var(--fg);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100dvh}.fatal{margin:0;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre-wrap}.stage{min-height:100dvh;display:grid;place-items:center;padding:28px}.phone{width:min(420px,94vw);aspect-ratio:9 / 16;border-radius:var(--radius-phone);background:linear-gradient(180deg,#ffffff14,#0000) var(--glass);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 90px #0000008c;padding:14px}.story{height:100%;border-radius:var(--radius-screen);background:#000;overflow:hidden;position:relative;display:grid;grid-template-rows:auto auto 1fr;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.story__progress{padding:calc(env(safe-area-inset-top) + 10px) 12px 8px;display:flex;gap:6px}.seg{height:2px;flex:1;border-radius:999px;background:#ffffff38;overflow:hidden}.seg__fill{height:100%;width:100%;background:#fffffff2;transform:scaleX(0);transform-origin:0 50%;transition:transform 60ms linear}.story__header{padding:0 10px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.acct{display:flex;align-items:center;gap:10px;min-width:0}.acct__avatar{width:32px;height:32px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#fff,#e6d8ff 12%,#5ad0ff 40%,#1d2a44 80%);border:1px solid rgba(255,255,255,.35)}.acct__name{font-weight:650;letter-spacing:.02em;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.controls{display:flex;align-items:center;gap:6px}.iconbtn{width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#00000040;color:#fffffff2;display:grid;place-items:center;cursor:pointer}.iconbtn:active{transform:scale(.98)}.story__canvas{position:relative;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.story__media,.story__overlays{position:absolute;inset:0}.story__media{background:#000;pointer-events:none}.story__overlays{pointer-events:none;padding-bottom:env(safe-area-inset-bottom)}.media{width:100%;height:100%;object-fit:cover;display:block}.story img{-webkit-user-drag:none}.ov{position:absolute;transform:translateY(-50%);color:#fffffff5;text-shadow:0 2px 12px rgba(0,0,0,.55)}.ov--headline{font-family:var(--font-display);font-weight:700;font-size:28px;line-height:1.05}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter/Inter-SemiBold.woff2) format("woff2")}.ov--label{font-weight:600;font-size:13px;letter-spacing:.02em;background:#00000061;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 10px;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ov--body{font-size:16px;line-height:1.2}.ov--btn{pointer-events:auto;transform:translateY(-50%);display:inline-flex;align-items:center;gap:8px;padding:12px 14px;min-height:44px;border-radius:999px;text-decoration:none;font-weight:650;font-size:14px;border:1px solid rgba(255,255,255,.2);background:#00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fffffff2}.ov--btn.ov--ghost{background:#ffffff1a}.tap2play{pointer-events:auto;position:absolute;inset:0;display:grid;place-items:center}.tap2play__btn{min-width:160px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#0006;color:#fffffff5;font-weight:650;cursor:pointer}.hub{pointer-events:auto;position:absolute;inset:0;display:grid;align-content:center;gap:18px;padding:18px}.hub__title{font-size:14px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#fffc}.hub__row{display:flex;gap:14px;overflow-x:auto;padding:6px 2px;scroll-snap-type:x mandatory}.hub__row::-webkit-scrollbar{height:0}.hub__item{scroll-snap-align:start;width:104px;border:0;padding:0;background:transparent;color:#fffffff5;cursor:pointer}.hub__cover{width:92px;height:92px;border-radius:999px;padding:4px;background:linear-gradient(135deg,#fff,#bcb0ff 20%,#5ad0ff,#ffb86a 70%,#fff);box-shadow:0 10px 30px #00000059;display:grid;place-items:center}.hub__cover>img{width:100%;height:100%;border-radius:999px;object-fit:cover;border:1px solid rgba(255,255,255,.25);display:block}.hub__label{margin-top:10px;font-size:13px;line-height:1.2;font-weight:600}@media(max-width:540px){body{background:#000}.stage{padding:0}.phone{width:100vw;height:100dvh;aspect-ratio:auto;border-radius:0;padding:0;border:0;box-shadow:none;background:transparent}.story{border-radius:0}}@media(prefers-reduced-motion:reduce){.seg__fill{transition:none}.iconbtn:active{transform:none}}