:root{--bg:#0a0a0f;--surface:#111118;--surface2:#1a1a25;--border:#2a2a3a;--accent:#c8f060;--accent2:#f0a060;--accent3:#60c8f0;--danger:#f06080;--text:#e8e8f0;--muted:#8080b0}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body,html{overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:DM Mono,monospace;min-height:100vh}body:before{background-image:linear-gradient(rgba(200,240,96,.025) 1px,transparent 0),linear-gradient(90deg,rgba(200,240,96,.025) 1px,transparent 0);background-size:40px 40px;content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:.2em;text-transform:uppercase}.panel{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:18px}.panel-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.panel-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.panel-title{font-size:11px;letter-spacing:.12em}.panel-title,.section-title{color:var(--muted);font-family:Syne,sans-serif;font-weight:700;text-transform:uppercase}.section-title{border-bottom:1px solid var(--border);font-size:10px;letter-spacing:.18em;margin-bottom:16px;margin-top:24px;padding-bottom:8px}.field{margin-bottom:14px}.field label,label.field-label{color:var(--muted);display:block;font-family:Syne,sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:5px;text-transform:uppercase}.label-row{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:5px}.label-row label{margin-bottom:0}.range-current{color:var(--accent);font-family:DM Mono,monospace;font-size:13px;font-weight:500}input[type=number],input[type=text],select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg);border:1px solid var(--border);border-radius:2px;color:var(--text);font-family:DM Mono,monospace;font-size:13px;outline:none;padding:9px 12px;transition:border-color .2s;width:100%}input[type=number]:focus,input[type=text]:focus,select:focus{border-color:var(--accent)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;cursor:pointer;height:22px;margin:4px 0 0;padding:0;width:100%}input[type=range]::-webkit-slider-runnable-track{background:var(--border);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:2px solid var(--bg);border-radius:50%;box-shadow:0 0 0 1px var(--accent);cursor:pointer;height:18px;margin-top:-7px;width:18px}input[type=range]::-moz-range-track{background:var(--border);border-radius:2px;height:4px}input[type=range]::-moz-range-thumb{background:var(--accent);border:2px solid var(--bg);border-radius:50%;cursor:pointer;height:18px;width:18px}.btn-primary{background:var(--accent);border:none;border-radius:2px;color:var(--bg);cursor:pointer;font-family:Syne,sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;padding:11px 22px;text-transform:uppercase;transition:opacity .15s,transform .1s}.btn-primary:hover{opacity:.88}.btn-primary:active{transform:scale(.98)}.btn-ghost{background:transparent;border:1px solid var(--border);border-radius:2px;color:var(--muted);cursor:pointer;font-family:Syne,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;padding:8px 16px;text-transform:uppercase;transition:all .15s}.btn-ghost:hover{border-color:var(--accent2);color:var(--accent2)}.btn-danger{background:transparent;border:1px solid transparent;border-radius:2px;color:var(--danger);cursor:pointer;font-family:Syne,sans-serif;font-size:10px;font-weight:700;letter-spacing:.08em;padding:6px 10px;text-transform:uppercase;transition:all .15s}.btn-danger:hover{background:#f0608014;border-color:var(--danger)}.tag{border-radius:2px;display:inline-block;font-family:Syne,sans-serif;font-size:9px;font-weight:700;letter-spacing:.1em;padding:2px 7px;text-transform:uppercase}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--surface);border:1px solid var(--border);border-radius:4px}table{border-collapse:collapse;font-size:11px;table-layout:fixed;width:100%}th{background:var(--surface);border-bottom:1px solid var(--border);color:var(--muted);font-family:Syne,sans-serif;font-size:9px;font-weight:700;letter-spacing:.1em;overflow:hidden;padding:10px 12px;text-align:right;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}th:first-child{text-align:left}td{border-bottom:1px solid hsla(0,0%,100%,.04);color:var(--text);overflow:hidden;padding:9px 8px;text-align:right;text-overflow:ellipsis;white-space:nowrap}td:first-child{color:var(--muted);text-align:left}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.breakdown-row{border-bottom:1px solid hsla(0,0%,100%,.04);color:var(--muted);display:flex;font-size:11px;gap:8px;justify-content:space-between;padding:5px 0}.breakdown-row span:last-child{color:var(--text);font-weight:500;white-space:nowrap}.callout{background:var(--surface2);border-left:3px solid var(--accent3);border-radius:0 2px 2px 0;color:var(--muted);font-size:10px;line-height:1.7;padding:10px 12px}.callout.warn{border-left-color:var(--accent2)}.storage-banner{background:#f0a0601a;border:1px solid rgba(240,160,96,.3);border-radius:2px;color:var(--accent2);font-size:10px;letter-spacing:.05em;margin-bottom:16px;padding:8px 14px}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}