:root{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-card: rgba(30, 41, 59, .7);--bg-slot: #111827;--bg-glass: rgba(30, 41, 59, .5);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #ef4444;--accent-hover: #dc2626;--accent-glow: rgba(239, 68, 68, .4);--accent-gradient: linear-gradient(135deg, #ef4444, #f59e0b);--accent-gradient-hover: linear-gradient(135deg, #dc2626, #d97706);--success: #10b981;--success-glow: rgba(16, 185, 129, .3);--warning: #fbbf24;--danger: #ef4444;--info: #3b82f6;--border: rgba(71, 85, 105, .5);--border-glow: rgba(239, 68, 68, .15);--radius: 16px;--radius-sm: 10px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--accent-glow)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);background-image:radial-gradient(ellipse at 20% 0%,rgba(239,68,68,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(245,158,11,.04) 0%,transparent 60%);color:var(--text-primary);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}input,select,textarea,button{font-family:inherit;font-size:1rem}img{max-width:100%;display:block}.loading-screen,.page-loading{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;height:100%;color:var(--text-secondary);font-size:1.1rem}.loading-screen:after,.page-loading:after{content:"";width:32px;height:32px;border:3px solid rgba(239,68,68,.2);border-top-color:var(--accent);border-radius:50%;animation:pokespin .8s linear infinite}@keyframes pokespin{to{transform:rotate(360deg)}}.update-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:var(--accent-gradient);color:#fff;text-align:center;padding:10px 16px;font-size:.9rem;font-weight:600;cursor:pointer;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.app-layout{display:flex;flex-direction:column;height:100%}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#111827f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);flex-shrink:0}.logo{display:flex;align-items:center;gap:8px}.logo-icon{width:32px;height:32px;border-radius:8px}.logo span{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-badge{background:var(--bg-glass);padding:6px 14px;border-radius:20px;font-size:.85rem;color:var(--text-secondary);border:1px solid var(--border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.verify-email-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;background:linear-gradient(135deg,#f59e0b26,#ef444426);border-bottom:1px solid rgba(245,158,11,.3);font-size:.85rem;color:var(--warning);flex-shrink:0}.verify-email-banner button{padding:4px 12px;border-radius:6px;background:var(--warning);color:#0a0e1a;border:none;font-size:.8rem;font-weight:600;cursor:pointer}.verify-email-banner button:disabled{opacity:.6}.verify-email-banner .verify-sent{font-weight:600;color:var(--success)}.app-main{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.bottom-nav{display:flex;background:#111827f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);flex-shrink:0;padding:4px 8px env(safe-area-inset-bottom)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:6px 0 4px;text-decoration:none;color:var(--text-muted);font-size:.65rem;gap:3px;transition:all .25s ease;position:relative}.nav-item svg{width:22px;height:22px;transition:transform .25s ease}.nav-item.active{color:var(--accent)}.nav-item.active svg{transform:scale(1.1);filter:drop-shadow(0 0 6px var(--accent-glow))}.nav-item.active:before{content:"";position:absolute;top:-4px;width:24px;height:3px;border-radius:2px;background:var(--accent-gradient)}.nav-item:active svg{transform:scale(.9)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:var(--bg-primary);background-image:radial-gradient(ellipse at 50% 0%,rgba(239,68,68,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(245,158,11,.05) 0%,transparent 50%)}.auth-card{width:100%;max-width:380px;background:var(--bg-glass);border-radius:var(--radius);padding:32px 24px;text-align:center;border:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-lg)}.auth-icon{width:120px;height:120px;border-radius:24px;margin:0 auto 12px;display:block}.auth-logo{font-size:1.5rem;font-weight:800;margin-bottom:4px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{color:var(--text-secondary);margin-bottom:24px}.auth-toggle{display:flex;gap:0;margin-bottom:20px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.auth-toggle button{flex:1;padding:10px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-weight:600;transition:all .25s}.auth-toggle button.active{background:var(--accent-gradient);color:#fff}.auth-card form{display:flex;flex-direction:column;gap:12px}.auth-card input{padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0f172a99;color:var(--text-primary);outline:none;transition:border-color .25s,box-shadow .25s}.auth-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ef44441a}.auth-error{color:var(--danger);font-size:.85rem}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-muted);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.btn-hub-login{width:100%;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .25s}.btn-hub-login:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-glow)}.btn-hub-login:disabled{opacity:.6;cursor:not-allowed}.btn-hub-login svg{width:20px;height:20px}.auth-links{margin-top:16px}.auth-links a{color:var(--accent);text-decoration:none;font-size:.9rem}.btn-primary{padding:12px 24px;border:none;border-radius:var(--radius-sm);background:var(--accent-gradient);color:#fff;font-weight:600;cursor:pointer;transition:all .25s;box-shadow:0 2px 12px #ef444440}.btn-primary:hover{background:var(--accent-gradient-hover);box-shadow:0 4px 20px #ef444466;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-small{padding:6px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .25s}.btn-small:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px #ef444426}.btn-small:active{transform:scale(.96)}.btn-danger{padding:10px 20px;border:none;border-radius:var(--radius-sm);background:var(--danger);color:#fff;font-weight:600;cursor:pointer;width:100%;transition:all .25s}.btn-danger:hover{box-shadow:0 0 16px #ef44444d}.btn-danger:active{transform:scale(.98)}.btn-edit{padding:10px 20px;border:none;border-radius:var(--radius-sm);background:var(--accent-gradient);color:#fff;font-weight:600;cursor:pointer;width:100%;transition:all .25s}.btn-edit:hover{box-shadow:var(--shadow-glow)}.btn-back,.btn-scan{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;transition:transform .2s}.btn-back:active,.btn-scan:active{transform:scale(.9)}.btn-back svg,.btn-scan svg{width:24px;height:24px}.btn-delete{position:absolute;top:8px;right:8px;background:#0009;border:none;border-radius:50%;padding:6px;cursor:pointer;color:var(--danger);opacity:0;transition:opacity .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-delete svg{width:16px;height:16px}.binder-card:hover .btn-delete{opacity:1}.btn-delete-small{padding:4px 10px;border:1px solid var(--danger);border-radius:var(--radius-sm);background:transparent;color:var(--danger);font-size:.8rem;cursor:pointer;transition:all .25s}.btn-delete-small:hover{background:#ef44441a;box-shadow:0 0 8px #ef444433}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.page-header h2{font-size:1.3rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.binders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.binder-card{position:relative;background:var(--bg-glass);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s;border:1px solid var(--border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.binder-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md),0 0 24px #ef44441a;border-color:#ef44444d}.binder-card:active{transform:scale(.97) translateY(-2px)}.binder-photo{aspect-ratio:3/4;overflow:hidden;background:var(--bg-secondary)}.binder-photo img{width:100%;height:100%;object-fit:cover}.binder-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary))}.binder-placeholder svg{width:48px;height:48px;color:var(--text-muted)}.binder-info{padding:10px 12px}.binder-info h3{font-size:.95rem;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.binder-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary)}.binder-value{color:var(--success);font-weight:700}.create-binder-form{background:var(--bg-glass);border-radius:var(--radius);padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:12px;border:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.create-binder-form input,.create-binder-form select{padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0f172a99;color:var(--text-primary);outline:none;transition:border-color .25s,box-shadow .25s}.create-binder-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ef44441a}.binder-photo-upload{aspect-ratio:3/4;max-height:200px;border:2px dashed var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:all .25s}.binder-photo-upload:hover{border-color:var(--accent);box-shadow:0 0 16px #ef44441a}.binder-photo-upload img{width:100%;height:100%;object-fit:cover}.photo-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted)}.photo-placeholder svg{width:40px;height:40px}.photo-placeholder span{font-size:.85rem}.form-row{display:flex;gap:12px}.form-row label{flex:1;display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--text-secondary)}.binder-view-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.binder-view-header h2{font-size:1.2rem}.binder-view-meta{font-size:.8rem;color:var(--text-secondary)}.binder-view-header .btn-scan{margin-left:auto}.binder-grid{display:grid;gap:8px;margin-bottom:16px}.binder-slot{aspect-ratio:63/88;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;position:relative;transition:transform .2s,box-shadow .2s}.binder-slot:active{transform:scale(.95)}.binder-slot.empty{background:var(--bg-slot);border:2px dashed rgba(71,85,105,.4);display:flex;align-items:center;justify-content:center;transition:border-color .25s}.binder-slot.empty:hover{border-color:#ef444466}.slot-empty-label{display:flex;flex-direction:column;align-items:center;color:var(--text-muted);gap:2px}.slot-empty-label span{font-size:1.5rem;font-weight:300}.slot-empty-label small{font-size:.65rem}.binder-slot.filled{background:var(--bg-secondary);box-shadow:0 2px 8px #0000004d}.binder-slot.filled img{width:100%;height:100%;object-fit:cover}.binder-slot.filled:hover{box-shadow:0 4px 16px #0006,0 0 12px #ef444426;transform:translateY(-2px)}.slot-variant{position:absolute;top:0;left:0;right:0;background:#000000bf;padding:2px 4px;font-size:.55rem;font-weight:700;letter-spacing:.5px;text-align:center;color:#fbbf24;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.slot-variant.holofoil{color:#a78bfa;text-shadow:0 0 6px rgba(167,139,250,.5)}.slot-variant.reverseHolofoil{color:#34d399;text-shadow:0 0 6px rgba(52,211,153,.5)}.slot-price{position:absolute;bottom:0;left:0;right:0;background:#000c;padding:3px 6px;font-size:.7rem;color:var(--success);font-weight:700;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.page-nav{display:flex;align-items:center;gap:8px;justify-content:center}.page-nav button{background:var(--bg-glass);border:1px solid var(--border);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:all .2s}.page-nav button:hover{border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.page-nav button:disabled{opacity:.3;cursor:not-allowed}.page-nav button:disabled:hover{border-color:var(--border);box-shadow:none}.page-nav button svg{width:18px;height:18px}.page-dots{display:flex;gap:4px;overflow-x:auto;padding:4px 0;-webkit-overflow-scrolling:touch}.page-dot{min-width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.page-dot.active{background:var(--accent-gradient);border-color:transparent;color:#fff;box-shadow:0 0 10px var(--accent-glow)}.page-dot.has-cards{border-color:var(--success);color:var(--success)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:flex-end;justify-content:center;z-index:100;padding:0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card-search-modal,.card-detail-modal{background:var(--bg-secondary);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:500px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;border-top:1px solid var(--border);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:1rem}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0 4px;transition:color .2s}.modal-close:hover{color:var(--accent)}.search-toggle{display:flex;padding:12px 16px 0;gap:0}.search-toggle button{flex:1;padding:8px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:all .25s}.search-toggle button:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.search-toggle button:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.search-toggle button:not(:first-child):not(:last-child){border-radius:0}.search-toggle button.active{background:var(--accent-gradient);border-color:transparent;color:#fff}.search-form{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px}.search-form input{flex:1 1 40%;min-width:0;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0f172a99;color:var(--text-primary);outline:none;transition:border-color .25s,box-shadow .25s}.search-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ef44441a}.search-form .btn-primary{flex:1 1 100%;padding:10px 16px;white-space:nowrap}.search-scan{padding:12px 16px;display:flex;flex-direction:column;flex:1;min-height:0}.scan-video-wrapper{position:relative;border-radius:var(--radius-sm);overflow:hidden;flex:1;min-height:0}.scan-video-wrapper video{max-height:50vh;object-fit:cover}.scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:15%}.scan-focus-box{width:70%;height:50px;border:3px solid var(--accent);border-radius:8px;box-shadow:0 0 0 9999px #0006,0 0 30px var(--accent-glow);display:flex;align-items:center;justify-content:center;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 9999px #0006,0 0 20px var(--accent-glow)}50%{box-shadow:0 0 0 9999px #0006,0 0 40px var(--accent-glow)}}.scan-focus-label{font-size:.75rem;color:var(--accent);font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.8)}.scan-capture-area{text-align:center;padding:12px 0;flex-shrink:0}.scan-hint-text{font-size:.8rem;color:var(--text-muted);margin-bottom:10px}.search-scan .btn-capture{width:100%;padding:14px;font-size:1rem;font-weight:600}.condition-select{display:flex;align-items:center;gap:8px;padding:0 16px 8px;font-size:.85rem;color:var(--text-secondary)}.condition-select select{padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0f172a99;color:var(--text-primary);outline:none}.search-results{flex:1;overflow-y:auto;padding:0 16px 16px;-webkit-overflow-scrolling:touch}.search-hint{color:var(--text-muted);text-align:center;padding:24px 0}.search-result-card{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--radius-sm);background:var(--bg-glass);margin-bottom:8px;border:1px solid var(--border);transition:all .2s}.search-result-card:hover{border-color:#ef44444d}.search-result-card img{width:50px;height:70px;object-fit:cover;border-radius:6px}.result-info{flex:1;display:flex;flex-direction:column;gap:2px}.result-info strong{font-size:.9rem}.result-info span{font-size:.75rem;color:var(--text-secondary)}.result-rarity{color:var(--warning)!important}.result-price{color:var(--success)!important;font-weight:700}.result-variant{color:var(--accent)!important;text-transform:capitalize}.variant-select{background:#0f172a99;color:var(--text-primary);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:.75rem;width:100%;margin-top:2px}.btn-add{width:36px;height:36px;border-radius:50%;border:none;background:var(--accent-gradient);color:#fff;font-size:1.2rem;cursor:pointer;flex-shrink:0;transition:all .2s;box-shadow:0 2px 8px #ef44444d}.btn-add:hover{box-shadow:0 4px 16px #ef444480;transform:scale(1.05)}.btn-add:active{transform:scale(.95)}.btn-add:disabled{opacity:.5;transform:none;box-shadow:none}.search-hint-link{color:var(--accent);cursor:pointer;text-decoration:underline}.manual-entry-form{display:flex;flex-direction:column;gap:10px;padding:12px 0}.manual-entry-form input{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0f172a99;color:var(--text-primary);font-size:.9rem;transition:border-color .25s,box-shadow .25s}.manual-entry-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ef44441a}.manual-entry-form .search-hint{font-size:.8rem;color:var(--text-muted);margin:0;text-align:center}.card-detail-modal{flex-direction:row;align-items:flex-start;border-radius:var(--radius);max-height:80vh;position:relative;margin:auto}.card-detail-modal>img{width:45%;height:auto;border-radius:var(--radius) 0 0 var(--radius)}.card-detail-info{flex:1;padding:20px;overflow-y:auto}.card-detail-info h3{font-size:1.2rem;margin-bottom:8px}.card-set{color:var(--text-secondary);font-size:.85rem}.card-rarity{color:var(--warning);font-size:.85rem}.card-variant{color:var(--accent);font-size:.85rem;text-transform:capitalize}.card-condition{color:var(--text-muted);font-size:.85rem;margin-bottom:12px}.card-edit-form{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.card-edit-form label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--text-secondary)}.card-edit-form select{padding:8px 10px;border-radius:6px;border:1px solid var(--border);background:#0f172a99;color:var(--text-primary);font-size:.85rem}.card-edit-actions{display:flex;gap:8px}.card-edit-actions .btn-primary{flex:1}.card-edit-actions .btn-small{flex:0}.card-detail-buttons{display:flex;flex-direction:column;gap:8px}.card-prices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.card-prices div{background:#0f172a99;padding:8px;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;border:1px solid var(--border)}.card-prices span{font-size:.7rem;color:var(--text-muted)}.card-prices strong{color:var(--success)}.price-chart{margin:12px 0}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.chart-title{font-size:.85rem;font-weight:600}.chart-change{font-size:.85rem;font-weight:700}.chart-change.up{color:var(--success)}.chart-change.down{color:var(--danger)}.chart-canvas{width:100%;height:150px;border-radius:var(--radius-sm)}.chart-loading,.chart-empty{font-size:.8rem;color:var(--text-muted);text-align:center;padding:16px 0}.scan-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.scan-camera{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--bg-secondary);aspect-ratio:4/3}.scan-camera video{width:100%;height:100%;object-fit:cover}.scan-start{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;padding:20px;text-align:center;color:var(--text-secondary)}.scan-controls{position:absolute;bottom:0;left:0;right:0;padding:16px;text-align:center}.scan-guide{position:absolute;bottom:60px;left:50%;transform:translate(-50%);text-align:center}.scan-guide-box{width:200px;height:50px;border:2px solid var(--accent);border-radius:8px;margin:0 auto 8px;box-shadow:0 0 20px var(--accent-glow)}.scan-guide span{font-size:.75rem;color:var(--accent)}.btn-capture{padding:14px 32px;border:none;border-radius:30px;background:var(--accent-gradient);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 20px #ef444466;transition:all .25s}.btn-capture:hover{box-shadow:0 6px 30px #ef444499;transform:translateY(-2px)}.btn-capture:active{transform:scale(.97)}.btn-capture:disabled{opacity:.6}.scan-error{color:var(--danger);margin-top:12px;font-size:.9rem}.scan-result{margin-top:16px;padding:12px;background:var(--bg-glass);border-radius:var(--radius-sm);border:1px solid var(--border)}.scan-alternatives{color:var(--text-muted);font-size:.8rem;margin-top:4px}.scan-matches{margin-top:16px}.scan-matches h3{margin-bottom:10px}.scan-tip{color:var(--text-muted);font-size:.85rem;margin-top:12px;text-align:center}.stats-page h2{margin-bottom:16px;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-page h3{margin:20px 0 12px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{background:var(--bg-glass);border-radius:var(--radius);padding:16px;text-align:center;border:1px solid var(--border);transition:all .25s}.stat-card:hover{border-color:#ef444433;transform:translateY(-2px)}.stat-card.highlight{background:linear-gradient(135deg,#ef444426,#f59e0b26);border-color:#ef44444d}.stat-value{display:block;font-size:1.5rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card.highlight .stat-value{background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.8rem;color:var(--text-secondary)}.top-cards-list{display:flex;flex-direction:column;gap:8px}.top-card-item{display:flex;align-items:center;gap:10px;background:var(--bg-glass);padding:10px;border-radius:var(--radius-sm);border:1px solid var(--border);transition:all .2s}.top-card-item:hover{border-color:#ef444433}.top-card-rank{font-weight:800;min-width:28px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.top-card-item img{width:40px;height:56px;object-fit:cover;border-radius:6px}.top-card-info{flex:1}.top-card-info strong{display:block;font-size:.9rem}.top-card-info span{font-size:.75rem;color:var(--text-secondary)}.top-card-price{color:var(--success);font-weight:700}.settings-page h2{margin-bottom:20px;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-section{background:var(--bg-glass);border-radius:var(--radius);padding:16px;margin-bottom:12px;border:1px solid var(--border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.settings-section h3{font-size:1rem;margin-bottom:8px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.settings-info p{margin-bottom:4px}.settings-role{color:var(--text-muted);font-size:.85rem}.add-child-form{display:flex;flex-direction:column;gap:10px}.add-child-form input{padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0f172a99;color:var(--text-primary);outline:none;transition:border-color .25s,box-shadow .25s}.add-child-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ef44441a}.form-hint{font-size:.8rem;color:var(--text-muted)}.settings-profile-pic{width:80px;height:80px;border-radius:50%;overflow:hidden;cursor:pointer;margin:0 auto;border:2px solid var(--border);transition:all .3s}.settings-profile-pic:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.settings-profile-pic img{width:80px;height:80px;object-fit:cover;border-radius:50%}.settings-profile-placeholder{width:80px;height:80px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.settings-edit-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(71,85,105,.3)}.settings-edit-row .settings-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:2px}.settings-edit-inline{display:flex;gap:8px;align-items:center;padding:8px 0}.settings-edit-inline input{flex:1;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0f172a99;color:var(--text-primary);outline:none}.settings-change-password{display:flex;flex-direction:column;gap:10px}.settings-change-password input{padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0f172a99;color:var(--text-primary);outline:none;transition:border-color .25s,box-shadow .25s}.settings-change-password input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ef44441a}.children-list{display:flex;flex-direction:column;gap:8px}.child-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#0f172a80;border-radius:var(--radius-sm);border:1px solid var(--border)}.child-reset-form{display:flex;gap:8px;margin-top:8px;padding:10px;background:#0f172a80;border-radius:var(--radius-sm);border:1px solid var(--border)}.partner-linked{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#10b98114;border-radius:var(--radius-sm);border:1px solid rgba(16,185,129,.2)}.partner-info{display:flex;flex-direction:column;gap:2px}.partner-info strong{font-size:.95rem}.partner-email{font-size:.8rem;color:var(--text-muted)}.partner-request{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#0f172a80;border-radius:var(--radius-sm);margin-bottom:8px;border:1px solid var(--border)}.partner-request span{font-size:.85rem}.invite-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#0f172a80;border-radius:var(--radius-sm);margin-bottom:8px;border:1px solid var(--border)}.invite-info{display:flex;flex-direction:column;gap:2px;min-width:0}.invite-code{font-family:monospace;font-size:.95rem;font-weight:600;color:var(--accent);word-break:break-all}.invite-meta{font-size:.75rem;color:var(--text-muted)}.invite-actions{display:flex;gap:6px;flex-shrink:0}.empty-state,.empty-hint{color:var(--text-muted);text-align:center;padding:32px 16px}.kids-binders-section{margin-top:24px}.kids-binders-title{font-size:1rem;color:var(--text-secondary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(71,85,105,.3)}.admin-page h2{margin-bottom:16px;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-tabs{display:flex;gap:0;margin-bottom:16px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.admin-tabs button{flex:1;padding:10px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-weight:600;transition:all .25s}.admin-tabs button.active{background:var(--accent-gradient);color:#fff}.admin-success{background:#10b98126;color:var(--success);padding:10px 16px;border-radius:var(--radius-sm);margin-bottom:12px;font-size:.9rem;border:1px solid rgba(16,185,129,.2)}.admin-stats .stats-grid{margin-bottom:12px}.admin-family-group{margin-bottom:4px}.admin-user-card{display:flex;justify-content:space-between;align-items:center;background:var(--bg-glass);padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:4px;border:1px solid var(--border);transition:all .2s}.admin-user-parent{cursor:pointer;border-left:3px solid #63b3ed}.admin-user-parent:hover{background:#1e293bcc}.admin-user-child{margin-left:24px;background:#0f172a80;border-left:3px solid #fbbf24;font-size:.9rem}.admin-user-name-row{display:flex;align-items:center;gap:8px}.family-count{font-size:.7rem;color:var(--text-muted);background:#ffffff0f;padding:1px 8px;border-radius:10px}.expand-arrow{font-size:.7rem;color:var(--text-muted);transition:transform .25s}.expand-arrow.open{transform:rotate(180deg)}.admin-user-info{display:flex;flex-direction:column;gap:2px}.admin-user-info strong{font-size:.95rem}.admin-user-email{font-size:.8rem;color:var(--text-muted)}.admin-user-meta{font-size:.8rem;color:var(--text-secondary)}.admin-user-actions{display:flex;gap:8px}.role-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.role-parent{background:#63b3ed26;color:#63b3ed}.role-child{background:#fbbf2426;color:#fbbf24}.role-admin{background:#a78bfa26;color:#a78bfa}.role-super_admin{background:#ef444426;color:#f87171}.role-partner{background:#10b98126;color:#34d399}.admin-binder-card{background:var(--bg-glass);border-radius:var(--radius-sm);margin-bottom:8px;overflow:hidden;border:1px solid var(--border)}.admin-binder-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;gap:12px;transition:background .2s}.admin-binder-row:hover{background:#1e293b80}.admin-binder-owner{font-size:.8rem;color:var(--text-muted);margin-left:8px}.admin-binder-meta{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.admin-binder-cards{padding:0 16px 12px}.admin-card-item{display:flex;align-items:center;gap:10px;padding:8px;background:#0f172a80;border-radius:var(--radius-sm);margin-bottom:6px;border:1px solid var(--border)}.admin-card-item img{width:36px;height:50px;object-fit:cover;border-radius:4px}.admin-card-info{flex:1}.admin-card-info strong{display:block;font-size:.85rem}.admin-card-info span{font-size:.75rem;color:var(--text-secondary)}.admin-card-price{color:var(--success);font-size:.8rem;font-weight:700}.admin-edit-modal{background:var(--bg-secondary);border-radius:var(--radius);padding:24px;width:90%;max-width:400px;margin:auto;border:1px solid var(--border);box-shadow:var(--shadow-lg)}.admin-edit-modal h3{margin-bottom:16px}.admin-edit-form{display:flex;flex-direction:column;gap:12px}.admin-edit-form label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--text-secondary)}.admin-edit-form input{padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0f172a99;color:var(--text-primary);outline:none;transition:border-color .25s,box-shadow .25s}.admin-edit-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ef44441a}.admin-edit-actions{display:flex;gap:10px;margin-top:4px}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none;max-width:90vw;width:380px}.toast{pointer-events:auto;cursor:pointer;background:var(--bg-glass);color:var(--text-primary);padding:12px 16px;border-radius:var(--radius-sm);border-left:4px solid var(--accent);box-shadow:var(--shadow-lg);animation:toastSlideUp .3s ease;font-size:.9rem;line-height:1.4;word-break:break-word;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border)}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-info{border-left-color:var(--info)}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.collection-total-bar{display:flex;justify-content:center;align-items:center;gap:16px;background:var(--bg-glass);border-radius:var(--radius-sm);padding:10px 16px;margin-bottom:16px;border:1px solid var(--border)}.collection-total-item{text-align:center}.collection-total-label{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.collection-total-value{display:block;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.collection-total-divider{width:1px;height:28px;background:var(--border)}.collection-total-price{color:var(--success)}.stats-breakdown{margin-bottom:20px}.stats-person-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.85rem;color:var(--text-primary);border-bottom:1px solid rgba(71,85,105,.3)}.stats-person-row:last-child{border-bottom:none}.stats-person-name{font-weight:500}.stats-person-values{font-weight:600;white-space:nowrap}.stats-person-sep{color:var(--text-muted);margin:0 4px}.stats-person-divider{height:1px;background:var(--border);margin:0}.stats-person-total{font-weight:700;background:var(--bg-glass);border-radius:var(--radius-sm)}.stats-person-total .stats-person-values{font-size:.9rem}.pc-result img{width:50px;height:50px;object-fit:contain}.pc-no-image{width:50px;height:70px;background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--text-muted);flex-shrink:0}.collection-search{margin-bottom:16px;position:relative}.collection-search-input{display:flex;align-items:center;gap:8px;background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;transition:border-color .25s,box-shadow .25s}.collection-search-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #ef44441a}.collection-search-input svg{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.collection-search-input input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.9rem;outline:none}.collection-search-input input::placeholder{color:var(--text-muted)}.search-clear{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:0 4px;line-height:1}.search-clear:hover{color:var(--text-primary)}.search-loading{font-size:.8rem;color:var(--text-muted);padding:8px 0}.collection-search-results{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:4px;max-height:360px;overflow-y:auto;box-shadow:var(--shadow-md)}.search-no-results{padding:16px;text-align:center;color:var(--text-muted);font-size:.85rem}.search-result-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#1e293b80}.search-result-item img{width:36px;height:50px;object-fit:contain;border-radius:4px;flex-shrink:0}.search-result-info{flex:1;min-width:0}.search-result-info strong{display:block;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-info span{display:block;font-size:.75rem;color:var(--text-muted)}.search-result-location{font-size:.7rem!important;color:var(--accent)!important}.search-result-price{font-weight:700;font-size:.85rem;color:var(--success);white-space:nowrap}.forgot-password-link{background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;margin-top:8px;text-decoration:underline;padding:0;transition:color .2s}.forgot-password-link:hover{color:var(--accent)}.forgot-password-form{display:flex;flex-direction:column;gap:12px;margin-top:12px;padding:16px;background:#0f172a80;border-radius:var(--radius-sm);border:1px solid var(--border);animation:slideDown .2s ease}.forgot-password-form input{padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0f172a99;color:var(--text-primary);outline:none}.forgot-password-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ef44441a}.forgot-hint{font-size:.8rem;color:var(--text-secondary);text-align:left}.forgot-success{color:var(--success);font-size:.85rem}.refresh-progress-label{display:inline-flex;align-items:center;gap:8px}.refresh-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:pokespin .8s linear infinite}@media(max-width:400px){.card-detail-modal{flex-direction:column}.card-detail-modal>img{width:100%;border-radius:var(--radius) var(--radius) 0 0}}.match-notification{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:16px;background:var(--bg-glass);border-radius:var(--radius-sm);border:1px solid rgba(59,130,246,.3);border-left:4px solid var(--info);text-decoration:none;color:var(--text-primary);transition:all .2s}.match-notification:hover{background:#1e293bb3;border-color:#3b82f680}.match-notification-icon{font-size:1.1rem;flex-shrink:0}.match-notification-text{flex:1;font-size:.85rem}.match-notification-text strong{color:var(--info)}.match-notification-action{font-size:.8rem;font-weight:600;color:var(--info);white-space:nowrap}.review-matches-page{padding-bottom:24px}.review-matches-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.review-matches-header h2{font-size:1.2rem}.review-cards-list{display:flex;flex-direction:column;gap:8px}.review-card-wrapper{background:var(--bg-glass);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.review-card{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;transition:background .15s}.review-card:hover,.review-card.expanded{background:#1e293b80}.review-card-image img{width:44px;height:62px;object-fit:contain;border-radius:6px;flex-shrink:0}.review-card-no-image{width:44px;height:62px;background:var(--bg-secondary);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1.2rem;flex-shrink:0}.review-card-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.review-card-info strong{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-card-info span{font-size:.75rem;color:var(--text-secondary)}.review-card-binder{color:var(--accent)!important;font-size:.7rem!important}.review-card-right{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.review-match-count{font-size:.7rem;font-weight:600;color:var(--info);background:#3b82f61f;padding:2px 8px;border-radius:10px}.review-expand-arrow{width:18px;height:18px;color:var(--text-muted);transition:transform .25s}.review-expand-arrow.open{transform:rotate(180deg)}.review-card-matches{padding:0 12px 12px;display:flex;flex-direction:column;gap:8px}.review-matches-loading{padding:12px;text-align:center;color:var(--text-muted);font-size:.85rem}.review-match-item{display:flex;align-items:center;gap:10px;padding:10px;background:#0f172a80;border-radius:var(--radius-sm);border:1px solid var(--border)}.review-match-image img{width:40px;height:56px;object-fit:contain;border-radius:4px;flex-shrink:0}.review-match-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.review-match-info strong{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-match-info span{font-size:.75rem;color:var(--text-secondary)}.review-match-price{color:var(--success)!important;font-weight:700}.match-source-badge{display:inline-block;width:fit-content;padding:1px 6px;border-radius:8px;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.source-tcg{background:#3b82f61f;color:#60a5fa}.source-pc{background:#fbbf241f;color:#fbbf24}.btn-use-match{padding:6px 14px;border:none;border-radius:20px;background:var(--accent-gradient);color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s;box-shadow:0 2px 8px #ef44444d}.btn-use-match:hover{box-shadow:0 4px 16px #ef444480;transform:scale(1.02)}.btn-use-match:active{transform:scale(.97)}.btn-use-match:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}.btn-dismiss-matches{padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:all .2s;align-self:center}.btn-dismiss-matches:hover{border-color:var(--danger);color:var(--danger)}.slot-variant.manual{background:#3b82f6cc}.manual-match-link{display:inline-block;margin:6px 0;font-size:.8rem;color:var(--info);text-decoration:underline;cursor:pointer}.manual-match-link:hover{color:#93c5fd}@media(min-width:768px){.binders-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.app-main{padding:24px}}.settings-toggle{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(71,85,105,.3);cursor:pointer;-webkit-user-select:none;user-select:none}.settings-toggle span:first-child{font-size:.9rem}.settings-toggle input{display:none}.toggle-slider{width:44px;height:24px;background:var(--border);border-radius:12px;position:relative;transition:background .25s;flex-shrink:0}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .25s}.settings-toggle input:checked+.toggle-slider{background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.settings-toggle input:checked+.toggle-slider:after{transform:translate(20px)}.push-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--bg-glass);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-lg),0 0 20px var(--accent-glow);z-index:1000;max-width:90%;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.push-prompt-text{font-size:.85rem;flex:1}.push-prompt-actions{display:flex;gap:8px}.push-prompt-actions button{padding:6px 14px;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;border:none;transition:all .2s}.push-prompt-yes{background:var(--accent-gradient);color:#fff}.push-prompt-no{background:var(--bg-secondary);color:var(--text-muted)}.lookup-page{padding:16px;height:100%;display:flex;flex-direction:column;overflow:hidden}.lookup-page h2{margin-bottom:12px;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lookup-page .search-form{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.lookup-page .search-form input{flex:1 1 100%;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0f172a99;color:var(--text-primary);font-size:.95rem;transition:border-color .25s,box-shadow .25s}.lookup-page .search-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ef44441a}.lookup-page .search-form button{flex:1 1 100%}.lookup-results{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:16px}.lookup-card{background:var(--bg-glass);border-radius:var(--radius-sm);margin-bottom:8px;padding:10px;cursor:pointer;border:2px solid transparent;transition:all .25s}.lookup-card:hover{border-color:#ef444433}.lookup-card-owned{border-color:var(--success)!important;box-shadow:0 0 12px var(--success-glow)}.lookup-card-row{display:flex;align-items:center;gap:12px}.lookup-card-img{width:50px;height:70px;object-fit:cover;border-radius:6px;flex-shrink:0}.lookup-card-info{flex:1;display:flex;flex-direction:column;gap:2px}.lookup-card-info strong{font-size:.9rem}.lookup-card-info span{font-size:.75rem;color:var(--text-secondary)}.lookup-card-price{color:var(--success)!important;font-weight:700;font-size:.85rem!important}.lookup-variant-hint{font-weight:400;font-size:.7rem!important;color:var(--text-muted)!important}.lookup-no-price-inline{color:var(--text-muted)!important;font-style:italic}.lookup-owned-icon{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0;box-shadow:0 0 10px var(--success-glow)}.lookup-owned-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;padding-left:62px}.lookup-owned-badge{font-size:.7rem;background:#10b9811f;color:var(--success);padding:2px 8px;border-radius:12px;cursor:pointer;transition:all .2s}.lookup-owned-badge:hover{background:#10b98133}.lookup-owned-badge:active{opacity:.7}.lookup-expanded{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);animation:fadeIn .2s ease}.lookup-expanded-content{display:flex;gap:16px}.lookup-expanded-img{width:120px;height:auto;border-radius:var(--radius-sm);flex-shrink:0;object-fit:contain}.lookup-expanded-details{flex:1;display:flex;flex-direction:column;gap:4px}.lookup-expanded-details h4{font-size:1rem}.lookup-expanded-details p{font-size:.8rem;color:var(--text-secondary)}.lookup-tcg-link{font-size:.8rem;color:var(--accent);text-decoration:none;margin-top:4px;transition:color .2s}.lookup-tcg-link:hover{color:#f59e0b}.lookup-price-table{margin-top:8px;display:flex;flex-direction:column;gap:6px}.lookup-price-row{display:flex;flex-direction:column;gap:2px}.lookup-variant-name{font-size:.75rem;font-weight:600;color:var(--text-primary)}.lookup-price-cells{display:flex;gap:8px;flex-wrap:wrap}.price-cell{font-size:.75rem;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;background:#0f172a80;padding:4px 8px;border-radius:6px;min-width:56px;border:1px solid var(--border)}.price-cell .price-label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase}.price-cell.price-market{color:var(--success);font-weight:700;border-color:#10b9814d}.lookup-no-price{font-size:.8rem;color:var(--text-muted);font-style:italic;margin-top:4px}.sets-page{padding:16px;height:100%;display:flex;flex-direction:column;overflow:hidden}.sets-page h2{margin-bottom:12px;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sets-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:16px}.set-item{background:var(--bg-glass);border-radius:var(--radius-sm);margin-bottom:8px;overflow:hidden;border:1px solid var(--border);transition:all .25s}.set-item:hover{border-color:#ef444433}.set-item-expanded{border-color:var(--accent)!important;box-shadow:0 0 16px var(--accent-glow)}.set-item-header{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer}.set-item-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.set-symbol{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 0 4px rgba(255,255,255,.1))}.set-symbol-placeholder{width:32px;height:32px;background:var(--bg-secondary);border-radius:4px}.set-item-info{flex:1;min-width:0}.set-item-name-row{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.set-item-name-row strong{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.set-series{font-size:.7rem;color:var(--text-muted);white-space:nowrap}.set-progress-bar{height:6px;background:#0f172a99;border-radius:3px;overflow:hidden;margin-bottom:4px}.set-progress-fill{height:100%;border-radius:3px;background:var(--accent-gradient);min-width:2px;animation:progressSlide .6s ease-out}@keyframes progressSlide{0%{width:0!important}}.set-item-counts{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-secondary)}.set-pct{font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.set-detail{padding:0 12px 12px;animation:fadeIn .3s ease}.set-detail-loading{text-align:center;color:var(--text-muted);padding:20px 0;font-size:.85rem}.set-logo-row{text-align:center;margin-bottom:12px}.set-logo{max-width:180px;max-height:60px;margin:0 auto;object-fit:contain}.set-detail-stats{display:flex;justify-content:center;gap:12px;margin-bottom:12px}.set-stat{font-size:.8rem;font-weight:600;padding:4px 12px;border-radius:12px}.set-stat.owned{background:#10b9811f;color:var(--success)}.set-stat.missing{background:#ef44441f;color:var(--accent)}.set-stat.total{background:#94a3b81a;color:var(--text-secondary)}.set-filter-toggle{display:flex;gap:4px;margin-bottom:12px}.set-filter-toggle button{flex:1;padding:6px 8px;font-size:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;transition:all .25s}.set-filter-toggle button.active{background:var(--accent-gradient);color:#fff;border-color:transparent}.set-checklist{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(min-width:500px){.set-checklist{grid-template-columns:repeat(4,1fr)}}.set-card{background:var(--bg-secondary);border-radius:8px;overflow:hidden;border:2px solid transparent;transition:all .25s}.set-card-owned{border-color:var(--success);box-shadow:0 0 8px var(--success-glow)}.set-card-missing{opacity:.4}.set-card-missing:hover{opacity:.65;transform:scale(1.02)}.set-card-img-wrap{position:relative;aspect-ratio:5/7;overflow:hidden;background:var(--bg-primary)}.set-card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.set-card-owned .set-card-img-wrap img:hover{transform:scale(1.05)}.set-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.8rem}.set-card-check{position:absolute;top:4px;right:4px;width:20px;height:20px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;box-shadow:0 0 8px var(--success-glow)}.set-card-info{padding:4px 6px;display:flex;flex-direction:column;gap:1px}.set-card-number{font-size:.65rem;color:var(--text-muted)}.set-card-name{font-size:.7rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.set-card-rarity{font-size:.6rem;color:var(--warning)}.set-card-binder{font-size:.6rem;color:var(--success);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.set-card-binder:active{opacity:.7}
