@layer starlight,reset,tokens,base;@layer components{.tape{gap:var(--canon-space-1);margin:0;display:grid;container:tape/inline-size}.tape-frame{--pad-x:clamp(.4rem, 2.4cqi, 1.25rem);--pad-y:clamp(.5rem, 2cqi, 1rem);--cell:min(.5833rem, (100cqi - 2 * var(--pad-x) - 2px) / var(--cols,100));width:calc(var(--cols,100) * var(--cell) + 2 * var(--pad-x) + 2px);justify-self:start;max-width:100%}.tape-window{background:var(--tape-bg,var(--surface-terminal))}.tape-screen{padding:var(--pad-y) var(--pad-x);background:var(--tape-bg,var(--surface-terminal));color:var(--tape-fg,var(--text-secondary));outline:none;position:relative}.tape-screen:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-ring)}.tape-grid{width:calc(var(--cols,100) * var(--cell));font-family:var(--font-mono-stack);font-size:calc(var(--cell) / .6);letter-spacing:0;font-kerning:none;font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0;text-rendering:geometricprecision;-webkit-user-select:text;user-select:text;font-weight:400;line-height:1.2;overflow:hidden}.tape-row{white-space:pre;min-height:1lh;display:block}.tape-grid .c{width:calc(var(--cell));text-align:center;vertical-align:top;height:1lh;display:inline-block;overflow:hidden}.tape-progress{pointer-events:none;background:var(--amber);transform-origin:0;opacity:0;height:1px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}:is(.tape[data-state=playing],.tape[data-state=paused]) .tape-progress{opacity:1}.tape .term-ctl[data-playing=false] .when-playing{display:none}.tape .term-ctl[data-playing=false] .when-paused{display:block}:is(html.no-js .tape,.tape[data-state=static]) .tape-controls{visibility:hidden}.tape-cap{gap:var(--canon-space-1);display:grid}.tape-chapters{border-top:1px solid var(--rule);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.tape-chapter{width:100%;min-height:44px;padding:var(--canon-space-0) var(--canon-space-0) var(--canon-space-0) 0;text-align:start;color:var(--ink-3);font-size:var(--type-small);cursor:pointer;transition:color var(--duration-control) var(--ease-standard);grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:.6em;font-weight:500;display:grid;position:relative}.tape-chapter-n{font-family:var(--font-mono-stack);font-size:var(--type-micro);color:var(--ink-3);min-width:2ch;font-weight:400}.tape-chapter[aria-current] .tape-chapter-n:before{content:"❯";color:var(--amber-ink);position:absolute;translate:-1.3em}.tape-chapter[aria-current]{color:var(--ink)}.tape-chapter:disabled{cursor:default}.tape-chapter:not(:disabled):hover{color:var(--ink)}.tape-chapter:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.tape-chapter-bar{left:0;right:var(--canon-space-0);height:2px;position:absolute;top:-1px}.tape-chapter[aria-current] .tape-chapter-bar i{background:var(--ink);height:100%;display:block}.tape-caption{max-width:62ch;color:var(--ink-2);font-size:var(--type-small);min-height:3lh;margin:0}.tape-cap .plaque{color:var(--ink-3)}@media (width<=640px){.tape-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.tape-chapter[aria-current] .tape-chapter-n:before{margin-inline-end:.3em;position:static;translate:none}}.win--terminal.tape-still .win-stage{aspect-ratio:auto;background:var(--tape-bg,var(--surface-terminal))}.tape-still .tape-screen{padding:0;container-type:inline-size}.tape-still .tape-grid{--cell:calc(100cqi / (var(--cols,100) + 3));padding-block:calc(var(--cell) * 1.2);box-sizing:content-box;margin-inline:auto}@media (prefers-reduced-motion:reduce){.tape-progress,.tape-chapter{transition:none}}@media (forced-colors:active){.tape-grid,.tape-grid *{color:canvastext!important;opacity:1!important;background:canvas!important}.tape-chapter[aria-current]{border-color:highlight}}}@layer scenes,utilities;