.collection-modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:collectionModalFadeIn .2s ease-out;padding:1rem}@keyframes collectionModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes collectionModalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.collection-modal{background:var(--bg-primary);border-radius:16px;max-width:440px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;animation:collectionModalSlideUp .3s ease-out;overflow:hidden}.collection-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.collection-modal-header h2{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.collection-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:8px;cursor:pointer;color:var(--text-muted);transition:all .15s ease}.collection-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.collection-modal-error{margin:.75rem 1rem 0;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.85rem}.collection-modal-list{flex:1;overflow-y:auto;padding:.75rem 1rem}.collection-modal-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:10px;margin-bottom:.5rem;background:var(--bg-secondary);transition:background-color .15s ease}.collection-modal-item:last-child{margin-bottom:0}.collection-modal-item.active{background:var(--accent-color);color:#fff}.collection-item-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0;cursor:pointer;padding:.25rem;margin:-.25rem;border-radius:6px;transition:background-color .15s ease}.collection-item-info:hover{background:#0000000d}.collection-modal-item.active .collection-item-info:hover{background:#ffffff1a}.collection-item-icon{display:flex;align-items:center;color:var(--text-muted);flex-shrink:0}.collection-modal-item.active .collection-item-icon{color:#fff}.collection-item-details{display:flex;flex-direction:column;gap:.15rem;min-width:0}.collection-item-name{font-weight:500;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.collection-item-default{font-size:.7rem;font-weight:500;padding:.1rem .4rem;border-radius:4px;background:#fff3;color:#fff;text-transform:uppercase;letter-spacing:.025em}.collection-modal-item:not(.active) .collection-item-default{background:var(--bg-card);color:var(--text-muted)}.collection-item-count{font-size:.8rem;color:var(--text-muted)}.collection-modal-item.active .collection-item-count{color:#fffc}.collection-item-actions{display:flex;gap:.25rem;flex-shrink:0}.collection-action-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:none;border:none;border-radius:6px;cursor:pointer;color:var(--text-muted);transition:all .15s ease}.collection-action-btn:hover:not(:disabled){background:var(--bg-card);color:var(--text-primary)}.collection-action-btn.delete:hover:not(:disabled){background:#ef44441a;color:#ef4444}.collection-action-btn:disabled{opacity:.5;cursor:not-allowed}.collection-edit-form{display:flex;align-items:center;gap:.5rem;width:100%}.collection-edit-input{flex:1;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-primary);font-size:.9rem}.collection-edit-input:focus{outline:none;border-color:var(--accent-color)}.collection-edit-actions{display:flex;gap:.25rem}.collection-edit-save,.collection-edit-cancel{padding:.4rem .75rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.collection-edit-save{background:var(--accent-color);color:#fff;border:none}.collection-edit-save:hover:not(:disabled){background:var(--accent-hover)}.collection-edit-save:disabled{opacity:.5;cursor:not-allowed}.collection-edit-cancel{background:none;border:1px solid var(--border-color);color:var(--text-secondary)}.collection-edit-cancel:hover:not(:disabled){background:var(--bg-card)}.collection-delete-confirm{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.75rem}.collection-delete-text{font-size:.9rem;color:#ef4444}.collection-delete-actions{display:flex;gap:.25rem}.collection-delete-yes,.collection-delete-no{padding:.4rem .75rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.collection-delete-yes{background:#ef4444;color:#fff;border:none}.collection-delete-yes:hover:not(:disabled){background:#dc2626}.collection-delete-no{background:none;border:1px solid var(--border-color);color:var(--text-secondary)}.collection-delete-no:hover:not(:disabled){background:var(--bg-card)}.collection-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color)}.collection-footer-row{display:flex;align-items:center;justify-content:space-between}.collection-add-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:none;border:1px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease}.collection-add-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color);background:#c9a66b0d}.collection-add-btn:disabled{opacity:.5;cursor:not-allowed}.collection-count-info{font-size:.8rem;color:var(--text-muted)}.collection-create-form{display:flex;gap:.5rem}.collection-create-input{flex:1;padding:.6rem .75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);color:var(--text-primary);font-size:.9rem}.collection-create-input:focus{outline:none;border-color:var(--accent-color)}.collection-create-actions{display:flex;gap:.25rem}.collection-create-save,.collection-create-cancel{padding:.6rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.collection-create-save{background:var(--accent-color);color:#fff;border:none}.collection-create-save:hover:not(:disabled){background:var(--accent-hover)}.collection-create-save:disabled{opacity:.5;cursor:not-allowed}.collection-create-cancel{background:none;border:1px solid var(--border-color);color:var(--text-secondary)}.collection-create-cancel:hover:not(:disabled){background:var(--bg-card)}@media(max-width:480px){.collection-modal{max-height:90vh;border-radius:12px}.collection-modal-header{padding:1rem}.collection-modal-list{padding:.5rem .75rem}.collection-modal-item{padding:.6rem .75rem}.collection-modal-footer{padding:.75rem 1rem}.collection-footer-row{flex-direction:column;gap:.5rem}.collection-add-btn{width:100%;justify-content:center}.collection-create-form{flex-direction:column}.collection-create-actions{justify-content:flex-end}}.collection-selector{position:relative}.collection-selector-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:2px solid rgba(255,255,255,.6);border-radius:0;padding:.35rem .6rem;cursor:pointer;transition:all .15s steps(2);height:36px;box-sizing:border-box;color:#ffffffe6;font-family:var(--font-retro);font-size:1.1rem;font-weight:400;max-width:180px}.collection-selector-btn:hover:not(:disabled){background-color:#ffffff1a;border-color:#fff;color:#fff;transform:translate(-1px,-1px);box-shadow:2px 2px #ffffff4d}.collection-selector-btn:active:not(:disabled){transform:translate(0);box-shadow:none}.collection-selector-btn:disabled{opacity:.6;cursor:not-allowed}.collection-selector-btn:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.collection-selector-icon{display:flex;align-items:center;color:#fffc;flex-shrink:0}.collection-selector-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left}.collection-selector-chevron{display:flex;align-items:center;color:#ffffffb3;transition:transform .15s steps(2);flex-shrink:0}.collection-selector-chevron.open{transform:rotate(180deg)}.collection-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--bg-card);border:3px solid var(--text-primary);border-radius:0;box-shadow:4px 4px #0000004d;z-index:var(--z-dropdown, 1000);min-width:220px;max-width:280px;animation:collectionFadeIn .1s steps(3);overflow:hidden}@keyframes collectionFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.collection-dropdown-list{padding:.5rem;max-height:280px;overflow-y:auto}.collection-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .75rem;background:none;border:none;border-radius:0;cursor:pointer;transition:background-color .1s steps(2);text-align:left;color:var(--text-primary);position:relative}.collection-option:hover:not(:disabled){background-color:var(--bg-secondary)}.collection-option:disabled{opacity:.6;cursor:not-allowed}.collection-option.active{background-color:var(--accent-color);color:#fff}.collection-option.active:hover{background-color:var(--accent-hover)}.collection-option-icon{display:flex;align-items:center;color:var(--text-muted);flex-shrink:0}.collection-option.active .collection-option-icon{color:#fff}.collection-option-name{flex:1;font-family:var(--font-retro);font-size:1.1rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-option-count{font-family:var(--font-retro);font-size:.95rem;color:var(--text-muted);background:var(--bg-secondary);padding:.15rem .4rem;border-radius:0;flex-shrink:0}.collection-option.active .collection-option-count{background:#fff3;color:#fff}.collection-option-check{display:flex;align-items:center;color:#fff;flex-shrink:0}.collection-dropdown-footer{border-top:1px solid var(--border-color);padding:.5rem}.collection-manage-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .75rem;background:none;border:none;border-radius:0;cursor:pointer;transition:background-color .1s steps(2);text-align:left;color:var(--text-secondary);font-family:var(--font-retro);font-size:1rem;font-weight:400}.collection-manage-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.collection-manage-icon{display:flex;align-items:center}@media(max-width:768px){.collection-selector-btn{max-width:140px;padding:.3rem .5rem;height:34px}.collection-selector-name{font-size:1rem}.collection-dropdown{min-width:200px;right:-20px}}@media(max-width:480px){.collection-selector-btn{max-width:120px}.collection-selector-name{display:none}.collection-selector-btn{padding:.3rem .4rem;gap:.25rem}}.header{background-color:var(--header-bg);border-bottom:none;position:sticky;top:0;z-index:100;padding-top:env(safe-area-inset-top,0)}.header-content{max-width:1400px;margin:0 auto;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;position:relative}.logo-group{display:flex;align-items:center;gap:.75rem}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#fff;position:relative}.logo-text{font-family:var(--font-pixel);font-size:.85rem;font-weight:400;color:#ffffffe6;position:relative;transition:color .2s ease}.logo-text:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background-color:#fff;transform:scaleX(0);transition:transform .2s ease}.logo:hover .logo-text{color:#fff}.logo:hover .logo-text:after{transform:scaleX(1)}.logo.active .logo-text{color:var(--accent-color)}.logo.active .logo-text:after{background-color:var(--accent-color);transform:scaleX(1)}.logo.active:hover .logo-text{color:var(--accent-hover)}.logo.active:hover .logo-text:after{background-color:var(--accent-hover)}.mobile-menu-container{display:none;position:relative}.hamburger-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;background:transparent;border:2px solid rgba(255,255,255,.4);border-radius:0;cursor:pointer;padding:8px;transition:all var(--transition-base)}.hamburger-btn:hover{background-color:#ffffff1a;border-color:#fff9}.hamburger-line{width:18px;height:3px;background-color:#fff;border-radius:0;transition:all var(--transition-base)}.hamburger-btn.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.hamburger-btn.open .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.mobile-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--bg-card);border:4px solid var(--text-primary);border-radius:0;box-shadow:inset -4px -4px 0 0 var(--border-color),inset 4px 4px #fffc,var(--shadow-lg);z-index:var(--z-dropdown);min-width:160px;padding:.5rem;animation:fadeIn .1s steps(3)}.mobile-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem .75rem 1.5rem;background:none;border:none;border-radius:0;color:var(--text-primary);text-decoration:none;font-family:var(--font-pixel);font-size:.5rem;font-weight:400;transition:background-color var(--transition-base);position:relative}.mobile-menu-item:before{content:"";position:absolute;left:.5rem;opacity:0}.mobile-menu-item:hover{background-color:var(--bg-secondary)}.mobile-menu-item:hover:before{content:"▶";opacity:1;animation:pixelBlink .5s step-end infinite}.mobile-menu-item.active{background-color:var(--accent-color);color:#fff}.mobile-menu-item.active:before{content:"▶";opacity:1;color:#fff}.mobile-menu-sync-dot{width:6px;height:6px;background-color:var(--accent-color);border-radius:50%;animation:pulse 1s infinite}.mobile-menu-item.active .mobile-menu-sync-dot{background-color:#fff}.nav-links{display:flex;align-items:center;gap:1.5rem}.header.logged-out .header-content{justify-content:flex-start}.header.logged-out .nav-links{position:absolute;left:50%;transform:translate(-50%)}.header.logged-out .header-actions{margin-left:auto}.nav-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:none;border:none;color:#fffc;text-decoration:none;font-family:var(--font-pixel);font-size:.55rem;font-weight:400;transition:all .2s ease;position:relative}.nav-btn:after{content:"";position:absolute;bottom:0;left:.75rem;right:.75rem;height:2px;background-color:#fff;transform:scaleX(0);transition:transform .2s ease}.nav-btn:hover{color:#fff}.nav-btn:hover:after{transform:scaleX(1)}.nav-btn.active{color:var(--accent-color)}.nav-btn.active:after{background-color:var(--accent-color);transform:scaleX(1)}.nav-btn.active:hover{color:var(--accent-hover)}.nav-btn.active:hover:after{background-color:var(--accent-hover)}.nav-btn-sync-dot{position:absolute;top:2px;right:0;width:6px;height:6px;background-color:var(--accent-color);border-radius:50%;animation:pulse 1s infinite}.nav-btn.active .nav-btn-sync-dot{background-color:var(--accent-color)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header-actions{display:flex;align-items:center;gap:.75rem}.theme-selector{position:relative}.theme-selector-btn{display:flex;align-items:center;gap:.25rem;background:transparent;border:2px solid rgba(255,255,255,.4);border-radius:0;padding:.25rem .5rem .25rem .25rem;cursor:pointer;transition:all var(--transition-base);height:36px;box-sizing:border-box}.theme-selector-btn:hover{background-color:#ffffff1a;border-color:#fff9;transform:translate(-1px,-1px);box-shadow:2px 2px #fff3}.theme-selector-btn:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.theme-selector-sprite{width:28px;height:28px;image-rendering:pixelated}.theme-selector-chevron{font-size:.6rem;color:#ffffffb3;transition:transform .2s ease}.theme-selector-btn[aria-expanded=true] .theme-selector-chevron{transform:rotate(180deg)}.theme-dropdown{position:absolute;top:calc(100% + .5rem);left:0;background:var(--bg-card);border:4px solid var(--text-primary);border-radius:0;box-shadow:inset -4px -4px 0 0 var(--border-color),inset 4px 4px #fffc,var(--shadow-lg);z-index:var(--z-dropdown);min-width:160px;padding:.5rem;animation:fadeIn .1s steps(3)}.theme-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem .5rem 1.5rem;background:none;border:none;border-radius:0;cursor:pointer;transition:background-color var(--transition-base);text-align:left;position:relative}.theme-option:before{content:"";position:absolute;left:.5rem;opacity:0;font-family:var(--font-pixel);font-size:.5rem}.theme-option:hover{background-color:var(--bg-secondary)}.theme-option:hover:before{content:"▶";opacity:1;animation:pixelBlink .5s step-end infinite}.theme-option.active{background-color:var(--accent-color);color:#fff}.theme-option.active:before{content:"▶";opacity:1;color:#fff}.theme-option.active:hover{background-color:var(--accent-hover)}.theme-option-sprite{width:32px;height:32px;image-rendering:pixelated}.theme-option-name{flex:1;font-family:var(--font-pixel);font-size:.5rem;font-weight:400;color:var(--text-primary)}.theme-option.active .theme-option-name{color:#fff}.theme-option-check{font-size:.85rem;color:#fff;margin-left:auto;padding-right:.25rem}@media(max-width:768px){.nav-links-desktop{display:none}.mobile-menu-container{display:block;order:-1}.mobile-menu-dropdown{left:0;right:auto}.logo-text{display:none}.logo-group{position:absolute;left:50%;transform:translate(-50%)}.header-content{position:relative}.logo-icon{width:36px;height:36px}}.sync-status{display:flex;align-items:center}.sync-indicator{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;display:flex;align-items:center;gap:.25rem}.sync-indicator.syncing{color:#fffc}.sync-indicator.synced{color:#22c55e;background:#22c55e1a}.sync-indicator.offline{color:#f59e0b;background:#f59e0b1a}.sync-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:header-spin 1s linear infinite}@keyframes header-spin{to{transform:rotate(360deg)}}.user-menu{display:flex;align-items:center;gap:.5rem}.user-avatar{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.user-avatar-placeholder{width:32px;height:32px;border-radius:50%;border:2px solid var(--border-color);background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.user-avatar-link{display:flex;align-items:center;text-decoration:none;border-radius:50%;transition:transform .2s,box-shadow .2s}.user-avatar-link:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.user-avatar-link:hover .user-avatar,.user-avatar-link:hover .user-avatar-placeholder{border-color:var(--accent-color)}.logout-btn{background:transparent;border:2px solid rgba(255,255,255,.6);color:#ffffffe6;padding:.35rem .75rem;border-radius:0;font-family:var(--font-pixel);font-size:.45rem;cursor:pointer;transition:all var(--transition-base);height:36px;box-sizing:border-box}.logout-btn:hover{border-color:#fff;color:#fff;background:#ffffff1a;transform:translate(-1px,-1px);box-shadow:2px 2px #ffffff4d}.login-btn{display:flex;align-items:center;gap:.5rem;background:var(--accent-color);color:#fff;border:3px solid var(--text-primary);padding:.5rem 1rem;border-radius:0;font-family:var(--font-pixel);font-size:.5rem;font-weight:400;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.login-btn:hover:not(:disabled){background:var(--accent-hover);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--text-primary)}.login-btn:active:not(:disabled){transform:translate(0);box-shadow:var(--shadow-sm)}.login-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.login-btn-text{display:none}.login-btn{padding:.5rem}.logout-btn{display:none}.sync-indicator{font-size:0;padding:.25rem}.sync-indicator.synced:before{content:"";width:8px;height:8px;background:#22c55e;border-radius:50%}.sync-indicator.offline:before{content:"";width:8px;height:8px;background:#f59e0b;border-radius:50%}}@media(hover:none)and (pointer:coarse){.theme-selector-btn{min-height:44px;padding:.35rem .5rem .35rem .35rem}.theme-option,.nav-btn{min-height:44px}.hamburger-btn{min-width:44px;min-height:44px}.mobile-menu-item{min-height:44px}.login-btn{min-height:44px;padding:.5rem 1rem}.logout-btn{min-height:44px}.hamburger-btn:active{background-color:#ffffff4d;transform:scale(.95)}.mobile-menu-item:active{transform:scale(.98)}.theme-selector-btn:active{background-color:#ffffff4d;transform:scale(.95)}.theme-option:active{transform:scale(.98)}.nav-btn:active{color:#fff;transform:scale(.98)}.login-btn:active:not(:disabled){background:#3a3f44;transform:scale(.98)}.logo:active .logo-icon{transform:scale(.95)}.logo:active .logo-text:after{transform:scaleX(1)}}@media(max-width:360px){.header-content{padding:.5rem .75rem}.header-actions{gap:.5rem}.logo-icon{width:32px;height:32px}.theme-selector-sprite{width:24px;height:24px}}.footer{margin-top:auto;padding:1.5rem 1rem;text-align:center;border-top:none;background-color:var(--header-bg)}.footer-text{margin:0;font-size:.85rem;color:#ffffffe6}.footer-link{color:#fff;text-decoration:none;font-weight:500;transition:opacity .2s ease}.footer-link:hover{color:#fff;opacity:.8;text-decoration:underline}@media(max-width:480px){.footer{padding:1.25rem 1rem}.footer-text{font-size:.8rem}}.theme-mascot{display:flex;justify-content:center;align-items:flex-end;padding:0 var(--space-md);margin-top:var(--space-md);overflow:hidden}.theme-mascot-image{max-width:400px;width:100%;height:auto;object-fit:contain;mask-image:linear-gradient(to bottom,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}@media(max-width:768px){.theme-mascot-image{max-width:300px}}@media(max-width:480px){.theme-mascot{margin-top:var(--space-lg)}.theme-mascot-image{max-width:250px}}.layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:2rem 1.5rem}@media(max-width:768px){.main-content{padding:1rem}}.auth-modal-backdrop{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:none;-webkit-backdrop-filter:none;animation:authFadeIn .1s steps(3)}@keyframes authFadeIn{0%{opacity:0}to{opacity:1}}@keyframes authSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-modal{background:var(--bg-primary, #ffffff);border-radius:0;padding:2rem;max-width:400px;width:90%;text-align:center;border:4px solid var(--text-primary, #1a1a1a);box-shadow:inset -4px -4px 0 0 var(--border-color, #e5e5e5),inset 4px 4px #fffc,8px 8px #0006;animation:authSlideUp .15s steps(4)}.auth-modal h2{margin:0 0 .5rem;color:var(--text-primary, #1a1a1a);font-family:var(--font-pixel);font-size:.75rem;font-weight:400;line-height:1.5}.auth-modal-subtitle{color:var(--text-secondary, #666666);margin:0 0 1.5rem;font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.auth-input-group{text-align:left}.auth-input-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-primary, #333);margin-bottom:.375rem}.auth-input-group label .optional{font-weight:400;color:var(--text-muted, #999)}.auth-input-group input{width:100%;padding:.75rem 1rem;border:3px solid var(--text-primary, #1a1a1a);border-radius:0;font-size:.9rem;background:var(--bg-card, #fff);color:var(--text-primary, #333);transition:all var(--transition-base);box-sizing:border-box;box-shadow:var(--shadow-sm)}.auth-input-group input:focus{outline:none;border-color:var(--accent-color, #c9a66b);box-shadow:0 0 0 2px var(--accent-color, #c9a66b)}.auth-input-group input:disabled{opacity:.6;cursor:not-allowed}.auth-input-group input::placeholder{color:var(--text-muted, #999)}.auth-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent-color, #c9a66b);border:3px solid var(--text-primary, #1a1a1a);color:#fff;padding:.875rem 1.5rem;border-radius:0;cursor:pointer;font-family:var(--font-retro);font-weight:400;font-size:1.1rem;transition:all var(--transition-base);margin-top:.5rem;box-shadow:var(--shadow-md)}.auth-submit-btn:hover:not(:disabled){background:var(--accent-hover, #b8956a);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--text-primary, #1a1a1a)}.auth-submit-btn:active:not(:disabled){transform:translate(0);box-shadow:var(--shadow-sm)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-submit-btn svg{width:18px;height:18px}.auth-btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:authSpin .8s linear infinite}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-toggle{color:var(--text-secondary, #666);font-size:.9rem;margin:1rem 0}.auth-toggle button{background:none;border:none;color:var(--accent-color, #c9a66b);font-weight:600;cursor:pointer;padding:0;font-size:inherit;text-decoration:underline;text-underline-offset:2px}.auth-toggle button:hover:not(:disabled){color:#b8956a}.auth-toggle button:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;margin:1.25rem 0;gap:1rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:3px;background:var(--text-primary, #1a1a1a)}.auth-divider span{color:var(--text-muted, #999);font-family:var(--font-retro);font-size:1rem;text-transform:uppercase;letter-spacing:.05em}.auth-github-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#24292e;color:#fff;padding:.875rem 1.5rem;border-radius:0;border:3px solid var(--text-primary, #1a1a1a);cursor:pointer;font-family:var(--font-retro);font-weight:400;font-size:1.1rem;transition:all var(--transition-base);width:100%;box-shadow:var(--shadow-md)}.auth-github-btn:hover:not(:disabled){background:#1a1e22;transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--text-primary, #1a1a1a)}.auth-github-btn:active:not(:disabled){transform:translate(0);box-shadow:var(--shadow-sm)}.auth-github-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-github-btn svg{width:20px;height:20px}.auth-github-btn--legacy{background:#3a3f44;opacity:.9}.auth-github-btn--legacy:hover:not(:disabled){background:#2d3136}.auth-github-note{font-size:.75rem;color:var(--text-muted, #999);margin:.5rem 0 0;line-height:1.4}.auth-error-box{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:.75rem 1rem;margin-bottom:1rem;text-align:left}.auth-error-message{color:#b91c1c;font-size:.9rem;line-height:1.5;margin:0}.auth-success-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:.75rem 1rem;margin-bottom:1rem;text-align:left}.auth-success-message{color:#166534;font-size:.9rem;line-height:1.5;margin:0}.auth-forgot-link{display:block;background:none;border:none;color:var(--accent-color, #c9a66b);font-size:.85rem;cursor:pointer;padding:0;margin-top:.5rem;text-align:right}.auth-forgot-link:hover:not(:disabled){color:#b8956a;text-decoration:underline}.auth-forgot-link:disabled{opacity:.6;cursor:not-allowed}.auth-code-display{font-family:SF Mono,Monaco,Consolas,monospace;font-size:1.75rem;font-weight:700;letter-spacing:.3em;padding:1rem 1.25rem;background:linear-gradient(135deg,#f8f4e9,#f0ebe0);border-radius:12px;color:var(--accent-color, #c9a66b);margin-bottom:.75rem;-webkit-user-select:all;user-select:all;cursor:pointer;border:2px solid #e8e0d0;transition:all .2s;white-space:nowrap}.auth-code-display:hover{background:linear-gradient(135deg,#f0ebe0,#e8e0d0);border-color:var(--accent-color, #c9a66b)}.auth-code-hint{font-size:.8rem;color:var(--text-muted, #999);margin-bottom:1.5rem}.auth-github-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#24292e;color:#fff;padding:.875rem 2rem;border-radius:10px;text-decoration:none;font-weight:600;font-size:1rem;margin-bottom:1.5rem;transition:all .2s}.auth-github-link:hover{background:#1a1e22;transform:translateY(-1px);box-shadow:0 4px 12px #24292e4d}.auth-github-link svg{width:20px;height:20px}.auth-waiting{display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--text-muted, #888);margin-bottom:1.5rem;font-size:.9rem}.auth-spinner{width:18px;height:18px;border:2px solid var(--border-color, #e0e0e0);border-top-color:var(--accent-color, #c9a66b);border-radius:50%;animation:authSpin .8s linear infinite}.auth-cancel-btn{background:transparent;border:1px solid var(--border-color, #d0d0d0);color:var(--text-secondary, #666);padding:.625rem 1.75rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.auth-cancel-btn:hover{border-color:var(--text-muted, #999);color:var(--text-primary, #333);background:var(--bg-secondary, #f5f5f5)}@media(max-width:480px){.auth-modal{padding:1.5rem;border-radius:16px;width:95%}.auth-modal h2{font-size:1.375rem}.auth-code-display{font-size:1.5rem;letter-spacing:.25em}}.owned-badge{position:absolute;bottom:8px;right:8px;width:24px;height:24px;background-color:var(--success-color);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;z-index:1}.owned-checkmark{color:#fff;font-size:14px;font-weight:700;line-height:1}.card-thumbnail{display:flex;flex-direction:column;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-sm);padding:0;text-align:left;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background-color var(--transition-base)}.card-thumbnail:hover,.card-thumbnail:focus-visible{transform:translateY(-4px);background-color:var(--bg-secondary)}.card-thumbnail:active{transform:translateY(-2px)}.card-thumbnail:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.card-image-container{position:relative;width:100%;aspect-ratio:63 / 88;overflow:hidden;background-color:var(--bg-secondary);transform-style:preserve-3d;will-change:transform}.card-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.card-toggle-btn{width:18px;height:18px;border-radius:3px;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,background .2s,transform .2s,border-color .2s;flex-shrink:0;margin-left:auto}.card-thumbnail:hover .card-toggle-btn,.card-thumbnail:focus-within .card-toggle-btn,.card-toggle-btn.owned{opacity:1}.card-toggle-btn:hover{transform:scale(1.1);background:var(--bg-card);border-color:var(--text-muted)}.card-toggle-btn.owned{background:#3b82f6;border-color:#3b82f6;color:#fff}.card-toggle-btn.owned:hover{background:#2563eb;border-color:#2563eb}.card-toggle-btn.has-inventory{width:auto;padding:0 6px;min-width:32px;background:var(--accent-color);border-color:var(--accent-color);color:#fff;gap:2px}.card-toggle-btn.has-inventory:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.card-toggle-btn .inv-count{font-size:10px;font-weight:700}.card-owned-indicator{width:18px;height:18px;border-radius:3px;background:#3b82f6;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;gap:2px}.card-owned-indicator.has-inventory{width:auto;padding:0 6px;min-width:32px;background:var(--accent-color)}.card-owned-indicator .inv-count{font-size:10px;font-weight:700}.card-thumbnail.dimmed{opacity:.55}.card-thumbnail.dimmed .card-image{filter:grayscale(40%)}.card-thumbnail.dimmed .card-info{background-color:var(--bg-secondary)}.card-thumbnail.dimmed .card-price{color:var(--text-muted)}.card-thumbnail.dimmed:hover{opacity:.85}.card-thumbnail.dimmed:hover .card-image{filter:grayscale(20%)}.card-image{width:100%;height:100%;object-fit:cover}.card-info{padding:.75rem;display:flex;flex-direction:column;gap:.25rem;transition:background-color .2s ease}.card-info-owned{background-color:var(--owned-bg);border-top:2px solid var(--owned-border)}.card-info-owned .card-number{color:var(--owned-color)}.card-info-owned .card-name{color:var(--text-primary)}.card-info-owned .card-price{color:var(--owned-color);font-weight:700}.card-title-row{display:flex;align-items:baseline;gap:.5rem;min-width:0}.card-number{font-size:.75rem;color:var(--text-muted);font-weight:500;flex-shrink:0}.card-name{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.card-price{font-size:.85rem;color:var(--success-color);font-weight:600}@media(max-width:480px){.card-info{padding:.5rem}.card-name{font-size:.8rem}.card-number,.card-price{font-size:.7rem}}.card-thumbnail.rarity-rare{box-shadow:var(--shadow-sm),0 0 14px var(--rarity-rare-shadow)}.card-thumbnail.rarity-rare:hover{box-shadow:var(--shadow-lg),0 0 24px var(--rarity-rare-shadow-hover)}.card-thumbnail.rarity-holo{box-shadow:var(--shadow-sm),0 0 18px var(--rarity-holo-shadow)}.card-thumbnail.rarity-holo:hover{box-shadow:var(--shadow-lg),0 0 32px var(--rarity-holo-shadow-hover)}.card-thumbnail.rarity-holo .card-image-container:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(102,126,234,.15) 25%,rgba(118,75,162,.15) 50%,rgba(240,147,251,.15) 75%,transparent 100%);opacity:.3;transition:opacity var(--transition-base);pointer-events:none}.card-thumbnail.rarity-holo:hover .card-image-container:after{opacity:1}.card-thumbnail.rarity-ultra{box-shadow:var(--shadow-sm),0 0 22px var(--rarity-ultra-shadow)}.card-thumbnail.rarity-ultra:hover{box-shadow:var(--shadow-lg),0 0 38px var(--rarity-ultra-shadow-hover)}.card-thumbnail.rarity-ultra .card-image-container:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(245,175,25,.2) 30%,rgba(241,39,17,.15) 50%,rgba(245,175,25,.2) 70%,transparent 100%);opacity:.4;transition:opacity var(--transition-base);pointer-events:none}.card-thumbnail.rarity-ultra:hover .card-image-container:after{opacity:1}.card-thumbnail.rarity-secret{box-shadow:var(--shadow-sm),0 0 28px var(--rarity-secret-shadow)}.card-thumbnail.rarity-secret:hover{box-shadow:var(--shadow-lg),0 0 45px var(--rarity-secret-shadow-hover)}.card-thumbnail.rarity-secret .card-image-container:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.25) 25%,rgba(255,255,255,.35) 50%,rgba(255,215,0,.25) 75%,transparent 100%);background-size:200% 100%;opacity:.5;transition:opacity var(--transition-base);pointer-events:none}.card-thumbnail.rarity-secret:hover .card-image-container:after{opacity:1;animation:shimmer 2s infinite}.card-chase-btn{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;border:none;background:transparent;color:#fffc;font-size:20px;cursor:pointer;opacity:0;transition:opacity .2s,color .2s,transform .2s,text-shadow .2s;z-index:2;display:flex;align-items:center;justify-content:center;text-shadow:0 1px 3px rgba(0,0,0,.8)}.card-thumbnail:hover .card-chase-btn,.card-chase-btn.chasing{opacity:1}.card-chase-btn.chasing{background:transparent;color:#facc15;text-shadow:0 0 8px rgba(250,204,21,.6)}.card-chase-btn:hover{transform:scale(1.15)}.card-chase-btn.chasing:hover{color:#fde047}.card-chase-indicator{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;background:transparent;color:#facc15;font-size:20px;display:flex;align-items:center;justify-content:center;z-index:2;text-shadow:0 0 8px rgba(250,204,21,.6)}.card-thumbnail.chasing-card{border:2px solid #facc15;box-shadow:0 0 10px #facc154d}.card-thumbnail.chasing-card:hover{box-shadow:var(--shadow-lg),0 0 15px #facc1566}@media(hover:none)and (pointer:coarse){.card-toggle-btn,.card-chase-btn{opacity:1}.card-toggle-btn{width:32px;height:32px;font-size:16px;border-radius:6px}.card-chase-btn{width:36px;height:36px;font-size:24px}.card-owned-indicator{width:28px;height:28px;font-size:14px;border-radius:6px}.card-thumbnail:active{transform:scale(.98)}.card-toggle-btn:active{transform:scale(.9);background:var(--bg-card)}.card-toggle-btn.owned:active{background:#1d4ed8}.card-chase-btn:active{transform:scale(.9)}.card-thumbnail:active{box-shadow:var(--shadow-lg);background-color:var(--bg-secondary)}}@media(max-width:360px){.card-info{padding:.4rem;gap:.15rem}.card-name{font-size:.75rem}.card-number,.card-price{font-size:.65rem}.card-toggle-btn{width:28px;height:28px;font-size:14px}}@media(max-width:480px){.card-name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.card-price{font-size:.75rem;font-weight:600}.card-number{font-size:.7rem;font-weight:600}}@media(max-width:360px){.card-name{-webkit-line-clamp:1;font-size:.7rem}.card-price{font-size:.7rem;font-weight:700}}.card-list-item{display:grid;grid-template-columns:50px 50px minmax(120px,1fr) minmax(120px,180px) minmax(70px,100px) minmax(100px,1fr) minmax(100px,130px) 70px;align-items:center;gap:.75rem;padding:.5rem .75rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:background-color .15s ease,border-color .15s ease;width:100%}.card-list-item.with-era-set{grid-template-columns:50px 50px minmax(100px,1fr) minmax(80px,120px) minmax(80px,1fr) minmax(80px,140px) minmax(60px,90px) minmax(80px,1fr) minmax(100px,130px) 70px}.card-list-item:hover{background-color:var(--bg-secondary)}.card-list-item:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.card-list-item.dimmed{opacity:.55}.card-list-item.dimmed:hover{opacity:.85}.card-list-item.owned{background-color:var(--owned-bg);border-color:var(--owned-border)}.card-list-item.chasing{border-color:#facc15;box-shadow:0 0 8px #facc1533}.card-list-item.preview{background-color:var(--bg-card);border-color:var(--border-color)}.card-list-item.preview:hover{background-color:var(--bg-primary);border-color:var(--text-muted)}.card-list-item.preview.owned{background-color:var(--bg-card);border-color:var(--border-color)}.card-list-item.preview.chasing{background-color:var(--bg-card)}.clickable{cursor:pointer;transition:color .15s ease}.clickable:hover{color:var(--accent-color)}.clickable-filter{cursor:pointer;color:var(--accent-color)!important;transition:text-decoration .15s ease}.clickable-filter:hover{text-decoration:underline}.card-list-image-container{position:relative;width:50px;height:70px;flex-shrink:0;border-radius:4px;overflow:hidden;background-color:var(--bg-secondary);transition:transform .15s ease,box-shadow .15s ease}.card-list-image-container:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.card-list-image{width:100%;height:100%;object-fit:cover}.card-list-chase-indicator{position:absolute;top:2px;right:2px;color:#facc15;font-size:12px;text-shadow:0 0 4px rgba(250,204,21,.6)}.card-list-number{font-size:.8rem;color:var(--text-muted);font-weight:500;white-space:nowrap}.card-list-name{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-list-name:hover{color:var(--accent-color)}.card-list-era,.card-list-set,.card-list-rarity{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-list-types{display:flex;gap:.25rem;flex-wrap:wrap}.type-text{font-size:.8rem;color:var(--text-secondary)}.card-list-artist{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-list-price{font-size:.85rem;font-weight:600;color:var(--success-color);text-align:center;white-space:nowrap}.card-list-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.card-list-toggle-btn,.card-list-chase-btn{width:24px;height:24px;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-muted);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s,transform .15s;opacity:0}.card-list-item:hover .card-list-toggle-btn,.card-list-item:hover .card-list-chase-btn,.card-list-toggle-btn.active,.card-list-chase-btn.active{opacity:1}.card-list-toggle-btn:hover,.card-list-chase-btn:hover{transform:scale(1.1);background:var(--bg-card)}.card-list-toggle-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.card-list-toggle-btn.has-inventory{width:auto;padding:0 6px;min-width:36px;background:var(--accent-color);border-color:var(--accent-color);color:#fff}.card-list-toggle-btn.has-inventory:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.inventory-badge{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:600}.card-list-chase-btn.active{background:transparent;border-color:#facc15;color:#facc15}@media(max-width:1024px){.card-list-item{grid-template-columns:45px 45px minmax(100px,1fr) minmax(90px,140px) minmax(60px,90px) minmax(90px,120px) 60px;gap:.5rem;padding:.4rem .6rem}.card-list-item.with-era-set{grid-template-columns:45px 45px minmax(80px,1fr) 80px minmax(70px,1fr) minmax(80px,120px) minmax(90px,120px) 60px}.card-list-artist{display:none}.card-list-image-container{width:45px;height:63px}.card-list-name{font-size:.85rem}.card-list-rarity,.type-text,.card-list-era,.card-list-set{font-size:.75rem}}@media(max-width:768px){.card-list-item{grid-template-columns:40px 40px 1fr minmax(70px,100px) 50px;gap:.4rem;padding:.35rem .5rem}.card-list-item.with-era-set{grid-template-columns:40px 40px 1fr minmax(60px,100px) minmax(70px,100px) 50px}.card-list-rarity,.card-list-types,.card-list-era{display:none}.card-list-image-container{width:40px;height:56px}.card-list-number{font-size:.7rem}.card-list-name{font-size:.8rem}.card-list-set{font-size:.7rem}.card-list-price{font-size:.75rem}.card-list-actions{gap:.25rem}.card-list-toggle-btn,.card-list-chase-btn{width:22px;height:22px;font-size:11px}}@media(max-width:480px){.card-list-item{grid-template-columns:35px 35px 1fr minmax(60px,90px) 45px;gap:.3rem;padding:.3rem .4rem}.card-list-item.with-era-set{grid-template-columns:35px 35px 1fr minmax(50px,80px) minmax(60px,90px) 45px}.card-list-image-container{width:35px;height:49px}.card-list-number{font-size:.65rem}.card-list-name{font-size:.75rem}.card-list-set{font-size:.65rem}.card-list-price{font-size:.7rem}.card-list-toggle-btn,.card-list-chase-btn{width:20px;height:20px;font-size:10px;opacity:1}}@media(hover:none)and (pointer:coarse){.card-list-toggle-btn,.card-list-chase-btn{opacity:1}.card-list-item:active{background-color:var(--bg-secondary)}.clickable-filter:active{background-color:var(--bg-card)}}.inventory-tab{display:flex;flex-direction:column;gap:.75rem;padding:0}.inventory-header{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}.inventory-total-label{font-size:.85rem;color:var(--text-muted)}.variant-tabs{display:flex;gap:.25rem;flex-wrap:wrap;padding:.25rem;background-color:var(--bg-secondary);border-radius:8px}.variant-tab{padding:.4rem .6rem;background:transparent;border:none;border-radius:6px;color:var(--text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:.3rem}.variant-tab:hover{background-color:var(--bg-card);color:var(--text-primary)}.variant-tab.active{background-color:var(--accent-color);color:#fff}.variant-count{font-size:.7rem;opacity:.8}.inventory-content{display:flex;flex-direction:column;gap:.5rem}.two-section-layout{display:grid;grid-template-columns:1fr 2fr;gap:.5rem}.condition-section{background-color:var(--bg-secondary);border-radius:8px;padding:1rem}.section-title{font-size:.7rem;font-weight:600;color:var(--text-muted);margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.05em}.psa-columns{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.psa-column,.condition-list{display:flex;flex-direction:column;gap:.25rem}.condition-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background-color:var(--bg-card);border-radius:4px;border:1px solid var(--border-color);transition:all .15s ease}.condition-row.zero-quantity{opacity:.5}.condition-row.zero-quantity .condition-name{color:var(--text-muted)}.condition-row.zero-quantity:hover{opacity:.8}.condition-row.has-quantity{background-color:#4caf501a;border-color:#4caf504d}.condition-row.has-quantity .condition-name{color:var(--text-primary);font-weight:600}.condition-name{font-size:.8rem;color:var(--text-primary);font-weight:500}.qty-control{display:flex;align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden;height:32px}.qty-input{width:24px;height:100%;text-align:center;font-size:.75rem;font-weight:600;color:var(--text-muted);background-color:transparent;border:none;padding:0;-moz-appearance:textfield}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input:focus{outline:none;background-color:var(--bg-secondary)}.qty-input.has-quantity{color:var(--accent-color);font-weight:700}.qty-buttons{display:flex;flex-direction:column;border-left:1px solid var(--border-color);height:100%}.qty-btn{width:18px;flex:1;min-height:0;border:none;background:transparent;color:var(--text-muted);font-size:.6rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease;padding:0;line-height:1}.qty-btn:first-child{border-bottom:1px solid var(--border-color)}.qty-btn:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-primary)}.qty-btn:disabled{opacity:.3;cursor:not-allowed}.inventory-empty{text-align:center;padding:.75rem;color:var(--text-muted);font-size:.8rem}@media(max-width:768px){.inventory-tab{gap:.5rem}.inventory-header .modal-card-name{font-size:1.3rem}.variant-tab{padding:.35rem .5rem;font-size:.75rem}.two-section-layout{gap:.4rem}.condition-section{padding:.75rem}.condition-row{padding:.4rem .5rem}.condition-name{font-size:.75rem}.qty-control{height:22px}.qty-input{width:22px;font-size:.7rem}.qty-btn{width:12px;font-size:.55rem}.psa-columns{gap:.3rem}}@media(max-width:540px){.two-section-layout{grid-template-columns:1fr;gap:.5rem}.psa-columns{grid-template-columns:1fr 1fr}}@media(max-width:480px){.variant-tabs{gap:.1rem;padding:.15rem}.variant-tab{padding:.3rem .4rem;font-size:.7rem}.section-title{font-size:.65rem;margin-bottom:.3rem}}@media(hover:none)and (pointer:coarse){.qty-control{height:28px}.qty-btn{width:18px}.qty-input{width:28px}.condition-row{padding:.5rem .6rem}.qty-btn:active:not(:disabled){background-color:var(--bg-secondary)}.variant-tab:active{transform:scale(.97)}}.population-tab{display:flex;flex-direction:column;gap:1rem;padding:0}.population-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}.population-header-left{display:flex;flex-direction:column;gap:.15rem}.population-header-controls{display:flex;align-items:center;gap:.75rem}.qualified-toggle{display:flex;align-items:center;gap:.35rem;cursor:pointer;-webkit-user-select:none;user-select:none}.qualified-toggle input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--accent-color)}.qualified-toggle-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.population-subtitle{font-size:.85rem;color:var(--text-muted)}.population-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem;color:var(--text-muted)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}.population-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;gap:.5rem;text-align:center}.population-error p{color:#ef4444;font-weight:500;margin:0}.error-details{font-size:.8rem;color:var(--text-muted)}.population-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;gap:.75rem;text-align:center}.empty-icon{font-size:2.5rem;opacity:.5}.population-empty p{margin:0;font-weight:500;color:var(--text-primary)}.empty-hint{font-size:.8rem;color:var(--text-muted);max-width:280px}.variety-legend{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.legend-toggle-all{padding:.35rem .6rem;font-size:.7rem;font-weight:600;border-radius:4px;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.03em;transition:all .15s ease}.legend-toggle-all:hover{border-color:var(--accent-color);color:var(--text-primary)}.legend-item{display:flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:6px;border:1px solid var(--border-color);background-color:var(--bg-secondary);cursor:pointer;transition:all .15s ease}.legend-item.active{border-color:var(--accent-color);background-color:#6366f11a}.legend-item.inactive{opacity:.5}.legend-item.inactive .legend-color{opacity:.4}.legend-item:hover{border-color:var(--accent-color)}.legend-color{width:10px;height:10px;border-radius:3px;flex-shrink:0}.legend-label{font-size:.8rem;color:var(--text-primary)}.legend-count{font-size:.7rem;color:var(--text-muted)}.population-chart-vertical{display:flex;flex-direction:column;background-color:var(--bg-secondary);border-radius:8px;padding:1rem;gap:.5rem;position:relative}.chart-empty-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.85rem;color:var(--text-muted);font-weight:500;z-index:1}.chart-container{display:flex;gap:.5rem}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;height:160px;padding-bottom:20px;min-width:40px}.y-axis-tick{font-size:.55rem;color:var(--text-muted);line-height:1}.chart-bars{display:flex;align-items:flex-end;justify-content:space-between;height:180px;gap:2px;padding:0 .25rem;flex:1}.chart-column{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;max-width:22px;min-width:14px}.chart-value-top{font-size:.55rem;font-weight:500;color:var(--text-muted);margin-bottom:2px;white-space:nowrap}.chart-bar-vertical-container{flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end;background-color:var(--bg-card);border-radius:4px 4px 0 0;overflow:hidden}.chart-bar-vertical-stack{width:100%;display:flex;flex-direction:column-reverse;border-radius:4px 4px 0 0;overflow:hidden;transition:height .3s ease}.chart-bar-vertical-segment{width:100%;min-height:2px;transition:all .2s ease}.chart-bar-vertical-segment:hover{filter:brightness(1.15)}.chart-label-bottom{font-size:.6rem;font-weight:700;color:var(--text-primary);margin-top:4px;text-align:center}.chart-label-bottom.hidden-label{visibility:hidden}.chart-x-axis-label{font-size:.65rem;color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.grade-analysis{background-color:var(--bg-secondary);border-radius:8px;padding:1rem}.grade-analysis-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.grade-select{padding:.4rem .6rem;font-size:.85rem;font-weight:600;border-radius:6px;border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-primary);cursor:pointer;min-width:100px}.grade-select:focus{outline:none;border-color:var(--accent-color)}.grade-analysis-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.grade-analysis-stats{display:flex;gap:1.5rem}.grade-stat{display:flex;flex-direction:column;gap:.15rem}.grade-stat-value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.grade-stat-percentage{color:var(--accent-color)}.grade-stat-label{font-size:.7rem;color:var(--text-muted)}.grade-breakdown{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.breakdown-item{display:flex;align-items:center;gap:.35rem;padding:.3rem .5rem;background-color:var(--bg-card);border-radius:4px;font-size:.75rem}.breakdown-color{width:8px;height:8px;border-radius:2px;flex-shrink:0}.breakdown-name{color:var(--text-primary);font-weight:500}.breakdown-count{color:var(--text-muted)}.population-footer{display:flex;justify-content:center;padding-top:.5rem;border-top:1px solid var(--border-color)}.data-source{font-size:.7rem;color:var(--text-muted)}@media(max-width:768px){.population-tab{gap:.75rem}.population-header{flex-wrap:wrap;gap:.5rem}.population-header .modal-card-name{font-size:1.3rem}.population-header-controls{gap:.5rem}.qualified-toggle-label{font-size:.7rem}.variety-legend{gap:.4rem}.legend-item{padding:.3rem .5rem}.legend-label{font-size:.75rem}.population-chart-vertical{padding:.75rem}.chart-bars{height:150px;gap:1px}.chart-column{max-width:18px;min-width:10px}.chart-value-top{font-size:.5rem}.chart-label-bottom{font-size:.55rem}}@media(max-width:480px){.chart-bars{height:120px;gap:1px}.chart-column{max-width:16px;min-width:8px}.chart-value-top{font-size:.45rem}.legend-item{padding:.25rem .4rem}.legend-label{font-size:.7rem}.legend-count{font-size:.6rem}.grade-analysis{padding:.75rem}.grade-analysis-stats{flex-direction:column;gap:.75rem}.grade-stat-value{font-size:1rem}}@media(hover:none)and (pointer:coarse){.chart-bar-vertical-container{min-height:100px}.chart-bar-vertical-segment:active{filter:brightness(1.2)}}.modal-backdrop{position:fixed;inset:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .1s steps(3)}.modal-content{background-color:var(--bg-primary);border-radius:0;max-width:900px;max-height:90vh;width:100%;overflow-y:auto;position:relative;border:4px solid var(--text-primary);box-shadow:inset -4px -4px 0 0 var(--border-color),inset 4px 4px #fffc,8px 8px #0006;animation:slideUp .15s steps(4)}.modal-tabs{display:flex;align-items:center;gap:0;padding:0 1rem 0 2rem;border-bottom:4px solid var(--text-primary);background-color:var(--bg-secondary);border-radius:0}.modal-tab{padding:.75rem 1.25rem .75rem 1.75rem;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-muted);font-family:var(--font-retro);font-size:1.1rem;font-weight:400;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:.35rem;position:relative}.modal-tab:before{content:"";position:absolute;left:.5rem;opacity:0}.modal-tab:hover{color:var(--text-primary);background-color:var(--bg-card)}.modal-tab:hover:before{content:"▶";opacity:1}.modal-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.modal-tab.active:before{content:"▶";opacity:1;color:var(--accent-color)}.modal-tab-title{padding:.75rem 1.25rem;font-family:var(--font-pixel);font-size:.55rem;font-weight:400;color:var(--text-primary)}.tab-count{font-size:.4rem;opacity:.8}.modal-close{margin-left:auto;width:36px;height:36px;border:2px solid var(--text-primary);background:var(--bg-card);color:var(--text-muted);font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);border-radius:0;line-height:1;box-shadow:var(--shadow-sm)}.modal-close:hover{color:#fff;background-color:#e74c3c;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--text-primary)}.modal-nav{position:fixed;top:50%;transform:translateY(-50%);width:50px;height:80px;border:3px solid white;background-color:#000000b3;color:#fff;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);z-index:1001;border-radius:0;box-shadow:var(--shadow-md)}.modal-nav:hover{background-color:var(--accent-color);transform:translateY(-50%) translate(-2px,-2px);box-shadow:4px 4px #00000080}.modal-nav-prev{left:1rem}.modal-nav-next{right:1rem}.modal-body{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem}.modal-image-container{position:relative}.modal-card-image{width:100%;height:auto;border-radius:12px;box-shadow:var(--shadow-md)}.modal-collection-btn{background-color:var(--bg-secondary);color:var(--text-primary);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;border:2px solid var(--border-color);cursor:pointer;transition:all .2s;align-self:flex-start}.modal-collection-btn:hover{background-color:var(--bg-card);border-color:var(--text-muted)}.modal-collection-btn.owned{background-color:var(--success-color);border-color:var(--success-color);color:#fff}.modal-collection-btn.owned:hover{background-color:#16a34a;border-color:#16a34a}.modal-collection-btn.has-inventory{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff;display:flex;align-items:center;gap:.35rem}.modal-collection-btn.has-inventory:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.modal-collection-badge{background-color:var(--success-color);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;align-self:flex-start;display:flex;align-items:center;gap:.35rem}.modal-action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.modal-chasing-btn{background-color:var(--bg-secondary);color:var(--text-primary);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;border:2px solid var(--border-color);cursor:pointer;transition:all .2s}.modal-chasing-btn:hover{background-color:var(--bg-card);border-color:var(--text-muted)}.modal-chasing-btn.chasing{background-color:#facc15;border-color:#facc15;color:#000}.modal-chasing-btn.chasing:hover{background-color:#eab308;border-color:#eab308}.modal-chasing-badge{background-color:#facc15;color:#000;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.modal-details,.inventory-tab{display:flex;flex-direction:column;gap:1.5rem;flex:1}.modal-card-header{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.modal-card-name{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.find-all-link{background:none;border:none;padding:0;font-family:var(--font-retro);font-size:1rem;color:var(--text-secondary);cursor:pointer;transition:opacity .2s ease;text-decoration:underline;text-decoration-color:var(--accent-color);text-underline-offset:2px}.find-all-link:hover{opacity:.8}.modal-info-list{display:flex;flex-direction:column;gap:.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.info-row:last-child{border-bottom:none}.info-label{font-family:var(--font-retro);font-size:1.1rem;color:var(--text-muted);font-weight:500}.info-value{font-family:var(--font-retro);font-size:1.1rem;color:var(--text-primary);font-weight:600;text-align:right}.info-value-link{background:none;border:none;padding:0;font-family:var(--font-retro);font-size:1.1rem;color:var(--text-primary);font-weight:600;text-align:right;cursor:pointer;transition:color .2s ease,opacity .2s ease;text-decoration:underline;text-decoration-color:var(--accent-color);text-underline-offset:2px}.info-value-link:hover{opacity:.8}.info-value-links{font-family:var(--font-retro);font-size:1.1rem;font-weight:600;text-align:right}.info-value-links a,.info-value-links button{color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--accent-color);text-underline-offset:2px}.info-value-links a:hover,.info-value-links button:hover{opacity:.8}.modal-prices{background-color:var(--bg-secondary);border-radius:12px;padding:1rem}.prices-title{font-family:var(--font-retro);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.price-list{display:flex;flex-direction:column;gap:.5rem}.price-row{display:flex;justify-content:space-between;align-items:center}.price-type{font-family:var(--font-retro);font-size:1.1rem;color:var(--text-secondary)}.price-value{font-family:var(--font-retro);font-size:1.2rem;font-weight:600;color:var(--success-color)}.tcgplayer-link{display:inline-block;margin-top:1rem;font-family:var(--font-retro);color:var(--text-secondary);font-size:1rem;font-weight:500;transition:opacity .2s ease;text-decoration:underline;text-decoration-color:var(--accent-color);text-underline-offset:2px}.tcgplayer-link:hover{opacity:.8}@media(max-width:768px){.modal-tabs{padding:0 .5rem 0 1rem}.modal-tab{flex:1;justify-content:center;padding:.6rem .75rem;font-size:.9rem}.modal-tab-title{flex:1;text-align:center}.modal-close{width:40px;height:40px;font-size:1.4rem}.modal-nav{width:40px;height:60px;font-size:2rem}.modal-nav-prev{left:.5rem}.modal-nav-next{right:.5rem}.modal-body{grid-template-columns:1fr;padding:1rem 1.5rem 1.5rem}.modal-image-container{max-width:300px;margin:0 auto}.modal-card-header{align-items:center}.modal-card-name{font-size:1.4rem;text-align:center}.modal-info-list{gap:.25rem}.info-row{padding:.4rem 0}}@media(max-width:480px){.modal-content{border-radius:16px 16px 0 0;max-height:95vh;height:95vh;margin-top:auto}.modal-backdrop{align-items:flex-end;padding:0}.modal-body{padding:2rem 1rem 1rem;padding-bottom:env(safe-area-inset-bottom,1rem)}.modal-image-container{max-width:220px}.modal-nav{display:none}.modal-close{width:44px;height:44px;font-size:2rem;top:1rem;right:1rem}.modal-action-buttons{width:100%;justify-content:center}.modal-collection-btn,.modal-chasing-btn{flex:1;text-align:center;padding:.75rem 1rem;min-height:44px}}.swipe-indicator{display:none}@media(hover:none)and (pointer:coarse){.swipe-indicator{display:block;width:40px;height:4px;background-color:var(--border-color);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.modal-content.swiping{transition:none}.modal-content:not(.swiping){transition:transform .2s ease-out}.modal-close:active{color:var(--text-primary);transform:scale(.9)}.modal-collection-btn:active,.modal-chasing-btn:active{transform:scale(.98);opacity:.9}}.swipe-hint{display:none}@media(hover:none)and (pointer:coarse){.swipe-hint{display:block;text-align:center;font-size:.75rem;color:var(--text-muted);opacity:.7;padding:1rem 0;margin-top:.5rem}}.set-card-wrapper{border-radius:0;overflow:hidden;border:2px solid var(--text-primary);background-color:var(--bg-card);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background-color var(--transition-base)}.set-card-wrapper:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--text-primary)}.set-card-wrapper.expanded{background-color:var(--bg-secondary);border-color:var(--accent-color)}.set-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--bg-card);border:none;width:100%;text-align:left;color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-base);gap:1rem}.set-card:hover{background-color:var(--bg-secondary)}.set-card:focus-visible{outline:2px solid var(--accent-color);outline-offset:-2px}.set-card-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.set-logo-container{width:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.set-logo{width:60px;height:20px;object-fit:contain;object-position:center}.set-info-block{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1}.set-name-group{display:flex;align-items:center;gap:.5rem;min-width:0}.set-name{font-weight:500;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.set-symbol{height:20px;width:20px;object-fit:contain;flex-shrink:0}.set-release-date{font-size:.75rem;color:#666;margin-top:.1rem}.set-card-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.set-stats{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.stats-pills-row{display:flex;gap:.5rem}.ownership-pill{position:relative;min-width:70px;height:22px;border-radius:11px;background-color:#f0f0f0;border:1px solid rgba(0,0,0,.08);overflow:hidden}.ownership-fill{position:absolute;top:0;left:0;height:100%;width:var(--ownership-percent, 0%);background-color:var(--accent-color);border-radius:10px;transition:width .3s ease}.ownership-text{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;font-size:.75rem;font-weight:600;color:#1a1a1a;padding:0 .5rem}.chasing-pill{display:flex;align-items:center;height:22px;padding:0 8px;border-radius:11px;background-color:#facc1526;border:1px solid #facc15}.chasing-text{font-size:.75rem;font-weight:600;color:#facc15}.set-value{font-size:.75rem;color:#666;white-space:nowrap}.set-chevron{font-size:1.1rem;font-weight:700;color:#333;transition:transform .2s ease,color .2s ease;flex-shrink:0}.set-chevron.rotated{transform:rotate(90deg)}.set-card:hover .set-chevron{color:var(--accent-color)}.set-card-preview{padding:1rem;border-top:none;background-color:#fff}.preview-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#666}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.preview-list{display:flex;flex-direction:column;gap:.5rem}.preview-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.08)}.preview-count{font-size:.85rem;color:#666}.view-all-link{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1.25rem;background-color:var(--header-bg);color:#fff;text-decoration:none;border-radius:var(--radius-2xl);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:transform var(--transition-base),background-color var(--transition-base),box-shadow var(--transition-base)}.view-all-link:hover{background-color:var(--header-bg);color:#fff;transform:translate(4px);box-shadow:var(--shadow-md);opacity:.9}.view-all-link:active{transform:translate(2px)}@media(max-width:768px){.set-card{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:.5rem 1rem;align-items:start;padding:1rem}.set-chevron{grid-column:1;grid-row:1 / -1;align-self:center}.set-card-left{display:contents}.set-info-block{grid-column:2 / 4;grid-row:1}.set-logo-container{grid-column:3;grid-row:2;align-self:center;width:80px;height:auto}.set-logo{width:80px;height:28px}.set-card-right{grid-column:2;grid-row:2;justify-content:flex-start;align-self:center}.set-stats{align-items:flex-start;gap:.35rem}.set-value{font-size:.75rem}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.set-card-preview .card-toggle-btn,.set-card-preview .card-owned-indicator,.set-card-preview .card-chase-btn,.set-card-preview .card-chase-indicator,.set-card-preview .card-star-btn,.set-card-preview .owned-badge{display:none!important}.preview-footer{flex-direction:column;gap:.75rem;align-items:stretch}.preview-count{text-align:center}.view-all-link{text-align:center;justify-content:center}}@media(max-width:480px){.set-card{gap:.4rem .75rem;padding:.875rem}.set-logo-container{display:none}.set-name{font-size:.9rem}.ownership-pill{min-width:60px;height:20px}.ownership-text{font-size:.7rem}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}@media(max-width:360px){.set-card{padding:.75rem;gap:.3rem .5rem}.set-logo-container{width:40px;min-width:40px}.set-logo{width:40px;height:16px}.set-name{font-size:.85rem}.set-symbol{height:16px;width:16px}.set-release-date{font-size:.7rem}.ownership-pill{min-width:55px;height:18px;border-radius:9px}.ownership-text{font-size:.65rem;padding:0 .4rem}.chasing-pill{height:18px;padding:0 6px;border-radius:9px}.chasing-text,.set-value{font-size:.65rem}.set-chevron{font-size:.9rem}.set-card-preview{padding:.75rem}.preview-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.preview-footer{margin-top:.75rem;padding-top:.75rem;gap:.5rem}.preview-count{font-size:.75rem}.view-all-link{padding:.5rem 1rem;font-size:.8rem}}@media(hover:none)and (pointer:coarse){.set-card{min-height:56px}.view-all-link{min-height:44px;display:inline-flex;align-items:center}.view-all-link:active{background-color:var(--accent-hover);transform:scale(.98)}.set-card:active{background-color:#f5f5f5}}[data-theme=umbreon] .set-card-wrapper,[data-theme=umbreon] .set-card-wrapper.expanded{background-color:#1a1a2e}[data-theme=umbreon] .set-card{background-color:#1a1a2e;color:#e0e0e0}[data-theme=umbreon] .set-card:hover{background-color:#2d2d55}[data-theme=umbreon] .set-name{color:#e0e0e0}[data-theme=umbreon] .set-release-date{color:#7a7a90}[data-theme=umbreon] .ownership-pill{background-color:#252540;border-color:#3d3d60}[data-theme=umbreon] .ownership-text{color:#e0e0e0}[data-theme=umbreon] .set-value{color:#7a7a90}[data-theme=umbreon] .set-chevron{color:#b0b0c0}[data-theme=umbreon] .set-card-preview{background-color:#1a1a2e}[data-theme=umbreon] .preview-loading{color:#b0b0c0}[data-theme=umbreon] .preview-footer{border-top-color:#3d3d60}[data-theme=umbreon] .preview-count{color:#7a7a90}@media(hover:none)and (pointer:coarse){[data-theme=umbreon] .set-card:active{background-color:#2d2d55}}.era-section{margin-bottom:var(--space-md);border-radius:0;overflow:hidden;background-color:#fff;border:4px solid var(--text-primary);box-shadow:inset -4px -4px 0 0 var(--border-color),inset 4px 4px #fffc,var(--shadow-md);transition:box-shadow var(--transition-base)}.era-section:hover{box-shadow:inset -4px -4px 0 0 var(--border-color),inset 4px 4px #fffc,var(--shadow-lg)}.era-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background-color:#fff;border:none;cursor:pointer;text-align:left;transition:background-color var(--transition-base)}.era-header:hover{background-color:#f5f5f5}.era-header:focus-visible{outline:2px solid var(--accent-color);outline-offset:-2px}.era-left{display:flex;flex-direction:column;align-items:flex-start;flex:1}.era-name-row{display:flex;align-items:center;gap:.5rem}.era-name{font-family:var(--font-pixel);font-size:.75rem;font-weight:400;color:#1a1a1a;margin:0;line-height:1.5}.era-count{font-size:.85rem;color:#666}.era-years{font-size:.75rem;color:#666;margin-top:.1rem}.era-right{display:flex;align-items:center;gap:1rem}.era-stats{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.era-ownership-pill{position:relative;min-width:90px;height:20px;border-radius:0;background-color:#333;border:3px solid var(--text-primary);overflow:hidden;box-shadow:inset 2px 2px #0000004d,inset -2px -2px #ffffff1a}.era-ownership-fill{position:absolute;top:2px;left:2px;height:calc(100% - 4px);width:calc(var(--ownership-percent, 0%) - 4px);background:linear-gradient(180deg,#7ed957,#4abb2f,#3a9922);border-radius:0;transition:width var(--transition-base);box-shadow:inset 0 -2px #0003}.era-ownership-text{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--font-retro);font-size:.9rem;font-weight:400;color:#fff;padding:0 .5rem;text-shadow:1px 1px 0 #000}.era-value{font-size:.75rem;color:#666;white-space:nowrap}.era-chevron{font-size:1.25rem;font-weight:700;color:#333;transition:transform .2s ease,color .2s ease;flex-shrink:0;margin-right:.5rem}.era-chevron.rotated{transform:rotate(90deg)}.era-header:hover .era-chevron{color:var(--accent-color)}.era-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out;padding:0 1.25rem}.era-content.expanded{max-height:20000px;overflow:visible;padding:1rem 1.25rem 1.25rem;transition:max-height .5s ease-in,padding .3s ease-in,overflow 0s .3s}.sets-grid{display:flex;flex-direction:column;gap:.5rem}@media(max-width:768px){.era-header{padding:.875rem 1rem;flex-wrap:wrap;gap:.5rem}.era-left{gap:.5rem}.era-name{font-size:.65rem}.era-count{font-size:.8rem}.era-years{font-size:.7rem}.era-right{gap:.75rem}.era-ownership-pill{min-width:80px;height:22px}.era-ownership-text{font-size:.75rem}.era-value{font-size:.7rem}.sets-grid{gap:.5rem}.era-content.expanded{padding:.75rem 1rem 1rem}}@media(max-width:480px){.era-header{flex-wrap:wrap}.era-left{order:1}.era-right{order:2;flex:0}.era-name{font-size:.55rem}.era-count{display:none}.era-years{font-size:.65rem}.era-ownership-pill{min-width:70px;height:20px}.era-ownership-text{font-size:.7rem}}[data-theme=umbreon] .era-section{background-color:#252540;border-color:#3d3d60}[data-theme=umbreon] .era-header{background-color:#252540}[data-theme=umbreon] .era-header:hover{background-color:#2d2d50}[data-theme=umbreon] .era-name{color:#e0e0e0}[data-theme=umbreon] .era-count{color:#b0b0c0}[data-theme=umbreon] .era-years{color:#7a7a90}[data-theme=umbreon] .era-chevron{color:#b0b0c0}[data-theme=umbreon] .era-value{color:#7a7a90}[data-theme=umbreon] .era-ownership-pill{background-color:#1a1a2e;border-color:#3d3d60}[data-theme=umbreon] .era-ownership-text{color:#e0e0e0}.custom-select{position:relative;display:inline-flex;align-items:center;gap:.375rem}.custom-select-label{font-size:.7rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background-color:#fff;border:1.5px solid #1a1a1a;border-radius:4px;padding:0 .6rem;height:32px;font-family:var(--font-retro);font-size:1rem;font-weight:400;color:#1a1a1a;cursor:pointer;transition:box-shadow .15s ease;min-width:95px;width:95px;text-align:left;box-shadow:0 0 0 1.5px #fff,0 0 0 3px #1a1a1a}.custom-select-trigger:hover{background-color:#f5f5f5}.custom-select-trigger:focus{outline:none}.custom-select-trigger.open{background-color:#f5f5f5}.custom-select-value{flex:1;white-space:nowrap}.custom-select-arrow{display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:transform .2s ease}.custom-select-trigger.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-menu{position:absolute;top:calc(100% + 8px);left:-3px;padding:.75rem 0;background-color:#fff;border:1.5px solid #1a1a1a;border-radius:4px;box-shadow:0 0 0 1.5px #fff,0 0 0 3px #1a1a1a;list-style:none;z-index:100;min-width:120px;max-height:200px;overflow-y:auto}.custom-select-option{padding:.6rem 1rem .6rem 1.5rem;font-family:var(--font-retro);font-size:1rem;color:#1a1a1a;cursor:pointer;transition:background-color .1s ease;white-space:nowrap;text-align:left;position:relative}.custom-select-option:hover{background-color:#f5f5f5}.custom-select-option.selected{background-color:transparent;color:#1a1a1a}.custom-select-option.selected:before{content:"▶";position:absolute;left:.5rem;font-size:.5rem}.custom-select-option.selected:hover{background-color:#f5f5f5}@media(max-width:480px){.custom-select{flex:1;min-width:0}.custom-select-label{display:none}.custom-select-trigger{width:100%;font-size:.45rem;height:28px}.custom-select-menu{min-width:120px}.custom-select-option{padding:.6rem;font-size:.45rem}}@media(max-width:360px){.custom-select-trigger{font-size:.4rem;height:28px}.custom-select-option{font-size:.4rem}}@media(hover:none)and (pointer:coarse){.custom-select-trigger{height:28px}.custom-select-option{padding:.75rem .6rem}}[data-theme=umbreon] .custom-select-trigger{background-color:#1a1a2e;border-color:#e0e0e0;color:#e0e0e0;box-shadow:0 0 0 1.5px #1a1a2e,0 0 0 3px #e0e0e0}[data-theme=umbreon] .custom-select-trigger:hover,[data-theme=umbreon] .custom-select-trigger.open{background-color:#252540}[data-theme=umbreon] .custom-select-arrow{color:#b0b0c0}[data-theme=umbreon] .custom-select-menu{background-color:#1a1a2e;border-color:#e0e0e0;box-shadow:0 0 0 1.5px #1a1a2e,0 0 0 3px #e0e0e0}[data-theme=umbreon] .custom-select-option{color:#e0e0e0}[data-theme=umbreon] .custom-select-option:hover{background-color:#252540}[data-theme=umbreon] .custom-select-option.selected{color:#e0e0e0}[data-theme=umbreon] .custom-select-option.selected:hover{background-color:#252540}.view-toggle{display:flex;align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:26px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.view-toggle-btn:hover{background-color:var(--bg-card);color:var(--text-secondary)}.view-toggle-btn.active{background-color:var(--accent-color);color:#fff}.view-toggle-btn:first-child{border-right:1px solid var(--border-color)}.view-toggle-btn.active:first-child{border-right-color:var(--accent-color)}@media(max-width:480px){.view-toggle-btn{width:28px;height:26px}.view-toggle-btn svg{width:14px;height:14px}}@media(hover:none)and (pointer:coarse){.view-toggle-btn{height:26px}}.home-page{max-width:1200px;margin:0 auto;padding:var(--space-xl) var(--space-md)}.home-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:var(--space-lg);flex-wrap:wrap}.home-title-section{display:flex;flex-direction:column}.home-header h1{font-family:var(--font-pixel);font-size:1.25rem;font-weight:var(--font-normal);color:var(--text-primary);margin:0;letter-spacing:0;line-height:1.5}.home-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:.25rem 0 0}.home-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.eras-container{display:flex;flex-direction:column;gap:var(--space-sm)}.eras-container:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--accent-color) 5%,transparent) 0%,transparent 70%);pointer-events:none;z-index:-1}@media(max-width:768px){.home-page{padding:var(--space-md)}.home-header{flex-direction:column;align-items:flex-start;gap:1rem}.home-header h1{font-size:1rem}.home-subtitle{font-size:var(--text-xs)}.home-controls{width:100%}}@media(max-width:480px){.home-controls{gap:.5rem}}@media(max-width:360px){.home-header{gap:.75rem}.home-header h1{font-size:.85rem}.home-subtitle{font-size:.7rem}.home-controls{gap:.375rem}}.binder-toggle-wrapper{display:flex;align-items:center;gap:.5rem}.binder-toggle{position:relative;width:56px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;outline:none}.binder-toggle:disabled{cursor:default}.binder-toggle-track{display:block;width:100%;height:100%;background-color:#d1d5db;border-radius:12px;transition:background-color .3s ease;position:relative;overflow:visible}.binder-toggle.active .binder-toggle-track{background-color:#93c5fd}.binder-toggle-knob{position:absolute;top:50%;left:3px;transform:translateY(-50%);width:28px;height:28px;transition:left .3s ease;display:flex;align-items:center;justify-content:center}.binder-toggle.active .binder-toggle-knob{left:calc(100% - 31px)}.pokeball-container{position:relative;width:28px;height:28px;transition:transform .3s ease}.pokeball-half{position:absolute;left:50%;width:28px;height:auto;transform:translate(-50%);transition:transform .3s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.pokeball-red{top:0;transform:translate(-50%) translateY(0);z-index:2}.pokeball-white{bottom:0;transform:translate(-50%) translateY(0);z-index:1}.binder-toggle-knob.flipping .pokeball-container,.binder-toggle-knob.opening .pokeball-container{transform:rotate(180deg)}.binder-toggle-knob.opening .pokeball-red{transform:translate(-50%) translateY(-8px)}.binder-toggle-knob.opening .pokeball-white{transform:translate(-50%) translateY(8px)}.binder-toggle-knob-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));animation:fadeIn .3s ease-in-out}.binder-toggle.revealed .binder-toggle-knob{width:28px;height:28px}.binder-toggle.revealed.active .binder-toggle-knob{left:calc(100% - 31px)}.binder-toggle.revealed:not(.active) .binder-toggle-knob{left:3px}.binder-toggle-label{font-family:var(--font-retro);font-size:1rem;color:#1a1a1a;white-space:nowrap}.binder-toggle:focus-visible .binder-toggle-track{outline:2px solid var(--accent-color);outline-offset:2px}.binder-toggle:hover:not(:disabled) .binder-toggle-track{background-color:#c5c9d0}.binder-toggle.active:hover:not(:disabled) .binder-toggle-track{background-color:#7db8f5}.binder-toggle-wrapper.dark-mode .binder-toggle-track{background-color:#4a4a6a}.binder-toggle-wrapper.dark-mode .binder-toggle.active .binder-toggle-track{background-color:#a78bfa}.binder-toggle-wrapper.dark-mode .binder-toggle:hover:not(:disabled) .binder-toggle-track{background-color:#5a5a7a}.binder-toggle-wrapper.dark-mode .binder-toggle.active:hover:not(:disabled) .binder-toggle-track{background-color:#9775f5}.binder-toggle-wrapper.dark-mode .binder-toggle-label{color:#e0e0e0}@media(max-width:480px){.binder-toggle{width:48px;height:20px}.binder-toggle-track{border-radius:10px}.binder-toggle-knob{width:24px;height:24px;left:2px}.binder-toggle.active .binder-toggle-knob{left:calc(100% - 26px)}.pokeball-container{width:24px;height:24px}.pokeball-half{width:24px}.binder-toggle.revealed .binder-toggle-knob{width:24px;height:24px}.binder-toggle.revealed.active .binder-toggle-knob{left:calc(100% - 26px)}.binder-toggle.revealed:not(.active) .binder-toggle-knob{left:2px}.binder-toggle-label{font-size:.45rem}}.set-header{margin-bottom:2rem}.back-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;transition:color .2s ease;text-decoration:none}.set-header-content{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:1.25rem 1.5rem;align-items:start}.set-header-title-row{grid-column:1;grid-row:1;display:flex;align-items:flex-start;gap:1rem}.set-header-export-row{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center}.set-header-controls-row{grid-column:1 / -1;grid-row:2;display:flex;justify-content:space-between;align-items:center;gap:1rem}.set-header-logo{max-width:150px;max-height:40px;object-fit:contain;flex-shrink:0}.set-details{display:flex;flex-direction:column;gap:.25rem}.set-title-row{display:flex;align-items:center;gap:.5rem}.set-title{font-family:var(--font-pixel);font-size:.9rem;font-weight:400;color:var(--text-primary);margin:0;line-height:1.5}.set-header-symbol{width:24px;height:24px;object-fit:contain}.set-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.set-series{font-weight:500}.set-series:after{content:"•";margin-left:.5rem;color:var(--text-muted)}.set-release{color:var(--text-muted)}.set-controls-stats{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.my-binder-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.my-binder-button:hover{background-color:var(--bg-card);border-color:var(--text-muted)}.my-binder-button.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.my-binder-button svg{flex-shrink:0}.export-checklist-button{padding:.5rem 1rem;background-color:var(--accent-color);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .15s ease;white-space:nowrap}.export-checklist-button:hover{background-color:var(--accent-hover)}.set-header-export-row{gap:.75rem}.set-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.binder-controls{gap:1.25rem}.binder-control-group{display:flex;align-items:center;gap:.5rem}.binder-control-label{font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.binder-button-group{display:flex;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.binder-option-btn{padding:.4rem .6rem;border:none;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease;border-right:1px solid var(--border-color)}.binder-option-btn:last-child{border-right:none}.binder-option-btn:hover{background-color:var(--bg-card)}.binder-option-btn.active{background-color:var(--accent-color);color:#fff}.set-header-pill{position:relative;min-width:80px;height:22px;border-radius:0;background-color:#333;border:3px solid var(--text-primary);overflow:hidden;box-shadow:inset 2px 2px #0000004d,inset -2px -2px #ffffff1a}.set-header-pill-fill{position:absolute;top:2px;left:2px;height:calc(100% - 4px);width:calc(var(--ownership-percent, 0%) - 4px);background:linear-gradient(180deg,#7ed957,#4abb2f,#3a9922);border-radius:0;transition:width var(--transition-base);box-shadow:inset 0 -2px #0003}.set-header-pill-text{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--font-retro);font-size:.9rem;font-weight:400;color:#fff;padding:0 .5rem;text-shadow:1px 1px 0 #000}.set-header-value{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}@media(max-width:768px){.set-header-logo{max-width:120px;max-height:35px}.set-title{font-size:.75rem}.set-header-symbol{width:20px;height:20px}.set-meta{flex-direction:column;gap:.25rem}.set-series:after{display:none}.set-controls-stats{gap:.5rem}.export-checklist-button{padding:.4rem .75rem;font-size:.8rem}}@media(max-width:480px){.set-header-content{display:flex;flex-direction:column;gap:.75rem}.set-header-title-row{display:flex;align-items:center;gap:.75rem}.set-header-logo{max-width:80px;max-height:28px}.set-header-export-row{display:none}.set-header-controls-row{width:100%;flex-direction:column;gap:.75rem}.set-controls{width:100%;gap:.5rem}.set-controls-stats{width:100%;justify-content:space-between}.set-title{font-size:.65rem}}@media(max-width:360px){.set-header{margin-bottom:1rem}.back-link{font-size:.8rem}.set-header-logo{max-width:70px;max-height:24px}.set-title{font-size:.55rem}.set-controls{gap:.375rem}.set-header-pill{min-width:60px;height:22px}.set-header-pill-text{font-size:.75rem;padding:0 .5rem}.set-header-value{font-size:.7rem}}@media(hover:none)and (pointer:coarse){.back-link{min-height:44px;display:inline-flex;align-items:center}}.set-filters{background-color:var(--bg-secondary);border-radius:12px;padding:1rem 1.5rem;border:1px solid var(--border-color);margin-bottom:1.5rem}.set-filters.collapsed{padding:.75rem 1.5rem}.set-filters .filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.set-filters.collapsed .filters-header{margin-bottom:0}.set-filters .filters-header-left{display:flex;align-items:center;gap:.75rem}.set-filters .filters-header-right{display:flex;align-items:center;gap:.5rem}.set-filters .filters-title-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:0;font-size:1.1rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:color .2s ease}.set-filters .filters-title-btn:hover{color:var(--accent-color)}.set-filters .filters-title-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.set-filters .filters-chevron{display:inline-block;font-size:1.25rem;font-weight:700;transition:transform .2s ease;transform:rotate(0)}.set-filters .filters-chevron.rotated{transform:rotate(90deg)}.set-filters .multi-select-container{position:relative}.set-filters .selected-pills{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;min-height:42px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-card);align-items:center}.set-filters .selected-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .5rem .375rem .75rem;background-color:var(--accent-color);color:#fff;border-radius:20px;font-size:.85rem;font-weight:500}.set-filters .pill-remove{background:none;border:none;color:#fff;opacity:.8;font-size:1rem;cursor:pointer;padding:0;line-height:1;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;transition:all .15s ease}.set-filters .pill-remove:hover{opacity:1;background-color:#fff3}.set-filters .add-filter-btn{background:none;border:1px dashed var(--border-color);padding:.375rem .75rem;border-radius:20px;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .2s ease}.set-filters .add-filter-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background-color:color-mix(in srgb,var(--accent-color) 10%,transparent)}.set-filters .multi-select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;z-index:100;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column}.set-filters .multi-select-dropdown .dropdown-search{width:100%;padding:.75rem;border:none;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;box-sizing:border-box;border-radius:8px 8px 0 0;flex-shrink:0}.set-filters .multi-select-dropdown .dropdown-search:focus{outline:none}.set-filters .multi-select-dropdown .dropdown-list{margin:0;padding:0;list-style:none;max-height:200px;overflow-y:auto;overflow-x:hidden}.set-filters .multi-select-dropdown .dropdown-option{display:flex;align-items:center;gap:.5rem;padding:.75rem;cursor:pointer;transition:background-color .15s ease;color:var(--text-primary)}.set-filters .multi-select-dropdown .dropdown-option:hover{background-color:var(--bg-secondary)}.set-filters .multi-select-dropdown .dropdown-option.selected{background-color:color-mix(in srgb,var(--accent-color) 15%,transparent)}.set-filters .option-checkbox{width:18px;height:18px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--accent-color);flex-shrink:0}.set-filters .dropdown-option.selected .option-checkbox{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.set-filters .active-filter-count{background-color:var(--accent-color);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:12px}.set-filters .reset-btn{background:none;border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;transition:all .2s ease}.set-filters .reset-btn:hover{background-color:var(--bg-card);color:var(--text-primary)}.set-filters .search-all-btn{background:none;border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;transition:all .2s ease}.set-filters .search-all-btn:hover{background-color:var(--bg-card);color:var(--text-primary)}.set-filters .filter-summary{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.set-filters .filter-chip{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;font-size:.85rem}.set-filters .chip-label{color:var(--text-muted);font-weight:500}.set-filters .chip-value{color:var(--text-primary);font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-filters .chip-remove{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:0;line-height:1;transition:color .2s ease}.set-filters .chip-remove:hover{color:var(--accent-color)}.set-filters .filter-rows{display:flex;flex-direction:column;gap:1rem;max-height:2000px;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.set-filters.collapsed .filter-rows{max-height:0;opacity:0;margin:0}.set-filters .filter-row{display:flex;flex-direction:column;gap:.5rem}.set-filters .filter-row label{font-size:.875rem;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.set-filters .filter-row.has-value label:after{content:"";width:6px;height:6px;background-color:var(--accent-color);border-radius:50%}.set-filters .filter-row select,.set-filters .filter-row>input{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-card);color:var(--text-primary);font-size:.9rem;transition:border-color .2s ease;width:100%}.set-filters .filter-row select:focus,.set-filters .filter-row input:focus{outline:none;border-color:var(--text-muted)}.set-filters .price-inputs{display:flex;align-items:center;gap:.5rem}.set-filters .price-inputs input{flex:1;min-width:0;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-card);color:var(--text-primary);font-size:.9rem;transition:border-color .2s ease}.set-filters .price-inputs input:focus{outline:none;border-color:var(--text-muted)}.set-filters .price-separator{color:var(--text-muted)}.set-filters .filter-types-row{margin-top:.5rem}.set-filters .type-chips{display:flex;flex-wrap:wrap;gap:.5rem}.set-filters .type-chip{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:20px;background-color:var(--bg-card);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.set-filters .type-chip:hover{border-color:var(--type-color, var(--accent-color));color:var(--type-color, var(--accent-color));background-color:color-mix(in srgb,var(--type-color, var(--accent-color)) 15%,transparent)}.set-filters .type-chip.selected{background-color:var(--type-color, var(--accent-color));border-color:var(--type-color, var(--accent-color));color:#fff}.set-filters .type-chip.selected:hover{filter:brightness(1.1)}.set-filters .type-chip:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.set-filters .multi-name-container{position:relative}.set-filters .name-pills-wrapper{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;min-height:42px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-card);align-items:center;transition:border-color .2s ease}.set-filters .name-pills-wrapper:focus-within{border-color:var(--text-muted)}.set-filters .name-pill{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-filters .name-input{flex:1;min-width:120px;border:none;background:transparent;color:var(--text-primary);font-size:.9rem;padding:.25rem 0;outline:none}.set-filters .name-input::placeholder{color:var(--text-muted)}.set-filters .add-name-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:var(--accent-color);border:none;border-radius:50%;color:#fff;font-size:1.1rem;font-weight:500;cursor:pointer;flex-shrink:0;transition:background-color .2s ease,transform .1s ease}.set-filters .add-name-btn:hover{background-color:var(--accent-hover, var(--accent-color));transform:scale(1.05)}.set-filters .add-name-btn:active{transform:scale(.95)}@media(max-width:640px){.set-filters .filters-header{flex-wrap:wrap;gap:.5rem}.set-filters .filters-header-right{flex-wrap:wrap}.set-filters .reset-btn,.set-filters .search-all-btn{font-size:.8rem;padding:.4rem .75rem}}@media(max-width:480px){.set-filters{padding:1rem}.set-filters .type-chips{gap:.375rem}.set-filters .type-chip{padding:.375rem .75rem;font-size:.8rem}.set-filters .reset-btn,.set-filters .search-all-btn{font-size:.75rem;padding:.35rem .6rem}.set-filters .name-input{min-width:80px}}.binder-view{--header-height: 180px;--indicator-height: 40px;--available-height: calc(100vh - var(--header-height) - var(--indicator-height));display:flex;flex-direction:column;align-items:center;gap:1rem;padding:.5rem 0;height:var(--available-height);max-height:var(--available-height);overflow:hidden}.binder-view-empty{display:flex;justify-content:center;align-items:center;padding:3rem;color:var(--text-muted);height:var(--available-height)}.binder-page-container{display:flex;align-items:center;gap:.75rem;width:100%;justify-content:center;flex:1;min-height:0}.binder-nav{display:flex;align-items:center;justify-content:center;width:40px;height:60px;border:none;background-color:#0006;color:#fff;font-size:2rem;cursor:pointer;transition:all .2s ease;border-radius:8px;flex-shrink:0}.binder-nav:hover:not(:disabled){background-color:var(--accent-color)}.binder-nav:disabled{opacity:.3;cursor:not-allowed}.binder-spread-container{display:flex;gap:0;flex:1;min-height:0;max-height:100%;justify-content:center}.binder-spread-container.single{max-width:500px}.binder-spread-container.spread{max-width:900px}.binder-page{position:relative;background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-secondary) 100%);box-shadow:0 4px 20px #00000026,inset 0 1px #ffffff1a;padding:1rem;flex:1;display:flex;flex-direction:column;min-height:0;max-height:100%}.binder-page-left{border-radius:12px 4px 4px 12px;padding-right:1.5rem;box-shadow:0 4px 20px #00000026,inset 0 1px #ffffff80,inset -2px 0 10px #0000000d}.binder-page-right{border-radius:4px 12px 12px 4px;padding-left:1.5rem;box-shadow:0 4px 20px #00000026,inset 0 1px #ffffff80,inset 2px 0 10px #0000000d}.binder-spread-container.single .binder-page{border-radius:4px 12px 12px 4px;padding-left:2rem}.binder-rings{position:absolute;top:0;bottom:0;width:16px;display:flex;flex-direction:column;justify-content:space-evenly;padding:1.5rem 0}.binder-rings.rings-left{left:0}.binder-rings.rings-right{right:0}.ring{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--text-muted) 0%,var(--border-color) 50%,var(--text-muted) 100%);box-shadow:inset 0 2px 4px #0000004d,0 1px 2px #fff3;margin:0 auto}.binder-grid{display:grid;gap:.5rem;justify-items:center;align-content:center;flex:1;min-height:0}.binder-grid-2x2{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.binder-grid-3x3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.binder-grid-4x4{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:.35rem}.binder-grid-5x5{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:.25rem}.binder-slot{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;overflow:hidden}.binder-slot .card-thumbnail{max-height:100%;width:auto;height:100%;display:flex;flex-direction:column;background-color:transparent;border:none;box-shadow:none;border-radius:0;position:relative}.binder-slot .card-thumbnail:hover,.binder-slot .card-thumbnail:focus-visible{transform:none;background-color:transparent}.binder-slot .card-image-container{flex:1;min-height:0;aspect-ratio:63 / 88;background-color:transparent;border-radius:var(--radius-md);overflow:hidden}.binder-slot .card-image{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-md)}.binder-slot .card-info{padding:.2rem .3rem;flex-shrink:0;background-color:transparent;border-top:none;flex-direction:row;align-items:center;justify-content:center;gap:.25rem}.binder-slot .card-info-owned{background-color:transparent;border-top:none}.binder-slot .card-title-row{gap:.2rem;justify-content:center}.binder-slot .card-number{font-size:.55rem}.binder-slot .card-name{font-size:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.binder-slot .card-price{display:none}.binder-slot .card-owned-indicator{display:none!important}.binder-details-off .binder-slot .card-title-row{display:none}.binder-details-off .binder-slot .card-info{position:absolute;bottom:6px;right:6px;padding:0}.binder-details-off .binder-slot .card-bottom-row{justify-content:flex-end;display:none!important}.binder-details-off .binder-slot .card-thumbnail:hover .card-bottom-row{display:flex!important}.binder-details-off .binder-slot .card-toggle-btn,.binder-details-off .binder-slot .card-toggle-btn.owned{width:20px;height:20px;font-size:12px;border-radius:4px}.binder-details-off .binder-slot .card-owned-indicator{display:none!important}.binder-details-off .binder-grid-4x4 .binder-slot .card-info,.binder-details-off .binder-grid-5x5 .binder-slot .card-info{bottom:4px;right:4px}.binder-details-off .binder-grid-4x4 .binder-slot .card-toggle-btn,.binder-details-off .binder-grid-4x4 .binder-slot .card-owned-indicator,.binder-details-off .binder-grid-5x5 .binder-slot .card-toggle-btn,.binder-details-off .binder-grid-5x5 .binder-slot .card-owned-indicator{width:16px;height:16px;font-size:10px}.binder-details-off .binder-slot .owned-badge,.binder-details-on .binder-slot .owned-badge{display:none}.binder-details-on .binder-slot .card-info{display:flex}.binder-details-on .binder-slot .card-toggle-btn,.binder-details-on .binder-slot .card-toggle-btn.owned{width:16px;height:16px;font-size:10px;opacity:1!important;visibility:visible!important}.binder-details-on .binder-slot .card-bottom-row{justify-content:flex-end}.binder-details-on.binder-view{overflow-y:auto}.binder-slot .card-chase-btn,.binder-slot .card-chase-indicator{width:20px;height:20px;font-size:14px;top:.25rem;right:.25rem}.binder-grid-4x4 .binder-slot .card-chase-btn,.binder-grid-4x4 .binder-slot .card-chase-indicator,.binder-grid-5x5 .binder-slot .card-chase-btn,.binder-grid-5x5 .binder-slot .card-chase-indicator{width:16px;height:16px;font-size:12px;top:.15rem;right:.15rem}.binder-slot-empty{background:#8080800d;border:2px dashed var(--border-color);border-radius:6px;aspect-ratio:.714}.binder-page-indicator{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--text-secondary);font-size:.85rem;flex-shrink:0;padding-top:.5rem}@media(hover:none)and (pointer:coarse){.binder-details-off .binder-slot .card-bottom-row{display:none!important}.binder-details-off .binder-slot .card-thumbnail:active .card-bottom-row,.binder-details-off .binder-slot .card-thumbnail:focus-within .card-bottom-row{display:flex!important}}@media(max-width:900px){.binder-view{--header-height: 200px}.binder-page{padding:.75rem}.binder-page-left{padding-right:1.25rem}.binder-page-right,.binder-spread-container.single .binder-page{padding-left:1.25rem}.binder-grid{gap:.4rem}.binder-grid-4x4,.binder-grid-5x5{gap:.25rem}}@media(max-width:768px){.binder-view{--header-height: 220px}.binder-page-container{flex-direction:column;gap:.5rem}.binder-nav{width:100%;height:36px;font-size:1.25rem;max-width:250px}.binder-nav-prev{order:2}.binder-nav-next{order:3}.binder-spread-container{order:1;flex-direction:column;gap:.5rem}.binder-spread-container.spread{flex-direction:row;max-width:100%}.binder-page{padding:.5rem;border-radius:4px 8px 8px 4px}.binder-page-left{padding-right:1rem;border-radius:8px 4px 4px 8px}.binder-page-right{padding-left:1rem}.binder-rings{width:12px;padding:1rem 0}.ring{width:10px;height:10px}.binder-grid{gap:.3rem}.binder-grid-4x4{grid-template-columns:repeat(4,1fr);gap:.2rem}.binder-grid-5x5{grid-template-columns:repeat(5,1fr);gap:.15rem}}@media(max-width:480px){.binder-view{--header-height: 240px}.binder-page{padding:.4rem}.binder-page-left{padding-right:.8rem}.binder-page-right,.binder-spread-container.single .binder-page{padding-left:.8rem}.binder-rings{width:10px;padding:.75rem 0}.ring{width:8px;height:8px}.binder-grid{gap:.2rem}.binder-grid-4x4{grid-template-columns:repeat(3,1fr)}.binder-grid-5x5{grid-template-columns:repeat(4,1fr);gap:.15rem}.binder-nav{height:32px}.binder-page-indicator{font-size:.75rem}}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.card-list{display:flex;flex-direction:column;gap:.5rem;width:100%}.card-grid-empty{text-align:center;padding:3rem;color:var(--text-muted)}@media(max-width:360px){.card-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}}@media(min-width:361px)and (max-width:480px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}}@media(min-width:768px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem}}@media(min-width:1200px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.skeleton-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.skeleton-image{width:100%;aspect-ratio:63 / 88;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-card) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-info{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.skeleton-line{height:.75rem;border-radius:4px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-card) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-line.short{width:40%}.skeleton-line.medium{width:70%}@media(min-width:768px){.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem}}@media(min-width:1200px){.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}}.set-page{max-width:1400px;margin:0 auto;padding:2rem 1rem}.back-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem;transition:color .2s ease}.loading-header{margin-bottom:2rem}.skeleton-title{height:2rem;width:250px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-card) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px;margin-bottom:.75rem}.skeleton-subtitle{height:1rem;width:150px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-card) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;text-align:center}.error-icon{width:60px;height:60px;border-radius:50%;background-color:var(--accent-color);color:#fff;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center}.error-container h2{font-size:1.25rem;color:var(--text-primary);margin:0}.error-container p{color:var(--text-secondary);font-size:.95rem;max-width:400px}.retry-button{padding:.75rem 1.5rem;background-color:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.retry-button:hover{background-color:var(--accent-hover)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem;text-align:center;padding:2rem;background-color:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.empty-state p{color:var(--text-secondary);font-size:1rem;margin:0}.show-all-button{padding:.5rem 1rem;background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.show-all-button:hover{background-color:var(--bg-secondary)}@media(max-width:768px){.set-page{padding:1rem}}.search-filters{background-color:transparent;border-radius:0;padding:0}.search-filters.collapsed{padding:0}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding:.75rem 1rem;background-color:var(--bg-secondary);border:4px solid var(--text-primary);box-shadow:inset -4px -4px 0 0 var(--border-color),inset 4px 4px #fffc,var(--shadow-md);cursor:pointer;transition:background-color .15s ease}.filters-header:hover{background-color:var(--bg-card)}.search-filters.collapsed .filters-header{margin-bottom:0}.filters-header-left{display:flex;align-items:center;gap:.75rem;pointer-events:none}.filters-header-right{display:flex;align-items:center;gap:.5rem}.filters-header-right .reset-btn{pointer-events:auto}.filters-title-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:0;font-family:var(--font-pixel);font-size:.7rem;font-weight:400;color:var(--text-primary);cursor:pointer;transition:color .15s steps(2)}.filters-title-btn:hover{color:var(--accent-color)}.filters-title-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.filters-chevron{display:inline-block;font-size:.6rem;font-weight:700;transition:transform .15s steps(2);transform:rotate(0)}.filters-chevron.rotated{transform:rotate(90deg)}.multi-select-container{position:relative}.selected-pills{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;min-height:42px;border:2px solid var(--text-primary);border-radius:0;background-color:var(--bg-card);align-items:center}.selected-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.35rem .5rem .35rem .75rem;background-color:var(--accent-color);color:#fff;border-radius:0;font-family:var(--font-retro);font-size:1rem;font-weight:400}.pill-remove{background:none;border:none;color:#fff;opacity:.8;font-size:1rem;cursor:pointer;padding:0;line-height:1;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;transition:all .15s ease}.pill-remove:hover{opacity:1;background-color:#fff3}.add-filter-btn{background:none;border:2px dashed var(--border-color);padding:.4rem .75rem;border-radius:0;color:var(--text-muted);font-family:var(--font-retro);font-size:1rem;cursor:pointer;transition:all .15s steps(2)}.add-filter-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background-color:color-mix(in srgb,var(--accent-color) 10%,transparent)}.multi-select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;z-index:100;box-shadow:0 4px 12px #00000026;max-height:300px;display:flex;flex-direction:column}.multi-select-dropdown .dropdown-search{width:100%;padding:.75rem;border:none;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;box-sizing:border-box;border-radius:8px 8px 0 0}.multi-select-dropdown .dropdown-search:focus{outline:none}.multi-select-dropdown .dropdown-list{margin:0;padding:0;list-style:none;max-height:250px;overflow-y:auto}.multi-select-dropdown .dropdown-option{display:flex;align-items:center;gap:.5rem;padding:.75rem;cursor:pointer;transition:background-color .15s ease;color:var(--text-primary)}.multi-select-dropdown .dropdown-option:hover{background-color:var(--bg-secondary)}.multi-select-dropdown .dropdown-option.selected{background-color:color-mix(in srgb,var(--accent-color) 15%,transparent)}.option-checkbox{width:18px;height:18px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--accent-color);flex-shrink:0}.dropdown-option.selected .option-checkbox{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.active-filter-count{background-color:var(--accent-color);color:#fff;font-family:var(--font-retro);font-size:1rem;font-weight:400;padding:.2rem .5rem;border-radius:0}.reset-btn{background:none;border:2px solid var(--text-primary);padding:.5rem 1rem;border-radius:0;color:var(--text-secondary);cursor:pointer;font-family:var(--font-retro);font-size:1.1rem;transition:all .15s steps(2);box-shadow:var(--shadow-sm)}.reset-btn:hover{background-color:var(--bg-card);color:var(--text-primary);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--text-primary)}.reset-btn:active{transform:translate(0);box-shadow:var(--shadow-sm)}.filter-summary{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.filter-chip{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background-color:var(--bg-card);border:2px solid var(--text-primary);border-radius:0;font-family:var(--font-retro);font-size:1rem}.chip-label{color:var(--text-muted);font-weight:500}.chip-value{color:var(--text-primary);font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-remove{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:0;line-height:1;transition:color .2s ease}.chip-remove:hover{color:var(--accent-color)}.ownership-filter{display:flex;align-items:center;gap:1rem;padding:.75rem 0;margin-bottom:.5rem;border-bottom:1px solid var(--border-color)}.ownership-label{font-family:var(--font-retro);font-size:1.1rem;font-weight:400;color:var(--text-secondary)}.ownership-toggle{display:flex;background-color:var(--bg-card);border:2px solid var(--text-primary);border-radius:0;overflow:hidden}.ownership-btn{padding:.5rem .85rem;border:none;background:none;color:var(--text-secondary);font-family:var(--font-retro);font-size:1rem;font-weight:400;cursor:pointer;transition:all .15s steps(2);border-right:2px solid var(--border-color)}.ownership-btn:last-child{border-right:none}.ownership-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.ownership-btn.active{background-color:var(--accent-color);color:#fff}.ownership-btn.active:hover{background-color:var(--accent-hover)}.search-filters.collapsed .ownership-filter{display:none}.ownership-select-mobile{display:none;appearance:none;-webkit-appearance:none;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:.5rem 2rem .5rem .75rem;font-size:.85rem;font-weight:500;color:var(--text-primary);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;flex:1}.ownership-select-mobile:focus{outline:none;border-color:var(--accent-color)}.filter-rows{display:flex;flex-direction:column;gap:1rem;max-height:2000px;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,padding .3s ease;padding:1rem;margin-top:-4px;background-color:var(--bg-secondary);border:4px solid var(--text-primary);border-top:none;box-shadow:inset -4px -4px 0 0 var(--border-color),inset 4px 0 #fffc}.search-filters.collapsed .filter-rows{max-height:0;opacity:0;padding:0 1rem;margin-top:0;border-width:0}.filter-row{display:flex;flex-direction:column;gap:.5rem}.filter-row label{font-family:var(--font-retro);font-size:1.1rem;font-weight:400;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.filter-row.has-value label:after{content:"";width:6px;height:6px;background-color:var(--accent-color);border-radius:50%}.filter-row select,.filter-row>input{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-card);color:var(--text-primary);font-size:.9rem;transition:border-color .2s ease;width:100%}.filter-row select:focus,.filter-row input:focus{outline:none;border-color:var(--text-muted)}.artist-autocomplete{position:relative}.artist-autocomplete input{padding:.75rem 2.5rem .75rem .75rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-card);color:var(--text-primary);font-size:.9rem;transition:border-color .2s ease;width:100%;box-sizing:border-box}.artist-autocomplete input:focus{outline:none;border-color:var(--text-muted)}.clear-artist-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s ease}.clear-artist-btn:hover{color:var(--text-primary)}.artist-dropdown{position:absolute;top:100%;left:0;right:0;margin:0;padding:0;list-style:none;background-color:var(--bg-card);border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;max-height:250px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #00000026}.artist-option{padding:.75rem;cursor:pointer;transition:background-color .15s ease;color:var(--text-primary)}.artist-option:hover,.artist-option.highlighted{background-color:var(--bg-secondary)}.artist-option.highlighted{background-color:var(--accent-color);color:#fff}.price-inputs{display:flex;align-items:center;gap:.5rem}.price-inputs input{flex:1;min-width:0;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-card);color:var(--text-primary);font-size:.9rem;transition:border-color .2s ease}.price-inputs input:focus{outline:none;border-color:var(--text-muted)}.price-separator{color:var(--text-muted)}.date-inputs{display:flex;align-items:center;gap:.5rem}.date-inputs input{flex:1;min-width:0;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-card);color:var(--text-primary);font-size:.9rem;transition:border-color .2s ease}.date-inputs input:focus{outline:none;border-color:var(--text-muted)}.date-separator{color:var(--text-muted);white-space:nowrap}.custom-dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-card);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:border-color .2s ease;gap:.5rem}.dropdown-trigger:hover{background-color:var(--bg-secondary)}.dropdown-trigger.open{background-color:var(--bg-secondary);border-radius:8px 8px 0 0}.dropdown-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{font-size:.625rem;color:var(--text-muted);transition:transform .2s ease}.dropdown-trigger.open .dropdown-arrow{transform:rotate(180deg)}.clear-dropdown-btn{background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:0 .25rem;line-height:1;transition:color .2s ease}.clear-dropdown-btn:hover{color:var(--text-primary)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-card);border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;z-index:100;box-shadow:0 4px 12px #00000026}.dropdown-search{width:100%;padding:.75rem;border:none;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;box-sizing:border-box}.dropdown-search:focus{outline:none}.dropdown-search::placeholder{color:var(--text-muted)}.dropdown-list{margin:0;padding:0;list-style:none;max-height:250px;overflow-y:auto}.dropdown-option{padding:.75rem;cursor:pointer;transition:background-color .15s ease;color:var(--text-primary)}.dropdown-option:hover,.dropdown-option.highlighted{background-color:var(--bg-secondary)}.dropdown-option.highlighted{background-color:var(--accent-color);color:#fff}.dropdown-option.selected{font-weight:600;color:var(--accent-color)}.dropdown-option.selected.highlighted{color:#fff}.filter-types-row{margin-top:.5rem}.type-chips{display:flex;flex-wrap:wrap;gap:.5rem}.type-chip{padding:.4rem .85rem;border:2px solid var(--border-color);border-radius:0;background-color:var(--bg-card);color:var(--text-secondary);font-family:var(--font-retro);font-size:1rem;cursor:pointer;transition:all .15s steps(2)}.type-chip:hover{border-color:var(--type-color, var(--accent-color));color:var(--type-color, var(--accent-color));background-color:color-mix(in srgb,var(--type-color, var(--accent-color)) 15%,transparent)}.type-chip.selected{background-color:var(--type-color, var(--accent-color));border-color:var(--type-color, var(--accent-color));color:#fff}.type-chip.selected:hover{filter:brightness(1.1)}.type-chip:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.multi-name-container{position:relative}.name-pills-wrapper{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;min-height:42px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-card);align-items:center;transition:border-color .2s ease}.name-pills-wrapper:focus-within{border-color:var(--text-muted)}.name-pill{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-input{flex:1;min-width:120px;border:none;background:transparent;color:var(--text-primary);font-size:.9rem;padding:.25rem 0;outline:none}.name-input::placeholder{color:var(--text-muted)}.add-name-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:var(--accent-color);border:none;border-radius:50%;color:#fff;font-size:1.1rem;font-weight:500;cursor:pointer;flex-shrink:0;transition:background-color .2s ease,transform .1s ease}.add-name-btn:hover{background-color:var(--accent-hover, var(--accent-color));transform:scale(1.05)}.add-name-btn:active{transform:scale(.95)}@media(max-width:480px){.search-filters{padding:1rem}.ownership-toggle-desktop{display:none}.ownership-select-mobile{display:block}.ownership-filter{gap:.5rem}.type-chips{gap:.375rem}.type-chip{padding:.35rem .6rem;font-size:.9rem}.name-input{min-width:80px}}.grouping-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.grouping-label{font-size:.7rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.grouping-content{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.selected-groups{display:flex;align-items:center;gap:.25rem}.group-tag{display:flex;align-items:center;gap:.2rem;padding:0 .5rem;height:28px;background-color:var(--accent-color);color:#fff;border-radius:14px;font-size:.8rem;font-weight:500}.group-separator{color:var(--text-muted);margin-right:.25rem;font-size:.75rem}.remove-group{background:none;border:none;color:#fffc;cursor:pointer;padding:0;margin-left:.15rem;font-size:.9rem;line-height:1;transition:color .15s ease}.remove-group:hover{color:#fff}.clear-groups{background:none;border:1px solid var(--border-color);padding:0 .5rem;height:28px;border-radius:14px;color:var(--text-muted);cursor:pointer;font-size:.8rem;transition:all .15s ease}.clear-groups:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.card-group{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background-color:var(--bg-secondary)}.card-group.depth-0{margin-bottom:.75rem}.card-group.depth-1,.card-group.depth-2,.card-group.depth-3{margin:.5rem 0;border-color:var(--border-color);background-color:var(--bg-card)}.group-header-row{display:flex;align-items:center;gap:.5rem}.group-header{flex:1;display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:transparent;border:none;cursor:pointer;text-align:left;transition:background-color .2s ease}.group-header:hover{background-color:var(--bg-card)}.view-all-btn{background:none;border:none;padding:.5rem 1rem;margin-right:1rem;color:var(--accent-color);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.view-all-btn:hover{color:var(--accent-hover);text-decoration:underline}.depth-1 .group-header,.depth-2 .group-header,.depth-3 .group-header{padding:.75rem 1rem}.group-chevron{font-size:.7rem;color:var(--text-muted);transition:transform .3s ease}.group-chevron.rotated{transform:rotate(180deg)}.group-label{font-weight:600;color:var(--text-primary);font-size:1rem;flex:1}.depth-1 .group-label{font-size:.95rem}.depth-2 .group-label,.depth-3 .group-label{font-size:.9rem}.group-count{font-size:.85rem;color:var(--text-muted)}.group-count-desktop{display:inline}.group-count-mobile{display:none}.group-content{padding:0 1rem 1rem}.nested-groups{display:flex;flex-direction:column;gap:.5rem}.group-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;padding-top:.5rem}@media(max-width:768px){.group-cards-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}}@media(max-width:480px){.group-cards-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.group-count-desktop{display:none}.group-count-mobile{display:inline}.view-all-btn{margin-right:.5rem;padding:.375rem .75rem;font-size:.8rem}.group-header{padding:.75rem;gap:.5rem}.group-label{font-size:.9rem}.group-count{font-size:.8rem}.group-content{padding:0 .75rem .75rem}}.search-page{max-width:1400px;margin:0 auto;padding:var(--space-md) var(--space-lg) var(--space-2xl)}.back-link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--text-muted);text-decoration:none;font-size:var(--text-sm);margin-bottom:var(--space-lg);transition:color var(--transition-base)}.back-link:hover{color:var(--accent-color)}.search-header{margin-bottom:var(--space-xl)}.search-header h1{font-family:var(--font-pixel);font-size:1rem;font-weight:400;color:var(--text-primary);margin:0 0 var(--space-sm);line-height:1.5}.search-header p{font-size:var(--text-base);color:var(--text-muted);margin:0}.search-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin:1.5rem 0;padding:1rem;background-color:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.results-info{display:flex;flex-direction:column;gap:.25rem}.results-count{font-size:1rem;font-weight:600;color:var(--text-primary)}.results-range{font-size:.875rem;color:var(--text-muted)}.pagination-google{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:2rem 0;margin-top:2rem}.page-arrow{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:20px;background-color:var(--bg-card);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.page-arrow:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--text-muted)}.page-arrow:disabled{opacity:.4;cursor:not-allowed}.page-arrow:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.page-numbers{display:flex;align-items:center;gap:.25rem}.page-num{min-width:40px;height:40px;padding:0;border:none;background:transparent;border-radius:50%;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.page-num:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.page-num.active{background-color:var(--accent-color);color:#fff}.page-num.active:hover{background-color:var(--accent-hover)}.page-num:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.page-ellipsis{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem}.controls-row{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.search-results{min-height:400px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-muted)}.loading-state .loading-spinner{width:40px;height:40px;border-width:3px;margin-bottom:var(--space-md)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.empty-state h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.empty-state p{font-size:1rem;color:var(--text-muted);margin:0}.empty-suggestions{margin-top:1.5rem;padding:1.25rem;background-color:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.empty-suggestions p{font-weight:500;color:var(--text-secondary);margin-bottom:.75rem}.empty-suggestions ul{list-style:none;padding:0;margin:0 0 1rem;text-align:left}.empty-suggestions li{font-size:.9rem;color:var(--text-muted);padding:.25rem 0}.empty-suggestions li:before{content:"•";margin-right:.5rem;color:var(--accent-color)}.reset-filters-btn{padding:.75rem 1.5rem;background-color:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.reset-filters-btn:hover{background-color:var(--accent-hover)}.grouped-results{display:flex;flex-direction:column;gap:1rem}.flat-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.flat-results-list{display:flex;flex-direction:column;gap:.5rem}@media(max-width:768px){.search-page{padding:1rem}.search-header h1{font-size:.85rem}.search-controls{flex-direction:column;align-items:flex-start}.controls-row{width:100%;flex-direction:column;align-items:flex-start;gap:1rem}.flat-results{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.pagination-google{flex-wrap:wrap;gap:.75rem;padding:1.5rem 0}.page-arrow{padding:.4rem .75rem;font-size:.8rem}.page-num{min-width:36px;height:36px;font-size:.85rem}.page-ellipsis{min-width:30px;height:36px}}@media(max-width:480px){.flat-results{grid-template-columns:repeat(2,1fr);gap:.75rem}}.inventory-page{max-width:1200px;margin:0 auto;padding:2rem 1.5rem;min-height:calc(100vh - 60px)}.inventory-page-header{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.inventory-page-header h1{font-family:var(--font-pixel);font-size:1rem;font-weight:400;color:var(--text-primary);margin:0;line-height:1.5}.inventory-stats{display:flex;gap:1.5rem}.stat{display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;background-color:var(--bg-secondary);border-radius:0;border:3px solid var(--text-primary);box-shadow:var(--shadow-sm)}.stat-value{font-family:var(--font-retro);font-size:1.5rem;font-weight:400;color:var(--accent-color)}.stat-label{font-family:var(--font-retro);font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.stat-value-highlight{background-color:var(--accent-color);border-color:var(--accent-color)}.stat-value-highlight .stat-value{color:#fff}.stat-value-highlight .stat-label{color:#ffffffd9}.inventory-sync-status{margin-left:auto;font-size:.8rem;color:var(--text-muted)}.inventory-sync-error{width:100%;padding:.5rem 1rem;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:.85rem}.inventory-login-prompt{text-align:center;padding:4rem 2rem;background-color:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.inventory-login-prompt h2{font-size:1.75rem;color:var(--text-primary);margin:0 0 1rem}.inventory-login-prompt p{color:var(--text-secondary);margin:0 0 1.5rem;max-width:400px;margin-left:auto;margin-right:auto}.login-prompt-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#24292e;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.login-prompt-btn:hover{background-color:#3a3f44}.inventory-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.inventory-empty-state{text-align:center;padding:4rem 2rem;background-color:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.inventory-empty-state h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 .5rem}.inventory-empty-state p{color:var(--text-muted);margin:0}.inventory-filters-section{background-color:var(--bg-secondary);border:3px solid var(--text-primary);border-radius:0;margin-bottom:1rem;overflow:hidden;box-shadow:var(--shadow-md)}.filters-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--bg-card);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .15s ease}.filters-header:hover{background-color:var(--bg-secondary)}.filters-toggle{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-family:var(--font-pixel);font-size:.6rem;font-weight:400}.filters-toggle-icon{font-size:.7rem;color:var(--text-muted)}.filters-active-badge{font-size:.7rem;padding:.15rem .5rem;background-color:var(--accent-color);color:#fff;border-radius:10px;font-weight:500}.filters-clear{background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .15s ease}.filters-clear:hover{background-color:#ef44441a;color:#ef4444}.filters-content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.filter-search-input{padding:.6rem .85rem;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;color:var(--text-primary);max-width:300px;transition:border-color .15s ease}.filter-search-input:focus{outline:none;border-color:var(--accent-color)}.filter-search-input::placeholder{color:var(--text-muted)}.filter-chips{display:flex;flex-wrap:wrap;gap:.4rem}.filter-chips-scrollable{max-height:120px;overflow-y:auto;padding-right:.5rem}.filter-chip{padding:.35rem .7rem;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-chip:hover{background-color:var(--bg-card);border-color:var(--text-muted)}.filter-chip.selected{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.inventory-grouping{background-color:var(--bg-secondary);border:3px solid var(--text-primary);border-radius:0;padding:.75rem 1rem;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.grouping-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.grouping-label{font-family:var(--font-retro);font-size:1rem;font-weight:400;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.grouping-tags{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.grouping-tag{display:inline-flex;align-items:center;gap:.2rem;padding:0 .5rem;height:28px;background-color:var(--accent-color);color:#fff;border-radius:14px;font-size:.8rem;font-weight:500}.grouping-separator{color:var(--text-muted);margin-right:.25rem;font-size:.75rem}.grouping-remove{background:none;border:none;color:#fffc;font-size:.9rem;cursor:pointer;padding:0;line-height:1;margin-left:.15rem;transition:color .15s ease}.grouping-remove:hover{color:#fff}.grouping-none{font-size:.8rem;color:var(--text-muted);font-style:italic}.inventory-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.sort-controls{display:flex;align-items:center;gap:.5rem}.sort-label{font-family:var(--font-retro);font-size:1rem;color:var(--text-muted)}.sort-btn{padding:.4rem .75rem;background-color:var(--bg-secondary);border:2px solid var(--text-primary);border-radius:0;color:var(--text-secondary);font-family:var(--font-retro);font-size:1rem;cursor:pointer;transition:all .15s steps(2);box-shadow:var(--shadow-sm)}.sort-btn:hover{background-color:var(--bg-card);color:var(--text-primary);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--text-primary)}.sort-btn:active{transform:translate(0);box-shadow:var(--shadow-sm)}.sort-btn.active{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.results-count{font-family:var(--font-retro);font-size:1rem;color:var(--text-muted)}.inventory-list{display:flex;flex-direction:column;gap:.5rem}.inventory-card-row{display:grid;grid-template-columns:60px 1fr auto 100px;align-items:center;gap:1rem;padding:.75rem 1rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .15s ease}.inventory-card-row:hover{background-color:var(--bg-secondary);border-color:var(--accent-color)}.inventory-card-image{width:60px;height:84px;border-radius:4px;overflow:hidden;background-color:var(--bg-secondary)}.inventory-card-image img{width:100%;height:100%;object-fit:cover}.inventory-card-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.inventory-card-name{font-size:1rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-card-meta{display:flex;gap:.75rem;font-size:.8rem;color:var(--text-muted)}.inventory-card-breakdown{display:flex;flex-wrap:wrap;gap:.35rem}.variant-badge{padding:.2rem .5rem;background-color:var(--bg-secondary);border-radius:4px;font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.inventory-card-quantity{display:flex;flex-direction:column;align-items:center;text-align:center}.quantity-value{font-size:1.5rem;font-weight:700;color:var(--accent-color)}.quantity-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.inventory-grouped{display:flex;flex-direction:column;gap:.5rem}.inventory-group{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.inventory-group.depth-0{margin-bottom:.25rem}.inventory-group.depth-1{background-color:var(--bg-secondary);margin-left:.5rem;border-radius:6px}.inventory-group.depth-2{background-color:var(--bg-primary);margin-left:.5rem;border-radius:4px}.inventory-group-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s ease}.inventory-group-header:hover{background-color:var(--bg-secondary)}.depth-1 .inventory-group-header{padding:.6rem .85rem}.depth-2 .inventory-group-header{padding:.5rem .75rem}.group-chevron{font-size:.65rem;color:var(--text-muted);transition:transform .2s ease}.group-chevron.rotated{transform:rotate(0)}.group-chevron:not(.rotated){transform:rotate(-90deg)}.group-label{font-size:.95rem;font-weight:600;color:var(--text-primary);flex:1}.depth-1 .group-label{font-size:.9rem}.depth-2 .group-label{font-size:.85rem;font-weight:500}.inventory-group-header .group-count{font-size:.8rem;color:var(--text-muted)}.inventory-group-content{padding:.5rem}.depth-1 .inventory-group-content{padding:.35rem}.inventory-group-cards,.nested-groups{display:flex;flex-direction:column;gap:.35rem}@media(max-width:768px){.inventory-page{padding:1.5rem 1rem}.inventory-page-header{flex-direction:column;align-items:flex-start;gap:1rem}.inventory-page-header h1{font-size:.85rem}.inventory-sync-status{margin-left:0}.inventory-card-row{grid-template-columns:50px 1fr 80px;gap:.75rem;padding:.5rem .75rem}.inventory-card-image{width:50px;height:70px}.inventory-card-breakdown{display:none}.inventory-card-name{font-size:.9rem}.inventory-card-meta{font-size:.75rem;gap:.5rem}.quantity-value{font-size:1.25rem}.filters-content{padding:.75rem;gap:.75rem}.filter-search-input{max-width:100%}.grouping-header{flex-direction:column;align-items:flex-start;gap:.5rem}.grouping-header .custom-select,.grouping-header .custom-select-trigger{width:100%}.inventory-controls{flex-direction:column;align-items:flex-start;gap:.75rem}}@media(max-width:480px){.inventory-stats{width:100%;justify-content:space-around}.stat{flex:1;padding:.4rem .75rem}.stat-value{font-size:1.25rem}.sort-controls{flex-wrap:wrap}.sort-btn{padding:.35rem .6rem;font-size:.8rem}.filter-chips-scrollable{max-height:100px}.filter-chip{padding:.3rem .6rem;font-size:.75rem}}@media(hover:none)and (pointer:coarse){.inventory-card-row:active{transform:scale(.99);background-color:var(--bg-secondary)}.sort-btn:active{transform:scale(.95)}.login-prompt-btn:active{transform:scale(.98)}.filter-chip:active{transform:scale(.95)}.filters-toggle:active{background-color:var(--bg-secondary)}}.trade-panel{background:var(--bg-card);border-radius:0;border:4px solid var(--text-primary);box-shadow:inset -4px -4px 0 0 var(--border-color),inset 4px 4px #fffc,var(--shadow-md);display:flex;flex-direction:column;min-height:400px}.trade-panel-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color)}.trade-panel-titles{flex:1}.trade-panel-title{font-family:var(--font-pixel);font-size:.6rem;font-weight:400;color:var(--text-primary);margin:0 0 var(--space-xs)}.trade-panel-subtitle{font-family:var(--font-retro);font-size:1rem;color:var(--text-muted);margin:0}.clear-panel-btn{padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:var(--text-xs);transition:all var(--transition-base)}.clear-panel-btn:hover{border-color:#dc3545;color:#dc3545}.trade-panel-content{flex:1;padding:var(--space-md);overflow-y:auto}.trade-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;text-align:center;color:var(--text-muted)}.trade-panel-empty p{margin:0 0 var(--space-md)}.trade-cards-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.trade-card-entry{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-md);position:relative}.trade-card-image{width:50px;height:70px;flex-shrink:0}.trade-card-image img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-sm)}.trade-card-info{flex:1;min-width:0}.trade-card-name{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trade-card-set{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.trade-card-controls{display:flex;gap:var(--space-xs);margin-top:var(--space-xs);flex-wrap:wrap}.trade-select{padding:2px 4px;font-size:var(--text-xs);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);cursor:pointer}.variant-select{max-width:90px}.grade-select{max-width:70px}.quantity-control{display:flex;align-items:center;gap:2px}.qty-btn{width:20px;height:20px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--transition-fast)}.qty-btn:hover:not(:disabled){background:var(--accent-color);border-color:var(--accent-color);color:#fff}.qty-btn:disabled{opacity:.5;cursor:not-allowed}.qty-value{min-width:20px;text-align:center;font-size:var(--text-xs);font-weight:var(--font-medium)}.trade-card-value{text-align:right;flex-shrink:0;min-width:80px}.value-amount{font-weight:var(--font-semibold);color:var(--accent-color);font-size:var(--text-base)}.value-source,.value-unit{font-size:var(--text-xs);color:var(--text-muted)}.remove-card-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;padding:0;background:transparent;border:none;cursor:pointer;font-size:var(--text-lg);color:var(--text-muted);opacity:0;transition:all var(--transition-fast)}.trade-card-entry:hover .remove-card-btn{opacity:1}.remove-card-btn:hover{color:#dc3545}.add-card-btn{width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:2px dashed var(--border-color);border-radius:0;color:var(--text-secondary);cursor:pointer;font-family:var(--font-retro);font-size:1.1rem;font-weight:400;transition:all .15s steps(2)}.add-card-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:rgba(var(--accent-color),.05)}.add-card-btn.primary{background:var(--accent-color);border:3px solid var(--text-primary);color:#fff;box-shadow:var(--shadow-sm)}.add-card-btn.primary:hover{background:var(--accent-hover);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--text-primary)}.add-card-btn.primary:active{transform:translate(0);box-shadow:var(--shadow-sm)}.trade-panel-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-top:3px solid var(--text-primary);background:var(--bg-secondary);border-radius:0}.panel-total{display:flex;align-items:baseline;gap:var(--space-sm)}.total-label{font-family:var(--font-retro);font-size:1rem;color:var(--text-secondary)}.total-amount{font-family:var(--font-retro);font-size:1.5rem;font-weight:400;color:var(--accent-color)}.panel-count{font-family:var(--font-retro);font-size:1rem;color:var(--text-muted)}@media(max-width:600px){.trade-panel{min-height:auto}.trade-panel-empty{min-height:auto;height:auto;padding:var(--space-md) 0}.trade-panel-empty p{margin:0 0 var(--space-sm)}.trade-card-entry{flex-wrap:wrap}.trade-card-value{width:100%;text-align:left;margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--border-color)}}.card-selector-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-md)}.card-selector-modal{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);z-index:var(--z-modal)}.selector-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color)}.selector-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.selector-close{width:32px;height:32px;padding:0;background:transparent;border:none;cursor:pointer;font-size:var(--text-2xl);color:var(--text-muted);transition:color var(--transition-fast)}.selector-close:hover{color:var(--text-primary)}.selector-filters{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.filter-row{display:flex;gap:var(--space-md)}.set-filter-wrapper{flex:1;max-width:300px;position:relative}.set-filter-wrapper .custom-select{width:100%}.set-filter-wrapper .custom-select-trigger{width:100%;height:38px;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);border-radius:var(--radius-md)}.set-filter-wrapper .custom-select-menu{max-height:300px;min-width:100%}.set-filter-wrapper .custom-select-option{font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.search-input{flex:2;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-size:var(--text-sm)}.search-input:focus,.set-filter:focus{outline:none;border-color:var(--accent-color)}.selector-results{flex:1;overflow-y:auto;padding:var(--space-md);min-height:300px}.selector-loading,.selector-empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);text-align:center}.results-list{display:flex;flex-direction:column;gap:var(--space-sm)}.card-result-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);transition:background var(--transition-fast)}.card-result-item:hover{background:var(--border-color)}.card-result-image{width:45px;height:63px;flex-shrink:0}.card-result-image img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-sm)}.card-result-info{flex:1;min-width:0}.card-result-clickable{cursor:pointer;transition:opacity var(--transition-fast)}.card-result-clickable:hover{opacity:.8}.card-result-name{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm)}.card-result-set{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.card-result-rarity{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.card-result-selectors{display:flex;gap:var(--space-xs);flex-shrink:0}.card-result-selectors .custom-select-trigger{min-width:110px}.card-result-selectors .custom-select-menu{min-width:fit-content;white-space:nowrap}.variant-label{display:flex;align-items:center;justify-content:center;min-width:110px;height:28px;padding:0 var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap}.selector-input{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);font-size:var(--text-xs);cursor:pointer;max-width:100px}.add-to-trade-btn{padding:var(--space-xs) var(--space-md);background:var(--accent-color);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-fast);flex-shrink:0}.add-to-trade-btn:hover{background:var(--accent-hover)}.selector-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-color);background:var(--bg-secondary);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.results-count{font-size:var(--text-sm);color:var(--text-muted)}.cancel-btn{padding:var(--space-sm) var(--space-lg);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-base)}.cancel-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}@media(max-width:600px){.card-selector-modal{max-height:100vh;border-radius:0}.filter-row{flex-direction:column}.set-filter{max-width:none}.card-result-item{flex-wrap:wrap;position:relative;padding-bottom:calc(var(--space-sm) + 36px)}.card-result-info{flex:1}.card-result-selectors{flex-shrink:0}.add-to-trade-btn{position:absolute;bottom:var(--space-sm);left:var(--space-md);right:var(--space-md);width:auto}}.trading-page{max-width:1400px;margin:0 auto;padding:var(--space-lg);min-height:calc(100vh - 80px)}.trading-header{text-align:center;margin-bottom:var(--space-xl)}.trading-title{font-family:var(--font-pixel);font-size:1rem;font-weight:400;color:var(--text-primary);margin:0 0 var(--space-xs);line-height:1.5}.trading-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin:0}.trading-panels{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-md);margin-bottom:var(--space-xl);align-items:start}.trade-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md);min-width:140px}.center-empty,.center-trade,.center-single{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.vs-circle{width:44px;height:44px;background:var(--accent-color);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);color:#fff;font-size:var(--text-xs);box-shadow:var(--shadow-md);flex-shrink:0}.center-values{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.center-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.center-fairness{font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full)}.center-fairness.success{background:#28a74526;color:#28a745}.center-fairness.error{background:#dc354526;color:#dc3545}.center-fairness.neutral{background:var(--bg-secondary);color:var(--text-secondary)}.center-diff-value{font-size:var(--text-xl);font-weight:var(--font-bold);margin-top:var(--space-xs)}.center-diff-value.success{color:#28a745}.center-diff-value.error{color:#dc3545}.center-diff-value.neutral{color:var(--text-secondary)}.center-percent{font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:2px}.center-percent.success{color:#28a745}.center-percent.error{color:#dc3545}.center-percent.neutral{color:var(--text-secondary)}.center-message{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;max-width:120px}.center-amount{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--accent-color);margin-top:var(--space-xs)}.center-total{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:var(--space-sm)}.total-label{font-size:var(--text-xs);color:var(--text-muted)}.total-amount{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--accent-color)}@media(max-width:900px){.trading-panels{grid-template-columns:1fr;gap:var(--space-lg)}.trade-center:has(.center-empty){display:none}.trade-center{order:-1;padding:var(--space-md) 0;min-width:auto;width:100%}.trade-panel-left{order:0}.trade-panel-right{order:1}.center-values{flex-direction:row;gap:var(--space-md)}.vs-circle{width:36px;height:36px}}@media(max-width:600px){.trading-page{padding:var(--space-md)}.trading-title{font-size:.85rem}}.account-page{padding:var(--space-xl) var(--space-md);min-height:60vh}.account-container{max-width:600px;margin:0 auto}.account-container h1{font-family:var(--font-pixel);font-size:1rem;font-weight:400;color:var(--text-primary);margin-bottom:var(--space-xl);line-height:1.5}.account-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);gap:var(--space-md);color:var(--text-secondary)}.account-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:accountSpin .8s linear infinite}@keyframes accountSpin{to{transform:rotate(360deg)}}.account-alert{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.account-alert svg{width:20px;height:20px;flex-shrink:0}.account-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.account-alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.account-verification-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.verification-content{display:flex;align-items:center;gap:var(--space-md)}.verification-content svg{width:24px;height:24px;color:#d97706;flex-shrink:0}.verification-content strong{display:block;color:#92400e;font-size:var(--text-base)}.verification-content p{color:#a16207;font-size:var(--text-sm);margin:0}.verification-btn{background:#d97706;color:#fff;border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:500;font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:background .2s}.verification-btn:hover:not(:disabled){background:#b45309}.verification-btn:disabled{opacity:.6;cursor:not-allowed}.account-section{background:var(--bg-card);border:4px solid var(--text-primary);border-radius:0;padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:inset -4px -4px 0 0 var(--border-color),inset 4px 4px #fffc,var(--shadow-md)}.account-section h2{font-family:var(--font-pixel);font-size:.65rem;font-weight:400;color:var(--text-primary);margin:0 0 var(--space-lg) 0;padding-bottom:var(--space-md);border-bottom:3px solid var(--border-color)}.account-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.form-group input{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #c9a66b26}.form-group input::placeholder{color:var(--text-muted)}.form-hint{font-size:var(--text-sm);color:var(--text-muted);margin:0}.email-input-wrapper{position:relative;display:flex;align-items:center}.email-input-wrapper input{width:100%;padding-right:80px}.verified-badge{position:absolute;right:var(--space-sm);background:#dcfce7;color:#166534;font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.account-btn{padding:var(--space-sm) var(--space-lg);border-radius:0;font-family:var(--font-pixel);font-size:.55rem;font-weight:400;cursor:pointer;transition:all var(--transition-base);border:3px solid var(--text-primary);align-self:flex-start;box-shadow:var(--shadow-sm)}.account-btn.primary{background:var(--accent-color);color:#fff}.account-btn.primary:hover:not(:disabled){background:var(--accent-hover);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--text-primary)}.account-btn.primary:active:not(:disabled){transform:translate(0);box-shadow:var(--shadow-sm)}.account-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.github-info{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-lg)}.github-avatar img,.github-avatar .avatar-placeholder{width:48px;height:48px;border-radius:50%}.github-avatar .avatar-placeholder{background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-lg)}.github-details{flex:1}.github-username{font-weight:600;color:var(--text-primary);margin:0}.github-email{color:var(--text-secondary);font-size:var(--text-sm);margin:var(--space-xs) 0 0 0}.account-info .info-list{display:grid;grid-template-columns:auto 1fr;gap:var(--space-sm) var(--space-lg);margin:0}.info-list dt{font-weight:500;color:var(--text-secondary)}.info-list dd{margin:0;color:var(--text-primary)}@media(max-width:600px){.account-page{padding:var(--space-lg) var(--space-sm)}.account-verification-banner{flex-direction:column;align-items:flex-start}.verification-btn{width:100%;text-align:center}.account-section{padding:var(--space-md)}.account-btn{width:100%;justify-content:center}}.verify-email-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:20px}.verify-email-container{text-align:center;max-width:400px;padding:40px;background:var(--card-bg, #fff);border-radius:16px;box-shadow:0 4px 20px #00000014}.verify-email-container h1{margin:20px 0 10px;color:var(--text-primary, #333);font-size:1.5rem}.verify-email-container p{color:var(--text-secondary, #666);margin-bottom:24px}.verify-spinner{width:48px;height:48px;border:4px solid var(--border-color, #e5e5e5);border-top-color:var(--primary-color, #c9a66b);border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}.verify-icon{width:64px;height:64px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center}.verify-icon svg{width:32px;height:32px}.verify-icon.success{background:#dcfce7;color:#16a34a}.verify-icon.error{background:#fee2e2;color:#dc2626}.verify-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.verify-btn{padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s}.verify-btn.primary{background:linear-gradient(135deg,var(--primary-color, #c9a66b) 0%,var(--primary-dark, #b8956a) 100%);color:#fff}.verify-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #c9a66b4d}.verify-btn.secondary{background:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #333)}.verify-btn.secondary:hover{background:var(--border-color, #e5e5e5)}.reset-password-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:20px}.reset-password-container{text-align:center;max-width:400px;width:100%;padding:40px;background:var(--card-bg, #fff);border-radius:16px;box-shadow:0 4px 20px #00000014}.reset-password-container h1{margin:20px 0 10px;color:var(--text-primary, #333);font-size:1.5rem}.reset-password-container p{color:var(--text-secondary, #666);margin-bottom:24px}.reset-spinner{width:48px;height:48px;border:4px solid var(--border-color, #e5e5e5);border-top-color:var(--primary-color, #c9a66b);border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}.reset-icon{width:64px;height:64px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center}.reset-icon svg{width:32px;height:32px}.reset-icon.success{background:#dcfce7;color:#16a34a}.reset-icon.error{background:#fee2e2;color:#dc2626}.reset-icon.form{background:linear-gradient(135deg,#f8f4e9,#f0ebe0);color:var(--primary-color, #c9a66b)}.reset-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.reset-btn{padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s;border:none;cursor:pointer;font-size:1rem}.reset-btn.primary{background:linear-gradient(135deg,var(--primary-color, #c9a66b) 0%,var(--primary-dark, #b8956a) 100%);color:#fff}.reset-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #c9a66b4d}.reset-btn.secondary{background:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #333)}.reset-btn.secondary:hover{background:var(--border-color, #e5e5e5)}.reset-btn.full-width{width:100%}.reset-form{display:flex;flex-direction:column;gap:1rem;text-align:left}.reset-input-group{display:flex;flex-direction:column;gap:.375rem}.reset-input-group label{font-size:.85rem;font-weight:500;color:var(--text-primary, #333)}.reset-input-group input{padding:.75rem 1rem;border:1px solid var(--border-color, #d0d0d0);border-radius:10px;font-size:1rem;background:var(--bg-primary, #fff);color:var(--text-primary, #333);transition:all .2s}.reset-input-group input:focus{outline:none;border-color:var(--primary-color, #c9a66b);box-shadow:0 0 0 3px #c9a66b26}.reset-input-group input::placeholder{color:var(--text-muted, #999)}.reset-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:.75rem 1rem;margin-bottom:.5rem;color:#b91c1c;font-size:.9rem;text-align:left}.welcome{text-align:center;padding:3rem 1rem}.welcome h1{color:var(--text-primary);margin-bottom:1rem}.welcome p{color:var(--text-secondary)}:root{--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-pixel: "Press Start 2P", cursive;--font-retro: "VT323", monospace;--font-system: system-ui, -apple-system, sans-serif;--radius-sm: 0px;--radius-md: 2px;--radius-lg: 4px;--radius-xl: 4px;--radius-2xl: 4px;--radius-full: 4px;--transition-fast: .1s steps(2);--transition-base: .15s steps(3);--transition-slow: .2s steps(4);--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 900;--z-modal: 1000;--z-tooltip: 1100;--bg-primary: #faf9f7;--bg-secondary: #f0eeeb;--bg-card: #ffffff;--text-primary: #2d2a26;--text-secondary: #6b6560;--text-muted: #9e9890;--border-color: #e5e2dd;--accent-color: #c9a66b;--accent-hover: #b8935a;--header-bg: #A4624A;--success-color: #7cb342;--owned-color: #d4a853;--owned-bg: rgba(212, 168, 83, .15);--owned-border: rgba(212, 168, 83, .4);--rarity-common: #a8a8a8;--rarity-uncommon: #5a9e5a;--rarity-rare: #4a90d9;--rarity-holo: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--rarity-ultra: linear-gradient(135deg, #f5af19 0%, #f12711 50%, #f5af19 100%);--rarity-secret: linear-gradient(135deg, #ffd700 0%, #fff 25%, #ffd700 50%, #fff 75%, #ffd700 100%);--rarity-rare-shadow: rgba(30, 80, 160, .5);--rarity-rare-shadow-hover: rgba(30, 80, 160, .7);--rarity-holo-shadow: rgba(80, 50, 150, .5);--rarity-holo-shadow-hover: rgba(80, 50, 150, .75);--rarity-ultra-shadow: rgba(200, 100, 0, .55);--rarity-ultra-shadow-hover: rgba(200, 100, 0, .8);--rarity-secret-shadow: rgba(180, 140, 0, .6);--rarity-secret-shadow-hover: rgba(180, 140, 0, .85);--shadow-sm: 2px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 3px 3px 0 rgba(0, 0, 0, .25);--shadow-lg: 4px 4px 0 rgba(0, 0, 0, .3);--shadow-glow: 4px 4px 0 var(--accent-color)}[data-theme=eevee]{--bg-primary: #EFDEC4;--bg-secondary: #f0eeeb;--bg-card: #ffffff;--text-primary: #2d2a26;--text-secondary: #6b6560;--text-muted: #9e9890;--border-color: #e5e2dd;--accent-color: #c9a66b;--accent-hover: #b8935a;--header-bg: #A4624A;--owned-color: #d4a853;--owned-bg: rgba(212, 168, 83, .15);--owned-border: rgba(212, 168, 83, .4);--shadow-sm: 2px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 3px 3px 0 rgba(0, 0, 0, .25);--shadow-lg: 4px 4px 0 rgba(0, 0, 0, .3);--shadow-glow: 4px 4px 0 var(--accent-color)}[data-theme=eevee] body{background:linear-gradient(135deg,#efdec4,#f7f1ef)}[data-theme=vaporeon]{--bg-primary: #e8f4f8;--bg-secondary: #d0eaf5;--bg-card: #f0f9fc;--text-primary: #1a3a4a;--text-secondary: #4a7a8a;--text-muted: #7aa0b0;--border-color: #b8d8e8;--accent-color: #6890F0;--accent-hover: #5080e0;--header-bg: #234960;--owned-color: #6890F0;--owned-bg: rgba(104, 144, 240, .15);--owned-border: rgba(104, 144, 240, .4);--shadow-sm: 2px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 3px 3px 0 rgba(0, 0, 0, .25);--shadow-lg: 4px 4px 0 rgba(0, 0, 0, .3);--shadow-glow: 4px 4px 0 var(--accent-color)}[data-theme=jolteon]{--bg-primary: #fffde7;--bg-secondary: #fff9c4;--bg-card: #fffef5;--text-primary: #3d3d00;--text-secondary: #6b6b20;--text-muted: #9a9a50;--border-color: #e8e4a0;--accent-color: #F8D030;--accent-hover: #e8c020;--header-bg: #906F14;--owned-color: #F8D030;--owned-bg: rgba(248, 208, 48, .15);--owned-border: rgba(248, 208, 48, .4);--shadow-sm: 2px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 3px 3px 0 rgba(0, 0, 0, .25);--shadow-lg: 4px 4px 0 rgba(0, 0, 0, .3);--shadow-glow: 4px 4px 0 var(--accent-color)}[data-theme=flareon]{--bg-primary: #fff3e0;--bg-secondary: #ffe0b2;--bg-card: #fff8f0;--text-primary: #4a2000;--text-secondary: #7a4a20;--text-muted: #a07a50;--border-color: #e8c8a0;--accent-color: #F08030;--accent-hover: #e07020;--header-bg: #AE4019;--owned-color: #F08030;--owned-bg: rgba(240, 128, 48, .15);--owned-border: rgba(240, 128, 48, .4);--shadow-sm: 2px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 3px 3px 0 rgba(0, 0, 0, .25);--shadow-lg: 4px 4px 0 rgba(0, 0, 0, .3);--shadow-glow: 4px 4px 0 var(--accent-color)}[data-theme=espeon]{--bg-primary: #ede4f5;--bg-secondary: #ddd0ec;--bg-card: #f5f0fa;--text-primary: #3a1a50;--text-secondary: #6a4a80;--text-muted: #9070a8;--border-color: #c8b0e0;--accent-color: #a855f7;--accent-hover: #9333ea;--header-bg: #744C78;--owned-color: #a855f7;--owned-bg: rgba(168, 85, 247, .15);--owned-border: rgba(168, 85, 247, .4);--shadow-sm: 2px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 3px 3px 0 rgba(0, 0, 0, .25);--shadow-lg: 4px 4px 0 rgba(0, 0, 0, .3);--shadow-glow: 4px 4px 0 var(--accent-color)}[data-theme=umbreon]{--bg-primary: #1a1a2e;--bg-secondary: #252540;--bg-card: #2d2d50;--text-primary: #e0e0e0;--text-secondary: #b0b0c0;--text-muted: #7a7a90;--border-color: #3d3d60;--accent-color: #f59e0b;--accent-hover: #d97706;--header-bg: #2B3148;--owned-color: #f59e0b;--owned-bg: rgba(245, 158, 11, .15);--owned-border: rgba(245, 158, 11, .4);--rarity-common: #9a9a9a;--rarity-uncommon: #7ec87e;--rarity-rare: #6bb8ff;--rarity-rare-shadow: rgba(80, 140, 200, .35);--rarity-rare-shadow-hover: rgba(80, 150, 220, .5);--rarity-holo-shadow: rgba(140, 100, 200, .35);--rarity-holo-shadow-hover: rgba(150, 110, 220, .5);--rarity-ultra-shadow: rgba(200, 140, 40, .4);--rarity-ultra-shadow-hover: rgba(220, 160, 50, .55);--rarity-secret-shadow: rgba(200, 180, 80, .4);--rarity-secret-shadow-hover: rgba(220, 200, 100, .55);--shadow-sm: 2px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 3px 3px 0 rgba(0, 0, 0, .5);--shadow-lg: 4px 4px 0 rgba(0, 0, 0, .6);--shadow-glow: 4px 4px 0 var(--accent-color)}[data-theme=leafeon]{--bg-primary: #e8f5e9;--bg-secondary: #c8e6c9;--bg-card: #f0faf0;--text-primary: #1b3d1b;--text-secondary: #4a7a4a;--text-muted: #7aa07a;--border-color: #a8d8a8;--accent-color: #78C850;--accent-hover: #68b840;--header-bg: #448263;--owned-color: #78C850;--owned-bg: rgba(120, 200, 80, .15);--owned-border: rgba(120, 200, 80, .4);--shadow-sm: 2px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 3px 3px 0 rgba(0, 0, 0, .25);--shadow-lg: 4px 4px 0 rgba(0, 0, 0, .3);--shadow-glow: 4px 4px 0 var(--accent-color)}[data-theme=glaceon]{--bg-primary: #e3f2fd;--bg-secondary: #bbdefb;--bg-card: #f0f8ff;--text-primary: #1a3a5c;--text-secondary: #4a7a9c;--text-muted: #7aa0bc;--border-color: #a8d0e8;--accent-color: #5cb8c8;--accent-hover: #4aa8b8;--header-bg: #465A69;--owned-color: #5cb8c8;--owned-bg: rgba(92, 184, 200, .15);--owned-border: rgba(92, 184, 200, .4);--shadow-sm: 2px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 3px 3px 0 rgba(0, 0, 0, .25);--shadow-lg: 4px 4px 0 rgba(0, 0, 0, .3);--shadow-glow: 4px 4px 0 var(--accent-color)}[data-theme=sylveon]{--bg-primary: #fce4ec;--bg-secondary: #f8d7e8;--bg-card: #fef5f8;--text-primary: #5c1a4a;--text-secondary: #8c4a7a;--text-muted: #b07aa0;--border-color: #e8c0d8;--accent-color: #EE99AC;--accent-hover: #de899c;--header-bg: #C9627B;--owned-color: #EE99AC;--owned-bg: rgba(238, 153, 172, .15);--owned-border: rgba(238, 153, 172, .4);--shadow-sm: 2px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 3px 3px 0 rgba(0, 0, 0, .25);--shadow-lg: 4px 4px 0 rgba(0, 0, 0, .3);--shadow-glow: 4px 4px 0 var(--accent-color)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-retro);font-size:1.1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;min-height:100vh}a{color:var(--accent-color);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;font-family:var(--font-retro);font-size:1rem}.font-pixel{font-family:var(--font-pixel)}.font-retro{font-family:var(--font-retro)}.pixel-border{border:4px solid var(--text-primary);box-shadow:inset -4px -4px 0 0 var(--border-color),inset 4px 4px #fff}.pixel-shadow{box-shadow:4px 4px #0000004d}@keyframes pixelBlink{0%,to{opacity:1}50%{opacity:.6}}.pixel-blink{animation:pixelBlink 1s step-end infinite}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.dark-focus:focus-visible{outline-color:#fff}button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}img{max-width:100%;height:auto}.skip-link{position:absolute;top:-100px;left:0;background:var(--accent-color);color:#fff;padding:.5rem 1rem;z-index:9999;transition:top .3s ease}.skip-link:focus{top:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner--large{width:40px;height:40px;border-width:3px}.chevron{display:inline-block;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-muted);transition:transform var(--transition-base),color var(--transition-base);flex-shrink:0}.chevron.rotated{transform:rotate(90deg)}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-hover{transition:transform var(--transition-base),box-shadow var(--transition-base)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.rarity-common{color:var(--rarity-common)}.rarity-uncommon{color:var(--rarity-uncommon)}.rarity-rare{color:var(--rarity-rare)}.rarity-holo-border{border-image:var(--rarity-holo) 1;border-width:2px;border-style:solid}.rarity-ultra-border{border-image:var(--rarity-ultra) 1;border-width:2px;border-style:solid}.shimmer-effect{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s infinite}