:root{--paper:#f2efe7;--paper-2:#e8e3d5;--paper-3:#d9d2be;--ink:#11110f;--ink-2:#2a2823;--ink-3:#6b6657;--rule:#11110f29;--rule-2:#11110f14;--signal:oklch(66% .16 42);--signal-2:oklch(55% .17 38);--signal-3:oklch(86% .06 60);--accent-otlp:var(--signal);--accent-tsdb:var(--signal);--accent-octo:var(--signal-2);--accent-bench:var(--ink-2);--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", "Menlo", monospace;--display:"Fraunces", "Iowan Old Style", "Georgia", serif;--sans:"Inter Tight", ui-sans-serif, system-ui, sans-serif;--max-w:1440px;--gutter:48px;--radius:8px;--radius-sm:6px;--radius-lg:12px;--shadow-sm:0 1px 2px #11110f0f;--shadow-md:0 4px 12px #11110f14;--shadow-lg:0 8px 24px #11110f1f;--ease:.12s ease;--ease-out:.2s ease-out;--ink-soft:var(--ink-2);--ink-muted:var(--ink-3);--surface:var(--paper);--surface-strong:var(--paper);--line:var(--rule);--line-strong:var(--rule);--bg:var(--paper);--text:var(--ink);--text-secondary:var(--ink-2);--text-tertiary:var(--ink-3);--border:var(--rule)}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ul,ol{margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;color:var(--ink);font-family:var(--sans);background:var(--paper);margin:0;font-size:16px;line-height:1.5}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}code{font-family:var(--mono);background:var(--paper-2);border:1px solid var(--rule);border-radius:4px;padding:2px 6px;font-size:12px}.t-display{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(40px,6vw,72px);font-style:italic;font-weight:300;line-height:1.05}.t-h1{font-family:var(--sans);letter-spacing:-.025em;font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.1}.t-h2{font-family:var(--sans);letter-spacing:-.02em;font-size:clamp(22px,3vw,32px);font-weight:700;line-height:1.15}.t-h3{font-family:var(--sans);letter-spacing:-.01em;font-size:clamp(16px,2vw,20px);font-weight:600;line-height:1.25}.t-body{font-family:var(--sans);color:var(--ink-2);font-size:16px;line-height:1.55}.t-mono{font-family:var(--mono);font-size:14px;font-weight:500;line-height:1.4}.t-mono-sm{font-family:var(--mono);font-size:12px;font-weight:500;line-height:1.4}.t-eyebrow,.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);background:#6366f114;border:1px solid #6366f133;border-radius:999px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.grid-bg{background-image:linear-gradient(var(--rule-2) 1px, transparent 1px), linear-gradient(90deg, var(--rule-2) 1px, transparent 1px);background-size:8px 8px}.grid-bg-major{background-image:linear-gradient(var(--rule-2) 1px, transparent 1px), linear-gradient(90deg, var(--rule-2) 1px, transparent 1px), linear-gradient(var(--rule) 1px, transparent 1px), linear-gradient(90deg, var(--rule) 1px, transparent 1px);background-size:8px 8px,8px 8px,64px 64px,64px 64px}.dots-bg{background-image:radial-gradient(circle, var(--rule) .75px, transparent .75px);background-size:16px 16px}.btn,.stamp,.stamp-fill{font-family:var(--mono);border:1px solid var(--ink);border-radius:var(--radius);cursor:pointer;transition:all var(--ease);color:var(--ink);white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover,.stamp:hover{background:var(--paper-2);border-color:var(--ink)}.btn-primary,.stamp-fill{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn-primary:hover,.stamp-fill:hover{background:var(--ink-2);border-color:var(--ink-2)}.btn-secondary{color:var(--ink-2);border-color:var(--rule);background:0 0}.btn-secondary:hover{color:var(--ink);border-color:var(--ink)}.btn-ghost{color:var(--ink-2);background:0 0;border:none;padding:8px 12px}.btn-ghost:hover{color:var(--ink);background:var(--paper-2)}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:12px 24px;font-size:15px}.topbar{z-index:100;background:var(--paper);border-bottom:1px solid var(--ink);padding:0 var(--gutter);justify-content:space-between;align-items:center;height:48px;display:flex;position:sticky;top:0}.brand{color:var(--ink);font-family:var(--mono);letter-spacing:-.02em;align-items:center;gap:8px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{flex-shrink:0}.topnav{align-items:center;gap:0;display:flex}.topnav a{font-family:var(--mono);color:var(--ink-3);transition:color var(--ease), border-color var(--ease);border-bottom:2px solid #0000;padding:14px;font-size:12px;font-weight:500;text-decoration:none}.topnav a:hover,.topnav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--signal)}.topnav-cta{margin-left:14px}.hero{padding:80px var(--gutter) 64px;text-align:center}.hero-eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--signal);background:#6366f114;border:1px solid #6366f133;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.hero h1{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);margin:0 0 24px;font-size:clamp(40px,6vw,72px);font-style:italic;font-weight:300;line-height:1.05}.hero-sub{max-width:56ch;color:var(--ink-2);margin:0 auto 32px;font-size:17px;line-height:1.55}.hero-lede{max-width:58ch;color:var(--ink-2);margin:0 auto 24px;font-size:17px;line-height:1.55}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:48px;display:flex}.tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--rule);color:var(--ink-3);background:0 0;align-items:center;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.panel{background:var(--paper);border:1px solid var(--rule);padding:24px}.card{background:var(--paper);border:1px solid var(--rule);padding:16px}.card p{color:var(--ink-2);margin:8px 0 0;font-size:14px;line-height:1.45}.card-links{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.card-links a{font-family:var(--mono);color:var(--ink);border:1px solid var(--rule);transition:border-color var(--ease);padding:6px 12px;font-size:12px;font-weight:600}.card-links a:hover{border-color:var(--ink)}.section-inner{max-width:var(--max-w);padding:var(--gutter);margin:0 auto}section{border-bottom:1px solid var(--ink)}section:last-of-type{border-bottom:none}.stat-strip{background:var(--paper);grid-template-columns:repeat(4,1fr);gap:0;display:grid}.stat-strip .stat{border-right:1px solid var(--ink);text-align:center;padding:32px}.stat-strip .stat:last-child{border-right:none}.stat{flex-direction:column;gap:4px;display:flex}.stat-value{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);font-size:clamp(32px,4vw,48px);font-style:italic;font-weight:300;line-height:1}.stat-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-size:11px;font-weight:500}.hero .pipeline{border:1px solid var(--ink);grid-template-columns:repeat(4,1fr);gap:0;display:grid}.hero .pipeline-stage{border-right:1px solid var(--ink);text-align:center;flex-direction:column;gap:6px;padding:20px;display:flex;position:relative}.hero .pipeline-stage:last-child{border-right:none}.hero .pipeline-stage.active{background:var(--paper-2)}.hero .stage-icon{margin-bottom:4px;font-size:24px}.hero .stage-name{font-family:var(--mono);color:var(--ink);font-size:14px;font-weight:700}.hero .stage-desc{color:var(--ink-3);font-size:12px;line-height:1.4}.hero .pipeline-arrow{color:var(--ink-3);background:var(--paper);z-index:1;justify-content:center;align-items:center;padding:2px 0;font-size:18px;display:flex;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.hair{border:none;border-top:1px solid var(--rule);margin:0}.section-rule{border:none;border-top:1px solid var(--ink);margin:0}.pipeline-step{border-right:1px solid var(--ink);padding:20px;position:relative}.pipeline-step:last-child{border-right:none}.pipeline-step-num{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:11px;font-weight:600}.pipeline-step-name{font-family:var(--mono);color:var(--ink);margin-bottom:4px;font-size:16px;font-weight:700}.pipeline-step-desc{color:var(--ink-3);font-size:13px;line-height:1.4}.pipeline-arrow-r:after{content:"→";font-family:var(--mono);color:var(--ink-3);background:var(--paper);z-index:1;padding:2px;font-size:14px;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.card.accent-otlp{border-left:3px solid var(--accent-otlp)}.card.accent-tsdb{border-left:3px solid var(--accent-tsdb)}.card.accent-octo{border-left:3px solid var(--accent-octo)}.card.accent-bench{border-left:3px solid var(--accent-bench)}.pipeline-stage.accent-otlp{border-top:3px solid var(--accent-otlp)}.pipeline-stage.accent-tsdb{border-top:3px solid var(--accent-tsdb)}.pipeline-stage.accent-octo{border-top:3px solid var(--accent-octo)}.pipeline-stage.accent-bench{border-top:3px solid var(--accent-bench)}.pipeline{align-items:stretch;gap:0;display:flex}.pipeline-stage{background:var(--paper);border:1px solid var(--rule);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:140px;padding:16px 12px;display:flex;position:relative}.pipeline-stage .stage-icon{margin-bottom:4px;font-size:24px}.pipeline-stage .stage-name{font-family:var(--mono);color:var(--ink);font-size:14px;font-weight:700}.pipeline-stage .stage-desc{color:var(--ink-3);font-size:12px;line-height:1.4}.pipeline-arrow{color:var(--ink-3);background:var(--paper);flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;font-size:18px;display:flex}.primitives-grid{border:1px solid var(--ink);grid-template-columns:repeat(5,1fr);gap:0;display:grid}.primitive-card{border-right:1px solid var(--ink);flex-direction:column;gap:8px;padding:24px;display:flex}.primitive-card:last-child{border-right:none}.primitive-name{font-family:var(--mono);color:var(--ink);font-size:14px;font-weight:700}.primitive-signal{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--signal);font-size:11px;font-weight:500}.primitive-desc{color:var(--ink-3);flex:1;margin:0;font-size:13px;line-height:1.45}.primitive-link{font-family:var(--mono);color:var(--ink);border-bottom:1px solid var(--rule);margin-top:auto;padding-bottom:1px;font-size:12px;font-weight:600;text-decoration:none;display:inline-block}.primitive-link:hover{border-bottom-color:var(--signal);color:var(--signal)}.boundaries-grid{border:1px solid var(--ink);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.boundary-card{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:24px}.boundary-card:nth-child(3n){border-right:none}.boundary-card:nth-child(n+4){border-bottom:none}.boundary-title{font-family:var(--mono);color:var(--ink);margin:0 0 8px;font-size:14px;font-weight:700}.boundary-desc{color:var(--ink-3);margin:0;font-size:13px;line-height:1.45}.site-footer{border-top:1px solid var(--ink);background:var(--paper);padding:32px 0}.site-footer>p{text-align:center}.signal-link,.signal-text{color:var(--signal)}.footer-grid{max-width:var(--max-w);padding:var(--gutter);grid-template-columns:2fr repeat(4,1fr);gap:48px;margin:0 auto;display:grid}.footer-brand{flex-direction:column;gap:8px;display:flex}.footer-brand-name{font-family:var(--mono);color:var(--ink);font-size:15px;font-weight:700}.footer-brand-tagline{font-family:var(--sans);color:var(--ink-2);font-size:13px;line-height:1.4}.footer-col-title{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin:0 0 12px;font-size:11px;font-weight:600}.footer-col ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.footer-col a{color:var(--ink-2);transition:color var(--ease);font-size:13px;text-decoration:none}.footer-col a:hover{color:var(--signal)}.footer-bottom{max-width:var(--max-w);padding:16px var(--gutter) 24px;border-top:1px solid var(--rule);font-family:var(--mono);color:var(--ink-3);margin:0 auto;font-size:11px}.section-dark{background:var(--ink);color:var(--paper);border-bottom-color:var(--ink)}.section-dark .t-eyebrow{color:var(--ink-3)}.manifesto-quote{font-family:var(--display);letter-spacing:-.02em;color:var(--paper);max-width:52ch;margin:0;font-size:clamp(22px,3.5vw,36px);font-style:italic;font-weight:300;line-height:1.35}.code-block{font-family:var(--mono);background:var(--ink);color:var(--paper);border:1px solid var(--ink);white-space:pre;margin:0;padding:24px;font-size:13px;line-height:1.6;overflow-x:auto}.code-block .code-comment{color:var(--ink-3)}.code-block .code-signal{color:var(--signal-3)}.code-panel pre{max-width:100%;overflow-x:auto}.code-panel pre code{width:max-content;min-width:100%;display:block}.table-scroll{max-width:100%;overflow-x:auto}.regression-table{border-collapse:collapse;width:100%;min-width:420px}.skip-link{background:var(--ink);color:var(--paper);z-index:1000;padding:8px 16px;font-size:14px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.grid{gap:12px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.try-strip{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.try-strip a{background:var(--paper);border:1px solid var(--rule);color:var(--ink);transition:border-color var(--ease);align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.try-strip a:hover{border-color:var(--ink)}.learn-strip{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.learn-strip a{border:1px solid var(--rule);color:var(--ink);font-family:var(--mono);transition:border-color var(--ease);align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.learn-strip a:hover{border-color:var(--ink)}.format-strip{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.format-tag{font-family:var(--mono);color:var(--ink);background:var(--paper);border:1px solid var(--rule);padding:6px 12px;font-size:13px;font-weight:500}.checklist{color:var(--ink-2);gap:4px;margin:10px 0 0;padding-left:18px;line-height:1.4;display:grid}.checklist.wide{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding-left:0;list-style:none}.checklist.wide li{border:1px solid var(--rule);background:var(--paper);padding:10px 12px}.actions{gap:8px;margin-top:14px;display:grid}.actions a{color:var(--ink);border:1px solid var(--rule);transition:border-color var(--ease);padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none}.actions a:hover{border-color:var(--ink)}.pill-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.pill{color:var(--ink-2);background:var(--paper-2);border:1px solid var(--rule);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-block}.pill:hover{border-color:var(--ink)}.muted{color:var(--ink-muted)}@media (width<=1024px){:root{--gutter:32px}.primitives-grid{grid-template-columns:repeat(3,1fr)}.primitive-card:nth-child(3){border-right:none}.primitive-card:nth-child(n+4){border-top:1px solid var(--ink)}.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:32px}}@media (width<=760px){:root{--gutter:20px}.topbar{height:auto;padding:12px var(--gutter);flex-direction:column;align-items:flex-start;gap:8px}.topnav{flex-wrap:wrap;gap:0}.topnav a{padding:8px 10px;font-size:11px}.topnav-cta{margin-left:0}.hero{padding:48px var(--gutter) 40px}.pipeline{flex-direction:column;grid-template-columns:1fr}.hero .pipeline{grid-template-columns:1fr}.pipeline-step{border-right:none;border-bottom:1px solid var(--ink)}.pipeline-step:last-child{border-bottom:none}.pipeline-arrow-r:after{display:none}.pipeline-stage{border-right:none;border-bottom:1px solid var(--ink);width:100%;min-width:0}.pipeline-stage:last-child{border-bottom:none}.pipeline-arrow{display:none}.stat-strip{grid-template-columns:1fr 1fr}.stat-strip .stat{border-bottom:1px solid var(--ink)}.stat-strip .stat:nth-child(odd){border-right:1px solid var(--ink)}.stat-strip .stat:nth-child(2n){border-right:none}.stat-strip .stat:nth-child(n+3){border-bottom:none}.primitives-grid{grid-template-columns:1fr}.primitive-card{border-right:none;border-bottom:1px solid var(--ink)}.primitive-card:last-child{border-bottom:none}.boundaries-grid{grid-template-columns:1fr}.boundary-card{border-right:none;border-bottom:1px solid var(--ink)}.boundary-card:last-child{border-bottom:none}.hero-actions{flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}}@media (width<=480px){.stat-strip{grid-template-columns:1fr}.stat-strip .stat{border-right:none;border-bottom:1px solid var(--ink)}.stat-strip .stat:last-child{border-bottom:none}.footer-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--signal:#e85d1a;--signal-2:#ff8a50;--signal-3:#e85d1a26;--traces:#e85d1a;--traces-light:#ff8a50;--traces-soft:#e85d1a26;--traces-glow:#e85d1a59;--traces-dim:#e85d1a14;--svc-0:#06b6d4;--svc-1:#8b5cf6;--svc-2:#f59e0b;--svc-3:#10b981;--svc-4:#ec4899;--svc-5:#3b82f6;--svc-6:#ef4444;--svc-7:#a3e635;--svc-8:#f97316;--svc-9:#14b8a6;--svc-10:#a78bfa;--svc-11:#fb923c;--status-ok:#10b981;--status-error:#ef4444;--status-unset:#6b7280;--dark-bg:#0a1929;--dark-surface:#0f2640;--dark-surface-alt:#132d4a;--dark-border:#e85d1a2e;--dark-border-strong:#e85d1a59;--dark-text:#e2e8f0;--dark-muted:#94a3b8;--dark-accent:#60a5fa;--region-header:#e85d1a;--region-timestamps:#06b6d4;--region-durations:#10b981;--region-ids:#8b5cf6;--region-names:#f59e0b;--region-status:#ef4444;--region-kind:#ec4899;--region-attributes:#3b82f6;--region-events:#a3e635;--region-links:#14b8a6;--region-bloom:#a78bfa;--highlight-primary:#3b82f6;--highlight-bg:#3b82f626;--z-cell:1;--z-highlight:2;--z-hover:3;--z-panel:10;--z-decode-panel:10;--z-tooltip:50;--badge-hot-bg:#ef444426;--badge-hot-text:#fca5a5;--badge-frozen-bg:#60a5fa26;--badge-frozen-text:#93c5fd}.section-intro{color:var(--ink-2);max-width:72ch;margin:0 0 18px;font-size:16px;line-height:1.5}.stat-row{flex-wrap:wrap;gap:12px;margin:12px 0;display:flex}.stat-badge{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;flex-direction:column;align-items:center;min-width:100px;padding:10px 18px;display:flex}.stat-value{font-size:22px;font-weight:700;font-family:var(--mono);color:var(--traces)}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);margin-top:2px;font-size:11px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:18px;display:grid}.stat-card{background:var(--dark-surface);border:1px solid var(--dark-border);text-align:center;border-radius:10px;padding:14px 16px}.stat-card .stat-big{font-size:22px;font-weight:700;font-family:var(--mono);color:var(--traces);line-height:1.1}.stat-card .stat-big.compact{font-size:17px}.stat-card .stat-desc{text-transform:uppercase;letter-spacing:.05em;color:var(--dark-muted);margin-top:4px;font-size:11px}.waterfall-container{background:var(--dark-bg);border:1px solid var(--dark-border);border-radius:8px;min-height:200px;max-height:600px;position:relative;overflow:hidden auto}.waterfall-container canvas{width:100%;display:block}.waterfall-empty{min-height:200px;color:var(--dark-muted);justify-content:center;align-items:center;font-size:14px;display:flex}.waterfall-legend{background:var(--dark-surface);border-top:1px solid var(--dark-border);flex-wrap:wrap;gap:12px;padding:8px 12px;font-size:12px;display:flex}.legend-item{color:var(--dark-muted);align-items:center;gap:4px;display:flex}.legend-swatch{border-radius:2px;width:10px;height:10px}.span-detail{background:var(--dark-surface);border:1px solid var(--dark-border);color:var(--dark-text);border-radius:8px;margin-top:12px;padding:16px;font-size:13px;display:none}.span-detail.visible{display:block}.span-detail h4{color:var(--dark-accent);margin:0 0 8px;font-size:15px}.span-detail table{border-collapse:collapse;width:100%}.span-detail td{border-bottom:1px solid #ffffff0a;padding:3px 8px}.span-detail td:first-child{color:var(--dark-muted);width:140px;font-family:var(--mono);font-size:12px}.span-detail .span-events{border-top:1px solid var(--dark-border);margin-top:12px;padding-top:8px}.span-detail .event-row{padding:4px 0;font-size:12px}.span-detail .event-name{color:var(--status-error);font-weight:600}.span-detail .event-time{color:var(--dark-muted);font-family:var(--mono);margin-left:8px;font-size:11px}.span-detail .stack-trace{background:var(--dark-bg);font-family:var(--mono);color:var(--dark-muted);white-space:pre-wrap;border-radius:4px;max-height:200px;margin-top:4px;padding:8px;font-size:11px;overflow-y:auto}.results-table{border-collapse:collapse;width:100%;font-size:13px}.results-table th{text-align:left;border-bottom:2px solid var(--line);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);padding:8px 10px;font-size:11px}.results-table td{border-bottom:1px solid var(--line);padding:6px 10px}.results-table tbody tr{cursor:pointer;transition:background .1s}.results-table tbody tr:hover{background:var(--traces-dim)}.results-table tbody tr.selected{background:#e85d1a14}.trace-id-cell{font-family:var(--mono);color:var(--traces);font-size:12px}.duration-cell{font-family:var(--mono);text-align:right}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.status-dot.ok{background:var(--status-ok)}.status-dot.error{background:var(--status-error)}.status-dot.unset{background:var(--status-unset)}.agg-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:12px 0;display:grid}.agg-card{background:var(--surface-strong);border:1px solid var(--line);text-align:center;border-radius:6px;padding:10px 14px}.agg-card .agg-value{font-size:20px;font-weight:700;font-family:var(--mono);color:var(--traces)}.agg-card .agg-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);margin-top:2px;font-size:11px}@media (width<=640px){.stats-grid{grid-template-columns:1fr 1fr}.stat-row{flex-direction:column}.agg-grid{grid-template-columns:1fr 1fr}}.hero{text-align:center;padding:48px 20px 36px}.hero-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--traces);background:var(--traces-soft);border-radius:20px;margin-bottom:16px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-block}.hero h1{letter-spacing:-.02em;color:var(--ink);margin:0 0 14px;font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.15}.hero h1 em{color:var(--traces);font-style:normal}.hero-lede{color:var(--ink-soft);max-width:58ch;margin:0 auto 24px;font-size:17px;line-height:1.55}.hero-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hero-actions .cta{cursor:pointer;font-size:14px;font-weight:600;font-family:var(--sans);border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 22px;text-decoration:none;transition:all .15s;display:inline-flex}.hero-actions .cta-primary{background:var(--traces);color:#fff}.hero-actions .cta-primary:hover{background:var(--traces-light);box-shadow:0 4px 16px var(--traces-glow);transform:translateY(-1px)}.hero-actions .cta-secondary{background:var(--surface-strong);color:var(--ink);border:1px solid var(--line)}.hero-actions .cta-secondary:hover{border-color:var(--traces);color:var(--traces)}.hero-subtitle{color:var(--traces);letter-spacing:.01em;margin:0 0 10px;font-size:15px;font-weight:600}.hero-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:24px;margin:20px 0 24px;padding:16px 0;display:flex}.hero-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.hero-stat-value{color:var(--traces);letter-spacing:-.02em;font-size:28px;font-weight:800}.hero-stat-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.arch-note{color:var(--ink-soft);background:var(--surface-strong);border-left:3px solid var(--traces);border-radius:8px;max-width:65ch;margin:16px auto 0;padding:12px 16px;font-size:14px;line-height:1.5}.problem-section{text-align:center}.problem-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;max-width:820px;margin:0 auto 20px;display:grid}.problem-card{background:var(--surface-strong);border:1px solid var(--line);text-align:left;border-radius:12px;padding:20px}.problem-icon{margin-bottom:8px;font-size:24px;display:block}.problem-card h3{color:var(--ink);margin:0 0 6px;font-size:15px;font-weight:700}.problem-card p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.5}.problem-solution{color:var(--ink-soft);background:var(--traces-soft);border:1px solid var(--traces);border-radius:10px;max-width:62ch;margin:0 auto;padding:14px 18px;font-size:15px;line-height:1.5}.scenario-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:16px;display:grid}.scenario-card{border:1px solid var(--line);background:var(--surface-strong);cursor:pointer;text-align:left;font-family:inherit;font-size:inherit;color:inherit;border-radius:12px;padding:18px;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative}.scenario-card:hover{border-color:var(--traces);transform:translateY(-1px);box-shadow:0 4px 16px #e85d1a1a}.scenario-card.active{border-color:var(--traces);box-shadow:0 0 0 2px var(--traces-soft)}.scenario-card.loading{border-color:var(--highlight-primary);box-shadow:0 0 0 2px var(--highlight-bg);pointer-events:none}.scenario-card.loaded{border-color:var(--status-ok);background:linear-gradient(135deg, var(--surface-strong), #10b9810a)}.sc-selected-badge{color:var(--status-ok);font-size:11px;font-weight:700;display:none;position:absolute;top:8px;right:10px}.scenario-card.loaded .sc-selected-badge{display:block}.sc-emoji{margin-bottom:6px;font-size:28px}.sc-name{margin-bottom:4px;font-size:15px;font-weight:700}.sc-desc{color:var(--ink-soft);margin-bottom:8px;font-size:13px;line-height:1.4}.sc-meta-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin-bottom:4px;font-size:10px}.sc-meta{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.sc-metric{font-size:11px;font-family:var(--mono);background:var(--traces-dim);color:var(--traces);border-radius:4px;padding:2px 6px}.sc-stats{color:var(--ink-muted);font-size:11px;font-family:var(--mono);margin-top:4px}.sc-loading-indicator{color:var(--highlight-primary);align-items:center;gap:6px;margin-top:8px;font-size:12px;display:none}.scenario-card.loading .sc-loading-indicator{display:flex}.sc-spinner{border:2px solid #3b82f633;border-top-color:var(--highlight-primary);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sc-done-stats{color:var(--status-ok);font-size:11px;font-family:var(--mono);margin-top:4px}.scenario-card.loaded .sc-done-stats{display:block}.custom-generator{background:var(--surface-strong);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:18px}.custom-generator h3{margin:0 0 14px;font-size:15px}.custom-gen-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:14px;display:grid}.control-group{flex-direction:column;gap:4px;display:flex}.control-group label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.control-group input[type=range]{accent-color:var(--traces)}.control-group .range-value{font-size:13px;font-family:var(--mono);color:var(--traces);font-weight:600}.control-group select,.control-group input[type=number]{border:1px solid var(--line);background:var(--surface-strong);font-family:var(--sans);border-radius:6px;padding:6px 10px;font-size:13px}.control-group select:focus,.control-group input:focus{border-color:var(--traces);box-shadow:0 0 0 2px var(--traces-dim);outline:none}.progress-container{margin:12px 0;display:none}.progress-container.active{display:block}.progress-bar-track{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{background:var(--traces);border-radius:3px;width:0%;height:100%;transition:width .2s}.progress-text{color:var(--ink-muted);font-size:12px;font-family:var(--mono);margin-top:4px}.ingest-stats{background:var(--surface-strong);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:12px;margin:14px 0;padding:12px;display:flex}.ingest-stats .stat-badge{background:0 0;border:none;flex:1;min-width:90px;padding:4px 8px}.ingest-stats .stat-badge-accent{background:var(--traces-soft);border:1px solid var(--traces);border-radius:8px}.ingest-stats .stat-badge-accent .stat-value{color:var(--traces);font-weight:800}.fork-intro{text-align:center;margin-bottom:20px}.fork-intro h2{margin:0 0 6px;font-size:24px}.fork-intro p{color:var(--ink-soft);font-size:15px}.fork-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;max-width:820px;margin:0 auto;display:grid}.fork-card{text-align:center;border:1px solid var(--line);background:var(--surface-strong);cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;border-radius:14px;flex-direction:column;align-items:center;padding:28px 20px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.fork-card:hover{border-color:var(--traces);transform:translateY(-2px);box-shadow:0 6px 20px #e85d1a1f}.fork-card:active{transform:translateY(0)}.fork-icon{margin-bottom:10px;font-size:36px}.fork-card h3{margin:0 0 6px;font-size:17px}.fork-card p{color:var(--ink-soft);margin:0 0 12px;font-size:13px;line-height:1.4}.fork-cta{color:var(--traces);font-size:13px;font-weight:600}.explore-nav{background:var(--surface-strong);border:1px solid var(--line);border-radius:10px;gap:4px;margin-bottom:20px;padding:4px;display:flex;overflow-x:auto}.explore-nav-btn{font-family:var(--sans);color:var(--ink-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s}.explore-nav-btn:hover{color:var(--ink);background:#0000000a}.explore-nav-btn.active{color:var(--traces);background:var(--traces-soft)}.controls-row{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.btn{border:1px solid var(--line);background:var(--surface-strong);font-family:var(--sans);cursor:pointer;color:inherit;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:14px;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--traces)}.btn-primary{background:var(--traces);color:#fff;border-color:var(--traces)}.btn-primary:hover{background:var(--traces-light);border-color:var(--traces-light)}.btn:disabled{opacity:.5;cursor:not-allowed}.query-lab-grid{grid-template-columns:320px 1fr;gap:18px;min-height:400px;display:grid}@media (width<=800px){.query-lab-grid{grid-template-columns:1fr}}.query-stages{flex-direction:column;gap:14px;display:flex}.query-stage{background:var(--surface-strong);border:1px solid var(--line);border-radius:10px;padding:14px}.query-stage-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.query-stage-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);background:var(--traces-dim);border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.query-stage-title{font-size:14px;font-weight:700}.attr-filter-list{flex-direction:column;gap:6px;display:flex}.attr-filter-row{align-items:center;gap:6px;display:flex}.attr-filter-row input,.attr-filter-row select{font-family:var(--sans);border:1px solid var(--line);background:var(--surface-strong);border-radius:5px;padding:5px 8px;font-size:12px}.attr-filter-row .remove-attr-btn{color:var(--status-error);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:14px;font-weight:700}.add-attr-btn{border:1px dashed var(--line);cursor:pointer;color:var(--ink-muted);font-size:12px;font-family:var(--sans);background:0 0;border-radius:5px;margin-top:4px;padding:4px 10px;transition:all .15s}.add-attr-btn:hover{border-color:var(--traces);color:var(--traces)}.structural-predicate{background:#00000005;border-radius:6px;flex-direction:column;gap:6px;margin-top:4px;padding:8px;display:flex}.structural-predicate select,.structural-predicate input{font-family:var(--sans);border:1px solid var(--line);background:var(--surface-strong);border-radius:5px;padding:5px 8px;font-size:12px}.query-stage .filter-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.query-stage .filter-row label{color:var(--ink-soft);min-width:80px;font-size:12px}.query-stage .filter-row input,.query-stage .filter-row select{font-family:var(--sans);border:1px solid var(--line);background:var(--surface-strong);border-radius:5px;flex:1;min-width:120px;padding:6px 10px;font-size:13px}.query-stage .filter-row input:focus,.query-stage .filter-row select:focus{border-color:var(--traces);box-shadow:0 0 0 2px var(--traces-dim);outline:none}.query-preview{background:var(--dark-bg);border:1px solid var(--dark-border);border-radius:10px;padding:16px;position:sticky;top:80px}.query-preview-header{text-transform:uppercase;letter-spacing:.08em;color:var(--dark-muted);margin-bottom:10px;font-size:11px}.query-preview-code{font-family:var(--mono);color:var(--dark-text);white-space:pre-wrap;min-height:80px;font-size:13px;line-height:1.6}.query-preview-code .kw{color:var(--traces);font-weight:600}.query-preview-code .str{color:var(--status-ok)}.query-preview-code .num{color:var(--dark-accent)}.query-preview-code .op{color:var(--dark-muted)}.query-actions{gap:8px;margin-top:14px;display:flex}.query-results-panel{margin-top:18px}.query-stats{color:var(--ink-muted);font-size:12px;font-family:var(--mono);gap:16px;margin-bottom:10px;display:flex}.agg-toggle{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;gap:4px;width:fit-content;margin-bottom:12px;padding:3px;display:flex}.agg-toggle-btn{font-family:var(--sans);color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.agg-toggle-btn.active{background:var(--traces-soft);color:var(--traces)}.agg-config{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;margin-bottom:12px;padding:12px;display:none}.agg-config.active{display:block}.agg-config .filter-row{margin-bottom:6px}.service-health-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:20px;display:grid}.service-health-card{border:1px solid var(--line);background:var(--surface-strong);cursor:pointer;border-radius:10px;padding:14px;transition:border-color .15s,box-shadow .15s}.service-health-card:hover{border-color:var(--traces);box-shadow:0 2px 8px #e85d1a14}.service-health-card.selected{border-color:var(--traces);box-shadow:0 0 0 2px var(--traces-soft)}.service-health-card.has-errors{border-left:3px solid var(--status-error)}.shc-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.shc-name{font-size:14px;font-weight:700}.shc-swatch{border-radius:3px;width:12px;height:12px}.shc-metrics{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.shc-metric{text-align:center}.shc-metric-value{font-size:15px;font-weight:700;font-family:var(--mono)}.shc-metric-value.rate{color:var(--traces)}.shc-metric-value.error{color:var(--status-error)}.shc-metric-value.duration{color:var(--dark-accent)}.shc-metric-label{text-transform:uppercase;color:var(--ink-muted);letter-spacing:.04em;font-size:10px}.shc-sparkline{height:24px;margin-top:8px}.shc-sparkline canvas{width:100%;height:100%}.insights-panel{background:var(--traces-dim);border:1px solid var(--traces-soft);border-radius:10px;margin-bottom:18px;padding:14px 16px}.insights-panel h3{color:var(--traces);margin:0 0 8px;font-size:14px}.insight-item{color:var(--ink-soft);align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.insight-icon{font-size:16px}.insight-severity-high{color:var(--status-error);font-weight:600}.insight-severity-medium{color:var(--traces)}.insight-severity-low{color:var(--ink-muted)}.problematic-traces{margin-bottom:18px}.problematic-traces h3{margin:0 0 10px;font-size:15px}.trace-list-panel{margin-top:14px}.trace-list-panel h3{margin:0 0 10px;font-size:15px}@media (width<=640px){.hero{padding:32px 12px 24px}.hero h1{font-size:24px}.hero-actions{flex-direction:column;align-items:center}.scenario-grid,.fork-grid,.query-lab-grid{grid-template-columns:1fr}.service-health-grid{grid-template-columns:1fr 1fr}.explore-nav{flex-wrap:wrap}}.query-recipes{background:var(--surface-strong);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;display:flex}.recipes-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.recipe-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--sans);border-radius:20px;align-items:center;gap:4px;padding:5px 12px;transition:all .15s;display:inline-flex}.recipe-chip:hover{border-color:var(--traces);color:var(--traces);background:var(--traces-soft)}.recipe-chip.active{background:var(--traces);color:#fff;border-color:var(--traces);transform:scale(.95)}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stat-badge{animation:.4s both rise-in}.stat-badge:nth-child(2){animation-delay:50ms}.stat-badge:nth-child(3){animation-delay:.1s}.stat-badge:nth-child(4){animation-delay:.15s}.stat-badge:nth-child(5){animation-delay:.2s}.stat-badge:nth-child(6){animation-delay:.25s}.stat-badge:nth-child(7){animation-delay:.3s}.stat-badge:nth-child(8){animation-delay:.35s}.fork-card{animation:.5s both rise-in}.fork-card:nth-child(2){animation-delay:80ms}.fork-card:nth-child(3){animation-delay:.16s}.service-health-card{animation:.4s both rise-in}.problem-card{animation:.5s both rise-in}.problem-card:nth-child(2){animation-delay:.1s}.problem-card:nth-child(3){animation-delay:.2s}.hero-stat{animation:.6s both rise-in}.hero-stat:nth-child(2){animation-delay:.1s}.hero-stat:nth-child(3){animation-delay:.2s}.storage-stats-row{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-bottom:18px;display:grid}.storage-stats-row .stat-card{background:var(--dark-surface);border:1px solid var(--dark-border);text-align:center;border-radius:10px;padding:12px}.storage-explorer{background:var(--dark-bg);border:1px solid var(--dark-border);border-radius:12px;grid-template-columns:300px 1fr;gap:16px;min-height:400px;padding:16px;display:grid}@media (width<=800px){.storage-explorer{grid-template-columns:1fr}}.storage-series-list{max-height:500px;padding-right:8px;overflow-y:auto}.service-group{margin-bottom:12px}.service-group-header{background:var(--dark-surface);cursor:pointer;border-radius:6px;align-items:center;gap:8px;margin-bottom:4px;padding:6px 8px;transition:background .1s;display:flex}.service-group-header:hover{background:var(--dark-surface-alt)}.service-group-swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.service-group-name{color:var(--dark-text);font-size:13px;font-weight:600}.service-group-count{color:var(--dark-muted);font-size:11px;font-family:var(--mono);margin-left:auto}.storage-series-row{cursor:pointer;color:var(--dark-text);border-left:2px solid #0000;align-items:center;gap:6px;padding:5px 8px 5px 24px;font-size:12px;transition:all .1s;display:flex}.storage-series-row:hover{background:var(--dark-surface);border-left-color:var(--traces)}.storage-series-row.active{background:var(--dark-surface-alt);border-left-color:var(--traces)}.series-span-name{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.chunk-bar-row{gap:2px;margin-left:auto;display:flex}.chunk-block{border-radius:2px;width:8px;height:8px;transition:transform .1s}.chunk-block.frozen{background:var(--badge-frozen-bg);border:1px solid var(--badge-frozen-text)}.chunk-block.hot{background:var(--badge-hot-bg);border:1px solid var(--badge-hot-text)}.chunk-block:hover{transform:scale(1.3)}.chunk-detail-panel{background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:10px;max-height:500px;padding:16px;overflow-y:auto}.chunk-empty-state{height:100%;min-height:200px;color:var(--dark-muted);text-align:center;justify-content:center;align-items:center;font-size:14px;display:flex}.chunk-detail-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.chunk-detail-header h4{color:var(--dark-text);margin:0;font-size:15px}.chunk-detail-badge{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.chunk-detail-badge.frozen{background:var(--badge-frozen-bg);color:var(--badge-frozen-text)}.chunk-detail-badge.hot{background:var(--badge-hot-bg);color:var(--badge-hot-text)}.chunk-sections{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.chunk-section{background:var(--dark-bg);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.chunk-section-swatch{border-radius:2px;flex-shrink:0;width:8px;height:8px}.chunk-section-name{color:var(--dark-muted);flex:1}.chunk-section-size{font-family:var(--mono);color:var(--dark-text);font-size:11px}.bloom-viz{background:var(--dark-bg);border-radius:8px;margin-top:14px;padding:10px}.bloom-viz-header{color:var(--dark-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px}.bloom-viz-stats{gap:14px;margin-bottom:8px;font-size:12px;display:flex}.bloom-viz-stats span{color:var(--dark-text);font-family:var(--mono)}.bloom-viz-stats .label{color:var(--dark-muted);font-family:var(--sans)}.bloom-bit-grid{flex-wrap:wrap;gap:1px;line-height:0;display:flex}.bloom-bit{background:var(--dark-surface-alt);width:4px;height:4px}.bloom-bit.set{background:var(--region-bloom)}.byte-explorer{margin-top:14px}.byte-explorer-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.byte-explorer-header h4{color:var(--dark-text);margin:0;font-size:14px}.byte-explorer-legend{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.byte-legend-item{color:var(--dark-muted);align-items:center;gap:4px;font-size:11px;display:flex}.byte-legend-swatch{border-radius:2px;width:10px;height:10px}.hex-grid{font-family:var(--mono);background:var(--dark-bg);border:1px solid var(--dark-border);border-radius:6px;grid-template-columns:60px repeat(16,1fr) 1fr;gap:1px;max-height:400px;font-size:11px;display:grid;overflow:hidden auto}.hex-offset{background:var(--dark-surface);color:var(--dark-muted);text-align:right;justify-content:flex-end;align-items:center;padding:2px 6px;font-size:10px;display:flex}.hex-cell{text-align:center;cursor:pointer;color:var(--dark-text);z-index:var(--z-cell);padding:2px 4px;transition:all .1s}.hex-cell:hover{z-index:var(--z-hover);outline:1px solid var(--traces);background:var(--traces-soft)}.hex-cell.region-timestamps{color:var(--region-timestamps);background:#06b6d41f}.hex-cell.region-durations{color:var(--region-durations);background:#10b9811f}.hex-cell.region-ids{color:var(--region-ids);background:#8b5cf61f}.hex-cell.region-names{color:var(--region-names);background:#f59e0b1f}.hex-cell.region-status{color:var(--region-status);background:#ef44441f}.hex-cell.region-kind{color:var(--region-kind);background:#ec48991f}.hex-cell.region-attributes{color:var(--region-attributes);background:#3b82f61f}.hex-cell.region-events{color:var(--region-events);background:#a3e6351f}.hex-cell.region-links{color:var(--region-links);background:#14b8a61f}.hex-cell.region-bloom{color:var(--region-bloom);background:#a78bfa1f}.hex-cell.region-header{color:var(--region-header);background:#e85d1a1f}.hex-ascii{color:var(--dark-muted);align-items:center;padding:2px 4px;font-size:10px;display:flex}.byte-decode-panel{background:var(--dark-surface-alt);border:1px solid var(--dark-border-strong);color:var(--dark-text);z-index:var(--z-decode-panel);pointer-events:none;border-radius:8px;max-width:280px;padding:10px 14px;font-size:12px;position:absolute;box-shadow:0 4px 16px #0006}.byte-decode-panel .decode-section{color:var(--dark-muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.byte-decode-panel .decode-value{font-family:var(--mono);color:var(--traces);margin-top:2px}@media (width<=800px){.storage-explorer{grid-template-columns:1fr}.storage-series-list{max-height:250px}.chunk-sections{grid-template-columns:1fr}.hex-grid{font-size:9px}}