:root{--bg:#0b0f14;--panel:#111821;--fg:#c9d6e2;--dim:#6b7c8d;--accent:#3ddc97;--line:#1f2b38}
@media (prefers-color-scheme:light){:root{--bg:#eef2f6;--panel:#fff;--fg:#1c2733;--dim:#6b7c8d;--accent:#0a8f5b;--line:#d5dde5}}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:var(--bg);color:var(--fg);font:16px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid;place-items:center;min-height:100vh;padding:16px;
background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:40px 40px}
.term{width:100%;max-width:640px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.35);overflow:hidden}
.bar{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--line);color:var(--dim);font-size:13px}
.bar i{width:11px;height:11px;border-radius:50%;background:var(--line)}
.bar i:first-child{background:#ff5f57}.bar i:nth-child(2){background:#febc2e}.bar i:nth-child(3){background:#28c840}
.bar span{margin-left:8px}
.body{padding:20px 22px 26px}
p{margin:0}.out{margin:0 0 18px 18px}
.p{color:var(--accent)}.dim{color:var(--dim)}
h1{margin:0 0 0 18px;font-size:clamp(28px,7vw,42px);line-height:1.2;color:var(--accent)}
a.mail,button{color:var(--accent);font:inherit}
button{background:none;border:1px dashed var(--accent);border-radius:4px;padding:2px 10px;cursor:pointer}
button:hover,button:focus-visible{background:var(--accent);color:var(--panel)}
a.mail{word-break:break-all}
[hidden]{display:none!important}
.cursor{display:inline-block;width:.6em;height:1.1em;background:var(--accent);vertical-align:text-bottom;animation:b 1s steps(1) infinite}
@keyframes b{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.cursor{animation:none}}