:root{color-scheme:dark;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,Consolas,monospace;color:#e8edf2;background:#080b0e;font-synthesis:none;text-rendering:optimizeLegibility;--panel: #0e1318;--panel-raised: #141a20;--line: #27313a;--line-bright: #384650;--muted: #8a99a6;--accent: #75e6b6;--accent-strong: #9bf2cd;--danger: #ff8c82;--warning: #f2cf72}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at 80% -20%,rgba(65,150,120,.13),transparent 42rem),#080b0e}button,textarea,input{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100vh;height:100dvh}.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:5rem;padding:.9rem clamp(1rem,3vw,2rem);border-bottom:1px solid var(--line);background:#080b0ee0;backdrop-filter:blur(18px)}.brand,.topbar-actions,.status,.dialog-actions{display:flex;align-items:center}.brand{gap:1rem}.brand-logo{display:flex;align-items:center;width:clamp(8.5rem,14vw,11.5rem);padding-right:1rem;border-right:1px solid var(--line)}.brand-logo img{display:block;width:100%;height:auto;max-height:2.7rem;object-fit:contain}.brand-logo:focus-visible{border-radius:.25rem;outline:2px solid var(--accent);outline-offset:4px}h1,h2,p{margin:0}.brand h1{font-size:.96rem;letter-spacing:.015em}.brand p,.composer-help{margin-top:.25rem;color:var(--muted);font-size:.72rem}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.status{gap:.45rem;margin-right:.3rem;color:var(--muted);font-size:.74rem}.status-dot{width:.48rem;height:.48rem;border-radius:50%;background:var(--warning);box-shadow:0 0 .6rem currentColor}.status.ready .status-dot{color:var(--accent);background:var(--accent)}.status.error .status-dot{color:var(--danger);background:var(--danger)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.35rem;padding:.45rem .75rem;border:1px solid var(--line-bright);border-radius:.42rem;color:inherit;background:var(--panel-raised);cursor:pointer;text-decoration:none;transition:border-color .12s ease,background .12s ease,transform .12s ease}.button:hover{border-color:#52616c;background:#1a2229}.button:active{transform:translateY(1px)}.button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button-danger{color:var(--danger);border-color:#ff8c825c}.button-run{color:#07100c;border-color:var(--accent);background:var(--accent);font-weight:750}.button-run:hover{border-color:var(--accent-strong);background:var(--accent-strong)}.button:disabled{opacity:.48;cursor:wait}.github-link svg{width:1rem;height:1rem}.menu{position:relative}.menu summary{list-style:none;user-select:none}.menu summary::-webkit-details-marker{display:none}.menu-chevron{color:var(--muted);font-size:.9rem;transition:transform .12s ease}.menu[open] .menu-chevron{transform:rotate(180deg)}.menu-popover{position:absolute;top:calc(100% + .55rem);right:0;width:min(20rem,calc(100vw - 2rem));padding:.55rem;border:1px solid var(--line-bright);border-radius:.6rem;background:var(--panel-raised);box-shadow:0 1rem 3rem #00000073}.menu-popover>p{padding:.35rem .45rem .6rem;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.menu-item{display:flex;width:100%;flex-direction:column;gap:.25rem;padding:.7rem;border:0;border-radius:.4rem;color:inherit;background:transparent;text-align:left;cursor:pointer}.menu-item:hover{background:#75e6b614}.menu-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.menu-item:disabled{opacity:.48;cursor:wait}.menu-item small{color:var(--muted);font-size:.7rem}.terminal{min-height:0;overflow-y:auto;padding:clamp(1.4rem,5vw,4rem) clamp(1rem,6vw,6rem) 2rem}.terminal-intro,.transcript{width:min(100%,72rem);margin-inline:auto}.terminal-intro{padding-bottom:2.2rem;border-bottom:1px solid var(--line)}.eyebrow{margin-bottom:.65rem;color:var(--accent);font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.terminal-intro h2{max-width:32ch;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.6rem,4vw,3.2rem);line-height:1.06;letter-spacing:-.045em}.terminal-intro>p:last-child{max-width:61ch;margin-top:1rem;color:var(--muted);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.93rem;line-height:1.6}code,kbd{color:var(--accent-strong);font-family:inherit}.transcript{padding-top:1.2rem}.entry{display:grid;grid-template-columns:minmax(7rem,auto) 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(39,49,58,.65)}.entry-label{color:var(--muted);font-size:.76rem;line-height:1.55;overflow-wrap:anywhere}.entry-command,.entry-output{min-width:0;margin:0;overflow-x:auto;white-space:pre;color:#d9e2e9;font:inherit;font-size:.82rem;line-height:1.62}.entry-command{color:var(--accent-strong);white-space:pre-wrap}.entry-error .entry-output{color:var(--danger)}.entry-progress .entry-output{color:var(--warning)}.composer{position:sticky;bottom:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem .9rem;align-items:start;padding:1rem clamp(1rem,3vw,2rem);border-top:1px solid var(--line);background:#0e1318f5;box-shadow:0 -1rem 3rem #00000038;backdrop-filter:blur(18px)}.prompt{padding-top:.9rem;color:var(--accent);font-size:.83rem;font-weight:700;white-space:nowrap}textarea,.prompt-dialog input{width:100%;border:1px solid var(--line-bright);border-radius:.48rem;color:#edf3f7;background:#090d10}textarea{min-height:4.6rem;max-height:14rem;padding:.8rem .9rem;resize:vertical;line-height:1.5}textarea::placeholder{color:#56636d}.composer .button-run{min-width:5.1rem;min-height:2.8rem}.composer-help{grid-column:2;margin:-.15rem 0 0}kbd{padding:.1rem .28rem;border:1px solid var(--line);border-bottom-width:2px;border-radius:.25rem;color:#aab7c1;background:#171e24;font-size:.65rem}.prompt-dialog{width:min(calc(100% - 2rem),28rem);padding:0;border:1px solid var(--line-bright);border-radius:.7rem;color:#e8edf2;background:var(--panel-raised);box-shadow:0 1.5rem 5rem #0009}.prompt-dialog::backdrop{background:#000000b8;backdrop-filter:blur(4px)}.prompt-dialog form{padding:1.5rem}.prompt-dialog h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.35rem}.prompt-dialog p:not(.eyebrow){margin-top:.65rem;color:var(--muted);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.85rem;line-height:1.5}.prompt-dialog label{display:block;margin:1.2rem 0 .4rem;color:#b9c4cc;font-size:.76rem}.prompt-dialog input{min-height:2.7rem;padding:.65rem .75rem}.dialog-actions{justify-content:flex-end;gap:.65rem;margin-top:1.3rem}@media(max-width:720px){.topbar{align-items:flex-start;flex-wrap:wrap}.brand p,.status,.button-quiet{display:none}.brand{gap:.65rem}.brand-logo{width:6.5rem;padding-right:.65rem}.github-link{padding-inline:.65rem}.github-link span{display:none}.topbar-actions{flex-basis:100%;justify-content:flex-start}.menu-popover{right:auto;left:0}.terminal{padding-inline:1rem}.entry{grid-template-columns:1fr;gap:.45rem}.composer{grid-template-columns:1fr auto}.prompt{grid-column:1 / -1;padding-top:0}.composer-help{grid-column:1}}