body{margin:0;font-family:var(--font-body);font-size:var(--text-16);line-height:1.5;background:var(--ground);color:var(--text)}.mono{font-family:var(--font-mono)}.skip{position:absolute;left:-9999px;top:8px;background:var(--text);color:var(--ground);padding:8px 12px;z-index:10}.skip:focus{left:8px}.track{height:calc((var(--beats, 6) + 1.6) * 100svh)}.stage{position:sticky;top:0;height:100svh;overflow:hidden;--pad-x: var(--space-9);--pad-top: 28px;--slot-w: min(540px, 40vw)}.view{position:absolute;inset:0;transition:opacity .18s var(--ease)}.view.cut{opacity:0}#scene{position:absolute;inset:0;width:100%;height:100%;display:block}.static-art,body.static #scene{display:none}body.static .static-art{display:block;position:absolute;left:50%;top:40%;width:260px;transform:translate(-50%,-50%);color:var(--secondary);opacity:.5;cursor:pointer}.identity{position:absolute;left:var(--pad-x);top:var(--pad-top);width:min(380px,var(--slot-w));z-index:2}.back{font-size:var(--text-12);color:var(--secondary);text-decoration:none}.back:visited{color:var(--secondary)}.name{margin:12px 0 0;font-family:var(--font-display);font-weight:700;font-size:var(--text-28);letter-spacing:-.02em;line-height:1.1}.role{margin:4px 0 0;font-size:17px}.highlight{margin:14px 0 0;padding-top:10px;border-top:1px solid var(--rule);font-size:15px;font-weight:500}.overlays{position:absolute;inset:0;pointer-events:none}.ov{position:absolute;left:var(--pad-x);top:var(--pad-top);max-width:var(--slot-w);opacity:0;visibility:hidden}.ov a,.ov button{pointer-events:auto}.ov .lines,.ov .transcript{max-height:min(var(--ov-cap, 100svh),calc(100svh - var(--player-h, 240px) - var(--pad-top) - 24px));overflow:hidden}.transcript .ask{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transcript .line{min-width:0}.ask{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;text-align:left;white-space:inherit;cursor:pointer}.ask:hover{color:var(--text);text-decoration:underline dotted var(--accent);text-underline-offset:4px}.compose{font-family:var(--font-mono);font-size:13px;color:var(--secondary);line-height:1.9}.compose span{display:block}.compose b{font-weight:400;color:var(--text)}.lines{margin:0;font-size:13px;line-height:1.9;white-space:pre;color:var(--secondary)}.lines .line{display:block;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity var(--dur-short) var(--ease)}.lines .line.on{opacity:1}.lines .line:nth-child(2).on{color:var(--text)}.line:not(.on) .ask{visibility:hidden}.transcript{list-style:none;margin:0;padding:0;font-size:14px;line-height:1.95}.transcript .line{display:grid;grid-template-columns:28px minmax(0,1fr);opacity:0;transition:opacity var(--dur-short) var(--ease)}.transcript .line.on{opacity:.5}.transcript .line.on:has(+.line:not(.on)),.transcript .line.on:last-child,.transcript .line.on:hover{opacity:1}.transcript .cli{color:var(--text)}.transcript .srv{color:var(--secondary)}.transcript .ok.on{color:var(--accent);opacity:1}.dir{color:var(--accent)}.labels button{position:absolute;left:0;top:0;padding:0 0 6px;margin:0;background:none;border:0;font-size:var(--text-12);color:var(--secondary);text-align:center;white-space:nowrap;opacity:0;visibility:hidden;will-change:transform;cursor:pointer}.labels button[data-below]{padding:6px 0 0}.labels button:hover{color:var(--text)}.labels em{font-style:normal;color:var(--text)}.labels button.pass{color:var(--accent)}.labels button.pass:after{content:" ✓"}body.static .labels{display:none}.inbox{left:50%;top:var(--pad-top);width:min(960px,calc(100% - 2 * var(--pad-x)));max-width:none;transform:translate(-50%)}.inbox-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px}.inbox-head h2{margin:0;font-family:var(--font-display);font-weight:700;font-size:var(--text-28);letter-spacing:-.02em}.inbox-head span{font-size:var(--text-12);color:var(--secondary)}.rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}.rows li{display:grid;grid-template-columns:18px 160px 1fr 50px;gap:16px;align-items:baseline;padding:14px 18px;border-bottom:1px solid var(--rule);opacity:.45}.rows li.unread{opacity:1;background:#1d1d1c}.rows i{width:8px;height:8px;border-radius:50%;display:inline-block}.rows .unread i{background:var(--accent)}.rows b{font-weight:500}.rows span{color:var(--secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rows .unread .from{color:var(--text);font-weight:500}.rows span b{color:var(--text)}.rows time{font-size:var(--text-12);color:var(--secondary);text-align:right}.closing{margin-top:26px;padding-top:22px;border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.closing p{margin:6px 0 0;font-size:18px}.closing-name{margin:0!important;font-family:var(--font-display);font-weight:700;font-size:44px!important;letter-spacing:-.025em;line-height:1}.cta{display:flex;gap:10px}.cta a{font-size:13px;color:var(--text);text-decoration:none;border:1px solid var(--control-border);padding:12px 16px;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center}.cta a:hover{border-color:var(--text)}.cta a.primary{background:var(--text);color:var(--ground);border-color:var(--text)}.card{position:absolute;right:28px;top:28px;width:400px;max-height:calc(100% - 250px);overflow:auto;z-index:6;box-sizing:border-box;padding:20px 22px 18px;background:var(--ground);border:1px solid var(--control-border);outline:none}.card-close{position:absolute;right:10px;top:8px;width:32px;height:32px;background:none;border:0;color:var(--secondary);font-size:22px;line-height:1;cursor:pointer}.card-close:hover{color:var(--text)}.card-kind{margin:0 32px 6px 0;font-size:var(--text-12);color:var(--secondary);text-transform:uppercase;letter-spacing:.06em}.card-title{margin:0 32px 10px 0;font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.2;letter-spacing:-.01em}.card-body p{margin:0 0 10px;font-size:15px}.card-code,.card-email{margin:4px 0 12px;padding:10px 12px;font-size:12px;line-height:1.7;white-space:pre-wrap;word-break:break-word;background:#1d1d1c;border:1px solid var(--rule)}.card-code,.card-email{color:var(--text)}.card-email .head{color:var(--secondary)}.card-link{display:inline-block;font-size:var(--text-12);color:var(--accent)}.player{position:absolute;left:var(--pad-x);right:var(--pad-x);bottom:28px;z-index:3}.now{max-width:min(640px,46vw);margin-bottom:18px}.question{margin:6px 0 8px;font-family:var(--font-display);font-weight:700;font-size:40px;line-height:1.1;letter-spacing:-.02em}.sub{margin:0;font-size:17px;color:var(--secondary);max-width:620px}.step-title{margin:0 0 6px;font-size:var(--text-12);color:var(--secondary);text-transform:uppercase;letter-spacing:.06em}.step-title span:last-child{color:var(--text)}.narration{margin:0;font-size:17px;min-height:3em}.narration em{font-style:normal;color:var(--accent)}.narration .term{color:var(--accent);text-decoration:underline dotted;text-underline-offset:4px}.narration .term:after{content:"↗";font-size:.7em;margin-left:1px;vertical-align:.35em}.narration .term:hover{text-decoration-style:solid}.controls{display:flex;align-items:center;gap:20px;border-top:1px solid var(--rule);padding-top:16px}.play{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 20px;font-size:13px;cursor:pointer;background:var(--text);color:var(--ground);border:1px solid var(--text)}.play svg{width:12px;height:14px;display:none}.play .i-play{display:block}body.started .play{width:44px;padding:0;background:transparent;color:var(--text);border-color:var(--control-border)}body.started .play:hover{border-color:var(--text)}body.started .play-text,body.playing .play .i-play,body.ended .play .i-play{display:none}body.playing .play .i-pause{display:block}body.ended .play .i-replay{display:block;width:14px}.chapters{flex:1;display:flex;gap:6px;list-style:none;margin:0;padding:0;min-width:0}.chapters li{flex-basis:0;min-width:0}.chapters button{width:100%;background:none;border:0;padding:12px 0 4px;margin:0;cursor:pointer;text-align:left;color:var(--secondary);font:inherit}.bar{display:block;height:2px;background:var(--rule);overflow:hidden}.fill{display:block;height:100%;background:var(--text);transform:scaleX(0);transform-origin:left}.lbl{display:block;margin-top:8px;font-size:var(--text-12);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapters button:hover .bar{background:var(--control-border)}.chapters button:hover .lbl,body.started .chapters button[aria-current=step] .lbl{color:var(--text)}.time{flex:none;font-size:var(--text-12);color:var(--secondary);font-variant-numeric:tabular-nums}@media(orientation:portrait){.stage{--slot-w: min(640px, calc(100vw - 2 * var(--pad-x)))}.now{max-width:640px}}@media(max-width:767px){.stage{--pad-x: 20px;--pad-top: 16px;--ov-cap: 36svh}.name{font-size:26px;margin-top:8px}.role{font-size:15px}.highlight{font-size:14px}.transcript{font-size:11.5px;line-height:1.75}.lines,.compose{font-size:11.5px}.inbox{width:calc(100% - 40px)}.inbox-head{flex-direction:column;gap:2px}.rows li{grid-template-columns:14px 1fr 40px;padding:10px 8px}.rows .subj{display:none}.closing{grid-template-columns:1fr;gap:16px;margin-top:18px;padding-top:16px}.closing-name{font-size:36px!important}.cta{flex-wrap:wrap}.cta a{flex:1 1 auto;justify-content:center}.card{inset:auto 12px 12px;width:auto;max-height:72%}.player{bottom:16px}.now{margin-bottom:12px}.question{font-size:28px}.sub,.narration{font-size:15px}.narration{min-height:4.5em}.controls{gap:12px;padding-top:12px}.chapters{gap:4px}.lbl,.time{display:none}}@media(max-width:767px)and (max-height:700px){.stage{--ov-cap: 30svh}.question{font-size:24px}.sub,.narration{font-size:14px;line-height:1.45}.narration{min-height:0}.highlight{display:none}.role{font-size:14px}.closing-name{font-size:28px!important}.rows li:not(.unread){display:none}}@media(max-height:540px)and (orientation:landscape){.stage{--pad-x: 20px;--pad-top: 12px;--slot-w: 44vw}.identity{width:44vw}.back{font-size:11px}.name{font-size:22px;margin-top:4px}.role{font-size:14px;margin-top:2px}.highlight{font-size:13px;margin-top:8px;padding-top:6px}.transcript{font-size:11px;line-height:1.6}.lines,.compose{font-size:11px;line-height:1.7}.player{bottom:8px}.now{max-width:44vw;margin-bottom:8px}.question{font-size:22px;margin:0 0 4px}.sub,.narration{font-size:14px;line-height:1.45}.narration{min-height:0}.step-title{margin-bottom:2px}.controls{gap:12px;padding-top:8px}.play{height:36px}body.started .play{width:36px}.chapters button{padding:8px 0 2px}.lbl{display:none}.inbox{top:10px;width:calc(100% - 40px)}.inbox-head{margin-bottom:6px}.inbox-head h2{font-size:20px}.rows li{padding:8px 12px}.rows li:not(.unread){display:none}.closing{margin-top:10px;padding-top:10px;gap:16px;grid-template-columns:1fr auto}.closing-name{font-size:26px!important}.closing p{font-size:14px}.cta{flex-wrap:nowrap}.cta a{min-height:36px;padding:8px 12px}.card{inset:8px 8px 8px auto;width:46vw;max-height:none}}@media(max-height:400px)and (orientation:landscape){.highlight{display:none}.question{font-size:20px}.closing p:not(.closing-name){display:none}}@media(prefers-reduced-motion:reduce){.view,.lines .line,.transcript .line{transition:none}}