:root{color-scheme:dark;--bg: #0b0d10;--bg-elev: #12161c;--bg-elev-2: #181e27;--bg-hover: #1c2430;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text: #e8edf5;--muted: #93a0b5;--faint: #6b778c;--accent: #5eead4;--accent-2: #38bdf8;--accent-dim: rgba(94, 234, 212, .12);--ok: #b8bb26;--bad: #fb4934;--warn: #fabd2f;--ev-user: #ebdbb2;--ev-agent: #83a598;--ev-thought: #8ec07c;--ev-session: #fabd2f;--ev-error: #fb4934;--ev-system: #d3869b;--ev-subagent: #83a598;--fam-read: #83a598;--fam-write: #b8bb26;--fam-shell: #fe8019;--fam-agent: #ebdbb2;--fam-mcp: #d3869b;--fam-other: #928374;--shadow: 0 24px 80px rgba(0, 0, 0, .45);--radius: 14px;--sans: "Instrument Sans", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;background-image:radial-gradient(900px 480px at 12% -8%,rgba(94,234,212,.06),transparent 55%),radial-gradient(700px 400px at 100% 0%,rgba(56,189,248,.04),transparent 50%);background-color:var(--bg)}#app{min-height:100%;display:flex;flex-direction:column;position:relative;z-index:1}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.mono{font-family:var(--mono);font-size:.9em}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.5rem;border-bottom:1px solid var(--border);background:#0b0d10d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:baseline;gap:.6rem}.brand h1{font-size:1.05rem;margin:0;letter-spacing:.01em;font-weight:600}.brand h1 a{color:var(--text)}.brand h1 a:hover{color:var(--accent);text-decoration:none}.brand-mark{color:var(--accent);margin-right:.15rem;font-size:.9em}.brand span{color:var(--faint);font-size:.78rem;font-weight:500;border:1px solid var(--border);padding:.1rem .45rem;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.topbar nav{display:flex;gap:1.1rem;align-items:center;font-size:.92rem}.topbar nav a{color:var(--muted)}.topbar nav a:hover{color:var(--text);text-decoration:none}main{flex:1;padding:.75rem 1rem 1rem;width:100%;margin:0 auto;max-width:1600px;min-height:0;display:flex;flex-direction:column}main>.viewer{flex:1;min-height:0}.hero{max-width:720px;margin:2rem auto;text-align:center}.hero h2{font-size:1.85rem;margin:0 0 .5rem;font-weight:650;letter-spacing:-.02em}.hero p{color:var(--muted);line-height:1.55;margin:0 0 1.5rem}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-elev);padding:2.5rem 1.5rem;transition:border-color .15s,background .15s,box-shadow .15s;cursor:pointer}.dropzone:hover,.dropzone.dragover{border-color:var(--accent);background:var(--bg-hover);box-shadow:0 0 0 3px var(--accent-dim)}.dropzone strong{color:var(--accent)}.dropzone .hint{margin-top:.75rem;color:var(--muted);font-size:.85rem}.sanitize-block{--sanitize-check: 1rem;--sanitize-gap: .55rem;box-sizing:border-box;width:min(100%,26rem);margin:1.15rem auto 0;padding:0 .25rem;text-align:left}.sanitize-opt{display:flex;align-items:flex-start;gap:var(--sanitize-gap);margin:0;font-size:.9rem;line-height:1.35;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.sanitize-opt input{width:var(--sanitize-check);height:var(--sanitize-check);margin:.15rem 0 0;padding:0;accent-color:var(--accent);flex-shrink:0}.sanitize-opt-label{flex:1 1 auto;min-width:0}.sanitize-opt-tag{display:inline-block;margin-left:.3rem;font-size:.65rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:999px;padding:.05rem .4rem;vertical-align:.1em;white-space:nowrap}.sanitize-hint{margin:.35rem 0 0;padding-left:calc(var(--sanitize-check) + var(--sanitize-gap));font-size:.78rem;line-height:1.45;color:var(--faint)}.sanitize-hint code{font-family:var(--mono);font-size:.9em}.pill-sanitize{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,var(--border))}.row{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}button,.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);border-radius:10px;padding:.55rem .95rem;font:inherit;cursor:pointer}button.primary,.btn.primary{background:linear-gradient(135deg,#2dd4bf,#0ea5e9);border-color:transparent;font-weight:600;color:#0b0d10}button:disabled{opacity:.5;cursor:not-allowed}button:hover:not(:disabled),.btn:hover{border-color:var(--accent)}.status{margin:1rem auto 0;max-width:720px;text-align:left;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem;font-size:.92rem}.status.error{border-color:color-mix(in srgb,var(--bad) 45%,var(--border));color:#fecaca;background:color-mix(in srgb,var(--bad) 8%,var(--bg-elev))}.status.ok{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--bg-elev))}.status code{font-family:var(--mono);font-size:.85em;word-break:break-all}.viewer{display:grid;grid-template-columns:minmax(260px,1fr) minmax(280px,1.15fr);grid-template-rows:auto minmax(0,1fr);gap:.65rem;min-height:calc(100vh - 7.5rem)}.viewer .trace-toolbar{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.5rem 1rem;padding:.35rem .15rem}.trace-title-block{min-width:0;flex:1}.trace-title{margin:0;font-size:1.05rem;font-weight:650;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.trace-pills{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.pill{font-size:.72rem;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.1rem .5rem;font-family:var(--mono);max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill-notes{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--accent-dim);font-weight:650}.pill-local{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,var(--border))}.trace-toolbar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.share-bar{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem}.share-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:.75rem;cursor:pointer;border:1px solid var(--border);background:var(--bg-elev);color:var(--muted);border-radius:8px;padding:.28rem .55rem}.share-btn:hover{color:var(--accent);border-color:var(--accent)}.share-btn.danger:hover{color:var(--bad);border-color:var(--bad)}.share-meta{font-size:.72rem;color:var(--faint);font-family:var(--mono);margin-left:.15rem}.share-toast{font-size:.72rem;color:var(--accent);font-weight:600}.toolbar-error{margin:0 0 .25rem}.toast-host{position:fixed;left:50%;bottom:1.25rem;transform:translate(-50%);z-index:80;width:min(calc(100% - 1.5rem),28rem);pointer-events:none}.toast-host:empty{display:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:.65rem;padding:.7rem .75rem .7rem .9rem;border-radius:12px;border:1px solid var(--border-strong);background:var(--bg-elev-2);box-shadow:0 12px 40px #00000073;color:var(--text);font-size:.88rem;line-height:1.4;animation:toast-in .18s ease-out}.toast-ok{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--bg-elev-2))}.toast-info{border-color:var(--border-strong)}.toast-msg{flex:1 1 auto;min-width:0}.toast-dismiss{flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);font-size:1.15rem;line-height:1;padding:.1rem .25rem;cursor:pointer;border-radius:6px}.toast-dismiss:hover{color:var(--text);background:var(--bg-hover)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.viewer .events-panel{grid-column:1;grid-row:2;display:flex;flex-direction:column;min-height:0;max-height:calc(100vh - 9rem)}.viewer .detail-panel{grid-column:2;grid-row:2;display:flex;flex-direction:column;min-height:0;max-height:calc(100vh - 9rem)}.viewer .event-list,.viewer .detail{flex:1;max-height:none;min-height:0}@media(max-width:860px){.viewer{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0}.viewer .events-panel{grid-column:1;grid-row:2;max-height:50vh}.viewer .detail-panel{grid-column:1;grid-row:3;max-height:50vh}}.summary-drawer{position:fixed;top:0;right:0;z-index:40;width:min(400px,92vw);height:100vh;background:var(--bg-elev);border-left:1px solid var(--border-strong);box-shadow:var(--shadow);display:flex;flex-direction:column;animation:drawer-in .15s ease-out}@keyframes drawer-in{0%{transform:translate(12px);opacity:.6}to{transform:none;opacity:1}}.summary-drawer header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.summary-drawer header h3{margin:0;font-size:.95rem}.summary-drawer-body{overflow:auto;flex:1;padding-bottom:1.5rem}.summary-drawer .meta-grid.compact{grid-template-columns:1fr 1fr;padding:.75rem;gap:.45rem}.summary-drawer .meta-card{padding:.5rem .6rem}.summary-backdrop{display:none}.panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-height:0;box-shadow:0 1px #ffffff08 inset}.viewer .events-panel{overflow:visible}.viewer .events-panel>header,.viewer .events-panel>.filter-bar{overflow:visible;position:relative;z-index:5}.viewer .events-panel>.event-list{overflow:auto;border-radius:0 0 var(--radius) var(--radius)}.panel header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .9rem;border-bottom:1px solid var(--border);font-size:.85rem;color:var(--muted)}.panel header h3{margin:0;color:var(--text);font-size:.95rem}.panel header .count{color:var(--muted);font-weight:500;font-size:.85em}.detail-header{display:flex;align-items:center;gap:.5rem}.detail-header h3{flex:1}.event-anchor{color:var(--accent);text-decoration:none;border-bottom:1px dashed color-mix(in srgb,var(--accent) 40%,transparent);cursor:copy}.event-anchor:hover{text-decoration:none;border-bottom-style:solid}.event-anchor.just-copied,.share-btn.just-copied{color:var(--ok);-webkit-text-fill-color:var(--ok);border-bottom-color:var(--ok)}.tabs{display:flex;gap:.35rem}.tabs button{padding:.35rem .7rem;font-size:.85rem}.tabs button.active{background:var(--accent-dim);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));color:var(--accent)}.meta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.65rem;padding:.9rem}.meta-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.65rem .75rem;min-width:0}.meta-card:hover{border-color:var(--border-strong)}.meta-card .label{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.meta-card .value{margin-top:.2rem;font-weight:600;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-card-time .time-primary{margin-top:.2rem;font-weight:650;font-size:.95rem;font-variant-numeric:tabular-nums;white-space:nowrap}.meta-card-time .time-secondary{margin-top:.15rem;font-size:.75rem;color:var(--muted);font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-hint{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-hint .time-abs{color:var(--faint);font-family:var(--mono);font-size:.9em;margin-left:.25rem}.event-row .t{white-space:nowrap;font-variant-numeric:tabular-nums}.meta-lines{font-variant-numeric:tabular-nums}.meta-lines span.mono{white-space:nowrap}.summary-body{padding:0 .9rem 1rem;color:var(--muted);white-space:pre-wrap;line-height:1.5}.system-prompt-block{margin:0 .9rem .85rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev)}.system-prompt-block>summary{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none;padding:.55rem .7rem;font-size:.85rem;color:var(--text);-webkit-user-select:none;user-select:none}.system-prompt-block>summary::-webkit-details-marker{display:none}.system-prompt-block>summary:before{content:"▸";color:var(--faint);margin-right:.35rem;font-size:.75rem}.system-prompt-block[open]>summary:before{content:"▾"}.system-prompt-meta{color:var(--faint);font-size:.75rem;font-weight:400}.system-prompt-block .system-prompt-body{padding:0 .7rem .75rem;max-height:min(50vh,28rem);overflow:auto;border-top:1px solid var(--border);font-size:.8rem;color:var(--muted)}.tool-legend{display:flex;flex-wrap:wrap;gap:.45rem;padding:0 .9rem .85rem}.legend-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.15rem .55rem}.legend-pill i{width:8px;height:8px;border-radius:50%;background:var(--fam-other);display:inline-block}.legend-pill.fam-read i,.fam-read .swatch,.badge.fam-read{--pill: var(--fam-read)}.legend-pill.fam-write i,.fam-write .swatch,.badge.fam-write{--pill: var(--fam-write)}.legend-pill.fam-shell i,.fam-shell .swatch,.badge.fam-shell{--pill: var(--fam-shell)}.legend-pill.fam-agent i,.fam-agent .swatch,.badge.fam-agent{--pill: var(--fam-agent)}.legend-pill.fam-mcp i,.fam-mcp .swatch,.badge.fam-mcp{--pill: var(--fam-mcp)}.legend-pill.fam-other i,.fam-other .swatch,.badge.fam-other{--pill: var(--fam-other)}.legend-pill i{background:var(--pill, var(--fam-other))}.badge.fam-read,.badge.fam-write,.badge.fam-shell,.badge.fam-agent,.badge.fam-mcp,.badge.fam-other{border-color:color-mix(in srgb,var(--pill) 50%,var(--border));color:var(--pill)}.turns-wrap{padding:0 .9rem 1rem;overflow-x:auto}.turns-title{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.45rem}.turns-table{width:100%;border-collapse:collapse;font-size:.85rem}.turns-table th,.turns-table td{text-align:left;padding:.45rem .5rem;border-bottom:1px solid var(--border)}.turns-table th{color:var(--muted);font-weight:500;font-size:.75rem;text-transform:uppercase}.outcome{font-weight:600}.outcome.ok{color:var(--ok)}.outcome.bad{color:var(--bad)}.outcome.open{color:var(--warn)}.event-list{max-height:min(72vh,860px);overflow:auto}.event-row{display:grid;grid-template-columns:78px 1fr;gap:.35rem .55rem;padding:.48rem .75rem;border-bottom:1px solid var(--border);cursor:pointer;font-size:.82rem;border-left:3px solid transparent}.event-row:hover{background:var(--bg-hover)}.event-row.selected{background:var(--bg-elev-2)}.event-row .t{color:var(--muted);font-family:var(--mono);font-size:.72rem;display:flex;flex-direction:column;gap:.15rem}.turn-badge{display:inline-block;font-size:.65rem;color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 40%,var(--border));border-radius:4px;padding:0 .25rem;width:fit-content}.row-main{min-width:0}.type-line{display:flex;align-items:center;gap:.4rem}.swatch{width:8px;height:8px;border-radius:2px;flex-shrink:0;background:var(--muted)}.event-row .type{font-weight:650;font-size:.8rem}.event-row .preview{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.12rem}.err-mark{font-size:.65rem;color:var(--bad);border:1px solid color-mix(in srgb,var(--bad) 50%,transparent);border-radius:4px;padding:0 .28rem;text-transform:uppercase}.event-row.err{background:color-mix(in srgb,var(--bad) 6%,transparent)}.ev-user{--role: var(--ev-user)}.ev-agent{--role: var(--ev-agent)}.ev-thought{--role: var(--ev-thought)}.ev-plan{--role: var(--ev-agent)}.ev-session{--role: var(--ev-session)}.ev-compact{--role: #fe8019}.ev-error{--role: var(--ev-error)}.ev-system{--role: var(--ev-system)}.ev-subagent{--role: var(--ev-subagent)}.ev-other{--role: var(--muted)}.ev-tool-call,.ev-tool-result{--role: var(--fam-other)}.ev-tool-call.fam-read,.ev-tool-result.fam-read{--role: var(--fam-read)}.ev-tool-call.fam-write,.ev-tool-result.fam-write{--role: var(--fam-write)}.ev-tool-call.fam-shell,.ev-tool-result.fam-shell{--role: var(--fam-shell)}.ev-tool-call.fam-agent,.ev-tool-result.fam-agent{--role: var(--fam-agent)}.ev-tool-call.fam-mcp,.ev-tool-result.fam-mcp{--role: var(--fam-mcp)}.ev-tool-call.fam-other,.ev-tool-result.fam-other{--role: var(--fam-other)}.event-row{border-left-color:color-mix(in srgb,var(--role, transparent) 70%,transparent)}.event-row .swatch{background:var(--role, var(--muted))}.event-row .type{color:var(--role, var(--text))}.event-row.ev-user .type{font-weight:700;color:var(--ev-user)}.event-row.ev-thought .type{font-style:italic;opacity:.9}.event-row.ev-tool-result .type{opacity:.85;font-weight:550}.event-row.selected{box-shadow:inset 3px 0 0 var(--role, var(--accent))}.detail{padding:.9rem;max-height:min(72vh,860px);overflow:auto}.detail-head{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.65rem}.detail .badge{display:inline-block;padding:.18rem .5rem;border-radius:999px;border:1px solid var(--border);font-size:.75rem;color:var(--muted)}.detail .badge.bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 50%,var(--border))}.detail .badge.ev-user{color:var(--ev-user)}.detail .badge.ev-agent{color:var(--ev-agent)}.detail .badge.ev-thought{color:var(--ev-thought);font-style:italic}.detail .badge.ev-session{color:var(--ev-session)}.detail .badge.ev-error{color:var(--ev-error)}.detail .badge.ev-system{color:var(--ev-system)}.detail .badge.ev-tool-call,.detail .badge.ev-tool-result{color:var(--role, var(--accent));border-color:color-mix(in srgb,var(--role) 40%,var(--border))}.meta-lines{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.35rem .75rem;font-size:.85rem;color:var(--muted);margin-bottom:.75rem}.meta-lines b{color:var(--text);font-weight:600;margin-right:.35rem}.detail pre,.detail .body{margin:.45rem 0 0;font-family:var(--mono);font-size:.8rem;white-space:pre-wrap;word-break:break-word;line-height:1.45;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.75rem}.detail .body.muted{color:var(--muted)}.detail .kv{margin-top:.85rem;font-size:.85rem;color:var(--muted)}.detail .kv b{color:var(--text);font-weight:600}.body-section{margin-top:.85rem}.body-section-head{display:flex;align-items:center;gap:.45rem;margin-top:0}.body-section-head .field-copy{margin-left:0}.body-section>.content-kind{margin-top:.45rem}.kv-table{margin-top:.4rem;border:1px solid var(--border);border-radius:8px;overflow:hidden}.kv-row{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:.5rem;padding:.4rem .6rem;border-bottom:1px solid var(--border);font-size:.8rem;align-items:start}.kv-row:last-child{border-bottom:none}.kv-row .k-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;min-width:0}.kv-row .k{color:var(--muted);font-family:var(--mono);word-break:break-all}.kv-row .v{color:var(--text);white-space:pre-wrap;word-break:break-word;min-width:0}.field-copy{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--sans);font-size:.68rem;font-weight:600;line-height:1;cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:4px;padding:.2rem .35rem;flex-shrink:0}.field-copy:hover{color:var(--accent);border-color:var(--accent)}.field-copy.just-copied{color:var(--ok);border-color:var(--ok)}.raw-json{margin-top:.5rem;color:var(--muted);font-size:.8rem}.raw-json pre{margin-top:.35rem}.pair-link{margin:.5rem 0}.filter-bar{display:flex;gap:.45rem;flex-wrap:wrap;padding:.55rem .75rem;border-bottom:1px solid var(--border);align-items:center}.filter-bar input{background:var(--bg);border:1px solid var(--border);border-radius:9px;color:var(--text);padding:.42rem .7rem;font:inherit;font-size:.875rem}.filter-bar input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 3px var(--accent-dim)}.filter-bar input{flex:1;min-width:140px}.filter-control{-moz-appearance:none;appearance:none;-webkit-appearance:none;font-family:var(--sans);font-size:.8125rem;font-weight:500;line-height:1.25;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:9px;cursor:pointer;box-sizing:border-box;transition:border-color .12s,background .12s,box-shadow .12s,color .12s}.filter-control:hover{border-color:var(--border-strong);background:var(--bg-elev)}.filter-control:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 3px var(--accent-dim)}.filter-kicker{font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);flex-shrink:0}.turn-select-label{display:inline-flex;align-items:center;gap:.4rem;min-width:0}.turn-select{min-width:9.5rem;max-width:14rem;padding:.42rem 1.85rem .42rem .7rem;background-image:linear-gradient(45deg,transparent 50%,var(--faint) 50%),linear-gradient(135deg,var(--faint) 50%,transparent 50%);background-position:calc(100% - 14px) 55%,calc(100% - 9px) 55%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;color-scheme:dark}.turn-select option{background:var(--bg-elev-2);color:var(--text)}.type-dd{position:relative;flex:0 0 auto;z-index:20}.type-dd.open{z-index:60}.type-dd-btn{display:inline-flex;align-items:center;gap:.4rem;min-width:10.5rem;max-width:16rem;padding:.38rem .55rem .38rem .65rem;text-align:left}.type-dd-btn-kicker{font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);flex-shrink:0}.type-dd-btn-value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:550}.type-dd-btn-n{flex:0 0 auto;font-family:var(--mono);font-size:.68rem;font-weight:600;color:var(--accent);background:var(--accent-dim);border-radius:999px;padding:.08rem .4rem;line-height:1.2;min-width:1.1rem;text-align:center}.type-dd-btn-n[hidden]{display:none!important}.type-dd-caret{flex:0 0 auto;width:.55rem;height:.55rem;margin-left:.1rem;border-right:1.5px solid var(--faint);border-bottom:1.5px solid var(--faint);transform:rotate(45deg) translateY(-2px);transition:transform .15s ease,border-color .12s}.type-dd.open .type-dd-caret{transform:rotate(225deg) translateY(-1px);border-color:var(--accent)}.type-dd.open .type-dd-btn,.type-dd.has-filter .type-dd-btn{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--bg))}.type-dd.open .type-dd-btn-kicker,.type-dd.has-filter .type-dd-btn-kicker{color:var(--accent)}.type-dd-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:80;box-sizing:border-box;width:17.5rem;max-width:min(17.5rem,calc(100vw - 2rem));max-height:min(52vh,380px);overflow-x:hidden;overflow-y:auto;background:var(--bg-elev-2);border:1px solid var(--border-strong);border-radius:12px;box-shadow:0 0 0 1px #0003,0 18px 50px #0000008c;padding:.3rem;color:var(--text);font-family:var(--sans);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.type-dd-sep{height:1px;margin:.25rem .4rem;background:var(--border)}.type-dd-item{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.5rem;box-sizing:border-box;width:100%;margin:0;padding:.42rem .5rem;font-family:var(--sans);font-size:.8125rem;font-weight:500;line-height:1.3;color:var(--text);cursor:pointer;border-radius:8px;-webkit-user-select:none;user-select:none}.type-dd-item:hover{background:var(--bg-hover)}.type-dd-item:has(.type-dd-check:checked){background:color-mix(in srgb,var(--accent) 8%,transparent)}.type-dd-item:has(.type-dd-check:checked) .type-dd-name{color:var(--text)}.type-dd-check{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.type-dd-box{flex:0 0 .95rem;width:.95rem;height:.95rem;border-radius:4px;border:1.5px solid var(--border-strong);background:var(--bg);box-sizing:border-box;position:relative;transition:border-color .1s,background .1s}.type-dd-item:hover .type-dd-box{border-color:color-mix(in srgb,var(--accent) 50%,var(--border-strong))}.type-dd-item:has(.type-dd-check:checked) .type-dd-box{border-color:var(--accent);background:var(--accent)}.type-dd-item:has(.type-dd-check:checked) .type-dd-box:after{content:"";position:absolute;left:3px;top:.5px;width:3.5px;height:7px;border:solid var(--bg);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.type-dd-swatch{flex:0 0 .5rem;width:.5rem;height:.5rem;border-radius:2px;background:var(--role, var(--muted));box-shadow:0 0 0 1px color-mix(in srgb,var(--role, var(--muted)) 35%,transparent)}.type-dd-all .type-dd-name{margin-left:0}.type-dd-name{flex:1 1 auto;min-width:0;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.005em}.type-dd-all .type-dd-name{font-weight:600;color:var(--muted)}.type-dd-count{flex:0 0 auto;font-family:var(--mono);font-size:.7rem;font-weight:500;color:var(--faint);font-variant-numeric:tabular-nums;padding:.05rem 0;line-height:1.2;min-width:1.4rem;text-align:right}.type-dd-item:has(.type-dd-check:checked) .type-dd-count{color:var(--muted)}.search-wrap{flex:1;min-width:160px;position:relative;display:flex;align-items:center}.search-wrap input{width:100%;padding-right:1.8rem}.search-clear{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--muted);font-size:1.1rem;line-height:1;padding:.2rem .4rem;cursor:pointer;border-radius:6px}.search-clear:hover{color:var(--text);background:var(--bg-hover)}.event-row.has-match .preview mark,.preview mark{background:color-mix(in srgb,var(--warn) 45%,transparent);color:var(--text);border-radius:2px;padding:0 .12em;font-weight:650}.match-chips{display:inline-flex;gap:.25rem;flex-wrap:wrap;margin-left:.25rem}.match-chip{font-size:.62rem;text-transform:uppercase;letter-spacing:.03em;color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 45%,var(--border));border-radius:999px;padding:.05rem .35rem;background:color-mix(in srgb,var(--warn) 10%,transparent)}.event-row.has-match{background:color-mix(in srgb,var(--warn) 5%,transparent)}.event-row.has-match.selected{background:var(--bg-elev-2)}.preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip{font-size:.75rem;padding:.22rem .55rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);cursor:pointer;background:transparent;display:inline-flex;align-items:center;gap:.3rem;max-width:100%}.chip.on{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.chip-n{font-family:var(--mono);font-size:.7em;opacity:.75;background:color-mix(in srgb,var(--text) 8%,transparent);border-radius:999px;padding:0 .35rem}.chip.on .chip-n{background:color-mix(in srgb,var(--accent) 18%,transparent)}.footer{padding:1rem 1.25rem 1.5rem;color:var(--faint);font-size:.8rem;text-align:center;border-top:1px solid var(--border)}.footer a{color:var(--accent);text-decoration:none}.footer a:hover{color:var(--text);text-decoration:underline}.footer-commit code{font-family:var(--mono);font-size:.78em;color:inherit}.footer-help,.nav-help{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:6px;padding:.15rem .45rem;line-height:1.2}.footer-help{border:none;color:var(--accent);padding:0 .15rem;text-decoration:underline}.nav-help:hover{color:var(--accent);border-color:var(--accent)}.footer-help:hover{color:var(--text)}.help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000009e;display:flex;align-items:center;justify-content:center;padding:1.25rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.help-modal{width:min(480px,100%);max-height:min(88vh,720px);background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);padding:0;overflow:hidden;display:flex;flex-direction:column;animation:help-in .14s ease-out}@keyframes help-in{0%{opacity:.55;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}.help-modal header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1.1rem;border-bottom:1px solid var(--border);flex-shrink:0;background:color-mix(in srgb,var(--bg-elev-2) 70%,var(--bg-elev))}.help-modal h2{margin:0;font-size:1rem;font-weight:650;letter-spacing:-.01em}.help-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:8px;padding:.28rem .55rem;font:inherit;font-size:.75rem;font-weight:600;cursor:pointer;flex-shrink:0}.help-close:hover{color:var(--text);border-color:var(--border-strong)}.help-body{overflow:auto;flex:1;min-height:0;padding:.75rem .85rem .35rem;display:flex;flex-direction:column;gap:.65rem}.help-section{border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--bg) 55%,var(--bg-elev));overflow:hidden}.help-section h3{margin:0;padding:.45rem .75rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--accent) 6%,transparent)}.help-rows{display:flex;flex-direction:column}.help-row{display:grid;grid-template-columns:minmax(7.5rem,38%) 1fr;gap:.65rem .85rem;align-items:center;padding:.42rem .75rem;border-bottom:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.help-row:last-child{border-bottom:none}.help-row:hover{background:color-mix(in srgb,var(--accent) 4%,transparent)}.help-keys{display:flex;flex-wrap:wrap;align-items:center;gap:.22rem;color:var(--muted);font-size:.82rem;line-height:1.35}.help-action{font-size:.88rem;color:var(--text);line-height:1.35}.help-or{color:var(--faint);font-size:.75rem;padding:0 .05rem}.help-plus{color:var(--faint);font-size:.78rem;padding:0 .08rem;font-weight:600}.help-footer{flex-shrink:0;margin:0;padding:.75rem 1.1rem 1rem;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 40%,var(--bg-elev))}.help-footer p{margin:0;font-size:.78rem;line-height:1.45;color:var(--muted)}.help-footer p+p{margin-top:.4rem}.help-footer-muted{color:var(--faint)!important}.help-footer code{font-family:var(--mono);font-size:.9em;color:var(--text);background:color-mix(in srgb,var(--text) 6%,transparent);border:1px solid var(--border);border-radius:4px;padding:.05rem .3rem}kbd{display:inline-block;font-family:var(--mono);font-size:.72rem;font-weight:550;line-height:1.2;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-elev-2) 80%,var(--bg-hover)) 0%,var(--bg) 100%);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:6px;padding:.14rem .38rem;color:var(--text);min-width:1.15em;text-align:center;box-shadow:0 1px #00000040;white-space:nowrap}.empty{color:var(--muted);padding:2rem;text-align:center}.links-panel{display:flex;flex-direction:column;gap:.85rem;text-align:left}.links-panel .hint{margin-top:.35rem;color:var(--muted);font-size:.85rem}.delete-link-block{padding-top:.35rem;border-top:1px solid var(--border)}.delete-link-block a code{color:var(--bad)}a.btn{display:inline-block;text-decoration:none;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);border-radius:10px;padding:.55rem .95rem}a.btn.primary{background:linear-gradient(135deg,#2dd4bf,#0ea5e9);border-color:transparent;font-weight:600;color:#0b0d10}.content-kind{display:inline-block;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:.08rem .35rem;margin-bottom:.45rem}.content{margin-top:.35rem}.content.muted{color:var(--muted);font-style:italic}.content.text{font-size:.9rem;line-height:1.55;white-space:normal;word-break:break-word}.content.code{margin:.35rem 0 0;font-family:var(--mono);font-size:.78rem;white-space:pre-wrap;word-break:break-word;line-height:1.45;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.75rem;overflow-x:auto;max-height:min(55vh,640px);overflow-y:auto}.content.code.inline{max-height:240px;margin:0;padding:.5rem;font-size:.76rem}.content.md{font-size:.9rem;line-height:1.55;word-break:break-word;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.85rem 1rem;max-height:min(55vh,640px);overflow:auto}.content.md.inline{max-height:280px;padding:.6rem .75rem;margin:0}.content.md h1,.content.md h2,.content.md h3,.content.md h4{margin:1em 0 .4em;line-height:1.25;font-weight:650}.content.md h1{font-size:1.25rem}.content.md h2{font-size:1.1rem}.content.md h3{font-size:1rem}.content.md p{margin:.55em 0}.content.md ul,.content.md ol{margin:.45em 0;padding-left:1.35rem}.content.md li{margin:.2em 0}.content.md code{font-family:var(--mono);font-size:.84em;background:color-mix(in srgb,var(--accent) 12%,var(--bg-elev));border-radius:4px;padding:.1em .35em}.content.md pre{font-family:var(--mono);font-size:.78rem;line-height:1.45;background:#080a0d;border:1px solid var(--border);border-radius:8px;padding:.7rem .8rem;overflow-x:auto;margin:.7em 0}.content.md pre code{background:none;padding:0;border-radius:0;font-size:inherit}.content.md blockquote{margin:.6em 0;padding:.2em .8em;border-left:3px solid var(--accent);color:var(--muted)}.content.md a{color:var(--accent)}.content.md table{border-collapse:collapse;width:100%;margin:.7em 0;font-size:.85rem}.content.md th,.content.md td{border:1px solid var(--border);padding:.35rem .5rem;text-align:left}.content.md th{background:var(--bg-elev)}.content.md hr{border:none;border-top:1px solid var(--border);margin:1em 0}.j-key{color:#83a598}.j-str{color:#b8bb26}.j-num{color:#fabd2f}.j-lit{color:#d3869b}.j-punc{color:var(--muted)}.v-str{word-break:break-word}.v-lit{color:#fabd2f;font-family:var(--mono);font-size:.9em}.kv-row .v{min-width:0}.kv-row .v .content{margin-top:0}.detail-header .annotation-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .55rem;border-radius:8px;line-height:1}.detail-header .annotation-btn .annotation-icon{display:block;width:14px;height:14px;flex-shrink:0}.detail-header .annotation-btn-label{font-size:.78rem;font-weight:650}.detail-header .annotation-btn.has-annotation{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:var(--accent-dim)}.detail-header .annotation-btn.on{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.event-row.has-note{background:color-mix(in srgb,var(--accent) 4%,transparent)}.event-row.has-note:not(.selected){box-shadow:inset 2px 0 color-mix(in srgb,var(--accent) 55%,transparent)}.type-line .event-annotated{margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;gap:.22rem;color:var(--accent);font-size:.68rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:.08rem .35rem .08rem .28rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));background:var(--accent-dim)}.type-line .event-annotated-icon{width:11px;height:11px}.event-row .note-preview{margin-top:.18rem;font-size:.75rem;line-height:1.3;color:color-mix(in srgb,var(--accent) 70%,var(--muted));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:.1rem;border-left:2px solid color-mix(in srgb,var(--accent) 35%,transparent);padding-left:.45rem}.detail-note{margin:.55rem 0 .75rem;padding:.65rem .75rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--accent) 7%,var(--bg))}.detail-note-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.detail-note-title{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.detail-note-title .annotation-icon{width:13px;height:13px}.detail-note-body{font-size:.9rem;line-height:1.45;color:var(--text);white-space:pre-wrap;word-break:break-word}.annotation-drawer{position:fixed;top:0;right:0;z-index:45;width:min(400px,92vw);max-width:92vw;height:100vh;background:var(--bg-elev);border-left:1px solid var(--border-strong);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;transition:width .18s ease-out,opacity .18s ease-out;animation:drawer-in .15s ease-out}.annotation-drawer.is-closing{animation:none;width:0!important;border-left-width:0;opacity:.85}.annotation-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0;gap:.5rem;min-width:min(400px,92vw)}.annotation-drawer-header h3{margin:0;font-size:.95rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .45rem}.annotation-event-ref{font-size:.8rem;font-weight:500;opacity:.75}.annotation-type-pill{font-size:.72rem;font-weight:600;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.08rem .4rem}.annotation-local-hint{margin:0;font-size:.72rem;line-height:1.35;color:var(--muted)}.annotation-local-hint kbd{font-size:.68rem;padding:.05rem .28rem}.annotation-drawer-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:.55rem;padding:.85rem 1rem 1.25rem;min-width:min(400px,92vw)}.annotation-text{flex:1;min-height:10rem;resize:vertical;font:inherit;font-size:.9rem;line-height:1.45;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.65rem .75rem;box-sizing:border-box;width:100%}.annotation-text:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 3px var(--accent-dim)}.annotation-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.annotation-actions-start{display:flex;align-items:center;gap:.35rem}.annotation-actions-end{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto}.annotation-actions-end button{padding:.45rem .85rem;font-size:.875rem}.annotation-delete-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;padding:.42rem .5rem;line-height:0;border-radius:10px;cursor:pointer;color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,var(--bg));border:1px solid color-mix(in srgb,var(--bad) 45%,var(--border));font:inherit}.annotation-delete-btn:hover:not(:disabled){color:#fecaca;border-color:var(--bad);background:color-mix(in srgb,var(--bad) 18%,var(--bg-elev))}.annotation-delete-btn .delete-icon{display:block;width:15px;height:15px}.annotation-confirm-modal{width:min(380px,100%)}.annotation-confirm-body{margin:0;padding:.85rem 1rem;color:var(--muted);font-size:.9rem;line-height:1.45}.annotation-confirm-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:0 1rem 1rem}.annotation-confirm-actions button{padding:.45rem .85rem;font-size:.875rem}.annotation-confirm-ok{color:#0b0d10!important;font-weight:600;background:color-mix(in srgb,var(--bad) 85%,#7f1d1d)!important;border-color:transparent!important}.annotation-confirm-ok:hover:not(:disabled){filter:brightness(1.08);border-color:transparent!important}.notes-chip{display:inline-flex;align-items:center;gap:.3rem}.notes-chip.has-notes{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--accent-dim);font-weight:650}.notes-chip .chip-n{display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;height:1.15rem;padding:0 .3rem;border-radius:999px;font-size:.7rem;font-weight:700;font-family:var(--mono);background:color-mix(in srgb,var(--accent) 22%,var(--bg));color:var(--accent)}#btn-annotation-summary .annotation-summary-icon{width:13px;height:13px;flex-shrink:0}.summary-notes{margin:.35rem .9rem 1rem;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--accent) 5%,var(--bg));overflow:hidden}.summary-notes-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .75rem;border-bottom:1px solid var(--border)}.summary-notes-head h4{margin:0;font-size:.82rem;font-weight:650;display:inline-flex;align-items:center;gap:.35rem;color:var(--text)}.summary-notes-icon{width:13px;height:13px;color:var(--accent)}.summary-notes-count{font-size:.75rem;font-weight:600;color:var(--accent);opacity:.9}.summary-notes-hint{font-size:.68rem;color:var(--muted)}.summary-notes-body .annotation-summary-list{max-height:min(40vh,320px);overflow:auto}.summary-notes-body .annotation-summary-item{padding:.55rem .75rem;cursor:default}.summary-notes-body .annotation-summary-item:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.annotation-summary-empty.compact{padding:.85rem .75rem;font-size:.82rem}.annotation-summary-modal{width:min(560px,100%);max-height:min(80vh,720px);display:flex;flex-direction:column}.annotation-summary-modal header{flex-shrink:0}.annotation-summary-body{overflow:auto;flex:1;min-height:0;padding:.5rem 0 .75rem}.annotation-summary-empty{color:var(--muted);text-align:center;padding:1.75rem 1rem;font-size:.9rem;line-height:1.45}.annotation-summary-list{list-style:none;margin:0;padding:0}.annotation-summary-item{padding:.7rem 1rem;border-bottom:1px solid var(--border)}.annotation-summary-item:last-child{border-bottom:none}.annotation-summary-head{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .55rem;margin-bottom:.35rem}.annotation-summary-meta{font-size:.75rem;color:var(--muted)}.annotation-summary-jump{font-family:var(--mono);font-size:.78rem}.annotation-summary-text{font-size:.88rem;line-height:1.4;color:var(--text);white-space:pre-wrap;word-break:break-word}.annotation-summary-meta{font-size:.72rem;color:var(--faint);font-family:var(--mono)}.annotation-summary-text{color:var(--text);font-size:.88rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}