:root{color:#edf1f7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#101214;--surface:#15191d;--surface-2:#1b2025;--surface-3:#20272d;--line:#303840;--line-strong:#4a5661;--text:#edf1f7;--muted:#aeb8c4;--quiet:#7f8b98;--amber:#e4b363;--cyan:#66c7c8;--green:#74c69d;--violet:#b39ddb;--red:#ef798a;--shadow:0 18px 36px #0000003d;background:#101214;font-family:IBM Plex Sans,Aptos,Segoe UI,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.84rem;line-height:1.55}p{margin:0}#root{min-height:100vh}.state-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.app-shell{grid-template-columns:minmax(300px,360px) minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#111417;grid-template-rows:auto 1fr;gap:14px;height:100vh;padding:16px;display:grid;position:sticky;top:0;overflow:auto}.sidebar-top{gap:12px;display:grid}.sidebar h1,.hero h2,.panel h3,.insight-card h4{letter-spacing:0;margin:0}.sidebar h1{font-size:1.35rem}.hero h2{font-size:clamp(1.45rem,2vw,2rem);line-height:1.1}.panel h3{font-size:1.05rem}.sidebar-block,.search,.session-card,.panel,.stat-card,.insight-card,.empty-panel{border:1px solid var(--line);background:var(--surface);box-shadow:none;border-radius:8px}.sidebar-block{box-shadow:var(--shadow);background:linear-gradient(#1c2227,#15191d);padding:14px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--amber);margin:0 0 7px;font-size:.68rem;font-weight:700}.muted{color:var(--muted)}.search{background:var(--surface-2);gap:8px;padding:12px;display:grid}.search span,.session-card span,.session-card em{color:var(--muted);font-size:.78rem;font-style:normal}.search input{border:1px solid var(--line);width:100%;color:inherit;background:#0d0f11;border-radius:6px;padding:9px 10px}.session-list{align-content:start;gap:8px;display:grid}.empty-panel{color:var(--muted);gap:6px;padding:14px;display:grid}.collection-list{flex-wrap:wrap;gap:6px;display:flex}.collection-chip,.page-tab,.badge,.tool-pill,.filter-chip{border:1px solid var(--line);background:var(--surface-2);color:inherit;border-radius:6px;padding:7px 10px}.collection-chip,.page-tab,.filter-chip{transition:background .14s,border-color .14s,transform .14s}.collection-chip:hover,.page-tab:hover,.filter-chip:hover,.session-card:hover{border-color:var(--line-strong);background:var(--surface-3)}.collection-chip span{color:var(--quiet)}.collection-chip.active,.page-tab.active,.filter-chip.active{color:#e7ffff;background:#66c7c821;border-color:#66c7c8b3}.session-card{text-align:left;width:100%;color:inherit;gap:5px;min-height:116px;padding:11px 12px;display:grid}.session-card strong{min-height:2.5em;max-height:2.6em;color:var(--text);font-size:.94rem;line-height:1.25;display:block;overflow:hidden}.session-card.selected{border-color:var(--amber);box-shadow:inset 3px 0 0 var(--amber);background:linear-gradient(90deg,#e4b3632e,#e4b3630d)}.session-mini-stats,.badge-row,.session-tools,.filter-row,.transcript-controls,.highlight-list,.page-tabs{flex-wrap:wrap;gap:8px;display:flex}.session-mini-stats em{color:var(--quiet)}.page-tabs{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101214eb;margin:-8px -2px 0;padding:8px 2px;position:sticky;top:0}.transcript-controls{justify-content:flex-end}.distribution-row{grid-template-columns:minmax(180px,1fr) minmax(0,1.2fr) 56px}.content{background:linear-gradient(90deg, #ffffff06 1px, transparent 1px), linear-gradient(180deg, #ffffff05 1px, transparent 1px), var(--bg);background-size:44px 44px;gap:16px;padding:24px;display:grid}.hero{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:18px;padding:18px 0 4px;display:flex}.hero .muted{max-width:760px;margin-top:6px}.generated-at{color:var(--quiet);white-space:nowrap;font-size:.82rem}.stats-grid,.detail-grid,.insight-grid{gap:12px;display:grid}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.stat-card,.panel,.insight-card{padding:16px}.panel{box-shadow:var(--shadow);background:#15191df5}.stat-card{background:var(--surface-2)}.stat-card span,.detail span{color:var(--quiet);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.stat-card strong{color:var(--text);margin-top:8px;font-size:1.55rem;line-height:1;display:block}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.panel-header .muted{text-align:right;font-size:.82rem}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.insight-card{background:var(--surface-2)}.insight-card h4{margin-bottom:8px;font-size:.96rem}.insight-card p{color:var(--muted)}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-session-panel{padding-bottom:14px}.compact-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 14px;margin-top:12px;display:grid}.compact-detail-grid .detail{border-top:1px solid #ffffff0f;padding:8px 0 0}.detail{gap:5px;min-width:0;padding:10px 0;display:grid}.detail strong{overflow-wrap:anywhere;min-width:0}.highlight-list p{background:var(--surface-2);border-radius:6px;padding:9px 10px}.bars{gap:10px;display:grid}.bar-row{grid-template-columns:minmax(120px,180px) minmax(0,1fr) 56px;align-items:center;gap:10px;min-width:0;display:grid}.bar-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-track{border:1px solid var(--line);background:#0d0f11;border-radius:999px;height:10px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--cyan), var(--amber));border-radius:999px;height:100%}.badge{color:var(--muted);overflow-wrap:anywhere;max-width:100%;font-size:.8rem}.filter-chip{font-size:.82rem}.timeline{gap:12px;max-height:1120px;padding-right:4px;display:grid;overflow:auto}.chat-row,.thinking-row,.system-row{align-items:flex-start;gap:10px;display:flex}.chat-row.user{justify-content:flex-end}.avatar{border:1px solid var(--line);border-radius:6px;flex:none;place-items:center;width:32px;height:32px;font-size:.82rem;font-weight:700;display:grid}.avatar.assistant{color:#f4d49d;background:#e4b36329}.avatar.user{color:#bff6f7;background:#66c7c829;order:2}.avatar.developer{color:#c9f6df;background:#74c69d26}.chat-bubble,.system-card,.thinking-card{border:1px solid var(--line);background:#121619;border-radius:8px;max-width:min(920px,100% - 48px);padding:12px 14px}.chat-bubble.assistant{border-left:3px solid var(--amber)}.chat-bubble.user{border-left:3px solid var(--cyan);order:1}.chat-bubble.developer{border-left:3px solid var(--green)}.thinking-row,.system-row{justify-content:center}.system-card{background:var(--surface-2);width:min(900px,100%)}.system-card.tool-call{border-left:4px solid var(--cyan)}.system-card.tool-output{border-left:4px solid var(--green)}.system-card.event-card{border-left:4px solid var(--red)}.thinking-card{border-left:4px solid var(--violet);background:#b39ddb14;width:min(840px,100%)}.bubble-meta{color:var(--quiet);flex-wrap:wrap;gap:10px;margin-bottom:9px;font-size:.78rem;display:flex}.bubble-meta strong{color:var(--text)}.system-title{overflow-wrap:anywhere;margin:0 0 10px;font-weight:700}details{margin-top:10px}summary{cursor:pointer;color:var(--amber)}.thinking-card summary{justify-content:space-between;gap:16px;list-style:none;display:flex}.thinking-card summary::-webkit-details-marker{display:none}.thinking-card[open] summary{margin-bottom:12px}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line);grid-template-rows:auto minmax(0,1fr);height:auto;max-height:72vh;position:relative;overflow:hidden}.sidebar .session-list{padding-right:2px;overflow:auto}.session-list,.stats-grid,.detail-grid,.insight-grid,.compact-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.content,.sidebar{padding:14px}.sidebar{max-height:76vh}.hero,.panel-header{flex-direction:column;align-items:start}.panel-header .muted{text-align:left}.generated-at{white-space:normal}.session-list,.stats-grid,.detail-grid,.insight-grid,.compact-detail-grid,.bar-row,.distribution-row{grid-template-columns:1fr}.chat-row,.chat-row.user{justify-content:flex-start}.avatar.user,.chat-bubble.user{order:0}.chat-bubble,.system-card,.thinking-card{max-width:100%}}