:root{--bg: #16171c;--surface: #1f2026;--accent: #30d158;--text: #f2f2f7;--muted: #8e8e93;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}.page{padding:16px 16px calc(80px + env(safe-area-inset-bottom))}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--surface);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid rgba(255,255,255,.08)}.tabbar a{flex:1;text-align:center;padding:14px 4px;color:var(--muted);text-decoration:none;font-size:.8rem}.tabbar a.active{color:var(--accent)}.auth{max-width:420px;margin:0 auto}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{color:var(--muted);font-size:.85rem}.auth input,.auth select{background:var(--surface);color:var(--text);font:inherit;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px}.auth button{width:100%;background:var(--accent);color:#0b0b0d;font:inherit;font-weight:600;border:0;border-radius:10px;padding:12px;margin:8px 0 16px}.auth button:disabled{opacity:.6}.error{color:#ff6b6b}.pin{position:relative}.pin-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;z-index:1}.pin-boxes{display:flex;gap:8px}.pin-boxes span{flex:1;height:48px;display:grid;place-items:center;font-size:1.4rem;background:var(--surface);border:1px solid rgba(255,255,255,.12);border-radius:10px}.pin-boxes span.on{border-color:var(--accent)}.seg{display:flex;gap:4px;background:var(--surface);border-radius:10px;padding:4px;margin-bottom:12px}.seg button{flex:1;background:none;border:0;color:var(--muted);font:inherit;padding:8px;border-radius:8px}.seg button[aria-selected=true]{background:var(--accent);color:#0b0b0d;font-weight:600}.toolbar{display:flex;gap:8px;margin-bottom:12px}.toolbar input,.toolbar select{background:var(--surface);color:var(--text);font:inherit;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px}.toolbar input{flex:1;min-width:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.card-tile{position:relative;padding:0;border:0;background:none}.card-tile img{width:100%;display:block;border-radius:6px}.card-tile.missing img{filter:grayscale(1);opacity:.45;outline:1px dashed var(--muted);outline-offset:-1px}.card-tile .caption{display:block;font-size:.7rem;color:var(--muted);text-align:center;margin-top:2px}.set-head{margin-bottom:12px}.set-stats{display:flex;gap:16px;flex-wrap:wrap}.set-stats dt{color:var(--muted);font-size:.75rem}.set-stats dd{margin:0;font-weight:600}.badges{position:absolute;right:4px;bottom:4px;display:flex;gap:2px}.badge{background:#000000bf;color:var(--text);font-size:.7rem;padding:1px 6px;border-radius:8px}.set-list{display:flex;flex-direction:column;gap:8px}.set-row{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:12px;padding:10px 12px;text-decoration:none;color:var(--text)}.set-row img,.set-logo-missing{width:64px;height:36px;object-fit:contain;flex:none}.set-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.set-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.bar-fill{display:block;height:100%;background:var(--accent)}.set-count{color:var(--muted);font-size:.85rem}.card-hero{width:100%;max-width:360px;display:block;margin:0 auto 12px;border-radius:12px}.card-meta,.muted{color:var(--muted)}.card-market small{display:block;font-size:.75rem;color:var(--muted)}.variant-row{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:12px;padding:10px 12px;margin-bottom:8px}.variant-label{flex:1}.variant-price{color:var(--muted);font-size:.85rem}.variant-qty{min-width:1.5em;text-align:center;font-weight:600}.variant-row button,.graded-form button,.link-btn{background:var(--surface);color:var(--text);font:inherit;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 12px;min-width:36px}.variant-row button:disabled{opacity:.4}.link-btn{color:var(--accent)}.graded-form{display:flex;flex-direction:column;gap:8px}.graded-form select,.graded-form input{background:var(--surface);color:var(--text);font:inherit;width:100%;margin-top:4px;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px}.ebay-btn{display:block;text-align:center;margin-top:16px;background:var(--accent);color:#0b0b0d;font-weight:600;border-radius:10px;padding:12px;text-decoration:none}.sealed-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.sealed-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--surface);color:var(--text);font:inherit;border:0;border-radius:12px;padding:10px 12px;margin-bottom:8px}.sealed-row img,.sealed-ph{width:40px;height:40px;border-radius:8px;object-fit:cover;background:#3a3b45;flex:none}.sealed-main,.sealed-val{display:flex;flex-direction:column}.sealed-main{flex:1;min-width:0}.sealed-val{align-items:flex-end}.profit-up{color:#30d158}.profit-down{color:#ff453a}.sheet{display:flex;flex-direction:column;gap:8px;background:var(--surface);border-radius:12px;padding:12px;margin:12px 0}.sheet input,.sheet select{background:var(--bg);color:var(--text);font:inherit;width:100%;margin-top:4px;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px}.sheet button{background:var(--bg);color:var(--text);font:inherit;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 12px}.sheet button:disabled{opacity:.4}.sheet .link-btn{color:var(--accent)}