:root{color-scheme:dark;--bg:#06080f;--bg-soft:#0a0f1d;--panel:rgba(13,19,34,0.88);--panel-strong:rgba(15,23,42,0.96);--panel-soft:rgba(8,13,26,0.82);--ink:#f8fafc;--muted:#93a4bb;--faint:#617089;--line:rgba(148,163,184,0.15);--line-strong:rgba(148,163,184,0.28);--blue:#38bdf8;--cyan:#22d3ee;--green:#34d399;--amber:#f59e0b;--red:#fb7185;--violet:#a78bfa;--orange:#fb923c;--shadow:0 24px 70px rgba(0,0,0,0.42);--focus:0 0 0 3px rgba(56,189,248,0.34)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{min-height:100dvh;margin:0;background:radial-gradient(circle at top left,rgba(56,189,248,.2),transparent 26rem),radial-gradient(circle at 85% 0,rgba(167,139,250,.16),transparent 24rem),linear-gradient(180deg,#020617,#070b14 48%,#03050a);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(148,163,184,.035) 1px,transparent 0),linear-gradient(90deg,rgba(148,163,184,.035) 1px,transparent 0);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 72%);mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 72%)}button,input,select{font:inherit}button,select{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:0;box-shadow:var(--focus)}.shell{width:min(1480px,calc(100% - 32px));margin:0 auto;padding:28px 0 44px}.topbar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);grid-gap:24px;gap:24px;align-items:stretch;overflow:hidden;margin-bottom:16px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,rgba(15,23,42,.97),rgba(8,13,26,.92)),radial-gradient(circle at top right,rgba(56,189,248,.18),transparent 28rem);box-shadow:var(--shadow);padding:24px}.topbar:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.6),rgba(52,211,153,.45),transparent)}.eyebrow{color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{max-width:820px;font-size:clamp(2.15rem,5vw,4.8rem);line-height:.94;letter-spacing:0}.lede{max-width:760px;color:var(--muted);line-height:1.6;margin-top:14px}.lede,h2{font-size:1rem}h2{color:#f8fafc;letter-spacing:0}h3{color:#cbd5e1;font-size:.82rem;margin-bottom:8px;text-transform:uppercase}.chipGroup,.detailMeta,.filters,.heroBadges,.tabs,.topbarActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.heroBadges{margin-top:20px}.heroBadges span,.statusBadge{display:inline-flex;align-items:center;gap:7px;min-height:34px;border:1px solid var(--line);border-radius:8px;background:rgba(15,23,42,.74);color:#cbd5e1;padding:7px 10px;font-size:.82rem;font-weight:750}.topbarActions{justify-content:flex-end}.liveCard{position:relative;display:grid;grid-gap:4px;gap:4px;align-content:center;width:100%;min-height:150px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(160deg,rgba(56,189,248,.12),rgba(15,23,42,.86) 42%,rgba(3,7,18,.72));padding:18px}.liveCard em,.liveCard small{color:var(--muted);font-size:.78rem;font-style:normal;font-weight:750;text-transform:uppercase}.liveCard strong{font-size:1.75rem;line-height:1.1;text-transform:capitalize}.liveDot{position:absolute;top:18px;right:18px;width:12px;height:12px;border-radius:999px;background:var(--amber);box-shadow:0 0 0 7px rgba(245,158,11,.12),0 0 18px rgba(245,158,11,.5)}.liveDot.ok{background:var(--green);box-shadow:0 0 0 7px rgba(52,211,153,.12),0 0 18px rgba(52,211,153,.5)}.alertBand{display:flex;align-items:center;gap:10px;border:1px solid rgba(251,113,133,.34);background:rgba(127,29,29,.28);color:#fecdd3;border-radius:8px;padding:12px 14px;margin-bottom:16px;font-weight:750}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px}.insightGrid,.metricGrid{display:grid;gap:12px;margin-bottom:12px}.insightGrid{grid-template-columns:minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.2fr);grid-gap:12px}.metric,.panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.metric{position:relative;display:flex;gap:13px;min-height:124px;overflow:hidden;padding:16px}.metric:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--blue),var(--cyan))}.breakdownRow:nth-child(2n) .bar i,.metric:nth-child(2):before{background:linear-gradient(90deg,var(--violet),#f0abfc)}.meter i,.metric:nth-child(3):before{background:linear-gradient(90deg,var(--green),#a7f3d0)}.breakdownRow:nth-child(3n) .bar i,.metric:nth-child(4):before{background:linear-gradient(90deg,var(--amber),var(--orange))}.metricIcon{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:rgba(56,189,248,.1);color:var(--blue);flex:0 0 auto}.metric span:last-child{display:grid;grid-gap:4px;gap:4px;min-width:0}.metric em,.metric small,.noteRow small,.panelHeader p{color:var(--muted);font-size:.82rem;font-style:normal}.metric small{font-weight:800;text-transform:uppercase}.metric strong{color:#ffffff;font-size:1.55rem;line-height:1.15;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bar,.meter{display:block;width:100%;height:7px;overflow:hidden;border-radius:999px;background:rgba(148,163,184,.15)}.bar i,.meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan))}.compactPanel{min-height:202px}.activityList,.breakdown{display:grid;grid-gap:10px;gap:10px;padding:14px 16px 16px}.breakdownRow{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:7px 10px;gap:7px 10px;align-items:center}.breakdownRow span{color:#dbeafe;font-size:.88rem;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breakdownRow strong{color:var(--muted);font-size:.84rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.breakdownRow .bar{grid-column:1/-1}.activityRow{display:grid;grid-gap:4px;gap:4px;min-height:58px;border:1px solid var(--line);border-radius:8px;background:rgba(8,13,26,.62);color:var(--ink);cursor:pointer;padding:10px 11px;text-align:left;transition:background .18s ease,border-color .18s ease,transform .18s ease}.activityRow.selected,.activityRow:hover{border-color:rgba(56,189,248,.45);background:rgba(56,189,248,.1);transform:translateY(-1px)}.activityRow small,.activityRow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activityRow span{font-size:.9rem;font-weight:760}.activityRow small{color:var(--muted);font-size:.78rem}.contentGrid{display:grid;grid-template-columns:minmax(340px,.92fr) minmax(0,1.48fr);grid-gap:12px;gap:12px;margin-bottom:12px}.lowerGrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:12px;gap:12px}.panel{min-width:0;overflow:hidden}.panelHeader{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);background:rgba(15,23,42,.52);padding:14px 16px}.panelHeader svg{color:var(--blue);flex:0 0 auto}.filters{padding:12px 16px;border-bottom:1px solid var(--line)}.searchBox{display:flex;align-items:center;gap:8px;min-width:min(100%,320px);min-height:44px;flex:1 1 240px;border:1px solid var(--line);border-radius:8px;background:rgba(3,7,18,.5);color:var(--muted);padding:0 10px}.searchBox input{border:0;outline:0;min-width:0;width:100%;background:transparent;color:var(--ink)}.searchBox input::placeholder{color:var(--faint)}select{min-height:44px;border:1px solid var(--line);border-radius:8px;background:#07101f;color:var(--ink);padding:0 34px 0 10px;cursor:pointer}.noteList{max-height:620px;overflow:auto}.noteRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;width:100%;min-height:68px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;padding:13px 16px;text-align:left;transition:background .18s ease,box-shadow .18s ease}.noteRow.selected,.noteRow:hover{background:rgba(56,189,248,.09);box-shadow:inset 3px 0 0 var(--blue)}.noteRow small,.noteRow strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noteRow strong{color:#f8fafc;font-weight:760}.pill{display:inline-flex;align-items:center;justify-content:center;min-width:68px;min-height:28px;border:1px solid rgba(56,189,248,.25);border-radius:8px;background:rgba(56,189,248,.1);color:#bae6fd;font-size:.78rem;font-weight:800;padding:4px 8px}.pill.high{border-color:rgba(52,211,153,.28);background:rgba(52,211,153,.12);color:#a7f3d0}.pill.low{border-color:rgba(245,158,11,.28);background:rgba(245,158,11,.13);color:#fde68a}.detailPanel{min-height:560px}.noteDetail{display:grid;grid-gap:18px;gap:18px;padding:16px}.detailMeta span{display:inline-flex;align-items:center;gap:6px;min-height:30px;border:1px solid var(--line);border-radius:8px;background:rgba(8,13,26,.56);padding:4px 8px;color:var(--muted);font-size:.82rem;font-weight:700}.summary{border-left:3px solid var(--blue);padding-left:14px;color:#ffffff;font-size:1.1rem;font-weight:750;line-height:1.5}.chipGroup span{border:1px solid var(--line);border-radius:8px;background:rgba(15,23,42,.8);color:#cbd5e1;padding:6px 9px;font-size:.78rem;font-weight:700}.noteDetail section{display:grid;grid-gap:6px;gap:6px}.noteDetail li,.noteDetail section p,.rawTranscript p{color:#cbd5e1;line-height:1.7}.noteDetail code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:rgba(3,7,18,.62);padding:10px;color:#bae6fd}.noteDetail code,.rawTranscript{border:1px solid var(--line);border-radius:8px}.rawTranscript{background:rgba(3,7,18,.5);padding:10px 12px}.rawTranscript summary{cursor:pointer;font-size:.88rem;font-weight:800}.rawTranscript p{margin-top:8px}.tabs{padding:12px 16px;border-bottom:1px solid var(--line)}.tabs button{min-height:44px;border:1px solid var(--line);border-radius:8px;background:rgba(3,7,18,.48);color:var(--muted);cursor:pointer;padding:8px 11px;font-weight:750;transition:background .18s ease,color .18s ease,border-color .18s ease}.tabs button.active,.tabs button:hover{background:rgba(56,189,248,.14);border-color:rgba(56,189,248,.45);color:#e0f2fe}.indexList,.logBox{max-height:520px;overflow:auto;padding:12px 16px 16px}.indexItem{border-bottom:1px solid var(--line);padding:10px 0}.indexItem summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer}.indexItem summary span{color:var(--muted);font-size:.82rem}.logBox code,pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;line-height:1.55}pre{color:#cbd5e1}.logBox{display:grid;grid-gap:3px;gap:3px;background:#020617;color:#dbeafe}.logBox code{color:#cbd5e1}.themesPanel{margin-top:12px}.themeCloud{display:flex;gap:8px;flex-wrap:wrap;padding:14px 16px 16px}.themeCloud span{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:rgba(8,13,26,.62);padding:8px 10px;color:#dbeafe;font-size:.86rem;font-weight:760}.themeCloud small{display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:rgba(56,189,248,.14);color:#bae6fd;font-size:.72rem;font-weight:850}.empty{color:var(--muted);padding:16px}.skeletonCard,.skeletonHero,.skeletonLine,.skeletonMetric,.skeletonPanel,.skeletonPill{position:relative;overflow:hidden}.skeletonCard:after,.skeletonHero:before,.skeletonLine:after,.skeletonMetric:after,.skeletonPanel:after,.skeletonPill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-100%);animation:shimmer 1.4s ease-in-out infinite}.skeletonLine{display:block;height:12px;border-radius:999px;background:rgba(148,163,184,.16);margin-bottom:12px}.skeletonLine.short{width:120px}.skeletonLine.title{width:min(560px,90%);height:48px}.skeletonLine.wide{width:min(680px,100%)}.skeletonLine.value{width:92px;height:24px}.skeletonLine.mid{width:160px}.skeletonPill{display:block;width:132px;height:34px;border-radius:8px;background:rgba(148,163,184,.14)}.skeletonPanel{min-height:440px}@keyframes shimmer{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width:1060px){.contentGrid,.insightGrid,.lowerGrid,.metricGrid,.topbar{grid-template-columns:1fr}.topbarActions{justify-content:stretch}}@media (max-width:560px){.shell{width:min(100% - 20px,1480px);padding-top:12px}.topbar{padding:18px}h1{font-size:2.2rem}.metric{min-height:auto}.noteRow{grid-template-columns:1fr}.pill{justify-self:start}}