.narrator-menu{min-width:11rem}.narrator-hint{right:0;bottom:calc(100% + var(--s3));z-index:4;width:max-content;max-width:min(17rem, calc(100vw - 2 * var(--s4)));align-items:start;gap:var(--s2) var(--s2);padding:var(--s3) var(--s2) var(--s3) var(--s4);border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--paper);box-shadow:var(--shadow-2);transform-origin:calc(100% - 16px) 100%;grid-template-columns:1fr auto;display:grid;position:absolute}.narrator-hint:after{content:"";background:var(--paper);border:solid var(--line-2);border-width:0 1px 1px 0;width:10px;height:10px;position:absolute;bottom:-6px;right:11px;transform:rotate(45deg)}.narrator-hint-text{font-size:var(--t-small);color:var(--ink-2);margin:0;line-height:1.45}.narrator-hint-close{border-radius:var(--r-full);cursor:pointer;width:24px;height:24px;color:var(--ink-3);background:0 0;border:0;place-items:center;margin:-2px 0 0;display:grid}.narrator-hint-close:hover{background:var(--surface-2);color:var(--ink)}.narrator-hint-on{border-radius:var(--r-full);cursor:pointer;background:var(--accent);height:30px;color:var(--on-accent);font-size:var(--t-small);border:0;grid-column:1;justify-self:start;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.narrator-hint-on:hover{background:color-mix(in oklab, var(--accent) 86%, var(--ink))}.narrator-hint-close:focus-visible,.narrator-hint-on:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.narrator-volume{align-items:center;gap:var(--s2);padding:2px var(--s2) var(--s2) 4px;display:flex}.narrator-volume-mute{border-radius:var(--r-full);cursor:pointer;width:28px;height:28px;color:var(--ink-2);background:0 0;border:0;flex:none;place-items:center;display:grid}.narrator-volume-mute:hover{background:var(--surface-2);color:var(--ink)}.narrator-volume-range{cursor:pointer;appearance:none;border-radius:var(--r-full);background:0 0;flex:auto;min-width:0;height:22px;margin:0;padding:0}.narrator-volume-range:focus{background:0 0}.narrator-volume-range:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.narrator-volume-range::-webkit-slider-runnable-track{border-radius:var(--r-full);background:linear-gradient(to right, var(--accent) var(--fill,100%), var(--surface-2) var(--fill,100%));height:4px}.narrator-volume-range::-moz-range-track{border-radius:var(--r-full);background:var(--surface-2);height:4px}.narrator-volume-range::-moz-range-progress{border-radius:var(--r-full);background:var(--accent);height:4px}.narrator-volume-range::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--paper);width:14px;height:14px;box-shadow:var(--shadow-1);border-radius:50%;margin-top:-5px}.narrator-volume-range::-moz-range-thumb{background:var(--accent);border:2px solid var(--paper);width:14px;height:14px;box-shadow:var(--shadow-1);border-radius:50%}.narration-text .narration-word{color:var(--ink-3);transition:color .18s var(--ease)}.narration-text .narration-word.in-sentence{color:var(--ink-2)}.narration-text .narration-word.is-said{color:var(--ink)}.narration-text .narration-word.is-now{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;text-decoration-thickness:2px}@media (prefers-reduced-motion:reduce){.narration-text .narration-word{transition:none}}.stage-card-body{gap:var(--s3);display:grid}.stage-card-head{align-items:baseline;gap:var(--s2) var(--s3);flex-wrap:wrap;min-width:0;display:flex}.stage-card-label{font-size:var(--t-body);color:var(--ink);font-weight:600}.stage-card-text{font-size:var(--t-body);color:var(--ink-2);max-width:72ch;margin:0;line-height:1.55}.stage-card-focus{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.stage-card-focus-label{font-size:var(--t-small);color:var(--ink-3);margin-right:2px}.stage-card-chip{border-radius:var(--r-full);border:1px solid var(--line-2);background:var(--paper);min-height:30px;color:var(--ink);font:inherit;font-size:var(--t-small);cursor:pointer;transition:border-color var(--d1) var(--ease);align-items:center;gap:6px;padding:0 10px;display:inline-flex}.stage-card-chip:hover{border-color:var(--accent)}.stage-card-lock{align-items:center;gap:var(--s2) var(--s3);padding-top:var(--s3);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.is-part .stage-card-head{flex-wrap:nowrap;justify-content:space-between;align-items:center}.stage-card-title{align-items:center;gap:var(--s2);color:var(--ink);min-width:0;font-weight:600;display:inline-flex}.stage-card-close{cursor:pointer;background:var(--surface-2);width:32px;height:32px;color:var(--ink-2);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.stage-card-close:hover{color:var(--ink)}@media (max-width:680px){.narrator-hint-on{height:40px;padding:0 16px}.narrator-hint-close{width:36px;height:36px;margin:-6px -2px 0 0}.narrator-volume-mute{width:40px;height:40px}.narrator-volume-range{height:40px}}.hl-text{position:relative}.hl-wait mark.key{background-size:0 100%}.desc mark.key[tabindex="0"]{cursor:pointer}.desc mark.key:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hl-tools{align-items:center;gap:var(--s1) var(--s3);margin-top:var(--s2);font-size:var(--t-small);color:var(--ink-3);flex-wrap:wrap;display:flex}.hl-tools button{cursor:pointer;font:inherit;color:var(--ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:3px;background:0 0;border:0;padding:4px 0}.hl-tools button:hover{color:var(--ink);text-decoration-color:currentColor}.hl-tools button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.hl-bar{z-index:6;border-radius:var(--r-full);background:var(--paper);border:1px solid var(--line-2);box-shadow:var(--shadow-2);padding:3px;display:flex;position:absolute;translate:-50% calc(-100% - 8px)}.hl-bar.is-docked{top:auto;left:50%;bottom:calc(var(--s4) + env(safe-area-inset-bottom));z-index:60;position:fixed;translate:-50%}.hl-bar button{white-space:nowrap;border-radius:var(--r-full);cursor:pointer;background:var(--accent);height:32px;color:var(--on-accent);font-size:var(--t-small);border:0;align-items:center;gap:6px;padding:0 14px;font-weight:600;display:inline-flex}.hl-bar button:hover{background:color-mix(in oklab, var(--accent) 86%, var(--ink))}.hl-bar button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hl-bar svg{width:15px;height:15px}.hl-bar.is-docked button{height:44px;padding:0 20px}.hl-hint{z-index:5;width:max-content;max-width:min(19rem, calc(100vw - 2 * var(--s4)));align-items:start;gap:var(--s2);padding:var(--s3) var(--s2) var(--s3) var(--s4);border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--paper);box-shadow:var(--shadow-2);grid-template-columns:1fr auto;display:grid;position:absolute;translate:-50% calc(-100% - 10px)}.hl-hint:after{content:"";background:var(--paper);border:solid var(--line-2);border-width:0 1px 1px 0;width:10px;height:10px;position:absolute;bottom:-6px;left:calc(50% - 5px);transform:rotate(45deg)}.hl-hint-text{font-size:var(--t-small);color:var(--ink-2);line-height:1.45}.hl-hint-text strong{color:var(--ink);font-weight:600}.hl-hint-close{border-radius:var(--r-full);cursor:pointer;width:24px;height:24px;color:var(--ink-3);background:0 0;border:0;place-items:center;margin:-2px 0 0;display:grid}.hl-hint-close:hover{background:var(--surface-2);color:var(--ink)}.hl-hint-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hl-hint-close svg{width:14px;height:14px}@media (max-width:680px){.hl-hint-close{width:36px;height:36px;margin:-6px -2px 0 0}.hl-tools button{padding:10px 0}}@media (prefers-reduced-motion:reduce){.desc mark.key{transition:none}}.stage-tip{z-index:3;visibility:hidden;align-items:center;gap:var(--s2);border:1px solid var(--line-2);background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:min(260px,100% - 16px);font-size:var(--t-small);color:var(--ink);pointer-events:none;white-space:nowrap;border-radius:999px;padding:4px 10px;line-height:1.4;display:flex;position:absolute;top:0;left:0}.stage-tip-dot{border-radius:2px;flex:none;width:8px;height:8px}.stage-tip-name{text-overflow:ellipsis;overflow:hidden}.stage-note{display:none}.scene-key{gap:2px var(--s1);padding:var(--s2) var(--s3);border-top:1px solid var(--line);background:var(--surface);flex-wrap:wrap;flex:none;margin:0;list-style:none;display:flex}.stage-scale{right:var(--s3);bottom:var(--s3);z-index:1;pointer-events:none;color:var(--ink-2);justify-items:end;gap:3px;display:grid;position:absolute}.stage-scale-bar{min-width:20px;height:6px;transition:width .25s var(--ease);border:2px solid;border-top:none;display:block}@media (prefers-reduced-motion:reduce){.stage-scale-bar{transition:none}}.track-fill{width:calc(var(--fill,0) * 100%);border-radius:inherit;background:var(--accent);position:absolute;inset:0 auto 0 0}.track-tick{background:var(--paper);width:1px;position:absolute;top:-2px;bottom:-2px;transform:translate(-.5px)}.track-fill,.track-tick{pointer-events:none}.scrub{cursor:pointer;appearance:none;background:0 0;width:100%;height:22px;margin:0;padding:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.scrub::-webkit-slider-runnable-track{background:0 0;height:22px}.scrub::-moz-range-track{background:0 0;height:22px}.scrub::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--paper);width:13px;height:13px;box-shadow:var(--shadow-1);border-radius:50%;margin-top:4.5px}.scrub::-moz-range-thumb{border:2px solid var(--paper);background:var(--accent);width:13px;height:13px;box-shadow:var(--shadow-1);border-radius:50%}.scrub:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent);outline-offset:2px}.scrub:focus-visible::-moz-range-thumb{outline:2px solid var(--accent);outline-offset:2px}.phases--compact{scrollbar-width:none;contain:inline-size;margin-top:var(--s3);flex-wrap:nowrap;overflow-x:auto}.phases--compact::-webkit-scrollbar{display:none}.stage-skeleton{background:var(--stage);place-items:center;display:grid;position:absolute;inset:0}.stage-skeleton-label{color:var(--ink-3);font-size:var(--t-small);animation:1.6s ease-in-out infinite alternate stage-wait}@media (prefers-reduced-motion:reduce){.stage-skeleton-label{animation:none}}.tube{margin:0}@media (max-width:680px){.scrub{height:28px}.scrub::-webkit-slider-runnable-track{height:28px}.scrub::-moz-range-track{height:28px}.scrub::-webkit-slider-thumb{width:16px;height:16px;margin-top:6px}.scrub::-moz-range-thumb{width:16px;height:16px}.scene-key{gap:var(--s2);scroll-snap-type:x proximity;scrollbar-width:none;contain:inline-size;background:0 0;flex-wrap:nowrap;overflow:auto hidden}.scene-key::-webkit-scrollbar{display:none}.stage-note{border-top:1px solid var(--line);display:block;overflow:hidden}}.lp{--lp-sans:var(--font-display);--lp-ease:cubic-bezier(.16, 1, .3, 1);--lp-gutter:clamp(16px, 4vw, 64px);--lp-band:clamp(72px, 48px + 6vw, 144px);--lp-r:28px;--accent:var(--dna);font-family:var(--lp-sans);background:var(--paper);color:var(--ink);interpolate-size:allow-keywords;font-size:1.0625rem;line-height:1.55;overflow-x:clip}