:root{color-scheme:light dark;font-family:system-ui,sans-serif;font-size:18px;line-height:1.6}body{margin:0;background:#111827;color:#f8fafc}header,main{max-width:760px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}a{color:#93c5fd}h1{font-size:2rem;line-height:1.2}h2{font-size:1.4rem}section{border:1px solid #64748b;border-radius:16px;padding:24px;margin-top:24px}label{display:block;margin-top:18px}input{box-sizing:border-box;width:100%;font:inherit;padding:12px;border:2px solid #94a3b8;border-radius:8px;background:#fff;color:#111827}button{font:inherit;min-height:48px;padding:10px 18px;margin:12px 8px 4px 0;border:2px solid transparent;border-radius:8px;background:#bfdbfe;color:#172554;cursor:pointer}button:disabled{background:#cbd5e1;color:#475569;cursor:default}:focus-visible{outline:4px solid #fbbf24;outline-offset:4px}#message{font-weight:600}#message:empty{display:none}[hidden]{display:none!important}@media(max-width:480px){header,main{padding:16px}section{padding:16px}button{width:100%}}