*{margin:0;padding:0}html,body,#root{height:100%}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-mono:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--bg:#000;--surface:#ffffff05;--text-primary:#fff;--text:#ffffffe6;--muted:#fffc;--border-subtle:#ffffff0f;--border:#ffffff1f;--border-strong:#ffffff40;--accent:#fff;--danger:#ff6b6b;--sp-1:.125rem;--sp-2:.25rem;--sp-3:.5rem;--sp-4:.75rem;--sp-5:1rem;--sp-6:1.5rem;--sp-7:2rem;--sp-8:3rem;--sp-9:4rem;--dur-fast:.15s;--dur-base:.3s;--ease:ease-out;--disabled-opacity:.45}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.7}body:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 2px);height:100dvh;position:fixed;inset:0}::selection{color:var(--text-primary);background:#fff3}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:var(--accent);transition:color var(--dur-fast) var(--ease);text-decoration:none}a:hover{color:var(--text-primary)}.app{z-index:1;max-width:1100px;padding:0 var(--sp-6) var(--sp-8);opacity:0;animation:fadeInPage var(--dur-base) var(--ease) forwards;margin:0 auto;position:relative}@keyframes fadeInPage{to{opacity:1}}.app-header{align-items:center;gap:var(--sp-7);padding:var(--sp-5) 0;border-bottom:1px solid var(--border-subtle);margin-bottom:var(--sp-6);display:flex}.app-header h1{color:var(--text-primary);text-transform:uppercase;letter-spacing:.15em;margin:0 auto 0 0;font-size:1.1rem;font-weight:400}.tabs{gap:var(--sp-7);display:flex}.tabs button{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:color var(--dur-fast) var(--ease);background:0 0;border:none;padding:0;font-family:inherit;font-size:.75rem}.tabs button:hover{color:var(--text-primary);background:0 0}.tabs button.active{color:var(--text-primary);border-bottom:2px solid var(--accent);padding-bottom:.3rem}.subtabs{gap:var(--sp-3);margin-bottom:var(--sp-6);display:flex}.subtabs button{padding:var(--sp-2) var(--sp-4);border:1px solid var(--border);color:var(--muted);background:0 0;font-size:.7rem}.subtabs button:hover{background:var(--surface);color:var(--text-primary)}.subtabs button.active{border-color:var(--accent);color:var(--accent)}.subtabs button.active:hover{color:var(--accent);background:0 0}h2{text-transform:uppercase;letter-spacing:-.02em;border-left:2px solid var(--border);margin:0 0 1rem;padding-left:12px;font-size:1rem;font-weight:400}.card>h2:first-child,.panel>h2:first-child,.card>.form-row:first-child>h2,.panel>.form-row:first-child>h2{margin-top:0}.card>.form-row:first-child>h2,.panel>.form-row:first-child>h2{flex:1;margin:0}h4{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:1.25rem 0 .5rem;font-size:.75rem;font-weight:400}p{font-size:.85rem;line-height:1.6}section.panel{margin-bottom:var(--sp-8)}.card{background:var(--surface);border:1px solid var(--border);padding:var(--sp-5);margin-bottom:var(--sp-6);border-radius:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border-subtle);padding:.55rem .6rem;font-size:.85rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem;font-weight:400}tbody tr{transition:opacity var(--dur-fast) var(--ease)}tbody tr:hover{opacity:.8}input:not([type=checkbox]),select,textarea{font:inherit;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);transition:border-color var(--dur-fast) var(--ease);background:0 0;border-radius:0;outline:none;padding:.5rem .1rem;font-size:.9rem}input:not([type=checkbox]):focus,select:focus,textarea:focus{border-bottom-color:var(--border-strong)}input::placeholder,textarea::placeholder{color:var(--muted)}select option{color:var(--text-primary);background:#000}input[type=checkbox]{appearance:none;border:1px solid var(--border-strong);vertical-align:middle;cursor:pointer;background:0 0;width:14px;height:14px;margin:0;display:inline-block;position:relative}input[type=checkbox]:hover{border-color:var(--accent)}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";border:2px solid #000;border-width:0 2px 2px 0;width:3px;height:7px;position:absolute;top:0;left:3px;transform:rotate(45deg)}.number-field{border-bottom:1px solid var(--border);align-items:stretch;display:inline-flex}.number-field:focus-within{border-bottom-color:var(--border-strong)}.number-field input{flex:1;width:100%;min-width:0;border-bottom:none!important}.number-steppers{flex-direction:column;justify-content:center;gap:1px;margin-left:.35rem;padding:.1rem 0;display:inline-flex}.number-steppers button{all:unset;cursor:pointer;color:var(--muted);padding:1px 3px;font-size:.5rem;line-height:1}.number-steppers button:hover{color:var(--accent)}button{font:inherit;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--border-strong);color:var(--text-primary);cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:0 0;border-radius:0;padding:.55rem 1.1rem;font-size:.75rem}button:hover{background:var(--text-primary);color:#000}button.primary{border-color:var(--accent);color:var(--accent)}button.primary:hover{background:var(--accent);color:#000;border-color:var(--accent)}button.primary:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}button.primary:disabled:hover{color:var(--accent);background:0 0}button.link{color:var(--muted);text-transform:none;letter-spacing:normal;background:0 0;border:none;padding:.15rem .3rem;font-size:.8rem;text-decoration:underline}button.link:hover{color:var(--text-primary);background:0 0}button.link.danger:hover{color:var(--danger)}.muted{color:var(--muted);font-size:.8rem}.error{color:var(--danger);font-size:.8rem}.price{color:var(--accent);font-weight:600}.value-breakdown{height:6px;margin-top:var(--sp-5);background:var(--border-subtle);display:flex;overflow:hidden}.value-breakdown-segment{background:var(--accent);height:100%}.value-breakdown-segment.cat-trading_card{opacity:.7}.value-breakdown-segment.cat-collectible{opacity:.4}.form-row{gap:var(--sp-4);margin-bottom:var(--sp-5);flex-wrap:wrap;align-items:center;display:flex}.item-list{flex-direction:column;display:flex}.item-row{align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-2);border-top:1px solid var(--border-subtle);transition:background var(--dur-fast) var(--ease);display:flex}.item-row:first-child{border-top:none}.item-row:hover{background:#ffffff09}.item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.item-title{color:var(--text-primary);text-transform:uppercase;margin:0;font-size:1rem;font-weight:600}.item-meta{color:var(--muted);margin:0;font-size:.75rem}.item-value{text-align:right;flex-shrink:0}.item-actions{align-items:center;gap:var(--sp-2);opacity:0;transition:opacity var(--dur-fast) var(--ease);flex-shrink:0;display:flex}.item-row:hover .item-actions,.item-row:focus-within .item-actions{opacity:1}.item-list-empty{padding:var(--sp-5) var(--sp-2)}details.collapsible{border:1px solid var(--border);margin-bottom:var(--sp-4)}details.collapsible summary{cursor:pointer;padding:var(--sp-4) var(--sp-5);text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary);font-size:.75rem;list-style:none}details.collapsible summary::-webkit-details-marker{display:none}details.collapsible summary:before{content:"+ ";color:var(--accent)}details.collapsible[open] summary:before{content:"− "}details.collapsible .collapsible-body{padding:0 var(--sp-5) var(--sp-5)}.chart-grid{stroke:var(--border-subtle);stroke-width:1px}.chart-axis-label{fill:var(--muted);font-size:10px;font-family:var(--font-mono)}.chart-area{fill:var(--accent);opacity:.1;stroke:none}.chart-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-crosshair{stroke:var(--border-strong);stroke-width:1px}.chart-dot{fill:var(--accent);stroke:var(--bg);stroke-width:2px}.chart-tooltip-value{color:var(--text-primary);font-size:1.1rem;font-weight:600}.autocomplete{flex:1;min-width:200px;position:relative}.autocomplete-menu{z-index:20;border:1px solid var(--border-strong);background:#000;max-height:280px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.autocomplete-option{cursor:pointer;border-bottom:1px solid var(--border-subtle);align-items:center;gap:.6rem;padding:.5rem .6rem;display:flex}.autocomplete-option:last-child{border-bottom:none}.autocomplete-option:hover,.autocomplete-option.active{background:#ffffff0f}.autocomplete-option img{object-fit:cover;flex-shrink:0;width:28px;height:39px}.autocomplete-option .name{color:var(--text-primary);font-size:.85rem}.autocomplete-option .set{color:var(--muted);font-size:.7rem}.autocomplete-option .approx-price{margin-left:auto;font-size:.8rem}
