:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-background:radial-gradient(circle at top, #11243a 0%, #090f17 50%, #05080d 100%);--foreground:#9effc7;--terminal-background:#03080de6;--terminal-border:#2f6f59;--terminal-shadow:#00000080;--header-background:#2a2a2a;--header-border:#3a3a3a;--header-title:#d4d4d4;--window-border:#575757;--window-foreground:#c7c7c7;--window-background:#3a3a3a;--window-glyph:#d2d2d2;--prompt:#5db5ff;--value:#b6f4d3;--quote:#f2f3a1;--input:#9effc7;--input-placeholder:#4f7c69}:root[data-terminal-theme=amber]{--page-background:radial-gradient(circle at top, #30230d 0%, #171005 50%, #080603 100%);--foreground:#fc6;--terminal-background:#0c0801f0;--terminal-border:#b7791f;--terminal-shadow:#20120099;--header-background:#352b1f;--header-border:#5b4629;--header-title:#ffe4ad;--window-border:#806338;--window-foreground:#f2cc83;--window-background:#49391f;--window-glyph:#ffd98d;--prompt:#ffb000;--value:#ffe0a3;--quote:#ffd166;--input:#fc6;--input-placeholder:#8a641f}:root[data-terminal-theme=matrix]{--page-background:radial-gradient(circle at top, #0b2410 0%, #020a04 50%, #000 100%);--foreground:#5cff78;--terminal-background:#000501f5;--terminal-border:#1fbf4a;--terminal-shadow:#001404a6;--header-background:#061208;--header-border:#12391c;--header-title:#8cff9e;--window-border:#237a35;--window-foreground:#75e88a;--window-background:#0b2711;--window-glyph:#63ff80;--prompt:#00ff41;--value:#7dff95;--quote:#c2ffc9;--input:#5cff78;--input-placeholder:#237a35}*{box-sizing:border-box}html,body{min-height:100dvh;margin:0}body{background:var(--page-background);color:var(--foreground);font-family:JetBrains Mono,Fira Code,Courier New,monospace}.page{place-items:center;min-height:100dvh;padding:24px;display:grid}.terminal{border:1px solid var(--terminal-border);background:var(--terminal-background);width:min(880px,100%);height:min(70dvh,640px);box-shadow:0 20px 60px var(--terminal-shadow);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.terminalHeader{background:var(--header-background);border-bottom:1px solid var(--header-border);align-items:center;gap:12px;padding:9px 14px;display:flex}.headerSpacer{flex-shrink:0;width:74px}.terminalTitle{color:var(--header-title);text-align:center;flex:1;margin:0;font-size:.875rem}.windowButtons{gap:4px;display:flex}.windowButton{border:1px solid var(--window-border);width:22px;height:18px;color:var(--window-foreground);background:var(--window-background);border-radius:3px;justify-content:center;align-items:center;display:inline-flex;position:relative}.windowButton:before,.windowButton:after{content:"";position:absolute}.windowButton.minimize:before{background:var(--window-glyph);width:9px;height:1.5px;top:11px;left:50%;transform:translate(-50%)}.windowButton.maximize:before{border:1.5px solid var(--window-glyph);width:9px;height:7px;top:4px;left:50%;transform:translate(-50%)}.windowButton.close:before,.windowButton.close:after{background:var(--window-glyph);width:10px;height:1.5px;top:8px;left:50%}.windowButton.close:before{transform:translate(-50%)rotate(45deg)}.windowButton.close:after{transform:translate(-50%)rotate(-45deg)}.terminalBody{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:8px;min-height:0;padding:20px;line-height:1.55;display:flex;overflow-y:auto}.terminalBody::-webkit-scrollbar{display:none}.terminalBodyCleared{gap:0}.terminalBody p{margin:0}.prompt{color:var(--prompt)}.value{color:var(--value);margin-left:1.4rem}.quote{color:var(--quote);margin-left:1.4rem}.typeCursor{min-width:.7ch;color:var(--quote);animation:.9s step-end infinite cursorBlink;display:inline-block}.typeCursor.typing{animation-duration:.55s}.commandHistory{gap:8px;margin-top:2px;display:grid}.commandEntry{gap:2px;display:grid}.terminalInputForm{margin-top:2px}.terminalInputRow{margin:0}.terminalInputLabel{align-items:baseline;gap:.45rem;width:100%;display:inline-flex}.terminalInput{min-width:0;color:var(--input);font:inherit;line-height:inherit;background:0 0;border:none;outline:none;flex:1;padding:0}.terminalInput::placeholder{color:var(--input-placeholder)}.terminalInput:focus-visible{outline:none}@keyframes cursorBlink{0%{opacity:1}50%{opacity:0}}@media (max-width:640px){.page{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.terminal{width:100%;height:calc(100vh - max(16px, env(safe-area-inset-top)) - max(16px, env(safe-area-inset-bottom)));height:calc(100dvh - max(16px, env(safe-area-inset-top)) - max(16px, env(safe-area-inset-bottom)))}.terminalTitle{text-align:left}.headerSpacer{display:none}.terminalBody{padding:16px;font-size:.95rem}}
