:root{--bg:#0a0d14;--deep:#070a10;--surface:#111622;--surface-2:#171d2b;--line:#e2eaff17;--line-2:#e2eaff29;--ink:#eef2fa;--ink-2:#aeb8cc;--mute:#7c879c;--read:#4a5468;--live:#7db3ff;--live-2:#a78bff;--ease:cubic-bezier(.16,1,.3,1);--serif:"Newsreader",Georgia,serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--gutter:clamp(16px,4vw,40px)}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}body{background:var(--bg);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.55;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,textarea,output{font:inherit;color:inherit}ol{list-style:none}:focus-visible{outline:2px solid var(--live);outline-offset:2px;border-radius:4px}::selection{background:var(--live);color:var(--bg)}.wrap{width:min(1240px,100% - 2*var(--gutter));margin-inline:auto}.label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-size:11.5px}kbd{font-family:var(--mono);border:1px solid var(--line-2);color:var(--ink-2);border-radius:4px;padding:1px 6px;font-size:11px}.top{border-bottom:1px solid var(--line)}.top__in{justify-content:space-between;align-items:center;gap:16px;height:60px;display:flex}.logo{font-family:var(--serif);letter-spacing:-.02em;align-items:center;gap:10px;font-size:26px;font-style:italic;display:inline-flex}.rec{background:var(--live);width:10px;height:10px;box-shadow:0 0 14px var(--live);border-radius:50%}.top__note{font-family:var(--mono);color:var(--mute);font-size:12px}.hero{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;gap:clamp(32px,5vw,72px);padding:clamp(56px,9vh,104px) 0 clamp(48px,7vh,80px);display:grid}.hero__title{letter-spacing:-.035em;font-size:clamp(56px,8.2vw,124px);font-weight:400;line-height:.92}.hero__title em{background:linear-gradient(100deg,var(--live),var(--live-2));color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.06em;font-style:italic}.hero__lead{max-width:30em;color:var(--ink-2);margin-top:28px;font-size:clamp(18px,1.5vw,21px)}.btn{cursor:pointer;background:var(--ink);height:48px;color:var(--bg);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;transition:transform .4s var(--ease),background .3s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:30px;padding:0 22px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn kbd{color:inherit;opacity:.6;border-color:currentColor}.btn--ghost{color:var(--ink);border:1px solid var(--line-2);background:0 0;margin:0}.btn--ghost:hover{border-color:var(--ink-2)}.btn--wide{width:100%;margin-top:22px}.mini{border:1px solid var(--line-2);background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:0 40px 100px -40px color-mix(in srgb,var(--live) 28%,transparent),0 20px 50px -30px #000;border-radius:20px;overflow:hidden}.mini__bar{border-bottom:1px solid var(--line);font-family:var(--mono);color:var(--mute);align-items:center;gap:16px;padding:12px 18px;font-size:12px;display:flex}.mini__rec{color:var(--live);font-family:var(--mono);letter-spacing:.1em;align-items:center;gap:7px;font-size:11.5px;display:inline-flex}.mini__rec i{background:var(--live);border-radius:50%;width:7px;height:7px;animation:1.4s step-end infinite blink}@keyframes blink{50%{opacity:.25}}.mini__clock{color:var(--ink);font-variant-numeric:tabular-nums}.mini__wpm{margin-left:auto}.pr{position:relative;overflow:hidden}.pr__track{will-change:transform;position:relative}.pr__track p{margin-bottom:.9em}.pr span{color:var(--ink-2);transition:color .25s}.pr span.is-read{color:var(--read)}.pr span.is-now{color:var(--ink);text-shadow:0 0 18px color-mix(in srgb,var(--live) 55%,transparent)}.pr:before,.pr:after{content:"";z-index:1;pointer-events:none;height:28%;position:absolute;left:0;right:0}.pr:before{background:linear-gradient(var(--surface-2),transparent);top:0}.pr:after{background:linear-gradient(transparent,var(--surface));bottom:0}.pr--mini{letter-spacing:-.01em;height:300px;padding:0 26px;font-size:clamp(22px,2vw,28px);line-height:1.35}.app{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:16px;padding-top:clamp(24px,4vh,48px);display:grid}.sheet{border:1px solid var(--line);background:var(--surface);border-radius:20px;position:sticky;top:16px;overflow:hidden}.sheet__bar{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:14px 20px;display:flex}.sheet__count{font-family:var(--mono);color:var(--ink-2);margin-right:auto;font-size:12px}.link{cursor:pointer;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);background:0 0;border:0;font-size:12px;transition:color .2s}.link:hover{color:var(--ink)}.sheet__text{resize:none;width:100%;height:min(72vh,680px);font-family:var(--serif);color:var(--ink);background:0 0;border:0;outline:0;padding:24px 26px;font-size:19px;line-height:1.65;display:block}.sheet__text::placeholder{color:var(--read)}.side{flex-direction:column;gap:16px;min-width:0;display:flex}.panel{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:20px 22px}.ctl+.ctl,.ctl-row{margin-top:18px}.ctl-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.ctl-row .ctl{margin-top:0}.ctl__top{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.ctl label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-size:11.5px}.ctl output{font-family:var(--mono);color:var(--ink);font-size:13px}input[type=range]{width:100%;accent-color:var(--live)}.chips{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.chips button{border:1px solid var(--line-2);cursor:pointer;font-family:var(--mono);color:var(--ink-2);background:0 0;border-radius:999px;padding:6px 11px;font-size:11.5px;transition:all .2s}.chips button:hover{border-color:var(--ink-2)}.chips button.is-on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.runtime{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:clamp(72px,8vw,112px);line-height:1}.facts{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:18px;display:grid}.facts div{padding-top:12px}.facts dt{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-size:11px}.facts dd{letter-spacing:-.02em;margin-top:2px;font-size:26px}.bar{background:var(--surface-2);border-radius:6px;height:30px;margin-top:20px;position:relative;overflow:hidden}.bar i{background:var(--line-2);border-right:3px solid var(--surface-2);border-radius:3px;position:absolute;top:6px;bottom:6px}.bar b{background:linear-gradient(90deg,color-mix(in srgb,var(--live) 38%,transparent),color-mix(in srgb,var(--live) 12%,transparent));border-right:2px solid var(--live);transition:width .4s var(--ease);position:absolute;top:0;bottom:0;left:0}.bar__scale{font-family:var(--mono);color:var(--mute);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.hook{margin-top:10px;font-size:19px;line-height:1.5}.hook mark{color:var(--ink);box-shadow:inset 0 -.42em 0 color-mix(in srgb,var(--live) 30%,transparent);background:0 0}.hook span{color:var(--read)}.hint{font-family:var(--mono);color:var(--ink-2);margin-top:12px;font-size:12px;line-height:1.6}.shots{padding:clamp(64px,10vh,112px) 0}.shots__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;display:flex}.shots__title{letter-spacing:-.03em;margin-top:8px;font-size:clamp(32px,4vw,52px);font-weight:400;line-height:1.05}.shots__title span{font-style:italic}.shots__btns{gap:8px;display:flex}.shots__list{border-top:1px solid var(--line);counter-reset:s}.shots__list li{border-bottom:1px solid var(--line);grid-template-columns:48px 170px minmax(0,1fr);align-items:baseline;gap:16px;padding:14px 0;display:grid}.shots__n{font-family:var(--mono);color:var(--live);font-size:12px}.shots__t{font-family:var(--mono);color:var(--mute);font-variant-numeric:tabular-nums;font-size:12.5px}.shots__x{color:var(--ink-2);font-size:18px}.prompter{z-index:50;background:var(--deep);animation:fade .4s var(--ease);flex-direction:column;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.prompter__bar{border-bottom:1px solid var(--line);font-family:var(--mono);color:var(--mute);align-items:center;gap:20px;padding:16px clamp(16px,3vw,32px);font-size:12.5px;display:flex}.prompter__clock{color:var(--ink);font-variant-numeric:tabular-nums}.prompter__keys{margin-left:auto}.prompter__keys kbd{margin:0 2px}.prompter__wpm{color:var(--ink-2)}.prompter__close{border:1px solid var(--line-2);cursor:pointer;width:34px;height:34px;color:var(--ink-2);background:0 0;border-radius:50%}.prompter .mini__rec i{opacity:.35;animation-play-state:paused}.prompter.is-playing .mini__rec i{opacity:1;animation-play-state:running}.pr--big{padding:0 max(var(--gutter),calc((100vw - 980px) / 2));letter-spacing:-.015em;flex:1;font-size:clamp(30px,4.2vw,58px);line-height:1.3}.pr--big:before{background:linear-gradient(var(--deep),transparent)}.pr--big:after{background:linear-gradient(transparent,var(--deep))}.prompter__guide{pointer-events:none;height:0;position:fixed;top:calc(38vh + 39.06px + clamp(30px,4.2vw,58px)/1.53846);left:0;right:0}.prompter__guide:before{content:"";border-left:12px solid var(--live);border-block:8px solid #0000;width:0;height:0;position:absolute;left:clamp(8px,2vw,24px);transform:translateY(-8px)}.prompter__play{z-index:2;cursor:pointer;background:var(--ink);height:52px;color:var(--bg);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border:0;border-radius:999px;padding:0 30px;font-size:13px;position:fixed;bottom:28px;left:50%;translate:-50%}.foot{border-top:1px solid var(--line);font-family:var(--mono);color:var(--mute);padding:22px 0;font-size:12px}.foot__in{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.foot a:hover{color:var(--ink)}@media (width<=960px){.hero,.app{grid-template-columns:1fr}.sheet{position:static}.sheet__text{height:420px}.prompter__keys{display:none}}@media (width<=600px){.top__note{display:none}.ctl-row{grid-template-columns:1fr}.shots__list li{grid-template-columns:36px minmax(0,1fr)}.shots__x{grid-column:1/-1}.pr--mini{height:240px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.foot a{margin:-10px 0;padding:10px 0;display:inline-block}[data-sample],[data-clear]{margin:-10px -6px;padding:10px 6px}@media (pointer:coarse){input[type=range]{height:32px}}.foot__links{flex-wrap:wrap;gap:20px;display:flex}
