:root{--ocean-900:#06111c;--ocean-850:#0a1826;--ocean-800:#0e2135;--ocean-700:#143047;--ocean-600:#1d4463;--foam:#f2f8fc;--foam-dim:#a7c0d4;--foam-faint:#6e8ba3;--bg:var(--ocean-900);--surface:color-mix(in srgb, var(--ocean-850) 88%, transparent);--surface-solid:var(--ocean-850);--border:color-mix(in srgb, var(--foam) 12%, transparent);--border-strong:color-mix(in srgb, var(--foam) 22%, transparent);--text:var(--foam);--text-dim:var(--foam-dim);--text-faint:var(--foam-faint);--accent:#2dd4bf;--accent-warm:#f59e0b;--danger:#f43f5e;--radius:14px;--radius-sm:9px;--shadow:0 18px 40px -18px #000000bf;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.55}a{color:inherit}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:650;line-height:1.2}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.app{flex-direction:column;height:100dvh;display:flex}.masthead{border-bottom:1px solid var(--border);background:var(--surface-solid);z-index:20;flex:none;align-items:center;gap:1.25rem;padding:.6rem 1rem;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:.55rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:flex}.brand svg{color:var(--accent);display:block}.nav{gap:.25rem;margin-left:auto;display:flex}.nav a{color:var(--text-dim);border-radius:999px;padding:.35rem .75rem;font-size:.9rem;font-weight:550;text-decoration:none;transition:background .12s,color .12s}.nav a:hover{color:var(--text);background:color-mix(in srgb, var(--foam) 8%, transparent)}.nav a[aria-current=page]{color:var(--ocean-900);background:var(--accent)}.chip{background:color-mix(in srgb, var(--foam) 8%, transparent);border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.78rem;font-weight:550;display:inline-flex}.chip.danger{background:color-mix(in srgb, var(--danger) 16%, transparent);border-color:color-mix(in srgb, var(--danger) 35%, transparent);color:#ffd9df}.chip .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.muted{color:var(--text-faint)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--danger) 14%, transparent);border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);margin:1rem;padding:.9rem 1rem;font-size:.9rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}