:root { color-scheme: dark; --ink:#f2f2ed; --dim:#888982; --rule:#2a2a27; --green:#b6ff2b; }
* { box-sizing:border-box; }
html,body { min-height:100%; margin:0; background:#030303; }
body { color:var(--ink); font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; font-size:14px; letter-spacing:.045em; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.11; background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px); mix-blend-mode:soft-light; }
.shell { width:min(1120px,calc(100% - 40px)); min-height:100vh; margin:auto; display:flex; flex-direction:column; border-inline:1px solid var(--rule); }
.topbar, footer { display:flex; justify-content:space-between; gap:16px; padding:13px 18px; border-bottom:1px solid var(--rule); color:var(--dim); font-size:11px; }
.signal { color:var(--ink); } .signal i,.online { color:var(--green); font-style:normal; } .signal i { display:inline-block; width:7px; height:7px; background:var(--green); margin-right:7px; box-shadow:0 0 12px var(--green); }
.identity { padding:clamp(45px,10vh,108px) 28px clamp(35px,7vh,76px); border-bottom:1px solid var(--rule); }
.identity img { display:block; width:min(580px,100%); margin:auto; mix-blend-mode:screen; filter:contrast(1.16); }
.identity p { margin:34px 0 0; color:var(--dim); font-size:11px; text-align:center; }
.terminal { width:min(800px,100%); margin:0 auto; padding:33px 28px 60px; flex:1; }
.output { min-height:180px; } .line { margin:0 0 14px; line-height:1.65; overflow-wrap:anywhere; } .entered { color:var(--dim); } .prompt { color:var(--green); } .muted { color:var(--dim); } .error { color:#ff835b; }
b { color:var(--green); font-weight:400; } a,.copy,.text-button { color:var(--ink); text-decoration:underline; text-decoration-color:var(--green); text-underline-offset:4px; border:0; padding:0; background:transparent; font:inherit; letter-spacing:inherit; cursor:pointer; }
.copy:hover,.text-button:hover,a:hover { color:var(--green); }
#command-form { display:flex; gap:10px; align-items:center; border-bottom:1px solid var(--ink); padding-bottom:9px; } #command-form label { color:var(--green); white-space:nowrap; } #command { min-width:0; flex:1; color:var(--ink); background:transparent; border:0; outline:0; caret-color:var(--green); font:inherit; letter-spacing:inherit; }
footer { border-top:1px solid var(--rule); border-bottom:0; } footer .text-button { color:var(--green); }
@media (max-width:560px) { body { font-size:12px; } .shell { width:100%; border:0; } .topbar { padding:12px 14px; } .topbar #clock { display:none; } .identity { padding:70px 22px 48px; } .identity p { margin-top:27px; } .terminal { padding:27px 18px 48px; } #command-form { align-items:flex-start; flex-direction:column; gap:7px; } #command { width:100%; } footer { padding:12px 14px; font-size:9px; } }