:root { --bg:#121512; --text:#d9ded4; --muted:#929a8d; --green:#c7ef4d; --blue:#87b9ee; --mono:"DM Mono", "Cascadia Code", monospace; }
* { box-sizing:border-box; } html,body { min-height:100%; } body { margin:0; background:var(--bg); color:var(--text); font:14px/1.7 var(--mono); }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.045; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E"); }
.terminal { min-height:100vh; padding:52px 6vw 80px; }.output { min-height:calc(100vh - 180px); overflow-wrap:anywhere; }.output p { margin:0 0 8px; }.logo { margin:0 0 24px; color:var(--green); font:13px/1.15 var(--mono); white-space:pre; }.prompt-line { display:flex; align-items:center; gap:8px; min-height:48px; }.prompt-line label { white-space:nowrap; }
.input-container { position:relative; flex:1; display:flex; align-items:center; width:100%; }
.input-container input { position:relative; z-index:2; width:100%; border:0; outline:0; background:transparent; color:#f4f7f0; caret-color:var(--green); font:inherit; margin:0; padding:0; }
.ghost-hint { position:absolute; left:0; top:0; bottom:0; z-index:1; pointer-events:none; white-space:pre; font:inherit; display:flex; align-items:center; margin:0; padding:0; }
.ghost-typed { visibility:hidden; white-space:pre; }
.ghost-suffix { color:var(--muted); opacity:0.5; white-space:pre; }
.tab-suggestions { color:var(--muted); }
.tab-suggestions code { margin-right:12px; color:var(--green); }
.green,code { color:var(--green); }.blue { color:var(--blue); } code { font:inherit; }.entered-command { color:#f4f7f0; }.response { color:var(--muted); white-space:pre-wrap; }.response .title { color:var(--green); }.response a { color:var(--blue); text-decoration:none; border-bottom:1px dotted currentColor; }.response a:hover { color:var(--green); }
@media (max-width:640px) { body { font-size:12px; }.terminal { padding:32px 18px 50px; }.output { min-height:calc(100vh - 125px); }.prompt-line { min-height:38px; }.logo { font-size:8px; margin-bottom:20px; } }