.panel{position:relative;border:1px solid var(--border-strong);background:var(--bg);padding:1.15rem 1.1rem 1rem;transition:border-color .15s ease}.panel.full{grid-column:1 / -1}.panel:hover{border-color:var(--fg)}.panel-title{position:absolute;top:-.62em;left:1.4ch;padding:0 .6ch;background:var(--bg);font-size:var(--fs-small);letter-spacing:.04em;color:var(--fg)}.panel-title:before{content:"─ ";color:var(--border-strong)}.panel-title:after{content:" ─";color:var(--border-strong)}.panel:before,.panel:after{position:absolute;left:-.5ch;right:-.5ch;font-size:.8rem;line-height:1;color:var(--border-strong);text-align:justify;text-align-last:justify;pointer-events:none}.panel:before{content:"┌ ┐";top:-.56em}.panel:after{content:"└ ┘";bottom:-.56em}.panel:hover:before,.panel:hover:after{color:var(--fg)}.panel>*:last-child{margin-bottom:0}.ok{color:var(--glow)}.dim{color:var(--muted)}.tui-link{color:var(--glow);text-decoration:none;padding:0 .1ch}.tui-link:hover{background:var(--glow);color:var(--bg)}.tui-btn{font-family:var(--mono);font-size:var(--fs-body);background:transparent;border:none;border-radius:0;padding:0 .1ch;color:var(--glow);cursor:pointer}.tui-btn:hover:not(:disabled){background:var(--glow);color:var(--bg)}.tui-btn:disabled{color:var(--muted);cursor:not-allowed}.spinner:before{content:"⠋";color:var(--glow);animation:spin .85s steps(1,end) infinite}@keyframes spin{0%{content:"⠋"}12.5%{content:"⠙"}25%{content:"⠹"}37.5%{content:"⠸"}50%{content:"⠼"}62.5%{content:"⠴"}75%{content:"⠦"}87.5%{content:"⠧"}}@media(prefers-reduced-motion:reduce){.spinner:before{animation:none}}body.boot main{max-width:1000px;margin:0;padding-left:2rem}.landing-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;font-size:.86rem;line-height:1.5;padding-bottom:1rem}body.boot .landing-page{visibility:hidden}body.boot.boot-out .landing-page,html.booted body.boot .landing-page{visibility:visible}.panel p{margin-bottom:.5rem}.panel .lead,.panel code{color:var(--fg)}.srow{display:grid;grid-template-columns:4ch 9ch 9ch 9ch 6ch;gap:.8ch;padding:.12rem .6ch;color:var(--fg)}.srow.head{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.04em}.srow:not(.head):hover{background:var(--fg);color:var(--bg)}.srow .ok{color:var(--glow)}.srow:hover .ok{color:var(--bg)}.ascii-diagram{font-family:var(--mono);font-size:.8rem;line-height:1.4;color:var(--muted);white-space:pre;overflow-x:auto;margin:.2rem 0 .6rem}.steps,.modes{list-style:none;padding:0;margin:.3rem 0 .5rem}.steps li{color:var(--muted);margin-bottom:.25rem}.steps .k{color:var(--glow)}.steps .arrow{color:var(--border-strong)}.mrow{padding:.12rem .6ch;color:var(--muted)}.mrow .m{color:var(--glow)}.mrow:hover{background:var(--fg);color:var(--bg)}.mrow:hover .m{color:var(--bg)}.install-line{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin:.3rem 0 .5rem}.install-line .cmd-text{color:var(--fg)}.install-line .cmd-text:before{content:"$ ";color:var(--glow)}.landing-page .copy-btn{font-family:var(--mono);font-size:.78rem;background:transparent;border:none;padding:0;color:var(--muted);cursor:pointer}.landing-page .copy-btn:before{content:"["}.landing-page .copy-btn:after{content:"]"}.landing-page .copy-btn:hover,.landing-page .copy-btn.copied{color:var(--glow)}.ref{color:var(--muted);font-size:.82rem}.liveprompt{grid-column:1 / -1;margin-top:.3rem;color:var(--fg)}.liveprompt:before{content:"$ ";color:var(--glow)}.lp-cursor{display:inline-block;width:.55ch;height:1.05em;vertical-align:text-bottom;background:var(--caret);box-shadow:0 0 7px var(--caret-glow);animation:boot-blink 1s step-end infinite}.lp-hint{margin-left:1ch;font-size:.82rem;color:var(--muted)}body.boot .topnav-brand{clip-path:none;animation:none}body.boot .topnav-brand:after{display:none}html:not(.booted) body.boot .topnav{opacity:0}html:not(.booted) body.boot.boot-done .topnav{opacity:1;transition:opacity .3s ease}html.booted #boot-head{display:none}.boot-head{padding-bottom:1.4rem}.boot-cmd,.boot-cmd2{display:flex;align-items:center;min-height:1.6rem}#boot-head .topnav-glyph,#boot-head .topnav-wordmark{white-space:pre}.boot-caret{display:inline-block;width:.55ch;height:1.05rem;margin-left:.05ch;background:var(--caret);box-shadow:0 0 7px var(--caret-glow)}.boot-caret.blink{animation:boot-blink 1s step-end infinite}.boot-banner{margin:0;font-family:var(--mono);font-size:.9rem;line-height:1.25;color:var(--fg);white-space:pre;text-shadow:0 0 10px rgba(51,255,51,.25);clip-path:inset(0 0 100% 0)}.boot-sub{margin-top:.6rem;font-size:.8rem;color:var(--muted);clip-path:inset(0 0 100% 0)}body.boot-out .boot-banner{animation:banner-print .32s steps(9) forwards}body.boot-out .boot-sub{animation:banner-print .18s steps(2) .26s forwards}@keyframes boot-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes banner-print{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@media(prefers-reduced-motion:reduce){#boot-head{display:none}body.boot .landing-page{visibility:visible!important}body.boot .topnav{opacity:1!important}.spinner:before,.lp-cursor{animation:none}}@media(max-width:720px){.landing-page{grid-template-columns:1fr}body.boot main{padding-left:1rem}.boot-banner{font-size:.74rem}}