:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#10141e;color:#eef2fa}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:28px 20px}header{margin-bottom:24px}h1{font-size:clamp(1.6rem,5vw,2.3rem)}h2{font-size:1.25rem}.badge{letter-spacing:.12em;color:#b3c8ff;font-size:.85rem}section{background:#192131;border:1px solid #384458;border-radius:14px;padding:22px;margin:20px 0}p,li{line-height:1.6}ol{padding-left:25px}#progress{padding:16px 16px 16px 40px;border:1px solid #43516a;border-radius:12px}#progress li[data-done=true]{color:#a5ebc1}label{display:block;margin:18px 0}input,textarea{display:block;width:100%;margin-top:7px;padding:13px;border-radius:7px;border:1px solid #8293af;background:#0e1521;color:inherit;font:inherit}button{padding:12px 18px;border-radius:8px;border:1px solid #839fd4;background:#315fa9;color:#fff;font:inherit;cursor:pointer;margin:5px 8px 5px 0;min-height:44px}button:disabled{opacity:.55;cursor:wait}a{color:#b8d4ff;text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e6c66d;outline-offset:3px}.check{display:flex;align-items:center;gap:12px}.check input{width:20px;height:20px;margin:0}#message,.notice{padding:14px;background:#24324a;border-radius:8px}#message[data-error=true]{background:#51252d}pre,textarea{white-space:pre-wrap;overflow-wrap:anywhere}footer{font-size:.9rem;color:#bbc5d6}[hidden]{display:none!important}@media(max-width:420px){main{padding:18px 12px}section{padding:16px}button{width:100%;margin:6px 0}}