@layer components{.term{justify-items:center;gap:var(--space-4);margin:0;display:grid;container:term/inline-size}.term figcaption{justify-content:center;display:flex}.term-frame{--pad-x:clamp(.5rem, 3.2cqi, 1.5rem);--pad-y:clamp(.6rem, 2.4cqi, 1.25rem);--cell:min(8.4px, (100cqi - 2 * var(--pad-x) - 2px) / var(--cols,80));isolation:isolate;width:calc(var(--cols,80) * var(--cell) + 2 * var(--pad-x) + 2px);max-width:100%;position:relative}.term-spill{z-index:-1;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--g2) 26%, transparent), transparent);filter:blur(14px);height:5rem;opacity:var(--term-energy,0);transition:opacity .24s linear;position:absolute;bottom:-2.5rem;left:12%;right:12%}.term-window{isolation:isolate;border-radius:var(--radius-card);background:linear-gradient(180deg, color-mix(in oklch, var(--surface-terminal) 88%, var(--color-graphite-800)), var(--surface-terminal) 22%);border:1px solid color-mix(in oklch, var(--color-graphite-500) 72%, transparent);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--color-white) 6%, transparent), 0 0 0 1px color-mix(in oklch, var(--color-black) 55%, transparent), 0 2px 4px color-mix(in oklch, var(--color-black) 30%, transparent), 0 24px 60px -12px color-mix(in oklch, var(--color-black) 65%, transparent), 0 60px 120px -40px color-mix(in oklch, var(--color-black) 60%, transparent);position:relative;overflow:hidden}.term-glow{z-index:-1;pointer-events:none;background:radial-gradient(62% 58% at 50% 56%, color-mix(in srgb, var(--g2) 13%, transparent), transparent 72%);opacity:var(--term-energy,0);transition:opacity .24s linear;position:absolute;inset:2.5rem 0 0}.term-bar{align-items:center;gap:var(--space-3);height:2.5rem;padding-inline:var(--canon-space-1) var(--canon-space-0);background:linear-gradient(180deg, var(--color-graphite-750), var(--color-graphite-850));border-bottom:1px solid color-mix(in oklch, var(--color-black) 62%, transparent);box-shadow:inset 0 -1px 0 color-mix(in oklch, var(--color-white) 3%, transparent);grid-template-columns:1fr auto 1fr;display:grid;position:relative}.term-lights{justify-self:start;gap:var(--canon-space-0);display:flex}.term-lights i{background:radial-gradient(circle at 50% 35%, var(--color-graphite-600), var(--color-graphite-850) 72%);width:12px;height:12px;box-shadow:inset 0 1px 1.5px color-mix(in oklch, var(--color-black) 70%, transparent), 0 1px 0 color-mix(in oklch, var(--color-white) 6%, transparent);transition:background-color .6s var(--ease-standard), box-shadow .6s var(--ease-standard), opacity .6s var(--ease-standard);border-radius:50%}.term-lights i:after{content:"";border-radius:inherit;opacity:0;width:100%;height:100%;transition:opacity .7s var(--ease-standard);display:block}.term-lights i:first-child:after{background:radial-gradient(circle at 50% 30%, var(--g4), var(--g2) 60%, var(--g1))}.term-lights i:nth-child(2):after{background:radial-gradient(circle at 50% 30%, var(--g3), var(--g2) 55%, var(--g0));transition-delay:.14s}.term-lights i:nth-child(3):after{background:radial-gradient(circle at 50% 30%, var(--g2), var(--g1) 60%, var(--g0));transition-delay:.28s}:is(.term[data-state=playing],.term[data-state=paused],.term[data-state=done],.term[data-state=static],html.no-js .term) .term-lights i:after{opacity:1}.term-title{min-width:0;max-width:none;font-family:var(--font-mono-stack);letter-spacing:.02em;white-space:nowrap;color:var(--text-muted);align-items:baseline;margin:0;font-size:.75rem;font-weight:500;line-height:1;display:flex}.term-title-sep{color:var(--text-faint);white-space:pre}@container term (width<=419px){.term-title-project{display:none}.term-bar{height:2.25rem;padding-inline:var(--canon-space-1) var(--canon-space-n1);gap:var(--space-2)}.term-lights{gap:var(--canon-space-n1)}.term-lights i{width:10px;height:10px}}.term-controls{justify-self:end;gap:2px;display:flex}.term-ctl{width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:color var(--duration-control) var(--ease-standard), background-color var(--duration-control) var(--ease-standard), opacity var(--duration-control) var(--ease-standard);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.term-ctl .icon{width:15px;height:15px}@media (hover:hover) and (pointer:fine){.term-ctl:not(:disabled):hover{color:var(--text-primary);background:color-mix(in oklch, var(--color-white) 7%, transparent)}}.term-ctl:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:1px;color:var(--text-primary)}.term-ctl:active:not(:disabled){background:color-mix(in oklch, var(--color-white) 11%, transparent)}.term-ctl:disabled{opacity:.3;cursor:default}.term-ctl .when-paused,.term-ctl[aria-pressed=true] .when-playing{display:none}.term-ctl[aria-pressed=true] .when-paused{display:block}:is(html.no-js .term,.term[data-state=idle],.term[data-state=static]) .term-controls{visibility:hidden}html.no-js .term-controls{display:none}.term-progress{pointer-events:none;background:linear-gradient(90deg, var(--g1), var(--g3));transform-origin:0;opacity:0;height:1px;transition:opacity .5s var(--ease-standard);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}:is(.term[data-state=playing],.term[data-state=paused]) .term-progress{opacity:.85}.term-screen{padding:var(--pad-y) var(--pad-x);outline:none;position:relative}.term-screen:focus-visible{box-shadow:inset 0 0 0 var(--focus-width) var(--focus-ring)}.term-grid{width:calc(var(--cols,80) * 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;color:var(--text-secondary);-webkit-user-select:text;user-select:text;font-weight:400;line-height:1.32;overflow:hidden}.term-row{white-space:pre;min-height:1lh;display:block}.term-grid .g0{color:var(--g0)}.term-grid .g1{color:var(--g1)}.term-grid .g2{color:var(--g2)}.term-grid .g3{color:var(--g3);text-shadow:0 0 .5em color-mix(in srgb, var(--g3) 40%, transparent)}.term-grid .g4{color:var(--g4);text-shadow:0 0 .35em color-mix(in srgb, var(--g4) 65%, transparent), 0 0 1em color-mix(in srgb, var(--g3) 40%, transparent)}.term-grid .path{color:var(--text-muted)}.term-grid .sym{color:var(--g2)}.term-grid .cmd{color:var(--text-primary)}.term-grid .out{color:var(--text-secondary)}.term-grid .dim{color:var(--text-faint)}.term-grid .caret{background:color-mix(in oklch, var(--text-primary) 82%, transparent)}.term-grid :is(.b,.caret){vertical-align:top;height:1lh;display:inline-block}.term-grid .b{-webkit-text-fill-color:transparent;text-shadow:none;background:currentColor}.term-grid .g3.b{box-shadow:0 0 .5em color-mix(in srgb, var(--g3) 30%, transparent)}.term-grid .g4.b{box-shadow:0 0 .6em color-mix(in srgb, var(--g4) 45%, transparent)}html.js .term[data-state=idle] .term-grid{opacity:0;animation:0s linear 2.5s forwards term-failsafe}@keyframes term-failsafe{to{opacity:1}}.term-still{background:var(--surface-terminal);width:100%;container-type:inline-size}.term-still .term-grid{--cell:calc(100cqi / (var(--cols,80) + 3));padding-block:calc(var(--cell) * 1.2);box-sizing:content-box;margin-inline:auto}@media (prefers-reduced-motion:reduce){html.js .term[data-state=idle] .term-grid{opacity:1;animation:none}.term-spill,.term-glow,.term-lights i:after,.term-progress,.term-ctl{transition:none}}@media (forced-colors:active){.term-window{border:1px solid canvastext}.term-grid,.term-grid *{color:canvastext;text-shadow:none}.term-grid .caret{background:highlight}.term-grid .b{box-shadow:none;background:canvastext}.term-spill,.term-glow{display:none}}}