:root{--bg:#0f1724;--bg-accent:radial-gradient(900px 600px at 20% 10%,rgba(255,255,255,0.06),transparent 60%),radial-gradient(700px 500px at 80% 0%,rgba(255,255,255,0.05),transparent 60%);--nav:rgba(24,36,53,0.7);--accent:#ffd460;--accent-overlay:rgba(255,212,96,0.18);--text:#e8eef8;--muted:#b7c3d6;--card:rgba(255,255,255,0.06);--border:rgba(255,255,255,0.18);--shadow:0 10px 28px rgba(0,0,0,.28);--ring:0 0 0 2px rgba(255,212,96,0.35);--radius:12px}[data-theme=light]{--bg:#f7f9fc;--bg-accent:radial-gradient(900px 600px at 20% 10%,rgba(0,0,0,0.04),transparent 60%),radial-gradient(700px 500px at 80% 0%,rgba(0,0,0,0.03),transparent 60%);--nav:rgba(255,255,255,0.7);--accent:#1f7aff;--accent-overlay:rgba(31,122,255,0.18);--text:#0f1724;--muted:#3c4a61;--card:rgba(255,255,255,0.7);--border:rgba(15,23,36,0.15);--shadow:0 10px 28px rgba(15,23,36,0.08);--ring:0 0 0 2px rgba(31,122,255,0.28);--radius:12px}*{box-sizing:border-box}#__next,body,html{height:100%}body{margin:0;background:var(--bg-accent),var(--bg);background-repeat:no-repeat;background-attachment:fixed;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100%;flex-direction:column}.app,.nav{display:flex}.nav{position:-webkit-sticky;position:sticky;top:0;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--nav);border-bottom:1px solid var(--border);z-index:10;-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px)}.nav h1{margin:0;font-size:18px;letter-spacing:.2px}.nav a{color:var(--text);text-decoration:none;opacity:.9}.nav .nav-right{display:flex;gap:8px;align-items:center}.container{max-width:960px;margin:20px auto;padding:0 16px;width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.28)}.card h3{margin:0 0 8px}.muted{color:var(--muted);font-size:13px}.small{font-size:12px}.row{align-items:center}.col,.row{display:flex;gap:8px}.col{flex-direction:column}.row.end{justify-content:flex-end}.row.between{justify-content:space-between}.grow{flex:1 1 auto}.btn.sm{padding:6px 10px;border-radius:7px;min-height:28px}.toolbar{display:flex;justify-content:space-between;margin-top:8px}.btn,.toolbar{align-items:center;gap:8px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));color:var(--text);border-radius:10px;padding:8px 12px;cursor:pointer;display:inline-flex;justify-content:center;text-decoration:none;line-height:1.2;white-space:nowrap;min-height:36px;transition:transform .12s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.btn.open{background:linear-gradient(0deg,var(--accent-overlay),var(--accent-overlay)),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02))}.btn.open,.btn:hover{border-color:var(--accent)}.btn:hover{box-shadow:var(--ring)}.btn:active{transform:translateY(1px)}.btn.accent{background:var(--accent);color:#000;border-color:var(--accent);box-shadow:none}.input,.select{width:100%;border:1px solid var(--border);background:rgba(255,255,255,.06);color:var(--text);border-radius:10px;padding:10px 12px;font-size:16px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.input:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}label{font-size:12px;opacity:.9}.footer-space{height:28px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--border);background:rgba(255,255,255,.08)}.chip.ok{border-color:#2ecc71;color:#aef0c9}.chip.warn{border-color:#f1c40f;color:#ffe28a}.chip.bad{border-color:#e74c3c;color:#ffb3a8}.mobile-only{display:none}.desktop-only{display:block}@media (max-width:640px){.mobile-only{display:flex}.desktop-only{display:none}}.loading-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(800px 500px at 50% 30%,rgba(255,255,255,.08),rgba(255,255,255,.03) 40%,transparent 70%),var(--bg);z-index:1000;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;pointer-events:none}.loading-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.loading-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.loading-card .brand{font-weight:600;letter-spacing:.3px}.loading-card .hint{font-size:12px;opacity:.8}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top:3px solid var(--accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none;border-top-color:rgba(255,255,255,.5)}}