:root{--bg: #14161a;--panel: rgba(26, 29, 35, .92);--border: rgba(255, 255, 255, .09);--text: #e8eaed;--muted: #9aa3ad;--accent: #3d9bd1;--accent-dim: rgba(61, 155, 209, .18);--radius: 10px;--font: ui-sans-serif, system-ui, "Inter", "Segoe UI", sans-serif;--mono: ui-monospace, "JetBrains Mono", "SFMono-Regular", monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}#view{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}#view:active{cursor:grabbing}.status{position:fixed;inset:0;display:grid;place-content:center;color:var(--muted);font-size:.9rem;letter-spacing:.02em;pointer-events:none}.topbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;padding-top:max(.75rem,env(safe-area-inset-top));pointer-events:none}.topbar h1{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:.01em}.topbar h1:first-letter{color:var(--accent)}.topbar-actions{display:flex;gap:.4rem;pointer-events:auto}.btn{appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;font-size:.8rem;padding:.35rem .7rem;border-radius:var(--radius);cursor:pointer;backdrop-filter:blur(12px)}.btn:hover:not(:disabled){border-color:#fff3}.btn:disabled{opacity:.4;cursor:default}.btn.is-active{background:var(--accent-dim);border-color:var(--accent);color:#cfe9f8}.panel{position:fixed;top:3.6rem;width:15.5rem;max-height:calc(100vh - 12rem);overflow-y:auto;display:flex;flex-direction:column;gap:1.1rem;padding:.9rem;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(12px)}.panel-left{left:1rem}.panel-right{right:1rem}.panel-title{margin:0 0 .55rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.layer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5rem;padding:.22rem 0}.layer.is-off{opacity:.42}.layer-section{margin:14px 0 4px;padding-left:7px;border-left:3px solid var(--section-accent, #9aa4ad);font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#9aa4ad}.layer-section:first-child{margin-top:2px}.layer-toggle{display:flex;align-items:center;gap:.45rem;font-size:.82rem;cursor:pointer;min-width:0}.layer-toggle span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-toggle input{accent-color:var(--accent);margin:0;flex:none}.layer-opacity{width:3.6rem;accent-color:var(--accent)}.segmented{display:flex;gap:.25rem}.seg{flex:1;appearance:none;border:1px solid var(--border);background:transparent;color:var(--muted);font:inherit;font-size:.74rem;padding:.3rem 0;border-radius:7px;cursor:pointer}.seg.is-active{background:var(--accent-dim);border-color:var(--accent);color:#cfe9f8}.detail-empty{margin:0;font-size:.8rem;color:var(--muted);line-height:1.5}.detail-name{margin:0 0 .7rem;font-size:.95rem;font-weight:600;line-height:1.3}.detail-fields{margin:0;display:flex;flex-direction:column;gap:.3rem}.field{display:flex;justify-content:space-between;gap:.75rem;font-size:.79rem;padding-bottom:.3rem;border-bottom:1px solid var(--border)}.field dt{color:var(--muted)}.field dd{margin:0;font-family:var(--mono);font-variant-numeric:tabular-nums}.caveat{margin:0;font-size:.68rem;line-height:1.5;color:var(--muted);padding-top:.8rem;border-top:1px solid var(--border)}.caveat strong{color:#c3ccd6;font-weight:600}.chartbar{position:fixed;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));transform:translate(-50%);padding:.7rem .9rem;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(12px)}.chart{display:flex;flex-direction:column;gap:.25rem}.chart-row{display:flex;gap:.15rem}.chart-gap{width:.55rem;flex:none}.chart-tooth{width:1.65rem;height:1.65rem;flex:none;appearance:none;border:1px solid var(--border);background:#ffffff0a;color:var(--text);font:inherit;font-family:var(--mono);font-size:.66rem;font-variant-numeric:tabular-nums;border-radius:5px;cursor:pointer;padding:0}.chart-tooth:hover:not(:disabled){background:#ffffff1f}.chart-tooth.is-absent{opacity:.28;cursor:default;background:repeating-linear-gradient(-45deg,transparent,transparent 3px,rgba(255,255,255,.14) 3px,rgba(255,255,255,.14) 4px)}.chart-tooth.is-selected{background:var(--accent);border-color:var(--accent);color:#06222f;font-weight:600}.chart-legend{display:flex;justify-content:space-between;margin-top:.4rem;font-size:.62rem;color:var(--muted);letter-spacing:.03em}.btn-chrome{display:inline-flex;align-items:center;gap:.4rem}.chrome-bars{display:inline-flex;flex-direction:column;justify-content:space-between;width:.85rem;height:.62rem}.chrome-bars i{display:block;height:1.5px;background:currentColor;border-radius:1px;transition:transform .16s ease,opacity .16s ease}.chrome-hidden .chrome-bars i:nth-child(1){transform:translateY(4.5px) rotate(45deg)}.chrome-hidden .chrome-bars i:nth-child(2){opacity:0}.chrome-hidden .chrome-bars i:nth-child(3){transform:translateY(-4.5px) rotate(-45deg)}.chrome-hidden .panel,.chrome-hidden .chartbar,.chrome-hidden .credits,.chrome-hidden .version{display:none}@media(prefers-reduced-motion:reduce){.chrome-bars i{transition:none}}.credits{position:fixed;left:1rem;bottom:max(1rem,env(safe-area-inset-bottom));font-size:.62rem;letter-spacing:.04em;color:var(--muted);opacity:.75;pointer-events:none;user-select:none}.version{position:fixed;right:1rem;bottom:max(1rem,env(safe-area-inset-bottom));font-size:.62rem;letter-spacing:.04em;color:var(--muted);opacity:.75;text-decoration:none;user-select:none}.version:hover,.version:focus-visible{opacity:1;text-decoration:underline}@media(max-width:900px){.credits,.version{display:none}.panel{top:auto;bottom:9.5rem;width:auto;max-height:40vh}.panel-left{left:.6rem;right:.6rem}.panel-right{left:.6rem;right:.6rem;bottom:auto;top:3.4rem;max-height:30vh}.chart-tooth{width:1.4rem;height:1.4rem;font-size:.6rem}.chartbar{padding:.55rem .6rem}.chrome-label{display:none}.btn-chrome{padding:.35rem .5rem}}@media(hover:none)and (pointer:coarse){.btn{min-height:2rem}.chart-tooth{width:1.6rem;height:1.6rem}}.prov{margin-top:.9rem;padding:.6rem .65rem;border-radius:var(--radius);border:1px solid var(--border);border-left:3px solid var(--prov-hue);background:var(--prov-wash)}.prov-measured{--prov-hue: #4bb98a;--prov-wash: rgba(75, 185, 138, .08)}.prov-derived{--prov-hue: #d9a441;--prov-wash: rgba(217, 164, 65, .08)}.prov-schematic{--prov-hue: #a684d4;--prov-wash: rgba(166, 132, 212, .08)}.prov-simulated{--prov-hue: #d97ba4;--prov-wash: rgba(217, 123, 164, .09)}.prov-head{display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap}.prov-badge{font-size:.66rem;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--prov-hue)}.prov-blurb{font-size:.68rem;color:var(--muted)}.prov-method{margin:.4rem 0 0;font-size:.7rem;line-height:1.55;color:var(--text);overflow-wrap:anywhere}.prov-sources{margin:.45rem 0 0;padding-left:.9rem;font-size:.65rem;line-height:1.45;color:var(--muted);overflow-wrap:anywhere}.prov-sources li{margin-top:.2rem}.panel[hidden]{display:none}.panel-xray{right:1rem;top:calc(4.5rem + 30vh);bottom:5.4rem;width:19rem;max-height:none;gap:.6rem}body.xray-on .panel-right{max-height:30vh}#rg-film{width:100%;display:block;background:#000;border-radius:3px;image-rendering:auto}.rg-note{margin:0;font-size:.68rem;line-height:1.45;color:var(--muted)}.rg-bad{color:#f0a29a}.rg-caveat{border-top:1px solid var(--border);padding-top:.5rem}.rg-controls{display:flex;flex-direction:column;gap:.4rem}.rg-controls label{display:flex;flex-direction:column;gap:.15rem;font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.rg-controls input[type=range]{width:100%}.rg-presets{display:flex;gap:.35rem}.btn-sm{padding:.2rem .5rem;font-size:.66rem}@media(max-width:760px){.panel-xray{left:1rem;right:1rem;width:auto;bottom:4.6rem;max-height:62vh}body.xray-on .panel-right{display:none}}