:root{--bg:#12151b;--panel:#1a1f27;--panel-2:#20262f;--border:#2a313c;--text:#eceef1;--muted:#8c97a6;--amber:#f2b705;--amber-dim:#7a5f0f;--copper:#c86a3a;--copper-dim:#5a3520;--green:#4fae71;--red:#e2574c}*{box-sizing:border-box}body,html{overflow-x:hidden;margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif}.mono{font-family:IBM Plex Mono,monospace}.display{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.04em}.wrap{max-width:1180px;margin:0 auto;padding:clamp(16px,4vw,28px) clamp(12px,4vw,20px) 48px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:7px 12px;font-size:11.5px;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;white-space:nowrap}.btn-ghost:hover:not(:disabled){border-color:var(--red);color:var(--red)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.info-box{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:14px 16px;font-size:13px;line-height:1.6;color:var(--text);margin-bottom:0}.info-box b{color:var(--amber)}header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px;border-bottom:1px solid var(--border);padding-bottom:20px}.title-block .eyebrow{font-family:IBM Plex Mono,monospace;font-size:clamp(10px,2.6vw,11px);letter-spacing:.18em;color:var(--amber);text-transform:uppercase;margin-bottom:6px}.title-block h1{font-family:Oswald,sans-serif;font-size:clamp(21px,5.5vw,30px);font-weight:600;margin:0;letter-spacing:.01em;text-transform:uppercase}.title-block p{margin:6px 0 0;color:var(--muted);font-size:clamp(12px,3vw,13.5px);max-width:520px}.mode-switch{display:flex;flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:4px;gap:4px}.mode-switch.compact{display:inline-flex}.mode-switch button{border:none;background:transparent;color:var(--muted);font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(11.5px,2.8vw,13px);font-weight:600;padding:clamp(8px,2vw,10px) clamp(10px,3vw,18px);border-radius:6px;cursor:pointer;transition:.15s}.mode-switch button.active{background:var(--amber);color:#1a1300}.mode-switch button:not(.active):hover{color:var(--text)}.grid{display:grid;grid-template-columns:1.55fr 1fr;grid-gap:22px;gap:22px;align-items:start}.grid,.grid>*{min-width:0}@media (max-width:880px){.grid{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:clamp(14px,4vw,20px);min-width:0}.panel+.panel{margin-top:16px}.panel h2{font-family:Oswald,sans-serif;font-size:clamp(13.5px,3.2vw,15px);text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px;color:var(--text)}.panel .sub{color:var(--muted);font-size:12.5px;margin:0 0 16px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:440px}thead th{text-align:left;color:var(--muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:6px 8px;border-bottom:1px solid var(--border)}tbody td{padding:8px;border-bottom:1px solid #232a33;vertical-align:middle}tbody tr:hover{background:#1e242d}.cat-row td{padding-top:16px;color:var(--amber);font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;border-bottom:none}.qty-ctrl{display:flex;align-items:center;gap:6px}.qty-ctrl button{width:24px;height:24px;border-radius:5px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;font-size:14px;line-height:1}.qty-ctrl button:hover{border-color:var(--amber);color:var(--amber)}.qty-ctrl span{width:20px;text-align:center}.num,.qty-ctrl span{font-family:IBM Plex Mono,monospace}.num{color:var(--muted)}.name{color:var(--text);word-break:break-word}.name small{display:block;color:var(--muted);font-size:11px}.custom-add{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.custom-add input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px 10px;font-size:13px;font-family:Inter,sans-serif}.custom-add input[name=cname]{flex:1 1;min-width:120px}.custom-add input[name=crun],.custom-add input[name=cstart]{width:90px}.custom-add button{background:var(--panel-2);border:1px solid var(--amber-dim);color:var(--amber);border-radius:6px;padding:8px 14px;font-size:12.5px;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.custom-add button:hover{background:var(--amber-dim)}.field{margin-bottom:18px}.field label{display:flex;justify-content:space-between;font-size:13px;color:var(--text);margin-bottom:8px}.field label .val{font-family:IBM Plex Mono,monospace;color:var(--amber)}input[type=range]{width:100%;accent-color:var(--amber)}.field .hint{color:var(--muted);font-size:11.5px;margin-top:6px}.readout{position:-webkit-sticky;position:sticky;top:20px}.gauge-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.gauge-label .l{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.gauge-label .v{font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--text)}.gauge-track{position:relative;height:26px;background:#0f1216;border:1px solid var(--border);border-radius:5px;overflow:hidden;margin-bottom:4px}.gauge-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--green),var(--amber));transition:width .25s ease}.gauge-fill.over{background:linear-gradient(90deg,var(--amber),var(--red))}.gauge-ticks{position:absolute;inset:0;display:flex}.gauge-ticks span{flex:1 1;border-right:1px solid hsla(0,0%,100%,.06)}.readout-stat{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px solid #232a33}.readout-stat:last-of-type{border-bottom:none}.readout-stat .l{font-size:12.5px;color:var(--muted)}.readout-stat .v{font-family:IBM Plex Mono,monospace;font-size:16px;color:var(--text)}.readout-stat .v small{font-size:11px;color:var(--muted);margin-left:3px}.headline{background:var(--panel-2);border:1px solid var(--amber-dim);border-radius:8px;padding:16px;margin:16px 0;text-align:center}.headline .num{font-family:Oswald,sans-serif;font-size:clamp(25px,7.5vw,34px);font-weight:600;color:var(--amber);line-height:1}.headline .unit{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--muted);margin-top:4px}.headline .sizes{font-size:11.5px;color:var(--muted);margin-top:8px}.select-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:6px}select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px 10px;font-family:IBM Plex Mono,monospace;font-size:13px;width:100%}.note{font-size:11.5px;color:var(--muted);line-height:1.55;margin-top:14px;padding-top:14px;border-top:1px dashed var(--border)}.note b{color:var(--text)}.flag{display:inline-block;font-size:10px;font-family:IBM Plex Mono,monospace;padding:1px 6px;border-radius:3px;margin-left:6px;vertical-align:middle}.flag.ok{background:rgba(79,174,113,.15);color:var(--green)}.flag.over{background:rgba(226,87,76,.15);color:var(--red)}footer{margin-top:30px;color:var(--muted);font-size:11.5px;text-align:center}@media (max-width:600px){header{margin-bottom:16px;padding-bottom:16px;align-items:stretch}.mode-switch{width:100%}.mode-switch button{flex:1 1}.panel-header{flex-direction:column;align-items:stretch}.panel-header .btn-ghost{width:100%}.readout{position:static}.custom-add{flex-direction:column}.custom-add button,.custom-add input{width:100%}.qty-ctrl button{width:32px;height:32px;font-size:16px}.gauge-track{height:30px}}