:root{color-scheme:light dark}*{box-sizing:border-box}body,html{margin:0;height:100%}body{font-family:ui-monospace,Cascadia Code,Menlo,Consolas,monospace;background:#f6f3ee;color:#2b2b2b}.wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.card{background:#fffdf9;border:3px solid #2b2b2b;border-radius:14px;box-shadow:6px 6px 0 #2b2b2b;padding:40px 48px;text-align:center;max-width:480px}.card h1{margin:0 0 8px;font-size:40px;letter-spacing:1px}.card p{margin:0 0 20px;opacity:.8}.tag{display:inline-block;background:#ffe08a;border:2px solid #2b2b2b;border-radius:999px;padding:6px 14px;font-size:13px}@media (prefers-color-scheme:dark){body{background:#17150f;color:#f0e9db}.card{background:#211d14;border-color:#f0e9db;box-shadow:6px 6px 0 #000}.tag{color:#2b2b2b}}