:root{color-scheme:light dark;--font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs: 12px;--text-sm: 13px;--text-md: 15px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 34px;--space-1: 6px;--space-2: 10px;--space-3: 14px;--space-4: 18px;--space-5: 26px;--space-6: 34px;--space-7: 48px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-pill: 999px;--shadow-sm: 0 1px 1px rgba(0, 0, 0, .05), 0 6px 20px rgba(0, 0, 0, .08);--shadow-md: 0 2px 2px rgba(0, 0, 0, .06), 0 12px 40px rgba(0, 0, 0, .12);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-1: .12s;--dur-2: .18s;--dur-3: .26s;--color-neutral-0: #ffffff;--color-neutral-950: #0b0d10;--color-accent-1: #6ee7ff;--color-accent-2: #8b5cf6;--color-ok: #22c55e;--color-warn: #f59e0b;--color-bad: #ef4444;--bg: var(--color-neutral-950);--bg-2: #0f1319;--surface-1: rgba(255, 255, 255, .06);--surface-2: rgba(255, 255, 255, .1);--border-1: rgba(255, 255, 255, .12);--border-2: rgba(255, 255, 255, .18);--text-1: rgba(255, 255, 255, .92);--text-2: rgba(255, 255, 255, .62);--text-3: rgba(255, 255, 255, .42);--focus: rgba(110, 231, 255, .55);--panel: var(--surface-1);--panel-2: var(--surface-2);--border: var(--border-1);--text: var(--text-1);--muted: var(--text-2);--muted-2: var(--text-3);--accent: var(--color-accent-1);--accent-2: var(--color-accent-2);--ok: var(--color-ok);--warn: var(--color-warn);--bad: var(--color-bad)}@media(prefers-color-scheme:light){:root{--bg: #f5f7fb;--bg-2: #ffffff;--surface-1: rgba(15, 23, 42, .06);--surface-2: rgba(15, 23, 42, .08);--border-1: rgba(15, 23, 42, .12);--border-2: rgba(15, 23, 42, .18);--text-1: rgba(15, 23, 42, .92);--text-2: rgba(15, 23, 42, .62);--text-3: rgba(15, 23, 42, .42);--focus: rgba(59, 130, 246, .45)}}[data-theme=dark]{--bg: var(--color-neutral-950);--bg-2: #0f1319;--surface-1: rgba(255, 255, 255, .06);--surface-2: rgba(255, 255, 255, .1);--border-1: rgba(255, 255, 255, .12);--border-2: rgba(255, 255, 255, .18);--text-1: rgba(255, 255, 255, .92);--text-2: rgba(255, 255, 255, .62);--text-3: rgba(255, 255, 255, .42);--focus: rgba(110, 231, 255, .55)}[data-theme=light]{--bg: #f5f7fb;--bg-2: #ffffff;--surface-1: rgba(15, 23, 42, .06);--surface-2: rgba(15, 23, 42, .08);--border-1: rgba(15, 23, 42, .12);--border-2: rgba(15, 23, 42, .18);--text-1: rgba(15, 23, 42, .92);--text-2: rgba(15, 23, 42, .62);--text-3: rgba(15, 23, 42, .42);--focus: rgba(59, 130, 246, .45)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-md);line-height:1.55;color:var(--text);background:radial-gradient(900px 600px at 18% -10%,rgba(110,231,255,.18),transparent 60%),radial-gradient(700px 500px at 80% 10%,rgba(139,92,246,.14),transparent 55%),radial-gradient(900px 600px at 40% 110%,rgba(110,231,255,.1),transparent 50%),linear-gradient(180deg,var(--bg),var(--bg-2))}a{color:inherit;text-decoration:none}::selection{background:#6ee7ff38}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.container{width:min(1120px,calc(100% - 2 * var(--space-5)));margin:0 auto}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);backdrop-filter:blur(10px)}[data-effects=reduced] .panel{backdrop-filter:none;box-shadow:none}.hr{height:1px;background:var(--border);border:0;margin:0}.muted{color:var(--muted)}.kbd{font-size:var(--text-xs);padding:2px 6px;border-radius:8px;border:1px solid var(--border);color:var(--muted)}.h1{font-size:clamp(34px,4.2vw,54px);line-height:1.05;margin:0;letter-spacing:-.03em}.h2{font-size:clamp(22px,2.6vw,30px);line-height:1.1;margin:0;letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;border-radius:var(--radius-pill);border:1px solid var(--border);background:#ffffff0a;color:var(--text);transition:transform var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out);user-select:none}.btn:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.btn:hover{transform:translateY(-1px);background:#ffffff0f;border-color:#fff3}.btn:active{transform:translateY(0)}.btn-primary{border-color:#6ee7ff59;background:linear-gradient(135deg,#6ee7ff33,#8b5cf624)}.btn-ghost{background:transparent}.btn-sm{padding:9px 12px;font-size:var(--text-sm)}.field{display:flex;flex-direction:column;gap:8px}.input,.select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:#ffffff08;color:var(--text)}.select{appearance:none}.badge{display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xs);padding:4px 8px;border-radius:999px;border:1px solid var(--border);color:var(--text);background:#ffffff0a}.badge-ok{border-color:#22c55e59}.badge-warn{border-color:#f59e0b59}.badge-bad{border-color:#ef444459}[data-effects=reduced] .btn,[data-effects=reduced] .panel{transition:none}.fade-in{animation:fadeInUp var(--dur-3) var(--ease-out) both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.site-header{padding:var(--space-5) 0 var(--space-4)}.app-header{padding:var(--space-5) 0 var(--space-3)}.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.nav-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.nav-right{display:flex;align-items:center;gap:10px;position:relative}@media(max-width:780px){.nav-actions{display:none}}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center}.brand-dot{width:14px;height:14px;border-radius:6px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:block}.brand-name{font-weight:650;letter-spacing:-.01em}.main{padding-bottom:var(--space-7)}.hero{padding:var(--space-6)}.hero-copy{max-width:780px}.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--space-5)}.grid-12{margin-top:var(--space-6);display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-3)}.col-6{grid-column:span 6}.col-12{grid-column:span 12}@media(max-width:780px){.col-6{grid-column:span 12}}.section{padding:var(--space-5)}.section+.section{margin-top:var(--space-4)}.row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-start;justify-content:space-between}.row-right{display:flex;gap:10px;align-items:center}.stats{margin-top:var(--space-3);display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-3)}.stat{grid-column:span 3;padding:14px 16px;border-radius:16px;background:var(--panel-2);border:1px solid var(--border)}@media(max-width:900px){.stat{grid-column:span 6}}@media(max-width:560px){.stat{grid-column:span 12}}.stat-value{font-size:22px;font-weight:700;letter-spacing:-.02em}.stat-label{margin-top:2px;color:var(--muted);font-size:var(--text-sm)}.alert{padding:12px 14px;border-radius:16px;border:1px solid var(--border);background:var(--panel-2)}.empty-state{padding:14px 16px;border-radius:16px;background:var(--panel-2);border:1px solid var(--border)}.empty-state-title{font-weight:650;letter-spacing:-.01em}.empty-state-desc{margin-top:4px;font-size:13px}.error-state .alert-body{color:var(--text)}.alert-title{font-weight:650;letter-spacing:-.01em;margin-bottom:6px}.alert-body{color:var(--text)}.alert-neutral{border-color:var(--border)}.alert-info{border-color:#6ee7ff59}.alert-ok{border-color:#22c55e59}.alert-warn{border-color:#f59e0b59}.alert-bad{border-color:#ef444459}.spinner{display:inline-block;border:2px solid var(--border);border-top-color:var(--accent);border-radius:999px;animation:spin .9s linear infinite;vertical-align:text-bottom}.spinner-sm{width:14px;height:14px}.spinner-md{width:18px;height:18px}.spinner-lg{width:24px;height:24px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{position:relative;overflow:hidden;border-radius:var(--radius-md);background:var(--surface-2)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:skeleton-shimmer 1.5s infinite}[data-theme=light] .skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-text{height:1em;border-radius:10px}.skeleton-rect{border-radius:var(--radius-md)}.skeleton-circle{border-radius:999px}.skeleton-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md)}.skeleton-audit-item{opacity:0;animation:skeleton-fade-in .3s ease forwards}@keyframes skeleton-fade-in{to{opacity:1}}[data-effects=reduced] .spinner,[data-effects=reduced] .skeleton{animation:none}[data-effects=reduced] .skeleton:after{animation:none}[data-effects=reduced] .skeleton-audit-item{animation:none;opacity:1}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}