@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=IBM+Plex+Mono:wght@400;600&display=swap";:root{color-scheme:dark;--font-sans: Inter, "Segoe UI", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg: #080d15;--bg-soft: #0f1520;--surface: #121b2b;--surface-strong: #162336;--surface-2: #162234;--surface-alt: #1a2b42;--surface-3: #1c2a3f;--text: #edf3ff;--muted: #96a8c7;--line: #27364e;--line-strong: #355177;--border: #2b3d58;--border-strong: #3b577d;--accent: #4e9eff;--accent-strong: #71b1ff;--accent-soft: rgba(78, 158, 255, .14);--good: #34c38f;--bad: #f87171;--warn: #f4b14d;--success: #85e8be;--warning: #f4d084;--danger: #f2a4a4;--radius: 16px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--shadow: 0 18px 44px rgba(1, 5, 11, .44);--max: 1160px;--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--control-height: 40px;--table-cell-y: .58rem;--table-cell-x: .72rem;--badge-pad-y: 4px;--badge-pad-x: 10px}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{margin:0;font-family:var(--font-sans);color:var(--text);background:linear-gradient(rgba(129,151,186,.05) 1px,transparent 1px) 0 0 / 34px 34px,linear-gradient(90deg,rgba(129,151,186,.05) 1px,transparent 1px) 0 0 / 34px 34px,radial-gradient(circle at 0% 0%,rgba(78,158,255,.1),transparent 36%),radial-gradient(circle at 100% 0%,rgba(52,195,143,.07),transparent 46%),var(--bg)}h1,h2,h3{color:var(--text);font-weight:600;letter-spacing:-.015em}p{color:var(--muted);line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}.app-shell{width:min(1200px,100%);margin:0 auto;padding:var(--space-3) var(--space-3) calc(var(--space-4) * 3)}.nav{position:sticky;top:var(--space-2);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2) calc(var(--space-3) + var(--space-1));padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:#0b121de6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.nav-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.01em}.brand-mark{width:14px;height:14px;border-radius:3px;border:1px solid #4a74ab;background:linear-gradient(180deg,#1f3e67,#173152)}.nav-links{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.nav-dropdown{position:relative;display:inline-flex;align-items:center;padding-bottom:6px;margin-bottom:-6px}.nav-dropdown summary{list-style:none}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary:after{content:"▾";margin-left:6px;font-size:.72rem;color:#9ab5dd;transition:transform .16s ease}.nav-dropdown[open] summary:after{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 2px);left:0;margin-top:0;min-width:180px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#101a2a;box-shadow:var(--shadow);padding:var(--space-1);display:grid;gap:4px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease;z-index:40}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown[open] .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav-dropdown-link{display:block;border-radius:8px;padding:7px 9px;font-size:.83rem;color:#c4d7f3}.nav-dropdown-link:hover{background:#1a2e4a;color:#e8f2ff}.beta-pill{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(133,232,190,.4);background:#85e8be24;color:var(--success);padding:4px 9px;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.area-switcher{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.78rem}.area-link{color:inherit}.area-link.active{color:var(--text)}.area-divider{opacity:.45}.nav-button,.nav-pill,.cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:var(--control-height);border-radius:var(--radius-sm);border:1px solid var(--border);font-size:.86rem;font-weight:600;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.nav-button{background:var(--surface);color:var(--muted);padding:0 calc(var(--space-2) + 2px)}.nav-button:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-strong)}.nav-button.active{color:#e8f2ff;border-color:#4f76aa;background:#1f3350}.nav-pill{background:#17283f;color:#d4e5ff;border-color:#38547a;padding:0 calc(var(--space-2) + 2px)}.nav-pill:hover{border-color:#4f76aa}.cta{background:linear-gradient(180deg,#418ff0,#3679d5);border-color:#5da6ff;color:#f7fbff;padding:0 var(--space-3)}.cta:hover{background:linear-gradient(180deg,#4b99f9,#3d84de)}.nav-button:focus-visible,.nav-pill:focus-visible,.cta:focus-visible,.input:focus-visible,.toggle input:focus-visible+.toggle-track,.tooltip-trigger:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.hero{margin:30px 0 6px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.hero-card{padding:24px;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(180deg,var(--surface) 0%,#101a2a 100%);box-shadow:var(--shadow)}.hero-title{font-size:clamp(1.7rem,2.2vw + 1rem,2.5rem);line-height:1.1;margin-bottom:12px}.hero-subtitle{font-size:.95rem;margin-bottom:16px}.section{margin-top:12px;display:grid;gap:12px}.toast{position:sticky;top:72px;z-index:18;padding:11px 13px;border-radius:12px;border:1px solid #416da0;background:#4e9eff29;color:#e6f1ff;font-weight:600}.banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface-strong)}.banner-title{font-weight:600;margin-bottom:4px}.banner-stale,.banner-needs-permission{border-color:#f4d08473;background:#f4d08421}.banner-blocked,.banner-unsupported{border-color:#f2a4a473;background:#f2a4a421}.auth-section{margin-top:18px}.auth-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:18px;align-items:start}.auth-intro{min-width:0;padding:12px 8px}.auth-badge{border-color:#3f5d85;box-shadow:none}.auth-title{margin-top:12px;font-size:clamp(1.7rem,2vw + 1rem,2.3rem);line-height:1.08}.auth-subtitle{margin-top:10px;max-width:520px}.auth-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.auth-chip{border:1px solid var(--border);border-radius:999px;background:var(--surface-strong);color:#c5d7f5;padding:7px 12px;font-size:.8rem}.auth-note{margin-top:18px;font-size:.83rem;max-width:360px}.panel.auth-panel{position:relative;min-width:0;width:100%;isolation:isolate;overflow:hidden}.panel.auth-panel:before{content:"";position:absolute;top:-44px;right:-36px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(78,158,255,.16),transparent 70%);z-index:0;pointer-events:none}.panel.auth-panel:after{content:"";position:absolute;bottom:-36px;left:-36px;width:110px;height:110px;border-radius:18px;background:#2b3d583d;z-index:0;pointer-events:none}.panel.auth-panel>*{position:relative;z-index:1}.auth-panel-head{display:grid;gap:6px}.panel.notice.auth-status{margin-top:8px;border-left:1px solid rgba(78,158,255,.45);border-color:#4e9eff61;border-radius:10px;padding:10px 12px}.auth-form{margin-top:16px;display:grid;gap:14px}.auth-hosted{gap:10px}.auth-captcha{display:grid;gap:8px;padding:10px;border-radius:12px;border:1px solid var(--border);background:var(--surface-strong);width:fit-content;max-width:100%}.auth-field{display:grid;gap:6px}.auth-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.auth-link{align-self:flex-start}.auth-session{margin-top:10px;padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--surface-strong);display:grid;gap:8px}.onboarding{border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(180deg,var(--surface) 0%,#111b2a 100%);padding:var(--space-3)}.onboarding.collapsed{padding-bottom:14px}.onboarding-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.onboarding-title{font-size:.95rem;font-weight:600}.onboarding-progress{font-size:.82rem}.onboarding-steps{margin-top:12px;display:grid;gap:10px}.onboarding-step{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-2);align-items:center;padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-strong)}.onboarding-check{width:24px;height:24px;border-radius:999px;border:1px solid var(--border);display:grid;place-items:center;font-size:.8rem;color:var(--muted)}.onboarding-check.done{color:#0b1a30;border-color:#85e8be99;background:var(--success)}.onboarding-step-title{font-weight:600}.quickstart-panel{margin-bottom:12px}.quickstart-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}.quickstart-grid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.quickstart-summary{margin-top:12px;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--surface-strong)}.paywall-surface{border:1px solid #4c678d;border-radius:12px;background:#182940c7;padding:12px}.paywall-unlocked{border-color:#85e8be73;background:#16342d3d}.paywall-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.paywall-list{margin:8px 0 0;padding-left:18px;color:#c7d7ee;font-size:.85rem;line-height:1.5}.paywall-cta{display:grid;gap:8px;justify-items:end}.empty-card{width:100%;display:grid;gap:10px;padding:14px;border-radius:12px;border:1px dashed #3c526f;background:#1a2b4280}.empty-title{font-weight:600}.empty-description{margin:0}.panel{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(180deg,var(--surface) 0%,#111a2a 100%);box-shadow:var(--shadow)}.panel h3{font-size:1rem;margin-bottom:6px}.kpi-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.kpi-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(180deg,#142136,#111d2f);padding:var(--space-2);display:grid;gap:6px}.kpi-label{color:#a9bfdc;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.kpi-value{color:#e6efff;font-size:1rem;font-weight:600}.label{display:block;margin-bottom:6px;color:#b2c4de;font-size:.82rem;letter-spacing:.02em}.input{width:100%;min-height:var(--control-height);border-radius:var(--radius-sm);border:1px solid var(--border);background:#111d30;color:var(--text);padding:0 var(--space-2);font-size:.9rem;transition:border-color .16s ease,box-shadow .16s ease}.input::placeholder{color:#7f93b4}.input:focus{outline:none;border-color:#5a8fcd;box-shadow:0 0 0 3px #4e9eff2e}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rule-type{display:grid;gap:2px}.tag{display:inline-flex;align-items:center;gap:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-strong);color:#c3d5f3;padding:var(--badge-pad-y) var(--badge-pad-x);font-size:.78rem}.mono{font-family:IBM Plex Mono,SFMono-Regular,ui-monospace,Menlo,monospace;letter-spacing:-.005em}.list{display:flex;flex-direction:column;gap:10px}.filters{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;align-items:end}.group-title{margin:14px 0 8px;color:#a8bfdc;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--surface-strong)}.card .mono{color:#e6efff;font-size:.88rem}.alert-card{flex-direction:column;align-items:stretch}.alert-meta{margin-top:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.alert-actions{align-self:flex-end}.alert-detail{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.detail-title{font-weight:600;margin-bottom:6px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-pill);padding:var(--badge-pad-y) var(--badge-pad-x);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;border:1px solid #3f628f;background:#4e9eff26;color:#a8ccfa}.badge-live,.badge-up{border-color:#85e8be73;background:#85e8be24;color:var(--success)}.badge-delayed{border-color:#f4d08473;background:#f4d08426;color:var(--warning)}.badge-stale,.badge-down{border-color:#f2a4a473;background:#f2a4a426;color:var(--danger)}.badge-neutral{border-color:#4c678d;background:#6c88b02e;color:#c1d4f0}.badge-price{border-color:#4a74ab;background:#4e9eff24;color:#b9d8ff}.status-row{margin-top:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-tooltip{display:inline-flex;margin-left:8px;vertical-align:middle}.reason-tooltip{position:relative;display:inline-flex;align-items:center}.tooltip-trigger{width:22px;height:22px;border-radius:999px;border:1px solid var(--border);background:#1a2b42b3;color:#c4d5f1;font-size:.75rem;cursor:pointer}.tooltip-bubble{position:absolute;left:28px;top:50%;transform:translateY(-50%);min-width:210px;max-width:290px;padding:10px 12px;border-radius:10px;border:1px solid #37547a;background:#0d1625;color:#d9e8ff;font-size:.78rem;line-height:1.45;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:5}.reason-tooltip:hover .tooltip-bubble,.reason-tooltip:focus-within .tooltip-bubble,.tooltip-bubble.open{opacity:1;pointer-events:auto}.rule-preview{margin:var(--space-2) 0;padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border);background:#101b2c;color:#bfd1ee;font-size:.87rem}.helper{color:var(--muted);font-size:.82rem}.notice{border-left:4px solid #4e9eff;border:1px solid rgba(78,158,255,.38);background:#4e9eff1f;color:#dceaff}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.skeleton-card{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:#121f32}.skeleton-line{height:10px;border-radius:999px;background:linear-gradient(90deg,#3048688c,#4e6f9ccc,#3048688c);background-size:200% 100%;animation:shimmer 1.35s linear infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.footer{margin-top:40px;font-size:.8rem;color:#889dbc;text-align:center}.toggle{display:inline-flex;align-items:center;cursor:pointer}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle-track{position:relative;width:44px;height:24px;border-radius:999px;border:1px solid var(--border);background:#1a2a42;transition:background .18s ease,border-color .18s ease}.toggle-thumb{position:absolute;top:1px;left:1px;width:20px;height:20px;border-radius:999px;background:#d4e7ff;box-shadow:0 4px 10px #00000052;transition:transform .18s ease}.toggle input:checked+.toggle-track{background:#2f6fbf;border-color:#4f83c2}.toggle input:checked+.toggle-track .toggle-thumb{transform:translate(20px)}.toggle input:disabled+.toggle-track{opacity:.6;cursor:not-allowed}@media(max-width:860px){.nav{flex-direction:column;align-items:flex-start;gap:10px}.nav-left{width:100%;justify-content:space-between}.nav-links{width:100%;display:grid;grid-template-columns:1fr;gap:8px}.nav-links .nav-button,.nav-links .nav-pill{width:100%}.nav-dropdown{width:100%;position:static;display:grid;padding-bottom:0;margin-bottom:0}.nav-dropdown summary{width:100%}.nav-dropdown-menu{position:static;min-width:0;margin-top:6px;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none;display:none}.nav-dropdown[open] .nav-dropdown-menu{display:grid}}@media(max-width:980px){.auth-shell{grid-template-columns:1fr}}@media(max-width:720px){.auth-shell{grid-template-columns:1fr}.auth-intro{padding:8px 4px}.paywall-grid{grid-template-columns:1fr}.paywall-cta{justify-items:stretch}.kpi-strip{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}