*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", "Fira Mono", monospace;--bg: #F1F5F9;--bg-panel: #ffffff;--bg-elevated: #F8FAFC;--bg-alt: #FAFAFA;--bg-input: #FAFBFC;--bg-info: #F0F6FF;--bg-hover: #F1F5F9;--bg-overlay: rgba(15, 23, 42, .5);--text-strong: #0F172A;--text-default: #374151;--text-muted: #475569;--text-faint: #475569;--text-placeholder: #475569;--text-subtle: #475569;--border: #E2E8F0;--border-subtle: #F1F5F9;--border-medium: #CBD5E1;--bg-pill: #E2E8F0;--accent-link: #1D4ED8;--accent-cyan: #0369A1;--accent-blue: #1E40AF;--accent-info: #1E40AF;--focus-ring: #93C5FD;--action-strong: #B91C1C;--action-text: #B91C1C;--header-from: #0C1A2E;--header-to: #0F2744;--header-text: #ffffff;--header-text-muted: rgba(255, 255, 255, .7);--header-text-faint: rgba(255, 255, 255, .55);--header-divider: rgba(255, 255, 255, .25);--header-pill-bg: rgba(255, 255, 255, .1);--header-pill-bg-active: rgba(255, 255, 255, .15);--header-pill-bg-hover: rgba(255, 255, 255, .08);--header-pill-border: rgba(255, 255, 255, .15);--header-kbd-bg: rgba(255, 255, 255, .15);--header-kbd-border: rgba(255, 255, 255, .2);--sev-critical: #EF4444;--sev-important: #F59E0B;--sev-minor: #10B981;--highlight-bg: #FEF08A;--highlight-pop: rgba(254, 240, 138, .7);--highlight-glow: rgba(245, 158, 11, .22);--shadow-sm: 0 2px 16px rgba(0, 0, 0, .06);--shadow-md: 0 8px 24px rgba(0, 0, 0, .18);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .25);--shadow-pop: 0 10px 24px rgba(245, 158, 11, .22);--glass-bg: linear-gradient(135deg, rgba(255,255,255,.2) 0%, rgba(255,255,255,.08) 50%, rgba(255,255,255,.03) 100%);--glass-border: rgba(255, 255, 255, .3);--glass-text: rgba(0, 0, 0, .7);--glass-text-hover: rgba(0, 0, 0, .85)}[data-theme=dark]{--bg: #0B1120;--bg-panel: #1E293B;--bg-elevated: #273449;--bg-alt: #1A2333;--bg-input: #1E293B;--bg-info: #1E3A5F;--bg-hover: #334155;--bg-overlay: rgba(0, 0, 0, .65);--text-strong: #F1F5F9;--text-default: #CBD5E1;--text-muted: #94A3B8;--text-faint: #94A3B8;--text-placeholder: #94A3B8;--text-subtle: #94A3B8;--bg-pill: #273449;--border: #334155;--border-subtle: #1E293B;--border-medium: #475569;--accent-link: #60A5FA;--accent-cyan: #38BDF8;--accent-blue: #3B82F6;--accent-info: #93C5FD;--focus-ring: #60A5FA;--action-strong: #FCA5A5;--action-text: #FCA5A5;--header-from: #060B17;--header-to: #0A1729;--highlight-bg: #FACC15;--highlight-pop: rgba(250, 204, 21, .35);--highlight-glow: rgba(245, 158, 11, .28);--shadow-sm: 0 2px 16px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .6);--glass-bg: linear-gradient(135deg, rgba(30,41,59,.7) 0%, rgba(30,41,59,.5) 50%, rgba(30,41,59,.3) 100%);--glass-border: rgba(255, 255, 255, .12);--glass-text: rgba(255, 255, 255, .65);--glass-text-hover: rgba(255, 255, 255, .9)}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text-default);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}h1,h2,h3,h4{color:var(--text-strong);font-weight:600;line-height:1.3}code,.mono{font-family:var(--font-mono)}.chip{display:inline-flex;align-items:center;padding:4px 13px;border-radius:999px;font-size:12px;font-family:var(--font-sans);cursor:pointer;border:1px solid var(--border);background:var(--bg-panel);color:var(--text-muted);white-space:nowrap;transition:all .12s;line-height:1.4}.chip.active{background:var(--text-strong);color:var(--bg-panel);border-color:var(--text-strong)}.chip:hover:not(.active){background:var(--bg-hover);border-color:var(--border-medium)}.pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;font-family:var(--font-mono);border:1px solid;white-space:nowrap}.sev-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}@keyframes update-pop{0%{transform:scale(1);background-color:#fef08a00;box-shadow:0 0 #f59e0b00}18%{transform:scale(1.018);background-color:#fef08ab3;box-shadow:0 10px 24px #f59e0b38}60%{transform:scale(1.018);background-color:#fef08a8c;box-shadow:0 10px 24px #f59e0b2e}to{transform:scale(1);background-color:#fef08a00;box-shadow:0 0 #f59e0b00}}.update-pop{animation:update-pop 1.6s ease-out;position:relative;z-index:2;border-radius:8px;transform-origin:center center}