:root{color-scheme:light;--blue:#3d6bdd;--ink:#202124;--muted:#6d707b;--line:#e8eaf0}*{box-sizing:border-box}body{margin:0;min-height:100vh;font:16px/1.55 Inter,Arial,sans-serif;color:var(--ink);background:linear-gradient(155deg,#eaf1ff 0%,#f5f6fa 55%,#f7f7fa 100%)}main{max-width:880px;margin:auto;padding:40px 24px 64px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;gap:16px}.brand{font-size:24px;font-weight:800;letter-spacing:-1px;color:var(--ink);text-decoration:none}.caption{color:var(--muted);font-size:14px}.card{background:#fff;border:1px solid rgba(232,234,240,.9);border-radius:32px;padding:40px;box-shadow:0 18px 45px rgba(42,53,81,.045)}.badge{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;padding:9px 15px;border-radius:30px;background:#eef3ff;color:#315cc1}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}.badge[data-state=available]{background:#e8f7ee;color:#19784a}.badge[data-state=unavailable]{background:#fff3e3;color:#956209}h1{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:24px 0 16px}p{margin:0 0 16px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 22px;gap:12px;border:1px solid var(--line);border-radius:26px;background:white;color:var(--ink);text-decoration:none;font:600 15px/1.4 Inter,Arial,sans-serif;cursor:pointer}.primary{background:var(--blue);border-color:var(--blue);color:white}.button:focus-visible,a:focus-visible{outline:3px solid #99b4ff;outline-offset:4px}.button:disabled{opacity:.6;cursor:wait}.rows{margin:28px 0 0;padding:0;list-style:none}.rows li{display:flex;justify-content:space-between;gap:18px;padding:18px 0;border-top:1px solid var(--line)}.rows span{color:var(--muted)}.rows strong{font-size:15px;text-align:right}.checked{font-size:14px;margin-top:20px;margin-bottom:0}.note{margin:22px 4px 0;font-size:14px;max-width:700px}.notice{padding-top:20px;border-top:1px solid var(--line);margin-top:24px;font-size:15px}footer{margin-top:32px;font-size:13px;color:var(--muted)}@media(max-width:600px){main{padding:24px 16px 40px}header{margin-bottom:28px}.card{padding:26px 22px;border-radius:26px}h1{font-size:29px}.actions{flex-direction:column}.button{width:100%}.rows li{flex-direction:column;gap:4px}.rows strong{text-align:left}.caption{font-size:12px;text-align:right}}@media(prefers-reduced-motion:no-preference){.button{transition:background .15s}.primary:hover{background:#315ecc}}
