@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@500;700&display=swap";:root{color:#20231f;background:#f4f1e8;font-family:DM Mono,monospace;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(rgba(32,35,31,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(32,35,31,.05) 1px,transparent 1px),#f4f1e8;background-size:32px 32px}#app{display:grid;min-height:100vh;place-items:center;padding:24px}.terminal{width:min(880px,100%);border:2px solid #20231f;background:#e0ffff;box-shadow:12px 12px #ee5b3f;animation:arrive .5s ease-out both}.terminal__bar{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;min-height:48px;padding:10px 16px;border-bottom:2px solid #20231f;font-size:.75rem;text-transform:uppercase}.terminal__status{width:12px;height:12px;border-radius:50%;background:#58a86b;box-shadow:0 0 0 3px #58a86b33}.terminal__code{color:#397846;font-weight:500}.terminal__body{padding:clamp(32px,8vw,88px)}.terminal__prompt,.terminal__meta{margin:0;font-size:clamp(.72rem,2vw,.9rem)}.terminal__prompt{color:#b43a26}h1{max-width:720px;margin:18px 0 28px;font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,9vw,6.5rem);line-height:.95;letter-spacing:0}.terminal__meta{padding-top:20px;border-top:1px solid rgba(32,35,31,.25);color:#5d625a}@keyframes arrive{0%{opacity:0;transform:translateY(16px)}}@media(max-width:520px){#app{padding:16px 20px 28px 16px}.terminal{box-shadow:7px 7px #ee5b3f}.terminal__bar{grid-template-columns:auto 1fr}.terminal__code{display:none}}@media(prefers-reduced-motion:reduce){.terminal{animation:none}}