:root{color-scheme:dark;--bg: #080b09;--panel: #0d1210;--panel-soft: #111814;--text: #d7e0d9;--muted: #77827a;--accent: #7ee787;--accent-2: #43c6ac;--border: #25302a;--error: #ff7b72}:root[data-theme=light]{color-scheme:light;--bg: #e9eee9;--panel: #f7faf7;--panel-soft: #eef4ef;--text: #1e2921;--muted: #66726a;--accent: #147d3f;--accent-2: #087f74;--border: #cbd6cd;--error: #b42318}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100svh;padding:clamp(12px,3vw,36px);color:var(--text);background:radial-gradient(circle at 15% -10%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 32rem),var(--bg);font-family:Cascadia Code,JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:clamp(13px,1.2vw,16px);line-height:1.7}.shell{width:min(100%,980px);min-height:calc(100svh - clamp(24px,6vw,72px));margin:0 auto;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 28px 80px #00000047}.topbar{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:44px;padding:0 14px;border-bottom:1px solid var(--border);background:var(--panel-soft);color:var(--muted);font-size:12px}.lights{display:flex;gap:7px}.lights i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.lights i:nth-child(2){background:#febc2e}.lights i:nth-child(3){background:#28c840}#theme-toggle{justify-self:end;width:32px;height:32px;border:0;color:var(--muted);background:transparent;font:inherit;cursor:pointer}#theme-toggle:hover,#theme-toggle:focus-visible{color:var(--accent);outline:0}.terminal{padding:clamp(20px,4vw,44px) clamp(16px,4vw,48px) 6px}.output,.echo{min-height:1.7em;white-space:pre-wrap;overflow-wrap:anywhere}.output.accent{color:var(--accent)}.output.muted{color:var(--muted)}.output.error{color:var(--error)}.echo{margin-top:18px;color:var(--text)}.echo span:first-child,.prompt span{color:var(--accent)}.command-line{display:flex;align-items:baseline;gap:8px;padding:0 clamp(16px,4vw,48px) 44px}.prompt{flex:none;color:var(--muted);white-space:nowrap}.prompt b{color:var(--accent-2);font-weight:400}#command-input{width:100%;min-width:0;border:0;border-radius:0;outline:0;padding:8px 0;color:var(--text);caret-color:var(--accent);background:transparent;font:inherit}.caret{display:none}noscript{display:block;padding:2rem;text-align:center}@media(max-width:600px){body{padding:0;background:var(--panel)}.shell{min-height:100svh;border:0;border-radius:0;box-shadow:none}.topbar{min-height:42px}.topbar>span{max-width:54vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal{padding-top:24px}.command-line{flex-wrap:wrap;gap:0 8px;padding-bottom:calc(32px + env(safe-area-inset-bottom))}.prompt{font-size:12px}#command-input{flex-basis:45%;font-size:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
