:root{color-scheme:dark;--black:#090909;--concrete:#d3d3d3;--white:#fff;font-family:"Libre Baskerville",Georgia,serif;font-variant-numeric:lining-nums tabular-nums;background:var(--black);color:var(--concrete)}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}::selection{background:var(--concrete);color:var(--black)}
header{position:absolute;top:48px;left:52px;right:40px}header a{display:inline-flex;gap:20px;align-items:baseline;color:var(--white);text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.08em;line-height:1.6}header span{font-weight:400;color:#9b9b9b;font-size:12px;letter-spacing:.09em}a:focus-visible,button:focus-visible{outline:1px solid var(--concrete);outline-offset:8px}
main{flex:1;min-height:100svh;display:grid;place-items:center;padding:130px 32px}.terminal{width:min(600px,100%);transform:translateY(-2px)}form{width:100%}.command{display:flex;align-items:baseline;justify-content:center;gap:16px;font-size:clamp(16px,2vw,22px);line-height:1.8;letter-spacing:.035em;white-space:nowrap}label{cursor:text}.input-wrap{position:relative;min-width:1ch;display:flex}input{font:inherit;letter-spacing:inherit;line-height:inherit;background:transparent;border:0;border-radius:0;padding:0;width:1ch;max-width:13ch;color:var(--white);outline:none;caret-color:var(--white)}.cursor{position:absolute;left:0;top:0;color:var(--white);pointer-events:none;animation:blink 1.15s step-end infinite}.input-wrap:focus-within .cursor{display:none}input:not(:placeholder-shown){}.command button{border:0;background:none;color:#aaa;cursor:pointer;font:inherit;padding:0 6px;opacity:0;transition:opacity .15s}.command:focus-within button,.command:hover button,.command.has-value button{opacity:1}.command button:hover{color:#fff}#response{min-height:52px;margin:20px 0 -72px;text-align:center;color:#9b9b9b;font-size:12px;letter-spacing:.065em;line-height:1.8}footer{position:absolute;bottom:32px;left:52px;right:52px;display:flex;gap:16px;color:#666;font-size:12px;line-height:1.8;letter-spacing:.04em}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}@media(prefers-reduced-motion:reduce){.cursor{animation:none}*{transition:none!important}}@media(max-width:600px){header{top:28px;left:24px;right:24px}header a{gap:12px;font-size:13px}header span{font-size:12px;letter-spacing:0}main{padding:110px 24px}.command{gap:10px;font-size:16px;letter-spacing:0;flex-wrap:wrap;justify-content:flex-start}.terminal{width:100%}.command button{opacity:1;margin-left:auto}#response{text-align:left;max-width:100%}footer{left:24px;right:24px;bottom:24px;flex-wrap:wrap;gap:0 14px;font-size:12px}}@media(max-width:350px){header a{display:block}header span{display:block}.command{gap:8px}footer{display:block}footer span{display:block}}
