:root{color-scheme:dark;--bg: oklch(.16 .02 307);--bg-raised: oklch(.19 .022 307);--bg-inset: oklch(.13 .016 307);--bg-overlay: oklch(.235 .026 307);--fg: oklch(.92 .01 307);--fg-muted: oklch(.71 .016 307);--fg-faint: oklch(.53 .018 307);--accent: oklch(.674 .23 341);--accent-fg: oklch(.2 .07 341);--accent-muted: oklch(.674 .23 341 / 18%);--brand-mark-gradient: linear-gradient(135deg, #ed4abf 0%, #9b4dff 50%, #5ad8e6 100%);--ok: oklch(.76 .14 150);--warn: oklch(.79 .14 85);--err: oklch(.66 .19 25);--border: oklch(1 0 0 / 9%);--border-strong: oklch(1 0 0 / 13%);--ring: oklch(.817 .112 205 / 70%);--font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono", Menlo, Consolas, monospace;--radius-sm: 3px;--radius: 6px;--radius-lg: 8px;--shadow-overlay: 0 12px 32px oklch(0 0 0 / 45%), 0 2px 8px oklch(0 0 0 / 30%);--rail-mobile-shadow: -4px 0 16px oklch(0 0 0 / 30%);--backdrop: oklch(.1 .014 307 / 62%);--radius-xl: 12px;--text-2xs: 11px;--text-2xs-lh: 16px;--text-xs: 12px;--text-xs-lh: 18px;--text-sm: 13px;--text-sm-lh: 20px;--text-base: 14px;--text-base-lh: 22px;--text-md: 16px;--text-md-lh: 24px;--text-lg: 20px;--text-lg-lh: 28px;--text-xl: 25px;--text-xl-lh: 32px;--text-num: 28px;--text-num-lh: 32px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--viz-1: oklch(.72 .16 250);--viz-2: oklch(.75 .15 160);--viz-3: oklch(.78 .14 85);--viz-4: oklch(.7 .17 310);--viz-5: oklch(.74 .14 200);--viz-6: oklch(.68 .16 25);--viz-other: oklch(.55 .02 307);--viz-seq-1: oklch(.25 .05 330);--viz-seq-2: oklch(.34 .08 333);--viz-seq-3: oklch(.43 .11 336);--viz-seq-4: oklch(.52 .14 338);--viz-seq-5: oklch(.61 .17 339);--viz-seq-6: oklch(.7 .19 340);--viz-seq-7: oklch(.8 .19 341);--viz-cost: var(--viz-3);--viz-tokens: var(--viz-1);--viz-latency: var(--viz-5);--info: oklch(.75 .1 230);--ok-muted: oklch(.76 .14 150 / 15%);--warn-muted: oklch(.79 .14 85 / 15%);--err-muted: oklch(.66 .19 25 / 15%);--info-muted: oklch(.75 .1 230 / 15%);--live: var(--ok);--dur-fast: .12s;--dur: .2s;--dur-slow: .32s;--ease: cubic-bezier(.2, 0, 0, 1)}[data-theme=light]{color-scheme:light;--bg: oklch(.985 .004 307);--bg-raised: oklch(1 0 0);--bg-inset: oklch(.95 .006 307);--bg-overlay: oklch(.965 .006 307);--fg: oklch(.26 .03 307);--fg-muted: oklch(.46 .03 307);--fg-faint: oklch(.58 .025 307);--accent: oklch(.62 .23 341);--accent-fg: oklch(.99 .01 341);--accent-muted: oklch(.62 .23 341 / 14%);--ok: oklch(.55 .13 150);--warn: oklch(.6 .13 85);--err: oklch(.55 .19 25);--border: oklch(0 0 0 / 10%);--border-strong: oklch(0 0 0 / 15%);--ring: oklch(.58 .13 230 / 70%);--shadow-overlay: 0 12px 32px oklch(0 0 0 / 14%), 0 2px 8px oklch(0 0 0 / 10%);--rail-mobile-shadow: -4px 0 16px oklch(0 0 0 / 14%);--backdrop: oklch(.55 .02 307 / 28%);--viz-1: oklch(.57 .18 250);--viz-2: oklch(.6 .17 160);--viz-3: oklch(.63 .16 85);--viz-4: oklch(.55 .19 310);--viz-5: oklch(.59 .16 200);--viz-6: oklch(.53 .18 25);--viz-other: oklch(.6 .02 307);--viz-seq-1: oklch(.92 .03 330);--viz-seq-2: oklch(.84 .07 333);--viz-seq-3: oklch(.76 .11 336);--viz-seq-4: oklch(.68 .15 338);--viz-seq-5: oklch(.6 .18 339);--viz-seq-6: oklch(.52 .2 340);--viz-seq-7: oklch(.45 .21 341);--info: oklch(.55 .12 230);--ok-muted: oklch(.55 .13 150 / 14%);--warn-muted: oklch(.6 .13 85 / 14%);--err-muted: oklch(.55 .19 25 / 14%);--info-muted: oklch(.55 .12 230 / 14%)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--text-base-lh);-webkit-font-smoothing:antialiased}code,pre,.mono{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-sm)}a{color:var(--fg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important}}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100%}.rail{border-right:1px solid var(--border);background:var(--bg);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);position:sticky;top:0;height:100vh}.rail-brand{display:flex;align-items:center;gap:var(--space-2);font-weight:650;font-size:var(--text-md);padding:var(--space-2) var(--space-2) var(--space-5);letter-spacing:-.01em}.brand-mark{width:22px;height:22px;border-radius:6px;background:var(--brand-mark-gradient);flex:none}.rail-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--fg-muted);text-decoration:none;font-size:var(--text-base);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.rail-link:hover{background:var(--bg-raised);color:var(--fg)}.rail-link[aria-current=page]{background:var(--accent-muted);color:var(--fg);font-weight:500}.rail-spacer{flex:1}.rail-hint{color:var(--fg-faint);font-size:var(--text-2xs);line-height:var(--text-2xs-lh);padding:var(--space-2) var(--space-3)}.main{min-width:0;display:flex;flex-direction:column}.header{height:56px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);position:sticky;top:0;background:var(--bg);z-index:10}.header-title{font-size:var(--text-md);font-weight:500;margin:0;white-space:nowrap}.header-spacer{flex:1}.content{max-width:1440px;width:100%;margin:0 auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}@media(max-width:767px){.shell{grid-template-columns:1fr}.rail{position:fixed;bottom:0;top:auto;height:auto;width:100%;flex-direction:row;border-right:none;border-top:1px solid var(--border);padding:var(--space-1);z-index:20;justify-content:space-around}.rail-brand,.rail-hint,.rail-spacer{display:none}.content{padding:var(--space-4);padding-bottom:96px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font:inherit;font-size:var(--text-base);font-weight:500;border-radius:var(--radius);border:1px solid transparent;padding:7px 14px;cursor:pointer;background:var(--bg-raised);color:var(--fg);border-color:var(--border-strong);transition:filter var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.btn:hover{filter:brightness(1.12)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:none}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:transparent;font-weight:600}.btn-danger{background:var(--err-muted);color:var(--err);border-color:transparent}.btn-ghost{background:transparent;border-color:transparent;color:var(--fg-muted)}.btn-ghost:hover{background:var(--bg-raised);color:var(--fg)}.btn-sm{padding:3px 10px;font-size:var(--text-sm)}.input{font:inherit;font-size:var(--text-base);background:var(--bg-inset);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 10px;width:100%}.input:focus{outline:2px solid var(--ring);outline-offset:0;border-color:transparent}.input-error{border-color:var(--err)}.field-error{color:var(--err);font-size:var(--text-xs);line-height:var(--text-xs-lh);margin-top:var(--space-1)}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.card-title{font-size:var(--text-md);line-height:var(--text-md-lh);font-weight:500;margin:0 0 var(--space-4)}.page-title{font-size:var(--text-lg);line-height:var(--text-lg-lh);font-weight:600;letter-spacing:-.01em;margin:0}.page-sub{color:var(--fg-muted);font-size:var(--text-sm);line-height:var(--text-sm-lh);margin:var(--space-1) 0 0}.badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-2xs);line-height:var(--text-2xs-lh);font-weight:500;border-radius:var(--radius-sm);padding:1px 6px;background:var(--bg-inset);color:var(--fg-muted);white-space:nowrap}.badge-ok{background:var(--ok-muted);color:var(--ok)}.badge-warn{background:var(--warn-muted);color:var(--warn)}.badge-err{background:var(--err-muted);color:var(--err)}.badge-info{background:var(--info-muted);color:var(--info)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);line-height:var(--text-xs-lh);background:var(--accent-muted);color:var(--fg);border:none;border-radius:999px;padding:2px 8px 2px 10px;font-family:var(--font-mono);cursor:pointer}.chip:hover{filter:brightness(1.15)}.skeleton{position:relative;overflow:hidden;background:var(--bg-inset);border-radius:var(--radius-sm);min-height:12px}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--bg-overlay),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-9) var(--space-6);text-align:center}.empty-title{font-size:var(--text-xl);line-height:var(--text-xl-lh);font-weight:650;letter-spacing:-.01em;margin:0}.empty-body{color:var(--fg-muted);max-width:440px;margin:0}.error-panel{border:1px solid var(--err);background:var(--err-muted);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;align-items:center;gap:var(--space-4);color:var(--fg)}.error-id{color:var(--fg-faint);font-size:var(--text-2xs);font-family:var(--font-mono)}.codeblock{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--text-sm-lh);display:flex;align-items:center;gap:var(--space-3);justify-content:space-between;text-align:left;overflow-x:auto}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.kpi-label{color:var(--fg-muted);font-size:var(--text-xs);line-height:var(--text-xs-lh);font-weight:500;margin:0 0 var(--space-2)}.kpi-value{font-size:var(--text-num);line-height:var(--text-num-lh);font-weight:650;font-variant-numeric:tabular-nums;font-family:var(--font-mono);letter-spacing:-.01em;margin:0}.kpi-delta{font-size:var(--text-xs);line-height:var(--text-xs-lh);margin-top:var(--space-1);font-variant-numeric:tabular-nums}.delta-up{color:var(--err)}.delta-down{color:var(--ok)}.delta-flat{color:var(--fg-faint)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm);line-height:var(--text-sm-lh);font-variant-numeric:tabular-nums}.table th{text-align:left;color:var(--fg-muted);font-size:var(--text-2xs);line-height:var(--text-2xs-lh);font-weight:500;text-transform:uppercase;letter-spacing:.04em;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-strong);white-space:nowrap}.table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:hover{background:var(--bg-inset)}.num{text-align:right;font-family:var(--font-mono)}th.num{text-align:right}.history-row{display:block;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--border);padding:var(--space-3) var(--space-3);cursor:pointer;color:var(--fg);font:inherit;border-radius:0}.history-row:hover,.history-row:focus-visible{background:var(--bg-inset)}.history-row.is-active{background:var(--accent-muted)}.prompt-line{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--text-sm-lh);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin:0}.prompt-line mark{background:var(--accent-muted);color:var(--fg);border-radius:2px;padding:0 1px}.row-meta{display:flex;gap:var(--space-3);align-items:center;color:var(--fg-faint);font-size:var(--text-xs);line-height:var(--text-xs-lh);margin-top:var(--space-1);flex-wrap:wrap}.meta-chip{font-family:var(--font-mono);background:var(--bg-inset);border-radius:var(--radius-sm);padding:0 5px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-bar{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.search-wrap{position:relative;flex:1;min-width:220px}.search-wrap .input{padding-left:30px;font-family:var(--font-mono)}.search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--fg-faint);pointer-events:none}.search-shimmer{position:absolute;left:2px;right:2px;bottom:0;height:2px;overflow:hidden;border-radius:2px}.search-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:shimmer 1s infinite}.preset-row{display:inline-flex;gap:var(--space-1)}.preset{font:inherit;font-size:var(--text-xs);background:transparent;color:var(--fg-muted);border:1px solid var(--border);border-radius:999px;padding:2px 10px;cursor:pointer}.preset:hover{color:var(--fg);border-color:var(--border-strong)}.preset.is-active{background:var(--accent-muted);color:var(--fg);border-color:transparent}.chart-wrap{position:relative}.chart-tooltip{position:absolute;pointer-events:none;background:var(--bg-overlay);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-overlay);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);line-height:var(--text-xs-lh);z-index:5;min-width:140px;font-variant-numeric:tabular-nums}.legend{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3)}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--fg-muted);background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:var(--radius-sm);font-family:var(--font-mono)}.legend-item.is-off{opacity:.35;text-decoration:line-through}.swatch{width:10px;height:10px;border-radius:3px;flex:none}.axis-label{fill:var(--fg-faint);font-size:var(--text-2xs);font-family:var(--font-mono)}.gridline{stroke:var(--border)}.heatmap-cell{rx:2px}.heatmap-cell:focus-visible{outline:none;stroke:var(--ring);stroke-width:2px}.modal-backdrop{position:fixed;inset:0;background:var(--backdrop);display:flex;align-items:center;justify-content:center;z-index:50;padding:var(--space-4)}.modal{background:var(--bg-overlay);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-overlay);width:100%;max-width:480px;padding:var(--space-6)}.modal-title{font-size:var(--text-md);font-weight:600;margin:0 0 var(--space-4)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.toast-stack{position:fixed;top:var(--space-4);right:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:100}.toast{background:var(--bg-overlay);border:1px solid var(--border-strong);border-left:3px solid var(--ok);border-radius:var(--radius);box-shadow:var(--shadow-overlay);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);min-width:220px}.toast-err{border-left-color:var(--err)}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.auth-card{width:400px;max-width:100%;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-7);display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center}.auth-mark{width:48px;height:48px;border-radius:14px;background:var(--brand-mark-gradient)}.user-code{font-family:var(--font-mono);font-size:var(--text-xl);line-height:var(--text-xl-lh);font-weight:650;letter-spacing:.12em;background:var(--bg-inset);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);text-align:center}.row{display:flex;align-items:center;gap:var(--space-3)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.muted{color:var(--fg-muted)}.faint{color:var(--fg-faint)}.text-xs{font-size:var(--text-xs);line-height:var(--text-xs-lh)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media(max-width:1023px){.grid-2{grid-template-columns:1fr}}.meter{height:6px;background:var(--bg-inset);border-radius:999px;overflow:hidden;min-width:120px;flex:1}.meter-fill{height:100%;border-radius:999px;background:var(--ok);transition:width var(--dur) var(--ease)}.meter-warn .meter-fill{background:var(--warn)}.meter-err .meter-fill{background:var(--err)}.banner{border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);line-height:var(--text-sm-lh);background:var(--info-muted);color:var(--fg);border:1px solid var(--border)}.banner-warn{background:var(--warn-muted)}.checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.checklist li{display:flex;gap:var(--space-2);align-items:center;color:var(--fg-muted);font-size:var(--text-sm)}.checklist li.done{color:var(--ok)}.kbd{font-family:var(--font-mono);font-size:var(--text-2xs);background:var(--bg-inset);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:var(--radius-sm);padding:0 5px}