:root{--brand-blue:#1570ff;--brand-cyan:#17c7c7;--brand-green:#35cf3f;--grad:linear-gradient(120deg,var(--brand-blue),var(--brand-cyan) 48%,var(--brand-green));--grad-soft:linear-gradient(120deg,rgba(21,112,255,.14),rgba(53,207,63,.14));--bg:#f4f7fc;--bg-glow:transparent;--card:#fff;--card-inner:#f5f8fd;--border:#e4e9f2;--line:#e4e9f2;--text:#0f1626;--dim:#5a6578;--green:#12a150;--red:#e5484d;--accent:#1570ff;--pill-bg:#eef2f9;--input-bg:#fff;--code-bg:#f3f6fc;--shadow:0 1px 2px rgba(16,24,40,.04),0 6px 20px rgba(16,24,40,.06);--shadow-sm:0 1px 2px rgba(16,24,40,.05);--ring:rgba(21,112,255,.25)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#080b11;--bg-glow:radial-gradient(1100px 500px at 50% -200px,rgba(23,160,200,.1),transparent 70%);--card:#10151f;--card-inner:#0b1018;--border:#212a3a;--line:#212a3a;--text:#e7ebf3;--dim:#8b94a8;--green:#37d67a;--red:#ff6b6b;--accent:#4f9bff;--pill-bg:#192234;--input-bg:#0c111b;--code-bg:#0b1018;--shadow:0 1px 2px rgba(0,0,0,.4),0 10px 34px rgba(0,0,0,.45);--shadow-sm:0 1px 2px rgba(0,0,0,.4);--ring:rgba(79,155,255,.35)}}:root[data-theme=dark]{--bg:#080b11;--bg-glow:radial-gradient(1100px 500px at 50% -200px,rgba(23,160,200,.1),transparent 70%);--card:#10151f;--card-inner:#0b1018;--border:#212a3a;--line:#212a3a;--text:#e7ebf3;--dim:#8b94a8;--green:#37d67a;--red:#ff6b6b;--accent:#4f9bff;--pill-bg:#192234;--input-bg:#0c111b;--code-bg:#0b1018;--shadow:0 1px 2px rgba(0,0,0,.4),0 10px 34px rgba(0,0,0,.45);--shadow-sm:0 1px 2px rgba(0,0,0,.4);--ring:rgba(79,155,255,.35)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font:14.5px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;-webkit-font-smoothing:antialiased}body{background-image:var(--bg-glow);background-repeat:no-repeat;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:960px;margin:0 auto;padding:24px 16px 72px}.topbar{justify-content:space-between;margin-bottom:22px;gap:12px;flex-wrap:wrap}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;font-size:20px;font-weight:750}.brand-logo{width:30px;height:30px;border-radius:8px;display:block}.brand-full{height:68px;width:auto;display:block}.brand-name{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.01em}.sub{color:var(--dim);margin:0 0 20px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;margin-bottom:16px;box-shadow:var(--shadow)}.card.inner{background:var(--card-inner);box-shadow:none;border-radius:12px;padding:14px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:650}.dim,.label{color:var(--dim)}.green{color:var(--green)}.red{color:var(--red)}button.btn{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:10px 16px;font-size:13.5px;font-weight:650;cursor:pointer;box-shadow:var(--shadow-sm);transition:filter .15s,transform .05s,opacity .15s}button.btn:hover:not(:disabled){filter:brightness(1.08)}button.btn:active:not(:disabled){transform:translateY(1px)}button.ghost{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:9px 13px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}button.ghost:hover:not(:disabled){background:var(--pill-bg)}button:disabled{opacity:.45;cursor:not-allowed}input,select{background:var(--input-bg);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:9px 11px;font-size:13.5px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}input::placeholder{color:var(--dim);opacity:.8}select{cursor:pointer}.pill{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;border:1px solid var(--border);color:var(--dim);background:var(--pill-bg)}.pill.green{color:var(--green);background:color-mix(in srgb,var(--green) 16%,transparent)}.pill.green,.pill.red{border-color:transparent}.pill.red{color:var(--red);background:color-mix(in srgb,var(--red) 16%,transparent)}code{background:var(--code-bg);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-size:.9em}pre code{background:none;border:0;padding:0}h4{font-size:14px;font-weight:700}.divider,hr{border:0;border-top:1px solid var(--border)}.theme-toggle{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--pill-bg);color:var(--text);cursor:pointer;font-size:16px;display:inline-flex;align-items:center;justify-content:center}.theme-toggle:hover{filter:brightness(1.05)}.hide{display:none}