:root{--ink:#f3efe8;--ink-studio:#2b2825;--muted:#f3efe899;--serif:"Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans:"Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{background:#2e2924;height:100%;margin:0;overflow:hidden}canvas#scene{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;color:var(--ink);font-family:var(--sans);position:fixed;inset:0}body.in-studio #hud{color:var(--ink-studio)}.start{text-align:center;pointer-events:auto;cursor:pointer;color:#f3efe8;background:radial-gradient(#14110e8c,#14110ed9);place-content:center;gap:.6rem;display:grid;position:absolute;inset:0}.start[hidden]{display:none}.start__case{letter-spacing:.24em;text-transform:uppercase;opacity:.7;margin:0;font-size:.8rem}.start__title{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:clamp(3rem,9vw,6.5rem);font-weight:400}.start__cta{margin:1.4rem 0 0;font-size:1rem;animation:2.4s ease-in-out infinite breathe}.start__keys{opacity:.55;margin:.4rem 0 0;font-size:.78rem}@keyframes breathe{50%{opacity:.45}}.resume{pointer-events:auto;cursor:pointer;font:500 .82rem var(--sans);color:#f3efe8;background:#1e1b18d1;border:0;border-radius:999px;padding:.55rem 1rem;position:absolute;top:1.2rem;left:50%;transform:translate(-50%)}.resume[hidden]{display:none}.subtitle{text-align:center;opacity:0;width:min(52rem,100% - 2rem);transition:opacity .35s,transform .35s;position:absolute;bottom:4.6rem;left:50%;transform:translate(-50%,.5rem)}.subtitle.is-on{opacity:1;transform:translate(-50%)}.subtitle__who{letter-spacing:.2em;text-transform:uppercase;color:var(--speaker);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.72rem;font-weight:600;display:inline-flex}.subtitle__who .dot{background:var(--speaker);border-radius:50%;width:.5rem;height:.5rem}.subtitle__text{font-family:var(--serif);text-shadow:0 1px 12px #00000059;margin:0;font-size:clamp(1.15rem,2.1vw,1.6rem);line-height:1.4}body.in-studio .subtitle__text{text-shadow:0 0 18px #ffffffe6}.subtitle__text mark{color:inherit;background:0 0;transition:color .25s}.subtitle__text mark.is-done{color:var(--speaker,#e5432e)}.subtitle .ghost{visibility:hidden}.subtitle{--speaker:#e5432e}.timeline{opacity:.75;align-items:center;gap:.8rem;width:min(40rem,100% - 2rem);display:flex;position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%)}.timeline__mode{text-align:center;width:1.6rem;font-size:.7rem}.timeline__mode[data-mode=rewind],.timeline__mode[data-mode=forward]{color:var(--speaker)}.timeline__track{background:color-mix(in srgb, currentColor 22%, transparent);flex:1;height:2px;position:relative}.timeline__line{border-left:1px solid color-mix(in srgb, currentColor 35%, transparent);height:6px;position:absolute;top:-2px}.timeline__head{background:var(--speaker);opacity:1;border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute;top:50%}.end{letter-spacing:.08em;opacity:.7;margin:0;font-size:.8rem;position:absolute;top:1.4rem;left:50%;transform:translate(-50%)}.end[hidden]{display:none}@media (width<=640px){.subtitle{bottom:4rem}.start__keys{padding:0 1rem}}