:root{--ink: #1f2933;--ink-soft: #52606d;--line: #d9e0e8;--bg: #f7f9fb;--card: #ffffff;--accent: #2f6b8f;--good: #2e7d4f;--good-bg: #e3f2e9;--warn: #a3672a;--warn-bg: #f6ecdd;--bad: #a3403a;--bad-bg: #f6e2e1}*{box-sizing:border-box}body{margin:0;font-family:Avenir Next,Segoe UI,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}main{max-width:720px;margin:0 auto;padding:24px 20px 80px}h1{font-size:1.5rem;margin:0 0 4px}h2{font-size:1.1rem;margin:28px 0 10px}p.sub{color:var(--ink-soft);margin:0 0 20px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;margin:12px 0}label{display:block;font-size:.85rem;color:var(--ink-soft);margin:10px 0 4px}input,select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:1rem;background:#fff}button{font-size:1rem;font-weight:600;padding:10px 16px;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;margin-top:14px}button.secondary{background:#fff;color:var(--accent)}button:disabled{opacity:.5;cursor:default}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.muted{color:var(--ink-soft);font-size:.85rem}.err{color:var(--bad);background:var(--bad-bg);border:1px solid #e6c3c1;padding:8px 12px;border-radius:8px;margin:10px 0;font-size:.9rem}.status{font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;padding:3px 10px;border-radius:999px}.status.verified{color:var(--good);background:var(--good-bg)}.status.degraded{color:var(--warn);background:var(--warn-bg)}.status.unprotected{color:var(--bad);background:var(--bad-bg)}.code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.8rem;letter-spacing:.15em;font-weight:700;text-align:center;padding:16px;background:#eef3f7;border-radius:10px;margin:10px 0}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:8px}.topbar button{margin:0}.rules{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.rules h3{font-size:.95rem;margin:0}.rules select,.rules input{width:auto;flex:1 1 auto;min-width:120px}button.link{background:none;border:none;color:var(--accent);padding:0;margin:0;font-size:.85rem;text-decoration:underline}
