:root{--bg:#ffffff;--panel:#ffffff;--bg-alt:#f5f5f7;--border:#d2d2d7;--text:#1d1d1f;--muted:#6e6e73;--accent:#0071e3;--accent-hover:#0077ed;--danger:#d70015;--ok:#248a3d;--warn:#b25000}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:15px;line-height:1.47;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}.container{max-width:980px;margin:0 auto;padding:24px 22px}header.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-bottom:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.8);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);position:-webkit-sticky;position:sticky;top:0;z-index:50}header.topbar .brand{font-weight:600;font-size:17px;letter-spacing:.02em}header.topbar .brand span{color:var(--text)}header.topbar .row{align-items:center}header.topbar a{color:var(--text);opacity:.8;font-size:13px}header.topbar a:hover{opacity:1;text-decoration:none}.card{background:var(--panel);border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:24px;margin-bottom:18px;box-shadow:0 2px 12px rgba(0,0,0,.04)}h1{font-size:26px;letter-spacing:-.02em;margin-bottom:6px}h1,h2{font-weight:700}h2{font-size:20px;letter-spacing:-.01em;margin-bottom:12px}h3{font-size:15px;font-weight:600}.subtitle{margin-bottom:18px}.subtitle,label{color:var(--muted)}label{display:block;font-size:13px;margin:12px 0 4px}input,select,textarea{width:100%;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,113,227,.15)}.btn,button{display:inline-block;padding:9px 18px;margin-top:12px;border-radius:980px;border:1px solid transparent;cursor:pointer;background:var(--accent);color:#fff;font-size:14px;font-weight:500;font-family:inherit;transition:background .15s ease}button:hover{background:var(--accent-hover)}button.secondary{background:var(--bg-alt);border-color:var(--border);color:var(--text)}button.secondary:hover{background:#e8e8ed}button.danger{background:var(--danger)}button:disabled{opacity:.4;cursor:not-allowed}.alert{padding:12px 16px;border-radius:12px;margin:12px 0;font-size:14px}.alert.error{background:rgba(215,0,21,.06);color:var(--danger);border:1px solid rgba(215,0,21,.25)}.alert.ok{background:rgba(36,138,61,.08);color:var(--ok);border:1px solid rgba(36,138,61,.25)}.alert.info{background:rgba(0,113,227,.06);color:var(--accent);border:1px solid rgba(0,113,227,.25)}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:11px 12px;border-bottom:1px solid rgba(0,0,0,.06)}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.badge,th{font-weight:600;font-size:12px}.badge{display:inline-block;padding:2px 10px;border-radius:980px}.badge.ok{background:rgba(36,138,61,.1);color:var(--ok)}.badge.warn{background:rgba(178,80,0,.1);color:var(--warn)}.badge.muted{background:rgba(110,110,115,.12);color:var(--muted)}.badge.error{background:rgba(215,0,21,.08);color:var(--danger)}.usage-bar{height:6px;background:var(--bg-alt);border-radius:3px;overflow:hidden;margin-top:6px}.usage-bar>div{height:100%;background:var(--accent)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted);font-size:13px}.spacer{flex:1 1}.code-box{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:20px;letter-spacing:3px;background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;padding:14px;text-align:center;margin:12px 0}ol.steps{padding-left:20px;color:var(--muted)}ol.steps li{margin:6px 0}