:root{--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--emerald-300: #6ee7b7;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--rose-300: #fda4af;--rose-400: #fb7185;--rose-500: #f43f5e;--rose-600: #e11d48;--cyan-400: #22d3ee;--glass-bg: rgba(255, 255, 255, .04);--glass-bg-strong: rgba(255, 255, 255, .06);--glass-bd: rgba(255, 255, 255, .08);--glass-bd-strong: rgba(255, 255, 255, .12);--font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-serif: "Playfair Display", Georgia, serif;--radius: 16px;--radius-sm: 8px;--shadow-soft: 0 10px 40px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(circle at 10% 10%,rgba(99,102,241,.15),transparent 50%),radial-gradient(circle at 90% 80%,rgba(34,211,238,.1),transparent 50%),var(--slate-950);color:var(--slate-100);font-family:var(--font-sans);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--indigo-300);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--font-mono);font-size:.85em;background:#ffffff0f;color:var(--indigo-300);padding:1px 6px;border-radius:4px;border:1px solid var(--glass-bd)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}.app-root{display:grid;grid-template-columns:260px 1fr;grid-template-rows:auto auto 1fr auto auto;min-height:100vh;position:relative;overflow-x:hidden}.app-root:before{content:"";position:fixed;top:-20%;left:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(99,102,241,.18),transparent 60%);pointer-events:none;z-index:0}.app-root:after{content:"";position:fixed;bottom:-20%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(34,211,238,.12),transparent 60%);pointer-events:none;z-index:0}.sidebar{grid-row:1 / span 5;grid-column:1;background:#02061799;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--glass-bd);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1.25rem;z-index:5}.sidebar-brand{display:flex;gap:.7rem;align-items:center;padding-bottom:1.1rem;border-bottom:1px solid var(--glass-bd)}.sidebar-brand-mark{width:36px;height:36px;display:grid;place-items:center;font-size:1.5rem;color:var(--indigo-300);background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-sm);box-shadow:0 0 16px #6366f12e}.sidebar-brand-name{font-family:var(--font-serif);font-style:italic;font-weight:800;font-size:1.15rem;letter-spacing:-.01em;color:#fff}.sidebar-brand-tag{font-family:var(--font-mono);font-size:.7rem;color:var(--slate-500);letter-spacing:.04em;text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:.2rem}.sidebar-tab{display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--slate-400);font-family:var(--font-sans);font-size:.85rem;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease}.sidebar-tab:hover{background:#ffffff0a;color:var(--slate-100)}.sidebar-tab-icon{width:16px;height:16px;flex-shrink:0;opacity:.6}.sidebar-tab:hover .sidebar-tab-icon{opacity:1;color:var(--indigo-300)}.sidebar-tab-label{flex:1}.sidebar-tab-caret{width:12px;height:12px;opacity:.6;color:var(--indigo-300)}.sidebar-tab-active{background:#ffffff12;border-color:var(--glass-bd);color:#fff;box-shadow:var(--shadow-soft)}.sidebar-tab-active .sidebar-tab-icon{color:var(--indigo-300);opacity:1}.sidebar-heartbeat{margin-top:auto;padding:.85rem;background:#6366f10f;border:1px solid rgba(99,102,241,.18);border-radius:var(--radius-sm)}.heartbeat-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.heartbeat-label{font-family:var(--font-mono);text-transform:uppercase;font-size:.65rem;letter-spacing:.1em;color:var(--indigo-300)}.heartbeat-dot{width:8px;height:8px;border-radius:50%;background:var(--slate-500)}.heartbeat-dot-up{background:var(--emerald-400);box-shadow:0 0 8px #34d399b3;animation:pulse 1.4s ease-in-out infinite}.heartbeat-dot-down{background:var(--amber-400);box-shadow:0 0 8px #fbbf2499}.heartbeat-row{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.7rem;color:var(--slate-400);padding:2px 0}.heartbeat-val{color:var(--slate-100);font-weight:600}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.app-header{grid-row:1;grid-column:2;background:#02061780;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-bd);padding:.85rem 1.5rem;display:flex;justify-content:space-between;align-items:center;z-index:4;position:relative}.app-header-titles{display:flex;align-items:center;gap:1rem}.app-header-tab{font-family:var(--font-serif);font-style:italic;font-weight:800;font-size:1.4rem;letter-spacing:-.01em;text-transform:capitalize;color:#fff;margin:0}.app-header-pills{display:flex;gap:.4rem}.app-header-actions{display:flex;align-items:center;gap:.85rem}.pill{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:4px;border:1px solid;font-weight:600}.pill.tone-ok{background:#34d3991a;color:var(--emerald-400);border-color:#34d3994d}.pill.tone-info{background:#6366f11a;color:var(--indigo-300);border-color:#6366f14d}.pill.tone-warn{background:#fbbf241a;color:var(--amber-400);border-color:#fbbf244d}.pill.tone-error{background:#fb71851a;color:var(--rose-400);border-color:#fb71854d}.pill.tone-muted{background:#94a3b80f;color:var(--slate-400);border-color:#94a3b82e}.demo-banner{grid-row:2;grid-column:2;background:linear-gradient(90deg,#fbbf240f,#fbbf241f,#fbbf240f);color:var(--amber-300);border-bottom:1px solid rgba(251,191,36,.2);padding:.55rem 1.5rem;display:flex;gap:.6rem;align-items:center;font-size:.85rem;z-index:3}.demo-banner code{background:#0003;color:var(--amber-400);border-color:#fbbf244d}.demo-banner a{color:var(--amber-300);text-decoration:underline}.demo-banner-icon{width:16px;height:16px;flex-shrink:0}.app-main{grid-row:3;grid-column:2;overflow-y:auto;padding:1.5rem;position:relative;z-index:1}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-bd);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.overview{display:flex;flex-direction:column;gap:1.5rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:var(--glass-bg);border:1px solid var(--glass-bd);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);padding:1.1rem 1.2rem;position:relative;overflow:hidden;transition:all .2s}.kpi-card:hover{background:var(--glass-bg-strong);border-color:var(--glass-bd-strong);transform:translateY(-2px)}.kpi-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.kpi-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate-400)}.kpi-icon{width:18px;height:18px}.kpi-icon.tone-ok{color:var(--emerald-400)}.kpi-icon.tone-info{color:var(--indigo-400)}.kpi-icon.tone-warn{color:var(--amber-400)}.kpi-icon.tone-error{color:var(--rose-400)}.kpi-value{font-family:var(--font-serif);font-style:italic;font-weight:800;font-size:2.2rem;letter-spacing:-.02em;color:#fff;margin-bottom:.2rem}.kpi-foot{font-family:var(--font-mono);font-size:.7rem;color:var(--slate-500);letter-spacing:.02em}.chart-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem}@media (max-width: 1100px){.chart-grid{grid-template-columns:1fr}}.chart-panel{background:var(--glass-bg);border:1px solid var(--glass-bd);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden}.chart-panel-head{padding:.85rem 1.1rem;border-bottom:1px solid var(--glass-bd);background:#ffffff05;display:flex;justify-content:space-between;align-items:center}.chart-panel-head h3{font-family:var(--font-serif);font-style:italic;font-weight:700;font-size:1rem;margin:0;color:#fff;letter-spacing:-.005em}.chart-panel-tag{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate-500);padding:2px 8px;background:#ffffff0a;border-radius:4px;border:1px solid var(--glass-bd)}.chart-body{padding:.85rem 1rem 1rem}.producers-tab{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 1100px){.producers-tab{grid-template-columns:1fr}}.producer-large{background:var(--glass-bg);border:1px solid var(--glass-bd);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:.85rem;transition:all .2s}.producer-large:hover{background:var(--glass-bg-strong);border-color:var(--glass-bd-strong)}.producer-large.lang-python{border-top:2px solid var(--indigo-400)}.producer-large.lang-rust{border-top:2px solid #dea584}.producer-large-head{display:flex;justify-content:space-between;align-items:flex-start}.producer-large-head h3{font-family:var(--font-mono);font-size:.95rem;font-weight:700;color:#fff;margin:0 0 2px}.producer-large-meta{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--slate-500)}.producer-large-total{text-align:right}.producer-large-total-value{font-family:var(--font-serif);font-style:italic;font-weight:800;font-size:1.8rem;color:var(--emerald-400);letter-spacing:-.02em;display:block}.producer-large-total-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate-500)}.producer-large-chart{margin:-.2rem 0}.producer-large-last{font-family:var(--font-mono);font-size:.72rem;color:var(--slate-400);padding-top:.55rem;border-top:1px solid var(--glass-bd)}.producer-large-last code{background:#6366f11a;color:var(--indigo-300)}.producer-large-last.sev-ok code{background:#34d3991a;color:var(--emerald-400);border-color:#34d3994d}.producer-large-last.sev-warn code{background:#fbbf241a;color:var(--amber-400);border-color:#fbbf244d}.producer-large-last.sev-error code{background:#fb71851a;color:var(--rose-400);border-color:#fb71854d}.audit-trail-tab{display:grid;grid-template-columns:280px 1fr;gap:1.25rem}@media (max-width: 1100px){.audit-trail-tab{grid-template-columns:1fr}}.audit-trail-rail{display:flex;flex-direction:column;gap:1rem}.audit-trail-rail-note{padding:1rem}.audit-trail-rail-note h4{margin:0 0 .5rem;font-family:var(--font-serif);font-style:italic;font-size:.95rem;color:#fff}.audit-trail-rail-note p{margin:0;font-size:.82rem;color:var(--slate-400);line-height:1.55}.vendor-filter{padding:1rem;background:var(--glass-bg);border:1px solid var(--glass-bd);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius)}.vendor-filter-label{display:block;font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--slate-400);margin-bottom:.5rem}.vendor-filter-row{display:flex;gap:.4rem}.vendor-filter input{flex:1;background:#02061799;border:1px solid var(--glass-bd);color:var(--slate-100);font-family:var(--font-mono);font-size:.78rem;padding:.5rem .7rem;border-radius:var(--radius-sm);outline:none;transition:all .15s}.vendor-filter input::placeholder{color:var(--slate-600)}.vendor-filter input:focus{border-color:#6366f166;box-shadow:0 0 0 3px #6366f12e}.vendor-filter-clear{background:#ffffff0d;border:1px solid var(--glass-bd);color:var(--slate-300);font-family:var(--font-mono);font-size:.7rem;padding:.4rem .6rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.vendor-filter-clear:hover{background:#fb71851a;color:var(--rose-400);border-color:#fb71854d}.vendor-filter-hint{font-size:.72rem;color:var(--slate-500);margin:.5rem 0 0;line-height:1.4}.timeline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.timeline-empty{padding:3rem 1rem;text-align:center;background:var(--glass-bg);border:1px dashed var(--glass-bd);border-radius:var(--radius);color:var(--slate-500);font-size:.85rem}.timeline-row{background:var(--glass-bg);border:1px solid var(--glass-bd);border-left:3px solid var(--slate-700);border-radius:var(--radius);padding:.65rem .85rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:row-in .25s ease-out}@keyframes row-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.timeline-row.sev-ok{border-left-color:var(--emerald-400)}.timeline-row.sev-info{border-left-color:var(--indigo-400)}.timeline-row.sev-warn{border-left-color:var(--amber-400)}.timeline-row.sev-error{border-left-color:var(--rose-400)}.timeline-row-head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.timeline-when{font-family:var(--font-mono);font-size:.7rem;color:var(--slate-500);min-width:4.5rem}.kind-badge{font-family:var(--font-mono);font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:4px;border:1px solid;background:#ffffff0a;color:var(--slate-300);border-color:var(--glass-bd)}.kind-badge.sev-ok{background:#34d3991a;color:var(--emerald-400);border-color:#34d3994d}.kind-badge.sev-info{background:#6366f11a;color:var(--indigo-300);border-color:#6366f14d}.kind-badge.sev-warn{background:#fbbf241a;color:var(--amber-400);border-color:#fbbf244d}.kind-badge.sev-error{background:#fb71851f;color:var(--rose-400);border-color:#fb71854d}.source-pill{font-family:var(--font-mono);font-size:.7rem;background:#ffffff0a;border:1px solid var(--glass-bd);padding:1px 8px;border-radius:999px;color:var(--slate-400)}.event-id{margin-left:auto;font-family:var(--font-mono);font-size:.68rem;color:var(--slate-600)}.timeline-blurb{font-size:.85rem;color:var(--slate-300);margin:.45rem 0 .4rem;line-height:1.5}.timeline-rmf{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.4rem}.rmf-chip{font-family:var(--font-mono);font-size:.65rem;background:#6366f114;border:1px solid rgba(99,102,241,.25);color:var(--indigo-300);padding:1px 7px;border-radius:4px;cursor:help}.timeline-payload>summary{font-family:var(--font-mono);font-size:.7rem;color:var(--slate-500);cursor:pointer;padding-top:.2rem;list-style:none}.timeline-payload>summary:before{content:"▸ ";display:inline-block;transition:transform .15s}.timeline-payload[open]>summary:before{transform:rotate(90deg)}.timeline-payload pre{margin:.3rem 0 0;background:#02061799;border:1px solid var(--glass-bd);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.72rem;padding:.6rem;color:var(--slate-300);overflow-x:auto;line-height:1.5}.verify-tab{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width: 1100px){.verify-tab{grid-template-columns:1fr}}.chain-verify{padding:1.5rem;background:var(--glass-bg);border:1px solid var(--glass-bd);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius)}.chain-verify-head{display:flex;flex-direction:column;gap:1rem}.chain-verify h3{font-family:var(--font-serif);font-style:italic;font-weight:700;font-size:1.4rem;color:#fff;margin:0 0 .4rem;letter-spacing:-.01em}.chain-verify p{font-size:.85rem;color:var(--slate-400);margin:0 0 1rem;line-height:1.6}.primary-button{background:var(--indigo-600);color:#fff;font-family:var(--font-mono);font-size:.78rem;font-weight:600;letter-spacing:.04em;padding:.6rem 1.1rem;border:1px solid rgba(99,102,241,.5);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;align-self:flex-start;box-shadow:0 6px 20px #6366f140}.primary-button:hover:not(:disabled){background:var(--indigo-500);transform:translateY(-1px);box-shadow:0 8px 24px #6366f159}.primary-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.chain-verify-demo{margin-top:.8rem;font-size:.8rem;color:var(--amber-300);background:#fbbf240f;border:1px solid rgba(251,191,36,.2);border-radius:var(--radius-sm);padding:.7rem .9rem}.chain-verify-result{margin-top:1rem;padding:1rem 1.1rem;border-radius:var(--radius-sm);font-family:var(--font-mono);border:1px solid}.chain-verify-result.ok{background:#34d39914;border-color:#34d3994d;color:var(--emerald-300)}.chain-verify-result.broken{background:#fb71851a;border-color:#fb71854d;color:var(--rose-300)}.chain-verify-headline strong{font-family:var(--font-mono)}.chain-verify-reason{margin-top:.4rem;font-size:.82rem;opacity:.85}.chain-verify-err{margin-top:.8rem;background:#fb71851a;border:1px solid rgba(251,113,133,.3);color:var(--rose-300);border-radius:var(--radius-sm);padding:.7rem .9rem;font-family:var(--font-mono);font-size:.8rem}.verify-explainer{padding:1.5rem}.verify-explainer h3{font-family:var(--font-serif);font-style:italic;font-weight:700;font-size:1.2rem;margin:0 0 .85rem;color:#fff}.verify-explainer h4{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--indigo-300);margin:1.2rem 0 .5rem}.verify-explainer p{font-size:.86rem;color:var(--slate-300);margin:0 0 .7rem;line-height:1.65}.verify-explainer ul{padding-left:1.1rem;margin:0}.verify-explainer li{margin-bottom:.6rem;font-size:.84rem;color:var(--slate-300);line-height:1.55}.bell-container{position:relative}.bell-button{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid var(--glass-bd);display:grid;place-items:center;color:var(--slate-300);cursor:pointer;position:relative;transition:all .15s}.bell-button:hover{background:var(--glass-bg-strong);color:var(--indigo-300)}.bell-button-armed{background:#fb71851f;border-color:#fb718566;color:var(--rose-400)}.bell-button-armed:hover{color:var(--rose-300)}.bell-button-armed .bell-icon{animation:bell-shake 1.2s ease-in-out infinite}@keyframes bell-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-4deg)}}.bell-icon{width:18px;height:18px}.bell-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--rose-500);color:#fff;font-family:var(--font-mono);font-size:.65rem;font-weight:700;display:grid;place-items:center;border:2px solid var(--slate-950)}.bell-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:49}.bell-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100vw;background:#020617e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--glass-bd);z-index:50;display:flex;flex-direction:column;box-shadow:-20px 0 60px #00000080}.bell-drawer-head{padding:1.25rem 1.5rem;border-bottom:1px solid var(--glass-bd);display:flex;justify-content:space-between;align-items:center}.bell-drawer-head h3{font-family:var(--font-serif);font-style:italic;font-weight:800;font-size:1.3rem;margin:0;color:#fff;letter-spacing:-.01em}.bell-close{background:var(--glass-bg);border:1px solid var(--glass-bd);border-radius:var(--radius-sm);color:var(--slate-400);cursor:pointer;padding:.4rem;display:grid;place-items:center;transition:all .15s}.bell-close:hover{background:var(--glass-bg-strong);color:#fff}.icon-sm{width:14px;height:14px}.bell-tabs{display:flex;gap:.4rem;padding:.85rem 1.5rem .6rem;border-bottom:1px solid var(--glass-bd)}.bell-tab{background:transparent;border:1px solid transparent;color:var(--slate-400);font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;padding:.45rem .7rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:.35rem}.bell-tab:hover{color:var(--slate-100);background:#ffffff0a}.bell-tab-active{background:#6366f11f;color:var(--indigo-300);border-color:#6366f14d}.bell-tab-count{background:#ffffff14;padding:1px 6px;border-radius:999px;font-size:.65rem}.bell-hits{flex:1;display:flex;flex-direction:column;overflow-y:auto}.bell-hits-controls{display:flex;flex-wrap:wrap;gap:.4rem;padding:.85rem 1.5rem;border-bottom:1px solid var(--glass-bd)}.bell-mini-btn{background:var(--glass-bg);border:1px solid var(--glass-bd);color:var(--slate-300);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;padding:.35rem .7rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.bell-mini-btn:hover:not(:disabled){background:var(--glass-bg-strong);color:#fff}.bell-mini-btn:disabled{opacity:.4;cursor:not-allowed}.bell-mini-btn-danger:hover:not(:disabled){background:#fb71851f;border-color:#fb71854d;color:var(--rose-300)}.bell-mini-btn-primary{background:#6366f126;border-color:#6366f166;color:var(--indigo-300)}.bell-mini-btn-primary:hover:not(:disabled){background:#6366f140}.bell-perm-granted{color:var(--emerald-400);font-family:var(--font-mono);font-size:.7rem}.bell-perm-denied{color:var(--rose-400);font-family:var(--font-mono);font-size:.68rem}.bell-empty{flex:1;display:grid;place-items:center;padding:2rem;text-align:center;color:var(--slate-500)}.bell-empty p{margin:.7rem 0 0;font-size:.85rem}.bell-empty-icon{width:36px;height:36px;opacity:.5}.bell-hit-list{list-style:none;padding:0;margin:0}.bell-hit{padding:.9rem 1.5rem;border-bottom:1px solid var(--glass-bd);border-left:3px solid transparent}.bell-hit.sev-error{border-left-color:var(--rose-400)}.bell-hit.sev-warn{border-left-color:var(--amber-400)}.bell-hit.sev-info{border-left-color:var(--indigo-400)}.bell-hit-unread{background:#6366f10a}.bell-hit-head{display:flex;justify-content:space-between;align-items:baseline}.bell-hit-label{font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:#fff}.bell-hit-when{font-family:var(--font-mono);font-size:.65rem;color:var(--slate-500)}.bell-hit-msg{font-size:.82rem;color:var(--slate-300);margin:.3rem 0;line-height:1.45}.bell-hit-foot{font-family:var(--font-mono);font-size:.65rem;color:var(--slate-500)}.rules-panel{flex:1;overflow-y:auto;padding:1.25rem 1.5rem}.rules-blurb{font-size:.82rem;color:var(--slate-400);margin:0 0 1rem;line-height:1.55}.rules-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.rules-row{padding:.85rem .95rem;background:var(--glass-bg);border:1px solid var(--glass-bd);border-left:3px solid var(--slate-700);border-radius:var(--radius-sm)}.rules-row.sev-error{border-left-color:var(--rose-400)}.rules-row.sev-warn{border-left-color:var(--amber-400)}.rules-row.sev-info{border-left-color:var(--indigo-400)}.rules-row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.55rem}.rules-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer}.rules-toggle input[type=checkbox]{accent-color:var(--indigo-500)}.rules-row-label{font-size:.86rem;color:#fff;font-weight:500}.rules-shape{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;background:#ffffff0d;padding:2px 7px;border-radius:4px;border:1px solid var(--glass-bd);color:var(--slate-400)}.rules-row-body{display:flex;flex-direction:column;gap:.55rem}.rules-kinds{font-size:.7rem;background:#00000040;padding:4px 8px;border-radius:4px;color:var(--indigo-300);border:1px solid var(--glass-bd);display:inline-block;align-self:flex-start}.rules-threshold-controls{display:flex;gap:.6rem}.rules-threshold-controls label{display:flex;flex-direction:column;gap:.2rem;font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--slate-500)}.rules-threshold-controls input{width:70px;background:#02061799;border:1px solid var(--glass-bd);color:var(--slate-100);font-family:var(--font-mono);font-size:.78rem;padding:.35rem .5rem;border-radius:4px;outline:none}.rules-threshold-controls input:focus{border-color:#6366f166;box-shadow:0 0 0 2px #6366f12e}.rules-desktop{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--slate-400);cursor:pointer}.rules-desktop input[type=checkbox]{accent-color:var(--indigo-500)}.log-strip{grid-row:4;grid-column:2;background:#020617b3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--glass-bd);padding:.7rem 1.5rem .5rem;z-index:2}.log-strip-head{display:flex;align-items:center;gap:.5rem;padding-bottom:.45rem;margin-bottom:.45rem;border-bottom:1px solid var(--glass-bd)}.log-strip-icon{width:13px;height:13px;color:var(--indigo-300)}.log-strip-title{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate-300);font-weight:600}.log-strip-tag{margin-left:auto;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate-500)}.log-strip-body{font-family:var(--font-mono);font-size:.7rem;line-height:1.6;max-height:145px;overflow-y:auto}.log-strip-idle{color:var(--slate-600);font-style:italic}.log-strip-line{display:grid;grid-template-columns:70px 90px 1fr auto;gap:.6rem;padding:1px 0;align-items:baseline}.log-strip-ts{color:var(--slate-500)}.log-strip-source{color:var(--slate-400)}.log-strip-kind{color:var(--slate-200)}.log-strip-id{color:var(--slate-600);text-align:right}.log-strip-line.sev-ok .log-strip-kind{color:var(--emerald-400)}.log-strip-line.sev-info .log-strip-kind{color:var(--indigo-300)}.log-strip-line.sev-warn .log-strip-kind{color:var(--amber-400)}.log-strip-line.sev-error .log-strip-kind{color:var(--rose-400);font-weight:600}.status-bar{grid-row:5;grid-column:2;background:#020617d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-bd);padding:.45rem 1.5rem;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--slate-500);z-index:2}.status-bar-left,.status-bar-right{display:flex;align-items:center;gap:.7rem}.status-pulse{width:6px;height:6px;border-radius:50%;margin-right:.2rem}.status-pulse-live{background:var(--emerald-400);box-shadow:0 0 6px #34d39999;animation:pulse 1.6s ease-in-out infinite}.status-pulse-demo{background:var(--amber-400)}.status-sep{color:var(--slate-700)}.status-ver{color:var(--indigo-300);font-weight:600}@media (max-width: 800px){.app-root{grid-template-columns:1fr}.sidebar{display:none}.app-header,.demo-banner,.app-main,.log-strip,.status-bar{grid-column:1}}