html,body{margin:0;padding:0;background:#f1f5f9;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.layout.svelte-9mnzy5.svelte-9mnzy5{min-height:100vh;display:flex;flex-direction:column}.topbar.svelte-9mnzy5.svelte-9mnzy5{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc;border-bottom:1px solid #0b1220;box-shadow:0 1px #0000000d}.topbar-left.svelte-9mnzy5.svelte-9mnzy5{display:flex;align-items:center;gap:16px}.brand.svelte-9mnzy5.svelte-9mnzy5{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.brand.svelte-9mnzy5.svelte-9mnzy5:hover{text-decoration:none}.brand-mark.svelte-9mnzy5.svelte-9mnzy5{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #3b82f659}.brand-text.svelte-9mnzy5.svelte-9mnzy5{display:flex;flex-direction:column;line-height:1.05}.brand-name.svelte-9mnzy5.svelte-9mnzy5{font-weight:800;letter-spacing:.5px;font-size:15px}.brand-sub.svelte-9mnzy5.svelte-9mnzy5{font-size:11px;color:#94a3b8;font-weight:500}.mode-badge.svelte-9mnzy5.svelte-9mnzy5{background:#fbbf242e;color:#fde68a;border:1px solid rgba(251,191,36,.45);font-size:11px;padding:3px 10px;border-radius:999px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.mode-badge--hybrid.svelte-9mnzy5.svelte-9mnzy5{background:#60a5fa2e;color:#bfdbfe;border-color:#60a5fa73}.mode-badge--real.svelte-9mnzy5.svelte-9mnzy5{background:#22c55e2e;color:#bbf7d0;border-color:#22c55e73}.topbar-right.svelte-9mnzy5.svelte-9mnzy5{display:flex;align-items:center;gap:12px}.api-base.svelte-9mnzy5.svelte-9mnzy5{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.api-dot.svelte-9mnzy5.svelte-9mnzy5{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e2e}.api-label.svelte-9mnzy5.svelte-9mnzy5{font-weight:700;color:#f1f5f9;letter-spacing:.4px}.api-url.svelte-9mnzy5.svelte-9mnzy5{color:#94a3b8}.navbar.svelte-9mnzy5.svelte-9mnzy5{display:flex;flex-wrap:wrap;gap:4px;padding:8px 16px;background:#fff;border-bottom:1px solid #e2e8f0;overflow-x:auto;box-shadow:0 1px 2px #0f172a0a}.nav-link.svelte-9mnzy5.svelte-9mnzy5{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:8px;color:#475569;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s ease,color .15s ease,transform .05s ease}.nav-icon.svelte-9mnzy5.svelte-9mnzy5{color:currentColor;opacity:.85}.nav-link.svelte-9mnzy5.svelte-9mnzy5:hover{background:#f1f5f9;color:#0f172a;text-decoration:none}.nav-link.active.svelte-9mnzy5.svelte-9mnzy5{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 10px #2563eb47}.nav-link.active.svelte-9mnzy5 .nav-icon.svelte-9mnzy5{opacity:1}.main.svelte-9mnzy5.svelte-9mnzy5{flex:1;padding:20px;max-width:1400px;width:100%;margin:0 auto}.footer.svelte-9mnzy5.svelte-9mnzy5{padding:14px 16px;border-top:1px solid #e2e8f0;background:#fff;color:#64748b;text-align:center}@media (max-width: 720px){.topbar.svelte-9mnzy5.svelte-9mnzy5{padding:10px 14px}.api-url.svelte-9mnzy5.svelte-9mnzy5,.brand-sub.svelte-9mnzy5.svelte-9mnzy5{display:none}}