@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap');
html body .site{--bg:#090a0c;--panel:#0d0f12;--bar:#17191d;--text:#d5d7db;--bright:#fff;--muted:#8b9098;--dim:#555b64;--border:#292d33;--accent:#fff;--error:#ff7b85;min-height:100svh;padding:0;display:block;background:var(--bg);font-family:"Space Mono",monospace}
html body.theme-modern .site{--bg:#090a0c;--panel:#0d0f12;--bar:#17191d;--text:#d5d7db;--bright:#fff;--muted:#8b9098;--dim:#555b64;--border:#292d33;--accent:#fff;--error:#ff7b85}
body .terminal{width:100%;height:100svh;min-height:0;margin:0;border:0;border-radius:0;box-shadow:none}
body .window-controls i{width:12px;height:12px;border:0}
body .window-controls i:nth-child(1){background:#ff5f57}
body .window-controls i:nth-child(2){background:#febc2e}
body .window-controls i:nth-child(3){background:#28c840}
body .terminal-body{height:calc(100svh - 48px);padding:clamp(30px,5vw,72px)}
body footer{display:none}
.terminal-state{justify-self:end;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.identity-line{display:flex;align-items:flex-end;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--border);max-width:820px}
.wordmark{color:var(--bright);font-size:clamp(56px,9vw,128px);font-weight:700;line-height:.82;letter-spacing:-.09em}
.role{margin-bottom:5px;color:var(--muted);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.intro-copy{max-width:610px;margin-top:22px;color:var(--text);font-size:clamp(13px,1.25vw,16px)}
.quick-commands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:820px;margin-top:28px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.quick-commands button{display:flex;gap:12px;align-items:center;padding:13px 14px;border:0;border-right:1px solid var(--border);background:transparent;color:var(--bright);text-align:left;cursor:pointer;transition:background .15s,color .15s}
.quick-commands button:last-child{border-right:0}.quick-commands button:hover,.quick-commands button:focus-visible{background:#ffffff0b;outline:none}.quick-commands span{color:var(--dim);font-size:9px;letter-spacing:.1em}
.hint-mark{color:var(--dim);margin-right:7px}
.terminal-intro{max-width:900px}.ascii-logo{color:#fff!important;font-size:clamp(7px,1.35vw,16px)!important;line-height:1.12!important;letter-spacing:-.075em!important}.system-note{margin-top:5px;color:var(--dim);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.terminal-intro .hint{margin-top:20px}.terminal-intro .tagline{color:#fff;opacity:.78}
.ascii-logo[data-webmail]{cursor:default}.ascii-logo[data-webmail]:focus-visible{outline:1px dashed var(--dim);outline-offset:8px}
@media(max-width:640px){.wordmark{font-size:62px}.identity-line{align-items:flex-start;flex-direction:column;gap:10px}.role{margin:0}.quick-commands{grid-template-columns:1fr 1fr}.quick-commands button:nth-child(2){border-right:0}.quick-commands button:nth-child(-n+2){border-bottom:1px solid var(--border)}.hint{font-size:10px}}
@media(max-width:640px){html body .site{padding:0}.terminal{height:100svh;border-radius:0}.terminal-body{padding:22px 16px}}
:root{color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:#050706}button,input{font:inherit}.site{--bg:#050706;--panel:#080b09;--bar:#0c100d;--text:#79d58b;--bright:#b7efc1;--muted:#568d61;--dim:#34583b;--border:#27432d;--accent:#8de39d;--error:#e47777;min-height:100svh;padding:clamp(16px,4vw,54px);position:relative;overflow:hidden;display:grid;grid-template-rows:1fr auto;gap:16px;color:var(--text);background:var(--bg);font:clamp(12px,1.35vw,15px)/1.7 "IBM Plex Mono",monospace;transition:color .25s,background .25s}.theme-modern .site{--bg:#0d0f12;--panel:#12151a;--bar:#171b20;--text:#c8ccd2;--bright:#f0f1f3;--muted:#7d838d;--dim:#4d535c;--border:#2a2f36;--accent:#a89cf2;--error:#e27b85;font-family:"Space Mono",monospace}.ambient{display:none}.theme-crt:after{content:"";position:fixed;z-index:5;inset:0;pointer-events:none;opacity:.1;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 4px)}.terminal{position:relative;width:min(1120px,100%);height:min(780px,calc(100svh - 108px));min-height:560px;margin:auto;border:1px solid var(--border);border-radius:9px;background:var(--panel);overflow:hidden;box-shadow:0 18px 45px #0008;transition:border-color .25s,background .25s;animation:terminal-in .5s cubic-bezier(.2,.8,.2,1) both}.terminal-bar{height:48px;border-bottom:1px solid var(--border);background:var(--bar);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 15px;font-size:11px}.window-controls{display:flex;gap:8px}.window-controls i{width:10px;height:10px;border:1px solid var(--dim);border-radius:50%}.theme-modern .window-controls i:nth-child(1){background:#ff5f57;border:0}.theme-modern .window-controls i:nth-child(2){background:#febc2e;border:0}.theme-modern .window-controls i:nth-child(3){background:#28c840;border:0}.terminal-title{text-align:center;color:var(--muted);letter-spacing:.04em}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent)}.theme-toggle{justify-self:end;border:1px solid var(--border);background:transparent;padding:5px 9px;border-radius:3px;color:var(--muted);cursor:pointer;font-size:10px;letter-spacing:.12em;transition:color .15s,border-color .15s}.theme-toggle:hover,.theme-toggle:focus-visible{color:var(--bright);border-color:var(--accent);outline:none}.terminal-body{height:calc(100% - 48px);overflow:auto;padding:clamp(20px,4vw,44px);scrollbar-width:thin;scrollbar-color:var(--dim) transparent}p{margin:0}.boot{color:var(--muted)}.boot p{animation:line-in .18s ease-out both}.boot small{color:var(--dim)}.intro{margin:28px 0 36px}.intro pre{margin:0 0 12px;color:var(--bright);font-size:clamp(7px,1.3vw,15px);line-height:1.1;letter-spacing:-.08em;overflow:hidden}.tagline{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.8em}.hint{color:var(--muted);margin-top:14px}.hint button,.theme-choices button{border:0;background:none;padding:0;color:var(--bright);cursor:pointer}.hint button{border-bottom:1px dashed currentColor}.history{display:grid;gap:18px}.history>div{animation:line-in .16s ease-out both}.line-command,.prompt{display:flex;gap:10px;align-items:baseline}.line-output,.line-error{max-width:760px}.line-error{color:var(--error)}.prompt-label{color:var(--accent);font-weight:600;white-space:nowrap}.prompt{margin-top:20px}.prompt input{min-width:0;flex:1;border:0;padding:0;outline:0;background:transparent;color:var(--bright);caret-color:var(--accent)}.prompt:focus-within .prompt-label:after{content:"_";display:inline-block;margin-left:3px;color:var(--accent);animation:blink 1s steps(1) infinite}.command-grid{display:grid;grid-template-columns:100px 1fr;column-gap:24px}.command-grid b{color:var(--bright)}.command-grid span{color:var(--muted)}.line-output p+p{margin-top:5px}.line-output a,.line-output strong{color:var(--bright)}.line-output a{text-underline-offset:4px;text-decoration-color:var(--dim)}.line-output a:hover{color:var(--accent)}.line-output ul{margin:0;padding:0;list-style:none}.line-output li:before{content:"→ ";color:var(--accent)}.theme-choices button{display:block}.theme-choices button:hover{color:var(--accent)}footer{position:relative;width:min(1120px,100%);margin:auto;display:flex;justify-content:space-between;color:var(--dim);font-size:10px;letter-spacing:.12em;animation:footer-in .6s .18s both}@keyframes terminal-in{from{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:none}}@keyframes footer-in{from{opacity:0}to{opacity:1}}@keyframes line-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes blink{0%,48%{opacity:1}49%,100%{opacity:0}}@media(max-width:640px){.site{padding:9px;gap:9px}.terminal{height:calc(100svh - 52px);min-height:0;border-radius:6px}.terminal-bar{grid-template-columns:1fr auto}.terminal-title{display:none}.terminal-body{padding:20px 15px}.intro{margin:24px 0 30px}.prompt-label{font-size:10px}.command-grid{grid-template-columns:85px 1fr;column-gap:10px}footer{padding:0 3px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}