:root{--bg:#0b0d12;--surface:#141822;--surface-2:#1b2130;--border:#262d3d;--text:#eef1f7;--text-muted:#97a0b5;--accent:#4c8dff;--accent-soft:#4c8dff24;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--radius-sm:8px;--radius:14px;--radius-lg:20px;--shadow:0 18px 48px #00000073;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;padding:0}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.stack{flex-direction:column;gap:16px;display:flex}.row{align-items:center;gap:12px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.grid{gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.card-tight{padding:16px}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.2}h1{font-size:34px}h2{font-size:22px}h3{font-size:16px}p{margin:0;line-height:1.6}.muted{color:var(--text-muted)}.small{font-size:13px}.mono{font-family:var(--mono);font-size:12px}.button{border-radius:var(--radius-sm);background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:filter .15s,opacity .15s;display:inline-flex}.button:hover:not(:disabled){filter:brightness(1.1)}.button:disabled{opacity:.5;cursor:not-allowed}.button-secondary{background:var(--surface-2);border-color:var(--border);color:var(--text)}.button-ghost{border-color:var(--border);color:var(--text-muted);background:0 0}.button-danger{color:var(--danger);background:0 0;border-color:#f8717159}label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:600;display:block}input,select,textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;padding:10px 12px;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea{resize:vertical;min-height:120px;font-family:var(--mono);font-size:13px}input[type=color]{cursor:pointer;height:38px;padding:2px}.notice{border-radius:var(--radius-sm);border:1px solid;padding:12px 14px;font-size:14px;line-height:1.5}.notice-error{color:#fecaca;background:#f871711a;border-color:#f8717166}.notice-warning{color:#fde68a;background:#fbbf241a;border-color:#fbbf2466}.notice-success{color:#a7f3d0;background:#34d3991a;border-color:#34d39966}.notice-info{background:var(--accent-soft);color:#cddffd;border-color:#4c8dff59}.badge{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{color:var(--success);border-color:#34d3994d}.badge-danger{color:var(--danger);border-color:#f871714d}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:10px 12px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px}tbody tr:last-child td{border-bottom:none}.nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#0b0d12d9;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;height:60px;display:flex}.nav-links{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-muted);padding:7px 12px;font-size:14px;font-weight:500}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link[data-active=true]{background:var(--accent-soft);color:#cddffd}.brand{letter-spacing:-.01em;align-items:center;gap:9px;font-size:15px;font-weight:700;display:flex}.brand-mark{background:linear-gradient(140deg, var(--accent), #8b5cf6);border-radius:7px;place-items:center;width:24px;height:24px;font-size:12px;display:grid}@media (max-width:700px){h1{font-size:26px}.nav-inner{flex-direction:column;align-items:flex-start;height:auto;padding:12px 0}}