:root{--dc-bg:#0f0b08;--fg:#f2e9dc;--muted:#b6a692;--dim:#8b7a65;--faint:#6d5d4a;--accent:#e8a83c;--accent-hover:#cf8f1f;--accent-ink:#06110f;--panel-border:#291f17;--btn-border:#3b2d21;--card-border:#2f241a;--border-bright:#4d3b2c;--card:#1a1410;--card-alt:#17120c;--btn-dark:#1c1611;--btn-dark-hover:#241c15;--field:#14100b;--status-path:#ffd98e;--status-good:#93b96a;--status-bad:#e0603c}html,body{background:var(--dc-bg);height:100%;color:var(--fg);margin:0;padding:0}body{font-family:Space Grotesk,system-ui,sans-serif;overflow:hidden}*{box-sizing:border-box}a{color:oklch(78% .13 75)}a:hover{color:oklch(88% .13 75)}input[type=range]{accent-color:var(--accent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#33271d;border-radius:4px}.mono{font-family:IBM Plex Mono,monospace}.label{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-family:IBM Plex Mono,monospace;font-size:10px}.btn{border:1px solid var(--btn-border);cursor:pointer;border-radius:7px;padding:11px 12px;font-family:IBM Plex Mono,monospace;font-size:12px;transition:background-color .12s,border-color .12s,color .12s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-ink);letter-spacing:.04em;font-weight:600}.btn-primary:hover{background:var(--accent-hover)}.btn-dark{background:var(--btn-dark);color:var(--fg);letter-spacing:.04em;font-weight:500}.btn-dark:hover{background:var(--btn-dark-hover);border-color:var(--border-bright)}.btn-ghost{color:var(--muted);background:0 0;font-size:11px}.btn-ghost:hover{color:var(--fg);border-color:var(--border-bright)}.option{text-align:left;cursor:pointer;border:1px solid var(--card-border);background:var(--card);color:var(--muted);border-radius:7px;align-items:baseline;gap:10px;padding:9px 11px;font-family:IBM Plex Mono,monospace;font-size:12px;transition:border-color .12s,color .12s,background-color .12s;display:flex}.option:hover{color:var(--fg);border-color:var(--border-bright)}.option.is-selected{border-color:var(--accent);color:var(--accent);background:#241a0e}.option .note{color:var(--dim);margin-left:auto;font-size:10px}.card{background:var(--card);border:1px solid var(--card-border);border-radius:7px;padding:9px 10px}.field{background:var(--field);border:1px solid var(--btn-border);color:var(--fg);border-radius:7px;outline:none;width:100%;padding:11px 12px;font-family:IBM Plex Mono,monospace;font-size:12px;transition:border-color .12s}.field:focus{border-color:var(--accent)}.field::placeholder{color:var(--faint)}.stat-label{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-family:IBM Plex Mono,monospace;font-size:9.5px}.stat-value{font-family:IBM Plex Mono,monospace;font-size:21px;font-weight:500;line-height:1.2}.swatch{border-radius:2px;flex:none;width:11px;height:11px}.seg{gap:6px;display:flex}.seg button{flex:1;justify-content:center}.panel{border:1px solid var(--panel-border);background:var(--card-alt);border-radius:7px;overflow:hidden}.panel.is-open{border-color:var(--card-border);background:0 0}.panel.is-active .panel-title{color:var(--accent)}.panel-head{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:10px 12px;transition:background-color .12s;display:flex}.panel-head:hover{background:var(--btn-dark)}.panel-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.13em;text-transform:uppercase;min-width:0;color:var(--dim);flex:1;font-family:IBM Plex Mono,monospace;font-size:10px;overflow:hidden}.panel.is-open .panel-title{color:var(--muted)}.panel-hint{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:96px;font-family:IBM Plex Mono,monospace;font-size:9.5px;overflow:hidden}.panel.is-active .panel-hint{color:var(--accent)}.panel-chevron{text-align:center;width:10px;color:var(--faint);flex:none;font-size:13px;line-height:1}.panel-body{flex-direction:column;gap:10px;padding:2px 12px 13px;display:flex}.core{flex-direction:column;gap:8px;display:flex}.core-label{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-family:IBM Plex Mono,monospace;font-size:10px}select.field{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--dim) 50%), linear-gradient(135deg, var(--dim) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 15px) calc(1em + 1px),calc(100% - 10px) calc(1em + 1px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:30px}.pane{overscroll-behavior:contain;height:100%;min-height:0;overflow:hidden auto}.pane>*{flex-shrink:0}.readout .v{color:var(--fg);font-variant-numeric:tabular-nums}.slider-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.slider-val{color:var(--accent);font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,monospace;font-size:11px}input[type=range]{width:100%;margin:4px 0 0}.verdict{border:1px solid var(--card-border);background:var(--card);border-radius:7px;flex-direction:column;gap:3px;padding:9px 11px;display:flex}.verdict-name{color:var(--fg);font-family:Space Grotesk,system-ui,sans-serif;font-size:14px;font-weight:500}.verdict-why{color:var(--dim);font-family:IBM Plex Mono,monospace;font-size:10px;line-height:1.5}.verdict.is-assembled{border-color:var(--accent)}.verdict.is-assembled .verdict-name{color:var(--accent)}.group-head{flex-direction:column;gap:3px;padding:12px 2px 6px;display:flex}.group-name{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-family:IBM Plex Mono,monospace;font-size:10px}.group-blurb{color:var(--faint);font-size:11px;line-height:1.45}.entry{text-align:left;cursor:pointer;width:100%;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;padding:8px 10px;transition:background-color .12s,border-color .12s,color .12s;display:flex}.entry:hover{background:var(--btn-dark);color:var(--fg)}.entry.is-selected{border-color:var(--accent);color:var(--accent);background:#241a0e}.entry-code{color:var(--faint);flex:none;width:30px;font-family:IBM Plex Mono,monospace;font-size:10px}.entry.is-selected .entry-code{color:var(--accent)}.entry-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.metal-chip{color:var(--accent-ink);border-radius:4px;flex:none;padding:1px 5px;font-family:IBM Plex Mono,monospace;font-size:9.5px;font-weight:600}.readout{justify-content:space-between;align-items:baseline;gap:10px;padding:3px 0;font-family:IBM Plex Mono,monospace;font-size:12px;display:flex}.readout .k{color:var(--dim);letter-spacing:.06em;font-size:10.5px}.readout .v{color:var(--fg);font-variant-numeric:tabular-nums;text-align:right}.readout .v.is-accent{color:var(--accent)}.note-line{color:var(--dim);font-family:Space Grotesk,system-ui,sans-serif;font-size:11.5px;line-height:1.5}.note-line em{color:var(--muted);font-style:normal}.note-line strong{color:var(--fg);font-weight:500}.claim{border-left:2px solid var(--card-border);flex-direction:column;gap:4px;padding:2px 0 2px 10px;display:flex}.claim.is-measured{border-left-color:var(--accent)}.claim-label{letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-family:IBM Plex Mono,monospace;font-size:9px}.claim.is-measured .claim-label{color:var(--accent)}.tagline{color:var(--fg);font-size:14px;line-height:1.45}.band{color:var(--muted);align-items:center;gap:8px;padding:2px 0;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex}.band-swatch{border:1px solid #00000060;border-radius:2px;flex:none;width:26px;height:11px}.spectrum{opacity:.85;background:linear-gradient(90deg,#6d3fb5 0%,#3b4bd8 12%,#2f9fd8 27%,#3fc45f 42%,#d8d13f 57%,#e08a2e 72%,#d8402e 88%,#7a1f14 100%);border-radius:3px;height:12px;position:relative}.spectrum-mark{background:var(--fg);width:2px;position:absolute;top:-3px;bottom:-3px;box-shadow:0 0 0 1px #000a}.diagram{background:var(--card-alt);border:1px solid var(--card-border);border-radius:7px;padding:6px;overflow:hidden}.diagram svg{width:100%;height:auto;display:block}.legend{color:var(--muted);align-items:center;gap:7px;font-family:IBM Plex Mono,monospace;font-size:10.5px;display:flex}.warn{color:#e0a06c;background:#1e130c;border:1px solid #6b3a20;border-radius:7px;padding:8px 10px;font-family:IBM Plex Mono,monospace;font-size:10.5px;line-height:1.5}
