:root{--color-base: #11111b;--color-text: #cdd6f4;--color-text-soft: #a6adc8;--color-accent: #89b4fa;--color-accent-soft: #74c7ec;--color-green: #a6e3a1;--color-yellow: #f9e2af;--color-red: #f38ba8;--color-shadow: rgba(0, 0, 0, .28);--font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--panel-height: 31rem;--panel-height-mobile: 29rem;--radius-panel: 22px;--radius-terminal: 20px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--text-xs: .8rem;--text-sm: .92rem;--text-md: 1rem;--text-xl: clamp(2rem, 3vw, 3.4rem);--line-copy: 1.55}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(circle at top,rgba(137,180,250,.12),transparent 28%),var(--color-base);color:var(--color-text);font-family:var(--font-sans);font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,p,span,label,input,button,a{font:inherit;font-family:var(--font-sans)}a{color:var(--color-accent-soft);text-decoration:none}a:hover{color:var(--color-accent)}a:focus-visible,input:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}p,h1{margin:0}#app{min-height:100vh}.app-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.split-layout{width:min(1100px,100%);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);align-items:stretch;gap:var(--space-5)}@media(max-width:860px){.app-shell{padding:var(--space-5)}.split-layout{grid-template-columns:1fr;width:min(680px,100%)}}@media(max-width:540px){.app-shell{padding:var(--space-4)}}.intro-panel{min-height:var(--panel-height);height:var(--panel-height);display:flex;flex-direction:column;justify-content:center;gap:var(--space-4);padding:var(--space-7);border:1px solid rgba(49,50,68,.7);border-radius:var(--radius-panel);background:#181825b8;box-shadow:0 18px 50px var(--color-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.intro-panel__path{color:var(--color-accent);font-size:var(--text-sm)}.intro-panel__name{max-width:10ch;font-size:var(--text-xl);line-height:.96;letter-spacing:-.04em}.intro-panel__summary{max-width:34ch;color:var(--color-text-soft);font-size:var(--text-md);line-height:var(--line-copy)}.intro-panel__stack,.intro-panel__hints{color:var(--color-text);font-size:var(--text-sm)}.intro-panel__hints{color:var(--color-text-soft)}@media(max-width:860px){.intro-panel{min-height:auto;height:auto;padding:var(--space-6)}.intro-panel__name,.intro-panel__summary{max-width:none}}.terminal-window{height:var(--panel-height);display:flex;flex-direction:column;border:1px solid rgba(69,71,90,.78);border-radius:var(--radius-terminal);background:#11111bf0;box-shadow:0 18px 50px var(--color-shadow);overflow:hidden}.terminal-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4);padding:.85rem 1rem;border-bottom:1px solid rgba(49,50,68,.85);background:#1e1e2ef5}.terminal-header__controls{display:inline-flex;gap:.45rem}.terminal-header__controls--ghost{visibility:hidden;justify-self:end}.terminal-header__dot{width:.75rem;height:.75rem;border-radius:999px}.terminal-header__dot--close{background:var(--color-red)}.terminal-header__dot--minimize{background:var(--color-yellow)}.terminal-header__dot--zoom{background:var(--color-green)}.terminal-header__title{justify-self:center;color:var(--color-text-soft);font-size:var(--text-xs);letter-spacing:.04em;text-transform:lowercase}.terminal-window__viewport{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.terminal-body{flex:1;min-height:0;position:relative;overflow:hidden}.terminal-body__stream{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-4)}.terminal-body__welcome{display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-text-soft);font-size:var(--text-sm);line-height:var(--line-copy)}.terminal-entry{display:flex;flex-direction:column;gap:var(--space-2)}.terminal-command,.terminal-prompt{display:flex;align-items:baseline;gap:var(--space-3);font-size:var(--text-sm);line-height:var(--line-copy)}.terminal-command__prompt,.terminal-prompt__label{color:var(--color-green);white-space:nowrap}.terminal-command__value{color:var(--color-text)}.terminal-entry__output{display:flex;flex-direction:column;gap:.2rem;padding-left:0;font-size:var(--text-sm);line-height:var(--line-copy)}.terminal-entry__output--error{color:var(--color-red)}.terminal-line{white-space:pre-wrap;overflow-wrap:anywhere}.terminal-line--heading{color:var(--color-text)}.terminal-line--text,.terminal-line--bullet,.terminal-line--command,.terminal-line--meta{color:var(--color-text-soft)}.terminal-line--command,.terminal-line--meta-plain{display:grid;grid-template-columns:5.25rem 1fr;column-gap:var(--space-3);align-items:start}.terminal-line--meta-plain{color:var(--color-text-soft)}.terminal-line--spacer{height:.4rem}.terminal-line__label{color:var(--color-text)}.terminal-line__value{color:inherit;overflow-wrap:anywhere}.terminal-prompt{margin-top:auto;padding-top:var(--space-2)}.terminal-prompt__input{flex:1;min-width:0;border:0;padding:0;background:transparent;color:var(--color-text);caret-color:var(--color-accent)}.terminal-prompt__input::placeholder{color:#a6adc873}.terminal-prompt__input:focus{outline:none}@media(max-width:860px){.terminal-window{height:var(--panel-height-mobile)}}@media(max-width:540px){.terminal-window__viewport{padding:var(--space-4)}.terminal-command,.terminal-prompt{flex-wrap:wrap}}