:root[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f6f8fa;--bg-tertiary:#f9fafb;--text-primary:#1f2937;--text-secondary:#374151;--text-tertiary:#6b7280;--text-muted:#9ca3af;--border-color:#e5e7eb;--border-color-light:#f3f4f6;--shadow:#0000001a;--shadow-hover:#00000026;--card-bg:#fff;--navbar-bg:#fff;--footer-bg:#f9fafb;--input-bg:#fff;--button-primary-bg:#2563eb;--button-primary-hover:#1d4ed8;--highlight-bg:#fde04740;--filter-tag-bg:#2563eb26;--filter-tag-hover-bg:#2563eb40}:root[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f1f5f9;--text-secondary:#e2e8f0;--text-tertiary:#cbd5e1;--text-muted:#94a3b8;--border-color:#334155;--border-color-light:#475569;--shadow:#0000004d;--shadow-hover:#00000080;--card-bg:#1e293b;--navbar-bg:#1e293b;--footer-bg:#1e293b;--input-bg:#0f172a;--button-primary-bg:#3b82f6;--button-primary-hover:#2563eb;--highlight-bg:#fde04733;--filter-tag-bg:#3b82f633;--filter-tag-hover-bg:#3b82f64d}:root{--bg-primary:#fff;--bg-secondary:#f6f8fa;--bg-tertiary:#f9fafb;--text-primary:#1f2937;--text-secondary:#374151;--text-tertiary:#6b7280;--text-muted:#9ca3af;--border-color:#e5e7eb;--border-color-light:#f3f4f6;--shadow:#0000001a;--shadow-hover:#00000026;--card-bg:#fff;--navbar-bg:#fff;--footer-bg:#f9fafb;--input-bg:#fff;--button-primary-bg:#2563eb;--button-primary-hover:#1d4ed8;--highlight-bg:#fde04740;--filter-tag-bg:#2563eb26;--filter-tag-hover-bg:#2563eb40}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f6f8fa;background-color:var(--bg-secondary);color:#1f2937;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background-color:var(--card-bg);border-bottom:3px solid var(--button-primary-bg);box-shadow:0 2px 4px var(--shadow);justify-content:space-between;min-height:60px;padding:1rem 2rem;position:relative;transition:background-color .3s ease;z-index:1100}.logo-container,.navbar,.navbar-logo{align-items:center;display:flex}.logo-container{height:50px;position:relative;width:150px}.logo-image{height:50px;left:0;max-width:100%;position:absolute;top:0;transition:opacity .5s ease;width:auto}.logo-visible{opacity:1}.logo-hidden{opacity:0;pointer-events:none}.navbar-links{align-items:center;display:flex;gap:2rem}.nav-link{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .3s ease;white-space:nowrap}.nav-link.active,.nav-link:hover{color:var(--button-primary-bg)}.navbar-auth{display:flex;gap:1rem}.btn{border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.btn-outline{background-color:initial;border:2px solid var(--button-primary-bg);color:var(--button-primary-bg)}.btn-outline:hover{background-color:var(--button-primary-bg);color:#fff}.btn-primary{color:#fff}.btn-primary:hover{background-color:var(--button-primary-hover)}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:30px;justify-content:space-between;padding:.5rem;width:30px;z-index:1001}.hamburger-line{background-color:var(--button-primary-bg);display:block;height:4px;transform-origin:center;transition:all .3s ease;width:100%}.mobile-menu-toggle.open .hamburger-line:first-child{transform:translateY(7px) rotate(45deg)}.mobile-menu-toggle.open .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.open .hamburger-line:nth-child(3){transform:translateY(-2.5px) rotate(-45deg)}.mobile-menu{background-color:var(--card-bg);border-bottom:3px solid var(--button-primary-bg);box-shadow:0 4px 6px var(--shadow);display:none;left:0;max-height:0;opacity:0;overflow:hidden;position:absolute;right:0;top:100%;transition:background-color .3s ease,max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease;z-index:9999}.mobile-menu.open{display:block;max-height:800px;opacity:1}.mobile-menu-content{display:flex;flex-direction:column;padding:1rem 2rem}.mobile-menu-content button.mobile-nav-link,.mobile-nav-link{background:none;border:none;color:var(--text-primary);font-size:1rem;font-weight:500;margin:0;padding:.75rem 0;text-align:left;text-decoration:none;transition:color .3s ease;width:100%}.mobile-menu-content button.mobile-nav-link:hover,.mobile-nav-link:hover{color:var(--button-primary-bg)}.mobile-auth-buttons{gap:1rem;margin-top:1rem;padding-top:1rem}.mobile-auth-buttons,.mobile-user-row{border-top:1px solid var(--border-color);display:flex}.mobile-user-row{align-items:center;border-bottom:1px solid var(--border-color);gap:.7rem;margin-bottom:.5rem;padding:1rem 0}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width:800px){.navbar{padding:1rem}.logo-image{height:40px}.desktop-only{display:none}.mobile-only{display:flex}.mobile-menu{display:block}}@media (max-width:480px){.navbar{padding:.75rem 1rem}.logo-image{height:35px}.mobile-auth-buttons{flex-direction:column;gap:.5rem}.btn{text-align:center;width:100%}}.theme-toggle-dropdown,.theme-toggle-mobile{align-items:center!important;display:flex!important;gap:.75rem!important;justify-content:space-between!important}.theme-toggle-label{flex:1 1;text-align:left}.theme-toggle-switch{background:var(--border-color);border-radius:12px;flex-shrink:0;height:24px;position:relative;transition:background .2s ease;width:44px}.theme-toggle-switch.active{background:var(--button-primary-bg)}.theme-toggle-slider{background:var(--bg-primary);border-radius:50%;box-shadow:0 1px 3px #0003;height:20px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:20px}.theme-toggle-switch.active .theme-toggle-slider{transform:translateX(20px)}@media (min-width:1200px){.navbar{padding:1rem 4rem}}.navbar-avatar-wrapper{align-items:center;display:flex;justify-content:flex-end;margin-right:2rem}.navbar-avatar{border-radius:50%;height:36px;object-fit:cover;width:36px}.navbar-username{color:var(--text-primary);font-size:1rem;font-weight:600;letter-spacing:.01em}.navbar-dropdown{animation:dropdown-fade-in .22s cubic-bezier(.4,0,.2,1);background:var(--card-bg);border-radius:8px;box-shadow:0 4px 16px var(--shadow);display:flex;flex-direction:column;min-width:180px;padding:.5rem 0;position:absolute;right:0;top:110%;transition:background .3s ease,max-height .3s cubic-bezier(.4,0,.2,1),opacity .22s cubic-bezier(.4,0,.2,1);z-index:1000}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:.75rem 1.25rem;text-align:left;transition:background .15s,color .15s}.dropdown-item:focus,.dropdown-item:hover{background:var(--bg-secondary);outline:none}.dropdown-item.theme-toggle-dropdown{align-items:center;border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;gap:.6rem;margin:.25rem 0}.dropdown-item.theme-toggle-dropdown span:first-child{font-size:1.1rem}.dropdown-username-row{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:1rem;gap:.3em;margin-bottom:.2rem;padding:.7rem 1.25rem;white-space:nowrap}.dropdown-username-row strong{color:var(--text-primary);font-weight:700}.mobile-user-row .navbar-avatar{cursor:pointer}.mobile-dropdown-append{background:#fff;border-bottom:1px solid var(--border-color);border-radius:0 0 12px 12px;box-shadow:none;margin-bottom:.5rem;margin-top:-.5rem;padding-bottom:.5rem}.mobile-dropdown-append .dropdown-item{font-size:1.1rem;padding:1rem 1.5rem;text-align:left;width:100%}.mobile-dropdown-append .dropdown-username-row{border-bottom:1px solid var(--border-color);margin-bottom:.2rem;padding:.7rem 1.25rem;white-space:nowrap}.mobile-user-dropdown{border-left:2px solid var(--border-color);margin-bottom:.5rem;margin-left:.5rem;margin-top:.25rem;max-height:0;opacity:0;overflow:hidden;padding-left:1rem;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease}@keyframes mobile-dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-user-dropdown.open{animation:dropdown-fade-in .22s cubic-bezier(.4,0,.2,1);max-height:400px;opacity:1;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .22s cubic-bezier(.4,0,.2,1)}.mobile-user-dropdown .mobile-nav-link{border-bottom:1px solid var(--border-color-light);color:var(--text-secondary);font-size:.9rem;margin-bottom:.25rem;padding:.5rem 0}.mobile-user-dropdown .mobile-nav-link:hover{background:var(--bg-secondary);border-radius:4px;color:var(--button-primary-bg);margin-left:-.5rem;padding-left:.5rem}.mobile-user-dropdown .mobile-nav-link:last-child{border-bottom:none}.mobile-user-dropdown .theme-toggle-mobile{border-bottom:1px solid var(--border-color-light);color:var(--text-secondary);font-size:.9rem;margin-bottom:.25rem;padding:.5rem 0}.mobile-user-dropdown .theme-toggle-mobile:hover{background:var(--bg-secondary);border-radius:4px;margin-left:-.5rem;padding-left:.5rem}.mobile-auth-top{align-items:center;border-bottom:1px solid var(--border-color);border-top:none;display:flex;justify-content:center;margin-bottom:.5rem;padding-bottom:.2rem}.mobile-user-row{border-top:none}@media (max-width:700px){.navbar-dropdown{border-radius:12px;box-shadow:0 8px 32px #0000002e;left:12px;min-width:0;min-width:auto;padding:.75rem 0;position:fixed;right:12px;top:60px;width:auto}.dropdown-item{font-size:1.1rem;padding:1rem 1.5rem}}.navbar-avatar-container{cursor:pointer;display:inline-block;position:relative}.navbar-avatar-badge{border:2px solid var(--card-bg);position:absolute;right:-4px;top:-4px}.mobile-avatar-container{display:inline-block;position:relative}.mobile-avatar-badge{border:2px solid var(--card-bg);position:absolute;right:-4px;top:-4px}.dropdown-item-with-badge,.mobile-nav-link-with-badge{align-items:center!important;display:flex!important;justify-content:space-between!important}.notification-badge{align-items:center;animation:badge-pop .2s ease-out;background-color:#ef4444;border-radius:9999px;color:#fff;display:inline-flex;font-weight:600;justify-content:center;line-height:1}.notification-badge-small{font-size:10px;height:16px;min-width:16px;padding:0 4px}.notification-badge-medium{font-size:11px;height:20px;min-width:20px;padding:0 5px}.notification-badge-large{font-size:13px;height:24px;min-width:24px;padding:0 6px}.notification-badge-indicator{font-size:12px;font-weight:700;height:18px;min-width:18px;padding:0;width:18px}@keyframes badge-pop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.notification-badge.pulse{animation:badge-pulse 2s infinite}@keyframes badge-pulse{0%,to{box-shadow:0 0 0 0 #ef4444b3}50%{box-shadow:0 0 0 6px #ef444400}}.homepage{width:100%}.hero-section{align-items:center;animation:gradientShift 8s ease-in-out infinite;background:linear-gradient(135deg,#357fff,#1e40af 50%,#357fff);background-size:400% 400%;color:#fff;display:flex;gap:3rem;justify-content:center;min-height:50vh;overflow:hidden;padding:3rem 2rem;position:relative;transition:background .3s ease}:root[data-theme=dark] .hero-section{animation:gradientShift 8s ease-in-out infinite;background:linear-gradient(135deg,#1e3a8a,#0f172a 50%,#1e3a8a);background-size:400% 400%}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hero-content{align-items:center;display:flex;flex:2 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:700px;text-align:center;z-index:2}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-shadow:2px 2px 4px #0000004d}.highlight{color:#fbbf24;text-shadow:2px 2px 4px #00000080}.hero-description{font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:500px;opacity:.95}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-primary-large{background-color:#fbbf24;border:none;border-radius:8px;box-shadow:0 4px 12px #fbbf244d;color:#1e40af;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.btn-primary-large:hover{background-color:#f59e0b;box-shadow:0 6px 16px #fbbf2466;transform:translateY(-2px)}.btn-secondary-large{background-color:initial;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.btn-secondary-large:hover{background-color:#fff;color:#357fff;transform:translateY(-2px)}.hero-visual{align-items:center;flex:1 1;gap:1rem;margin:0 auto;max-width:500px}.card-deck,.hero-visual{display:flex;justify-content:center;position:relative}.card-deck{align-items:flex-end;height:240px;transform:translateY(50px);width:180px}.trade-symbol{align-items:center;background:#0000;display:flex;height:60px;justify-content:center;width:60px;z-index:20}.trade-symbol svg{animation:tradeFadeIn .8s ease-out forwards;animation-delay:1.6s;color:#fff;height:32px;opacity:0;width:32px}@keyframes tradeFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.deck-card{background:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;border-radius:12px;box-shadow:none;height:280px;opacity:0;position:absolute;transform:translateY(-400px) scale(.8);width:200px}@keyframes cardDrop{0%{opacity:0;transform:translateY(-400px) scale(.8)}20%{opacity:1;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardDrop2{0%{opacity:0;transform:translateY(-400px) scale(.8) translateY(-10px)}20%{opacity:1;transform:translateY(-100px) scale(.9) translateY(-10px)}to{opacity:1;transform:translateY(0) scale(1) translateY(-10px)}}@keyframes cardDrop3{0%{opacity:0;transform:translateY(-400px) scale(.8) translateY(-20px)}20%{opacity:1;transform:translateY(-100px) scale(.9) translateY(-20px)}to{opacity:1;transform:translateY(0) scale(1) translateY(-20px)}}@keyframes cardDrop4{0%{opacity:0;transform:translateY(-400px) scale(.8) translateY(-30px)}20%{opacity:1;transform:translateY(-100px) scale(.9) translateY(-30px)}to{opacity:1;transform:translateY(0) scale(1) translateY(-30px)}}@keyframes cardDrop5{0%{opacity:0;transform:translateY(-400px) scale(.8) translateY(-40px)}20%{opacity:1;transform:translateY(-100px) scale(.9) translateY(-40px)}to{opacity:1;transform:translateY(0) scale(1) translateY(-40px)}}@keyframes cardDrop6{0%{opacity:0;transform:translateY(-400px) scale(.8) translateY(-50px)}20%{opacity:1;transform:translateY(-100px) scale(.9) translateY(-50px)}to{opacity:1;transform:translateY(0) scale(1) translateY(-50px)}}@keyframes cardDrop7{0%{opacity:0;transform:translateY(-400px) scale(.8) translateY(-60px)}20%{opacity:1;transform:translateY(-100px) scale(.9) translateY(-60px)}to{opacity:1;transform:translateY(0) scale(1) translateY(-60px)}}@keyframes cardDrop8{0%{opacity:0;transform:translateY(-400px) scale(.8) translateY(-70px)}20%{opacity:1;transform:translateY(-100px) scale(.9) translateY(-70px)}to{opacity:1;transform:translateY(0) scale(1) translateY(-70px)}}@keyframes cardDrop9{0%{opacity:0;transform:translateY(-400px) scale(.8) translateY(-80px)}20%{opacity:1;transform:translateY(-100px) scale(.9) translateY(-80px)}to{opacity:1;transform:translateY(0) scale(1) translateY(-80px)}}@keyframes cardDrop10{0%{opacity:0;transform:translateY(-400px) scale(.8) translateY(-90px)}20%{opacity:1;transform:translateY(-100px) scale(.9) translateY(-90px)}to{opacity:1;transform:translateY(0) scale(1) translateY(-90px)}}.deck-card.card-1{animation:cardDrop .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.1s;z-index:1}.deck-card.card-2{animation:cardDrop2 .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.2s;z-index:2}.deck-card.card-3{animation:cardDrop3 .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.3s;z-index:3}.deck-card.card-4{animation:cardDrop4 .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.4s;z-index:4}.deck-card.card-5{animation:cardDrop5 .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.5s;z-index:5}.deck-card.card-6{animation:cardDrop6 .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.6s;z-index:6}.deck-card.card-7{animation:cardDrop7 .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.7s;z-index:7}.deck-card.card-8{animation:cardDrop8 .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.8s;z-index:8}.deck-card.card-9{animation:cardDrop9 .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.9s;z-index:9}.deck-card.card-10{animation:cardDrop10 .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:1s;z-index:10}.deck-card.left-card-1{animation:cardDrop .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.1s;z-index:1}.deck-card.left-card-2{animation:cardDrop2 .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.2s;z-index:2}.deck-card.left-card-3{animation:cardDrop3 .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.3s;z-index:3}.deck-card.left-card-4{animation:cardDrop4 .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.4s;z-index:4}.deck-card.left-card-5{animation:cardDrop5 .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.5s;z-index:5}.stats-section{background-color:var(--bg-secondary);padding:3rem 2rem;transition:background-color .3s ease}.stats-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px;text-align:center}.stat-item{background:var(--card-bg);border-radius:12px;box-shadow:0 4px 6px var(--shadow);flex-direction:column;justify-content:center;padding:1.5rem;transition:background .3s ease}.stat-number{color:var(--button-primary-bg);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label,.stat-number{align-items:center;display:flex;line-height:1}.stat-label{color:var(--text-muted);font-size:1.1rem}.features-section{background-color:var(--bg-primary);padding:1em 2rem 4rem;transition:background-color .3s ease}.features-container{margin:0 auto;max-width:1200px;text-align:center}.features-title{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:3rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;padding:2.5rem 2rem;transition:background .3s ease,border-color .3s ease}.feature-icon{margin-bottom:1.5rem}.feature-icon,.icon-circle{display:flex;justify-content:center}.icon-circle{align-items:center;background:#3b82f61a;border-radius:50%;height:64px;transition:all .3s ease;width:64px}.icon-circle svg{color:var(--button-primary-bg);height:32px;transition:color .3s ease;width:32px}.feature-card:hover .icon-circle{background:#3b82f626;transform:scale(1.05)}.feature-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-description{color:var(--text-tertiary);font-size:1rem;line-height:1.6}@media (max-width:1200px){.hero-section{flex-direction:column;gap:2rem;min-height:50vh;padding:2rem 1rem}.hero-title{font-size:2.8rem}.hero-description{font-size:1.15rem;margin-bottom:2rem}.hero-buttons{justify-content:center}.hero-visual{display:none}.stats-section{padding:2rem 1rem}.stats-container{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.stat-item{padding:1.25rem}.stat-number{font-size:2.2rem;margin-bottom:.25rem}.stat-label{font-size:1rem}.features-section{padding:1em 1rem 2rem}.features-title{font-size:2rem;margin-bottom:1.5rem}.features-grid{gap:1rem;grid-template-columns:repeat(3,1fr)}.feature-card{padding:1.5rem 1rem}.feature-icon{font-size:2rem;margin-bottom:.75rem}.feature-title{font-size:1.2rem;margin-bottom:.5rem}.feature-description{font-size:.9rem;line-height:1.4}}@media (max-width:800px){.features-grid{gap:1.5rem;grid-template-columns:1fr}.feature-card{padding:2rem 1.5rem}.feature-title{font-size:1.3rem}.feature-description{font-size:.95rem}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-description{font-size:1rem}.btn-primary-large,.btn-secondary-large{font-size:1rem;padding:.875rem 1.5rem}.stats-container{grid-template-columns:1fr}.stat-number{font-size:2rem}}.cards-grid{grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fill,160px)}.cards-grid,.cards-grid-compact{align-items:start;box-sizing:border-box;display:grid;justify-content:center;overflow:visible;width:100%}.cards-grid-compact{grid-gap:6px;gap:6px;grid-template-columns:repeat(auto-fill,120px)}.card-container{background:var(--card-bg);border-radius:12px;box-shadow:0 4px 8px var(--shadow);cursor:pointer;max-width:250px;overflow:visible;position:relative;transition:background .3s ease,box-shadow .3s ease,border .3s ease;width:100%}.card-container:hover{box-shadow:0 8px 16px var(--shadow-hover)}.card-container.card-highlighted .card-info{background-color:var(--highlight-bg)!important}.card-container.placeholder{cursor:default;opacity:.6}.card-container.placeholder:hover{box-shadow:0 4px 8px var(--shadow)}.card-image-wrapper{background-color:var(--bg-secondary);border-radius:12px 12px 0 0;height:220px;overflow:visible;position:relative;width:100%}.card-image{border-radius:16px;height:100%;object-fit:contain;position:relative;transform:scale(.98);transition:transform .3s ease;width:100%;z-index:0}.card-container:hover .card-image{transform:scale(1)}.card-image-placeholder{align-items:center;background-color:var(--bg-tertiary);color:var(--text-muted);display:flex;font-weight:500;height:100%;justify-content:center;width:100%}.add-to-collection-button{align-items:center;background:#22c55e;border:none;border-radius:50%;bottom:48px;box-shadow:0 2px 8px #22c55e26;color:#fff;cursor:pointer;display:none;font-size:1.4rem;font-weight:700;height:28px;justify-content:center;position:absolute;right:10px;transition:background .2s,box-shadow .2s,transform .2s;width:28px;z-index:2}.card-image-wrapper:hover .add-to-collection-button{display:flex}.add-to-collection-button:focus,.add-to-collection-button:hover{background:#16a34a;box-shadow:0 4px 12px #22c55e38;outline:none;transform:scale(1.08)}.info-button{align-items:center;background:var(--bg-tertiary);border:none;border-radius:50%;bottom:16px;box-shadow:0 2px 8px var(--shadow);color:var(--text-secondary);cursor:pointer;display:none;font-size:1.2rem;font-weight:700;height:28px;justify-content:center;position:absolute;right:10px;transition:background .2s,box-shadow .2s,transform .2s;width:28px;z-index:2}.card-image-wrapper:hover .info-button{display:flex}.info-button:focus,.info-button:hover{background:var(--button-primary-hover);box-shadow:0 4px 12px #2563eb38;color:#fff;outline:none;transform:scale(1.08)}.backside-toggle{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;left:10px;position:absolute;top:10px;transition:all .3s ease;width:30px;z-index:1}.backside-toggle:hover{background-color:#000000e6;transform:scale(1.1)}.card-info{background:var(--card-bg);padding:12px;transition:background .3s ease}.card-name{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.3;margin:0 0 8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-prices{margin-top:4px}.card-prices-loading{color:var(--text-muted);font-size:11px;font-style:italic;margin-top:4px}.card-price-item{align-items:center;display:flex;font-size:11px;justify-content:space-between;line-height:1.2;margin-bottom:2px}.card-finish{color:var(--text-muted);font-weight:500;text-transform:capitalize}.card-price{color:#059669;font-weight:600}.detail-price-item{font-size:14px;margin-bottom:4px}.detail-price-item strong{color:var(--text-secondary);margin-right:8px}.card-container-compact{max-width:120px;width:120px}.card-container-compact .card-image-wrapper{height:166px}.card-container-compact .card-name{font-size:12px}.card-container-compact .card-price-item{font-size:10px}.info-overlay-fullpage{background-color:#000c;bottom:0;direction:ltr;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.info-nav-arrow,.info-overlay-fullpage{align-items:center;display:flex;justify-content:center}.info-nav-arrow{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:50px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:50px;z-index:10001}.info-nav-arrow:hover:not(:disabled){background-color:#000000e6;transform:translateY(-50%) scale(1.1)}.info-nav-arrow:disabled{cursor:not-allowed;opacity:.3}.info-nav-arrow.info-nav-prev{left:20px}.info-nav-arrow.info-nav-next{right:20px}@media (max-width:768px){.info-nav-arrow{font-size:20px;height:40px;width:40px}.info-nav-arrow.info-nav-prev{left:10px}.info-nav-arrow.info-nav-next{right:10px}}.info-content-fullpage{background:var(--card-bg);border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:90vw;overflow:hidden;position:relative;transition:background .3s ease}.info-close-fullpage{align-items:center;background-color:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s ease;width:32px;z-index:30}.info-close-fullpage:hover{background-color:#000000e6;transform:scale(1.1)}.info-layout{display:flex;max-height:90vh}.info-image-section{align-items:center;background-color:var(--bg-secondary);display:flex;flex:0 0 400px;justify-content:center;padding:20px;transition:background-color .3s ease}.info-card-image-large{border-radius:16px;box-shadow:0 8px 16px #0003;max-height:100%;max-width:100%;object-fit:contain}.info-image-placeholder-large{align-items:center;background-color:var(--bg-tertiary);border-radius:8px;color:var(--text-muted);display:flex;flex-direction:column;font-weight:500;height:400px;justify-content:center;width:100%}.info-details-section{flex:1 1;max-width:500px;overflow-y:auto;padding:32px}.info-details-fullpage{display:flex;flex-direction:column;gap:20px}.info-item-title-fullpage{margin-bottom:8px}.card-name-popup-large{color:var(--text-primary);font-size:28px;font-weight:700;line-height:1.2;margin:0}.info-item-fullpage{display:flex;flex-direction:column;gap:4px}.info-label-fullpage{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.price-vendor-label{color:var(--text-muted);font-size:10px;font-weight:500;letter-spacing:.2px;text-transform:none}.info-value-fullpage{color:var(--text-primary);font-size:16px;font-weight:500}.info-value-fullpage.finishes{display:flex;flex-wrap:wrap;gap:8px}.info-value-fullpage.finishes span{background-color:var(--bg-tertiary);border-radius:4px;font-size:12px;padding:4px 8px;text-transform:capitalize}.rarity-common{color:#6b7280}.rarity-uncommon{color:#059669}.rarity-rare{color:#2563eb}.rarity-mythic{color:#dc2626}.rarity-special{color:#7c3aed}@media (max-width:768px){.info-layout{flex-direction:column}.info-image-section{flex:none;height:220px;min-width:0;padding:10px}.info-card-image-large{border-radius:8px;max-height:200px;max-width:100%;object-fit:contain}.info-details-section{max-width:none;padding:20px}.card-name-popup-large{font-size:24px}.info-content-fullpage{max-height:95vh;max-width:95vw}}@media (max-width:480px){.info-image-section{height:auto;padding:4px}.info-details-section{padding:16px}.card-name-popup-large{font-size:20px}}.add-popover{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 32px #00000040,0 2px 8px #00000026;display:flex;flex-direction:column;font-size:.9rem;gap:10px;max-width:180px;min-width:150px;padding:12px;pointer-events:auto;position:absolute;right:4px;top:50%;transform:translateY(-50%);transition:background .2s ease,border-color .2s ease;width:max-content;z-index:100}.card-container-compact .add-popover,.cards-grid-compact .add-popover{font-size:.85rem;gap:8px;max-width:160px;min-width:130px;padding:10px}.card-container-compact .add-type-btn,.cards-grid-compact .add-type-btn{font-size:.85rem;padding:6px 10px}.card-container-compact .add-cancel-btn,.card-container-compact .add-confirm-btn,.cards-grid-compact .add-cancel-btn,.cards-grid-compact .add-confirm-btn{font-size:.85rem;padding:5px 10px}.card-container-compact .add-finish-select,.card-container-compact .add-qty-input,.cards-grid-compact .add-finish-select,.cards-grid-compact .add-qty-input{font-size:.85rem;padding:4px 6px}@media (max-width:600px){.add-popover{font-size:.85rem;gap:8px;max-width:150px;min-width:120px;padding:10px}.add-cancel-btn,.add-confirm-btn,.add-type-btn{font-size:.85rem;padding:6px 10px}.add-finish-select,.add-qty-input{font-size:.85rem;padding:4px 6px}}.add-type-select{display:flex;gap:6px;justify-content:center}.add-type-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:8px 14px;transition:all .15s ease}.add-type-btn:focus,.add-type-btn:hover{background:#dcfce7;border-color:#22c55e;color:#15803d;outline:none}.add-details-form{display:flex;flex-direction:column;gap:8px}.add-details-row{align-items:center;display:flex;gap:8px;justify-content:space-between;width:100%}.add-details-row label{color:var(--text-secondary);flex:0 0 auto;font-size:.85rem;font-weight:500}.add-details-row input,.add-details-row select{flex:1 1;max-width:100px;min-width:0}.add-qty-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;padding:6px 8px;text-align:center;width:50px}.add-qty-input:focus{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e26;outline:none}.add-finish-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.85rem;padding:6px 8px}.add-finish-select:focus{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e26;outline:none}.add-finish-label{background:#f0fdf4;border-radius:5px;color:#16a34a;font-size:.9rem;font-weight:500;letter-spacing:.01em;padding:2px 10px}.add-confirmation-feedback{animation:confirmFadeIn .18s cubic-bezier(.4,1.4,.6,1) forwards,confirmFadeOut .18s cubic-bezier(.4,1.4,.6,1) .82s forwards;background:#22c55e;border-radius:8px;box-shadow:0 4px 16px #22c55e4d;color:#fff;font-size:.9rem;font-weight:600;min-width:70px;opacity:0;padding:10px 14px;position:absolute;right:4px;text-align:center;top:50%;transform:translateY(-50%);z-index:100}.add-confirmation-feedback.error{background:#ef4444;box-shadow:0 4px 16px #ef44444d}@keyframes confirmFadeIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes confirmFadeOut{0%{opacity:1}to{opacity:0}}.add-details-actions{display:flex;gap:6px;justify-content:stretch;margin-top:4px}.add-confirm-btn{background:#22c55e;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:8px 12px;transition:all .15s ease}.add-confirm-btn:disabled{background:#a7f3d0;color:#fff;cursor:not-allowed}.add-confirm-btn:not(:disabled):focus,.add-confirm-btn:not(:disabled):hover{background:#16a34a;box-shadow:0 2px 8px #22c55e4d;outline:none;transform:translateY(-1px)}.add-cancel-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:8px 12px;transition:all .15s ease}.add-cancel-btn:focus,.add-cancel-btn:hover{background:#fee2e2;border-color:#ef4444;color:#dc2626;outline:none}.add-cancel-btn.delete-btn{background:#ef4444;border-color:#ef4444;color:#fff}.add-cancel-btn.delete-btn:focus,.add-cancel-btn.delete-btn:hover{background:#dc2626;border-color:#dc2626;color:#fff}.binder-edit-actions{flex-direction:column;gap:6px}.popover-error{color:#ef4444;font-size:.8rem;margin-top:4px;text-align:center}.popover-animate{animation:popoverIn .2s cubic-bezier(.34,1.56,.64,1) both;will-change:transform,opacity}@keyframes popoverIn{0%{opacity:0;transform:translateY(-50%) scale(.92)}to{opacity:1;transform:translateY(-50%) scale(1)}}.info-details-fullpage .add-to-collection-button{display:flex!important}.add-card-rect{align-items:center;background:#22c55e!important;border-radius:6px!important;box-shadow:0 2px 8px #22c55e1a;color:#fff!important;display:inline-flex!important;font-size:1.08rem!important;font-weight:600;height:38px!important;justify-content:center;margin-bottom:0;margin-top:0;min-width:110px;padding:0 22px!important;transition:background .18s,box-shadow .18s;width:auto!important}.add-card-rect:focus,.add-card-rect:hover{background:#16a34a!important;box-shadow:0 4px 12px #22c55e2e;color:#fff!important;outline:none}.add-card-rect-overlay{align-self:flex-start!important;box-sizing:border-box;float:none!important;margin-left:0!important;margin-top:0!important;position:static!important;right:auto!important;top:auto!important;width:auto!important}@media (max-width:600px){.add-card-rect-overlay{margin-top:16px!important;width:auto!important}}.binder-quantity-badge{background:#6b7280;border-radius:12px;bottom:8px;box-shadow:0 1px 4px #0000001f;color:#fff;font-size:.95rem;font-weight:600;left:8px;padding:2px 8px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:2}.login-required-popup-overlay{align-items:center;background:#00000059;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.login-required-popup{align-items:center;background:var(--card-bg);border-radius:12px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;max-width:90vw;min-width:320px;padding:2rem 2.5rem 2rem 2rem;position:relative}.login-required-popup-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.5rem;position:absolute;right:16px;top:12px;z-index:1}.login-required-popup-message{color:var(--text-primary);font-size:1.1rem;margin-bottom:1.5rem;text-align:center}.login-required-popup-auth-btn{background:var(--button-primary-bg);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.7rem 1.5rem;transition:background .18s}.login-required-popup-auth-btn:focus,.login-required-popup-auth-btn:hover{background:#1d4ed8;outline:none}.edit-binder-button{align-items:center;background:#f59e42;border:none;border-radius:50%;bottom:48px;box-shadow:0 2px 8px #f59e4226;color:#fff;cursor:pointer;display:none;font-size:1.2rem;font-weight:700;height:28px;justify-content:center;position:absolute;right:10px;transition:background .2s,box-shadow .2s,transform .2s;width:28px;z-index:2}.card-image-wrapper:hover .edit-binder-button{display:flex}.edit-binder-button:focus,.edit-binder-button:hover{background:#ea580c;box-shadow:0 4px 12px #f59e4238;outline:none;transform:scale(1.08)}.add-to-trade-button{align-items:center;background:#22c55e;border:none;border-radius:50%;bottom:48px;box-shadow:0 2px 8px #22c55e26;color:#fff;cursor:pointer;display:none;font-size:1.4rem;font-weight:700;height:28px;justify-content:center;position:absolute;right:10px;transition:background .2s,box-shadow .2s,transform .2s;width:28px;z-index:2}.card-image-wrapper:hover .add-to-trade-button{display:flex}.add-to-trade-button:focus,.add-to-trade-button:hover{background:#16a34a;box-shadow:0 4px 12px #22c55e38;outline:none;transform:scale(1.08)}.add-details-actions[style*=column]{flex-direction:column!important;gap:6px!important}.add-popover-overlay{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;min-width:200px;width:100%}.condensed-trade-card .add-popover,.trade-draft-card-placeholder .add-popover{left:50%;max-width:200px;min-width:160px;right:auto;top:50%;transform:translate(-50%,-50%);z-index:1000}.condensed-trade-card{align-items:center;background:var(--card-bg);border-radius:6px;box-shadow:0 1px 4px var(--shadow);display:flex;flex-direction:column;justify-content:flex-start;margin:0 2px;max-width:56px;min-width:56px;padding:4px 2px 2px;position:relative;transition:background .3s ease,box-shadow .3s ease,border .3s ease;width:56px}.condensed-trade-card.card-highlighted{background-color:var(--highlight-bg)!important}.condensed-trade-card-img-wrap{align-items:center;display:flex;height:56px;justify-content:center;margin-bottom:2px;width:40px}.condensed-trade-card-img{border-radius:10px;box-shadow:0 1px 2px #00000014;height:56px;object-fit:cover;width:40px}.condensed-trade-card-img-placeholder{align-items:center;background:#e0e0e0;border-radius:4px;color:#aaa;display:flex;font-size:1.2rem;height:56px;justify-content:center;width:40px}.condensed-trade-card-info{margin-bottom:2px;text-align:center;width:100%}.condensed-trade-card-name{font-size:.68rem;font-weight:600;max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.condensed-trade-card-price{color:#16a34a;font-size:.7rem;font-weight:500;margin-top:1px}.condensed-trade-card-info-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#444;cursor:pointer;display:flex;font-size:1rem;height:20px;justify-content:center;margin-top:1px;transition:background .18s,color .18s;width:20px}.condensed-trade-card-info-btn:focus,.condensed-trade-card-info-btn:hover{background:#d1fae5;color:#059669;outline:none}.condensed-trade-card-info-popout{align-items:center;background:#0000002e;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.condensed-trade-card-info-popout-content{background:var(--card-bg);border-radius:10px;box-shadow:0 4px 24px var(--shadow-hover);max-width:90vw;min-width:220px;padding:1.2rem 1.5rem 1.2rem 1.2rem;position:relative;transition:background .3s ease}.condensed-trade-card-info-popout-close{background:none;border:none;color:#888;cursor:pointer;font-size:1.3rem;position:absolute;right:12px;top:8px}.condensed-trade-card-info-popout-title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.condensed-trade-card-info-popout-rarity,.condensed-trade-card-info-popout-set{font-size:.95rem;margin-bottom:.2rem}.condensed-trade-card-large{max-width:108px;min-width:108px;padding:9px 3px 6px;width:108px}.condensed-trade-card-img-wrap-large{height:117px;width:84px}.condensed-trade-card-img-large{border-radius:14px;height:117px;width:84px}.condensed-trade-card-img-placeholder.condensed-trade-card-img-large{font-size:2.25rem;height:117px;width:84px}.condensed-trade-card-price-large{color:#16a34a;font-size:.95rem;font-weight:400;margin:2px 0 0;text-align:center}.condensed-trade-card-info-btn-large{font-size:1.15rem;height:26px;margin-top:2px;width:26px}.condensed-trade-card-delete-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.15rem;height:26px;justify-content:center;margin-left:2px;transition:background .18s,color .18s,transform .18s;width:26px}.condensed-trade-card-delete-btn:focus,.condensed-trade-card-delete-btn:hover{background:#b91c1c;color:#fff;outline:none;transform:scale(1.08)}.trade-draft-arrow-thick{align-items:center;color:#444;display:flex;font-size:3rem;font-weight:900;justify-content:center;min-width:60px;text-align:center;-webkit-user-select:none;user-select:none;width:60px}.trade-draft-card-placeholder{font-size:1.8rem;height:135px;width:108px}@media (max-width:900px){.condensed-trade-card-large{max-width:54px;min-width:54px;padding:4.5px 1.5px 3px;width:54px}.condensed-trade-card-img-wrap-large{height:58.5px;width:42px}.condensed-trade-card-img-large{border-radius:8px;height:58.5px;width:42px}.condensed-trade-card-img-placeholder.condensed-trade-card-img-large{font-size:1.125rem;height:58.5px;width:42px}.trade-draft-card-placeholder{font-size:.9rem;height:67.5px;width:54px}}.any-finish-card-btn{align-items:center;background:#22c55e;border:none;border-radius:50%;box-shadow:0 2px 8px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-size:1.6rem;font-weight:700;height:32px;justify-content:center;left:50%;line-height:1;opacity:.9;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .2s,box-shadow .2s,transform .2s;width:32px;z-index:10}.any-finish-card-btn:focus,.any-finish-card-btn:hover{background:#16a34a;box-shadow:0 4px 12px #22c55e66;opacity:1;outline:none;transform:translate(-50%,-50%) scale(1.1)}.best-price{color:#059669!important;font-weight:600!important}.search-filters-bar{border-left:none;border-right:none;box-shadow:none;position:relative}.filters-bar-right{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;gap:.5rem;padding:.35rem .6rem}.searchable-dropdown{flex:1 1 160px;max-width:220px;min-width:160px}.filter-input,.filter-select{border:1.5px solid var(--button-primary-bg);box-shadow:none;box-sizing:border-box;flex:1 1 90px;font-size:.95rem;height:40px;line-height:1.2;min-width:90px;padding:.5rem .75rem;transition:background .3s ease,color .3s ease,border-color .3s ease;width:auto}.filter-input:focus,.filter-select:focus{border-color:var(--button-primary-hover)}.filters-bar-left .filter-select{height:40px;line-height:1.2;max-width:250px}.filters-bar-right .filter-select{border-width:1px;box-sizing:border-box;font-size:.85rem;height:34px;line-height:1.2;max-width:200px;min-width:80px;padding:.3rem 1.5rem .3rem .6rem}.search-button{background:#3b82f6;border:none;border-radius:6px;box-shadow:none;color:#fff;cursor:pointer;flex:0 0 auto;font-size:1rem;font-weight:700;height:36px;margin:0;min-width:90px;padding:0 1.25rem;transition:background .2s,transform .1s;width:auto}.search-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px) scale(1.03)}.search-button:disabled{background:#b6d4fa;box-shadow:none;color:#fff;cursor:not-allowed;opacity:.6;transform:none}.filter-tag{background:var(--filter-tag-bg);border:1.5px solid var(--button-primary-bg);border-radius:1.1rem;box-shadow:none;font-size:.93rem;font-weight:600;margin-bottom:0;padding:.15rem .6rem;transition:background .18s,color .18s,border .18s}.filter-tag:hover{background:var(--filter-tag-hover-bg);border-color:var(--button-primary-bg);color:var(--button-primary-bg)}@media (max-width:900px){.search-filters-bar,.selected-filters-bar{gap:1rem;padding:1rem .5rem}.filters-bar-left{gap:.5rem}.filters-bar-right{gap:.4rem;padding:.3rem .5rem}}@media (max-width:600px){.filter-group-inline,.filters-bar-left,.filters-bar-right,.search-filters-bar{gap:.5rem}}.search-mode-toggle{align-items:center;background:var(--bg-tertiary);border:2.5px solid var(--button-primary-bg);border-radius:10px;box-shadow:0 2px 12px #3b82f640;display:flex;flex-shrink:0;margin-right:.25rem;overflow:hidden}.search-mode-btn{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.88rem;font-weight:700;gap:.5rem;padding:.6rem 1rem;position:relative;transition:all .2s ease;white-space:nowrap}.search-mode-btn:first-child{border-right:1.5px solid var(--border-color)}.search-mode-btn.active{background:linear-gradient(135deg,var(--button-primary-bg) 0,#2563eb 100%);color:#fff;text-shadow:0 1px 2px #0003}.search-mode-btn:not(.active):hover{background:var(--bg-secondary);color:var(--text-primary)}.search-mode-icon{font-size:1.05rem;line-height:1}.search-mode-text{display:inline}@media (max-width:600px){.search-mode-text{display:none}.search-mode-btn{padding:.65rem .85rem}.search-mode-icon{font-size:1.2rem}.search-mode-toggle{margin-right:0}}.filter-bar-divider{background:var(--border-color);flex-shrink:0;height:28px;margin:0 .5rem;width:1px}@media (max-width:900px){.filter-bar-divider{display:none}}.filter-section-label{color:var(--text-tertiary);font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-right:.5rem;text-transform:uppercase;white-space:nowrap}@media (max-width:600px){.filter-section-label{display:none}}.filter-search-btn{background:var(--button-primary-bg);font-weight:700;height:40px;padding:0 1.25rem;transition:background .2s,transform .1s;white-space:nowrap}.filter-search-btn:hover:not(:disabled){background:var(--button-primary-hover);transform:translateY(-1px)}.filter-search-btn:disabled{cursor:not-allowed;opacity:.6}.filter-toggle-btn{align-items:center;background:var(--bg-tertiary);border:1.5px solid var(--button-primary-bg);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;font-weight:600;height:40px;justify-content:center;padding:0 .75rem;transition:background .2s,transform .1s,border-color .2s,color .2s;white-space:nowrap}.filter-toggle-btn:hover{background:var(--button-primary-hover);color:#fff;transform:translateY(-1px)}.filter-toggle-btn.toggle-collection{background:var(--bg-tertiary);border-color:var(--button-primary-bg);color:var(--text-primary)}.filter-toggle-btn.toggle-all{background:var(--button-primary-bg);border-color:var(--button-primary-bg);color:#fff}.trade-headers-btn.trade{background:linear-gradient(135deg,#2563eb,#1e40af);border-radius:8px;box-shadow:0 2px 8px #2563eb4d;font-size:.95rem;font-weight:600;padding:.5rem 1.5rem;transition:all .2s ease}.trade-headers-btn.trade:hover{background:linear-gradient(135deg,#1d4ed8,#1e3a8a);box-shadow:0 4px 12px #2563eb66;transform:translateY(-2px)}.overlapping-cards-container{align-items:center;display:flex;min-height:200px;padding:1rem 0;position:relative;transition:all .3s ease}.overlapping-cards-container.overlapping-cards-left{direction:rtl;justify-content:flex-end;margin-left:auto}.overlapping-card{cursor:pointer;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1)}.overlapping-cards-container.overlapping-cards-left .overlapping-card{direction:ltr}.overlapping-card-image-wrapper{border-radius:8px;height:180px;overflow:visible;position:relative;width:128px}.overlapping-card-image{border-radius:16px;box-shadow:0 2px 6px var(--shadow);display:block;height:100%;object-fit:contain;transform:scale(.98);transition:all .3s ease;width:100%}.overlapping-card:hover .overlapping-card-image{box-shadow:0 8px 24px var(--shadow);transform:scale(1)}.overlapping-card.hovered{z-index:1000!important}.overlapping-card.highlighted-search-card .overlapping-card-image{border:3px solid #fbbf24;box-shadow:0 0 12px #fbbf2480}.overlapping-card.highlighted-search-card:hover .overlapping-card-image{border:3px solid #fbbf24;box-shadow:0 4px 20px #fbbf2499}.overlapping-card-placeholder{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);display:flex;font-size:2rem;font-weight:600;height:100%;justify-content:center;width:100%}.overlapping-card .backside-toggle{align-items:center;background-color:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;left:10px;position:absolute;top:10px;transition:all .3s ease;width:30px;z-index:10}.overlapping-card .backside-toggle:hover{background-color:#000000e6;transform:scale(1.1)}.overlapping-card .info-button{align-items:center;background:var(--bg-tertiary);border:none;border-radius:50%;bottom:16px;box-shadow:0 2px 8px var(--shadow);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:28px;justify-content:center;position:absolute;right:10px;transition:all .3s ease;width:28px;z-index:10}.overlapping-card .info-button:focus,.overlapping-card .info-button:hover{background:var(--button-primary-hover);box-shadow:0 4px 12px #2563eb38;color:#fff;outline:none;transform:scale(1.08)}.overlapping-card-info-overlay{animation:slideUp .3s ease;background:var(--card-bg);border:2px solid var(--button-primary-bg);border-radius:8px;bottom:-45px;box-shadow:0 4px 16px var(--shadow);left:50%;max-width:150px;min-width:80px;padding:.4rem .75rem;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);z-index:1001}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.overlapping-card-price{color:var(--text-primary);font-size:.85rem;font-weight:600}.more-cards-indicator{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;box-shadow:0 2px 8px var(--shadow);transition:left .3s cubic-bezier(.4,0,.2,1),color .3s ease}@media (prefers-color-scheme:dark){.overlapping-card-placeholder{background:#ffffff0d}.more-cards-indicator{background:var(--bg-tertiary)}}.trade-browser-header{align-items:center;display:flex;margin-bottom:1.5rem;padding:1rem 0}.back-button{align-items:center;background:var(--button-primary-bg);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;left:1rem;margin-left:1rem;padding:.5rem 1rem;position:sticky;top:1rem;transition:all .2s ease;z-index:10}.back-button:hover{background:var(--button-primary-hover);transform:translateX(-2px)}.trade-draft-buttons{align-items:center;display:flex;flex-direction:column;gap:.75rem}.trade-draft-recommended-btn{background:#0000;border:2px solid var(--button-primary-bg);border-radius:8px;color:var(--button-primary-bg);cursor:pointer;font-size:1rem;font-weight:600;min-width:200px;padding:.75rem 2rem;transition:all .2s ease}.trade-draft-recommended-btn:hover{background:var(--button-primary-bg);box-shadow:0 4px 12px #2563eb4d;color:#fff;transform:translateY(-2px)}.search-users-container{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:600px;padding:1rem}.search-users-header{display:flex;flex-direction:column;gap:.5rem}.search-users-input-wrapper{align-items:center;display:flex;position:relative}.search-users-input{background:var(--bg-primary);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.875rem 1rem;transition:border-color .2s;width:100%}.search-users-input:focus{border-color:var(--accent);outline:none}.search-users-input::placeholder{color:var(--text-muted)}.search-users-spinner{animation:spin .8s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:20px;position:absolute;right:1rem;width:20px}.search-users-hint{color:var(--text-muted);font-size:.85rem;margin:0;padding-left:.25rem}.search-users-results{min-height:200px}.search-users-loading{color:var(--text-muted);padding:2rem;text-align:center}.search-users-empty{padding:3rem 1rem;text-align:center}.search-users-empty .empty-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.search-users-empty .empty-message{color:var(--text-muted)}.search-users-list{display:flex;flex-direction:column;gap:.75rem}.search-user-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s}.search-user-card:hover{background:var(--bg-tertiary);border-color:var(--accent);transform:translateX(4px)}.search-user-avatar{background:var(--bg-tertiary);border-radius:50%;flex-shrink:0;height:48px;object-fit:cover;width:48px}.search-user-info{flex:1 1;min-width:0}.search-user-name{color:var(--text-primary);font-size:1.1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-user-joined{color:var(--text-muted);font-size:.85rem;margin-top:.25rem}.search-user-arrow{color:var(--text-muted);flex-shrink:0;font-size:1.25rem;transition:transform .2s}.search-user-card:hover .search-user-arrow{color:var(--accent);transform:translateX(4px)}@media (max-width:600px){.search-users-container{padding:.75rem}.search-user-card{padding:.875rem}.search-user-avatar{height:40px;width:40px}.search-user-name{font-size:1rem}}.page-tip{align-items:center;animation:tip-slide-in .3s ease-out;background:linear-gradient(135deg,#fefce8,#fef9c3);border:1px solid #fde047;border-left:4px solid #eab308;border-radius:8px;display:flex;gap:12px;justify-content:space-between;margin:0 auto 1rem;max-width:900px;padding:12px 16px}[data-theme=dark] .page-tip{background:linear-gradient(135deg,#422006,#713f12);border-color:#a16207}@keyframes tip-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.page-tip-content{align-items:flex-start;display:flex;flex:1 1;gap:12px}.page-tip-icon{align-items:center;background:#eab308;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;min-width:24px;width:24px}[data-theme=dark] .page-tip-icon{background:#ca8a04}.page-tip-text{display:flex;flex-direction:column;gap:2px}.page-tip-title{color:#a16207;font-size:.95rem;font-weight:600}[data-theme=dark] .page-tip-title{color:#fde047}.page-tip-message{color:#854d0e;font-size:.9rem;line-height:1.4}[data-theme=dark] .page-tip-message{color:#fef9c3}.page-tip-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.page-tip-stop{background:none;border:1px solid #ca8a04;border-radius:4px;color:#a16207;cursor:pointer;font-size:.75rem;font-weight:500;padding:4px 10px;transition:all .15s ease;white-space:nowrap}[data-theme=dark] .page-tip-stop{border-color:#eab308;color:#fde047}.page-tip-stop:hover{background:#eab308;border-color:#eab308;color:#fff}[data-theme=dark] .page-tip-stop:hover{background:#ca8a04;color:#fff}.page-tip-dismiss{background:none;border:none;color:#a16207;cursor:pointer;font-size:22px;font-weight:300;line-height:1;opacity:.7;padding:0 4px;transition:opacity .15s ease}[data-theme=dark] .page-tip-dismiss{color:#fde047}.page-tip-dismiss:hover{opacity:1}@media (max-width:600px){.page-tip{align-items:stretch;flex-direction:column;gap:10px;margin:0 .5rem 1rem;padding:10px 12px}.page-tip-content{gap:10px}.page-tip-actions{border-top:1px solid #eab3084d;justify-content:flex-end;padding-top:8px}.page-tip-message{font-size:.85rem}}body{overflow-x:hidden}.search-container{background:var(--bg-secondary);box-sizing:border-box;min-height:100vh;overflow-x:auto;padding:.5rem 0 0;transition:background .3s ease;width:100%}.search-placeholder{padding:2rem}.results-section,.search-content,.search-filters-bar,.selected-filters-bar{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:24px;padding-right:24px;width:100%}.search-filters-bar{padding-bottom:.5rem;padding-top:.5rem}.selected-filters-bar{padding-bottom:.25rem;padding-top:.25rem}.results-section{padding-bottom:1.5rem;padding-top:1rem}.search-filters-bar,.selected-filters-bar{background:var(--bg-secondary);border:1.5px solid var(--button-primary-bg);border-left:none;border-radius:0;border-right:none;box-shadow:none;box-sizing:border-box;left:0;margin:0 auto;max-width:100%;min-width:0;position:relative;right:0;transform:none;transition:background .3s ease,border-color .3s ease;width:100%}.search-filters-bar{margin-bottom:1rem;padding:.5rem 1.5vw;z-index:2}.selected-filters-bar{border:1.5px solid var(--button-primary-bg);padding:.25rem 1.5vw;transition:background .3s ease,border-color .3s ease}.search-content,.search-content-fullwidth{background:#0000;box-sizing:border-box;margin:0;max-width:none;padding-left:.75rem;padding-right:.75rem;width:100%}.results-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:0 0 16px 16px;box-shadow:0 4px 24px #3b82f612,0 1.5px 6px var(--shadow);min-height:600px;overflow-x:auto;padding:1rem 1.5vw 1.5rem;transition:background .3s ease,border-color .3s ease}.display-options,.display-options-title,.filter-column,.filters-title,.search-filters{display:none!important;height:0!important;margin:0!important;padding:0!important}.results-section{box-sizing:border-box;margin:0 auto;max-width:100%;width:100%}.display-options{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.25rem}.display-options-title{color:#374151;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.display-options .filter-group{margin-bottom:1rem}.searchable-dropdown-menu{transition:background .3s ease}.dropdown-option-selected{background-color:var(--filter-tag-bg)!important}.dropdown-loading,.dropdown-more-info,.dropdown-no-results{color:var(--text-tertiary);font-size:.75rem;font-style:italic;padding:.75rem;text-align:center}.dropdown-more-info{background-color:var(--bg-tertiary);border-top:1px solid var(--border-color);font-weight:500}.searchable-dropdown-menu{animation:fadeIn .15s ease-out}.results-header{align-items:center;border-bottom:1px solid var(--border-color-light);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem}.results-info{color:var(--text-tertiary);font-size:.8rem;font-weight:500}.results-count{color:var(--button-primary-bg);font-weight:700}.loading-container{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:2.5rem 2rem}.loading-spinner{border-top:2px solid var(--border-color-light);border:2px solid var(--border-color-light);height:28px;margin-bottom:.75rem;width:28px}.loading-text{font-size:.9rem;font-weight:500}.error-container{color:#dc2626;padding:2rem;text-align:center}.error-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.error-message{color:var(--text-tertiary);font-size:.8rem;margin-bottom:1rem}.retry-button{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.6rem 1.25rem;transition:all .2s ease}.retry-button:hover{background:#b91c1c;transform:translateY(-1px)}.cards-table-container{border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem;overflow-x:auto;transition:border-color .3s ease}.cards-table{border-collapse:collapse;font-size:.8rem;width:100%}.cards-table th{background:var(--bg-tertiary);border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-weight:600;padding:.75rem .6rem;text-align:left;transition:background .3s ease,color .3s ease,border-color .3s ease;white-space:nowrap}.cards-table td{border-bottom:1px solid var(--border-color-light);padding:.6rem;transition:border-color .3s ease;vertical-align:middle}.cards-table tr:hover{background:var(--bg-secondary)}.card-name-cell{color:var(--text-primary);font-weight:600;max-width:180px}.rarity-badge{border-radius:3px;font-size:.7rem;font-weight:600;padding:.2rem .4rem;text-transform:capitalize}.rarity-badge.rarity-common{background:#f3f4f6;color:#6b7280}.rarity-badge.rarity-uncommon{background:#e5e7eb;color:#4b5563}.rarity-badge.rarity-rare{background:#fef3c7;color:#d97706}.rarity-badge.rarity-mythic{background:#fee2e2;color:#dc2626}.rarity-badge.rarity-special{background:#ede9fe;color:#8b5cf6}.color-symbols-table{display:flex;flex-wrap:wrap;gap:3px}.color-symbol-small{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;text-shadow:0 1px 2px #00000080;width:18px}.text-muted{color:#9ca3af;font-style:italic}.color-symbol-small.color-w{background-color:#fffbeb;color:#92400e}.color-symbol-small.color-u{background-color:#1e40af}.color-symbol-small.color-b{background-color:#374151}.color-symbol-small.color-r{background-color:#dc2626}.color-symbol-small.color-g{background-color:#16a34a}.empty-state{color:var(--text-tertiary);padding:2.5rem 1.5rem;text-align:center}.empty-title{color:var(--text-secondary);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.empty-message{font-size:.8rem;margin-bottom:1.25rem}.empty-suggestions{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:450px;padding:1.25rem;text-align:left;transition:background .3s ease,border-color .3s ease}.empty-suggestions h4{color:var(--text-secondary);font-size:.8rem;font-weight:600;margin-bottom:.6rem}.empty-suggestions ul{color:var(--text-tertiary);font-size:.75rem;line-height:1.4}.empty-suggestions li{margin-bottom:.2rem}.pagination{gap:.4rem;margin-top:1.5rem}.pagination-button{background:var(--card-bg);border:1px solid var(--border-color);border-radius:5px;color:var(--text-secondary);font-size:.8rem;font-weight:500;min-width:36px;padding:.4rem .8rem;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--button-primary-bg);color:var(--button-primary-bg)}.pagination-button:disabled{color:var(--text-muted);opacity:.5}.pagination-button.active{background:var(--button-primary-bg);border-color:var(--button-primary-bg);color:#fff}.pagination-info{color:var(--text-tertiary);font-size:.75rem;font-weight:500;margin-left:.75rem}.filter-tag{transition:all .3s ease}.card-hover-image-preview{left:100%;margin-left:12px;pointer-events:none;position:absolute;top:0;z-index:9999}.login-required-popup-overlay{z-index:2000!important}@media (max-width:1200px){.search-content{gap:1.25rem;grid-template-columns:260px 1fr}.search-filters{padding:1rem}}@media (max-width:1024px){.search-content{gap:1rem;grid-template-columns:1fr}.search-filters{margin-bottom:1rem;position:static}.filter-column{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.search-button{grid-column:1/-1;justify-self:center;max-width:200px}}@media (max-width:800px){.search-title{font-size:1.75rem}.filter-column{grid-template-columns:1fr}.results-header{align-items:flex-start;flex-direction:column;gap:.75rem}.pagination{gap:.2rem}.pagination-info{margin-left:0;margin-top:.5rem;text-align:center;width:100%}}@media (max-width:480px){.results-section,.search-filters{padding:1rem}}@media (max-width:900px){.search-filters-bar,.selected-filters-bar{gap:1rem;padding:1rem .5rem}.filters-bar-left,.filters-bar-right{gap:.5rem}}@media (max-width:600px){.search-filters-bar,.selected-filters-bar{align-items:stretch;flex-direction:column;padding:.5rem .25rem}.filter-group-inline,.filters-bar-left,.filters-bar-right{align-items:stretch;flex-direction:column;gap:.5rem}}.search-filters-bar .searchable-dropdown{flex:1 1 160px;max-width:220px;min-width:160px}.search-filters-bar .filter-input,.search-filters-bar .filter-select{background:var(--input-bg);border:1.5px solid var(--button-primary-bg);border-radius:6px;box-shadow:none;color:var(--text-primary);font-size:.95rem;height:40px;line-height:1.2;padding-bottom:0;padding-top:0;transition:background .3s ease,color .3s ease,border-color .3s ease;transition:border .2s}.filters-bar-left .filter-select,.filters-bar-right .filter-select{box-sizing:border-box;font-size:.95rem;height:40px;line-height:1.2;max-width:250px;min-width:90px;padding-right:1.5rem}.filters-bar-left .filter-select{box-sizing:border-box;font-size:.95rem;height:36px;max-width:140px;min-width:90px;padding-right:1.5rem}.search-filters-bar .search-button{background:#3b82f6;border:none;border-radius:6px;box-shadow:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;height:36px;margin-bottom:0;margin-top:0;padding:0 1.25rem;position:relative;top:0;transition:background .2s,transform .1s}.search-filters-bar .search-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px) scale(1.03)}.search-filters-bar .search-button:disabled{background:#b6d4fa;box-shadow:none;color:#fff;cursor:not-allowed;opacity:.6;transform:none}.search-filters-bar .filter-select{font-size:1rem;height:36px;margin:0;min-width:100px}.selected-filters-bar .filter-tag{align-items:center;background:var(--filter-tag-bg);border:1.5px solid var(--button-primary-bg);border-radius:1.1rem;box-shadow:none;color:var(--button-primary-bg);display:inline-flex;font-size:.93rem;font-weight:600;margin-bottom:0;padding:.15rem .6rem;transition:background .18s,color .18s,border .18s}.selected-filters-bar .filter-tag:hover{background:var(--filter-tag-hover-bg);border-color:var(--button-primary-bg);color:var(--button-primary-bg)}.filter-tag-remove{font-size:1.1rem;height:1.1rem;margin-left:.4rem;transition:background-color .2s,color .2s;width:1.1rem}@media (max-width:900px){.results-section,.search-content,.search-filters-bar,.selected-filters-bar{max-width:100%;padding-left:1vw;padding-right:1vw;width:100%}.filters-bar-left,.filters-bar-right,.search-filters-bar,.selected-filters-bar{gap:.5rem}}.filter-group-inline,.filters-bar-left,.filters-bar-right,.search-filters-bar{align-items:center!important;display:flex;flex-direction:row!important;flex-wrap:wrap;gap:.5rem}.search-filters-bar .filter-input,.search-filters-bar .filter-select{flex:1 1 90px;min-width:90px;width:auto}.search-filters-bar .search-button{flex:0 0 auto;min-width:90px;width:auto}@media (max-width:1024px),(max-width:480px),(max-width:700px){.filter-group-inline,.filters-bar-left,.filters-bar-right,.search-filters-bar{align-items:center!important;flex-direction:row!important;flex-wrap:wrap;gap:.5rem}}.footer{background-color:var(--footer-bg);color:var(--text-secondary);margin-top:auto;transition:background-color .3s ease,color .3s ease}.footer-container{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr;margin:0 auto;max-width:1200px;padding:3rem 2rem 2rem}.footer-brand{max-width:350px}.footer-logo-container{height:40px;margin-bottom:1rem;position:relative;width:150px}.footer-logo{height:40px;max-width:150px;position:absolute;transition:opacity .3s ease;width:auto}.footer-logo.logo-visible{opacity:1}.footer-logo.logo-hidden{opacity:0}.footer-tagline{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin:0}.footer-section{display:flex;flex-direction:column}.footer-title{color:#357fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem;margin-top:0}.footer-links{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.footer-link{color:var(--text-muted);font-size:.9rem;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:var(--button-primary-bg)}.footer-bottom{background-color:var(--bg-primary);border-top:1px solid var(--border-color);transition:background-color .3s ease}.footer-bottom-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1.5rem 2rem}.footer-copyright{color:var(--text-muted);font-size:.85rem;margin:0}.footer-right{gap:2rem}.footer-right,.footer-social{align-items:center;display:flex}.footer-social{gap:1rem}.theme-toggle{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.theme-toggle:hover{background:var(--bg-tertiary);border-color:var(--button-primary-bg);transform:translateY(-1px)}.theme-toggle-icon{font-size:1.2rem;line-height:1;transition:transform .3s ease}.theme-toggle:hover .theme-toggle-icon{transform:rotate(20deg)}.theme-toggle-text{font-family:inherit}.footer-social-text{margin-right:.5rem}.footer-social-link,.footer-social-text{color:var(--text-muted);font-size:.85rem}.footer-social-link{text-decoration:none;transition:color .3s ease}.footer-social-link:hover{color:var(--button-primary-bg)}@media (max-width:1024px){.footer-container{gap:1.5rem;grid-template-columns:2fr 1fr 1fr 1fr}}@media (max-width:800px){.footer-container{gap:1rem 1.5rem;grid-template-columns:1fr 1fr 1fr;padding:1.5rem 1rem 1rem}.footer-brand{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;margin-bottom:.5rem;max-width:100%;text-align:center}.footer-logo-container{display:flex;justify-content:right;margin:0 auto .75rem}.footer-logo{left:auto;position:relative;transform:none}.footer-tagline{font-size:.9rem}.footer-title{font-size:1rem;margin-bottom:.5rem}.footer-links{gap:.5rem}.footer-link{font-size:.85rem}.footer-bottom-container{padding:1rem}.footer-copyright{font-size:.8rem}}@media (max-width:600px){.footer-container{gap:1rem;grid-template-columns:1fr 1fr;padding:1.25rem 1rem 1rem}.footer-brand{grid-column:1/-1;margin-bottom:.25rem}.footer-section:last-child{grid-column:1/-1;text-align:center}.footer-section:last-child .footer-links{align-items:center}}@media (max-width:480px){.footer-container{gap:.75rem 1rem;grid-template-columns:1fr 1fr;padding:1rem}.footer-brand{text-align:center}.footer-logo-container{height:32px;margin-bottom:.5rem;width:120px}.footer-logo{height:32px}.footer-tagline{font-size:.85rem}.footer-title{font-size:.9rem;margin-bottom:.4rem}.footer-links{gap:.35rem}.footer-link{font-size:.8rem}.footer-bottom-container{flex-direction:row;gap:.5rem;justify-content:space-between;padding:.75rem 1rem;text-align:left}.footer-copyright{font-size:.75rem}.theme-toggle{font-size:.85rem;padding:.4rem .75rem}.theme-toggle-icon{font-size:1rem}.footer-right{flex-direction:column;gap:.5rem}.footer-social{justify-content:center}}.authpage-container{align-items:center;background:var(--bg-secondary);display:flex;justify-content:center;min-height:80vh;padding:2rem 0;transition:background .3s ease}.authpage-box{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;box-shadow:0 8px 32px var(--shadow);display:flex;flex-direction:column;max-width:95vw;max-width:400px;min-width:340px;padding:2.5rem 2.5rem 2rem;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;width:100%}.authpage-tabs{display:flex;gap:1.5rem;justify-content:center;margin-bottom:2rem;width:100%}.authpage-tabs button{background:none;border:none;border-radius:8px 8px 0 0;color:var(--text-muted);cursor:pointer;font-size:1.1rem;font-weight:600;padding:.5rem 1.2rem;transition:color .2s,background .2s}.authpage-tabs button.active{background:var(--bg-secondary);color:var(--button-primary-bg)}.authpage-content{width:100%}.authpage-form{display:flex;flex-direction:column;gap:1rem}.authpage-form label{color:var(--text-primary);font-size:.98rem;font-weight:500;margin-bottom:.2rem}.authpage-form input{background:var(--input-bg);border:1.5px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem;padding:.7rem 1rem;transition:border .2s,background .3s ease,color .3s ease}.authpage-form input:focus{border:1.5px solid var(--button-primary-bg);outline:none}.authpage-submit{background:var(--button-primary-bg);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:.5rem;padding:.8rem 0;transition:background .2s}.authpage-submit:hover{background:var(--button-primary-hover)}.authpage-error{background:#fef2f280;border:1px solid #fecaca80;border-radius:6px;color:#dc2626;font-size:.98rem;margin-bottom:.5rem;padding:.5rem 1rem;text-align:center}.authpage-remember-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem;margin-top:-.5rem}.authpage-remember-label{color:var(--text-secondary);cursor:pointer;font-size:.97rem;transition:color .3s ease;-webkit-user-select:none;user-select:none}.authpage-password-row{align-items:center;display:flex;position:relative}.authpage-password-input{box-sizing:border-box;width:100%}.authpage-eye-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;margin-left:0;padding:0 .3rem;position:absolute;right:.7rem;top:50%;transform:translateY(-50%);transition:color .2s;z-index:2}.authpage-eye-btn:hover{color:var(--button-primary-bg)}.authpage-password-reqs{display:flex;flex-direction:column;font-size:.97rem;gap:.2rem;margin:.5rem 0 .5rem .1rem}.authpage-password-reqs .met{color:#16a34a;font-weight:500}.authpage-password-reqs .unmet{color:#dc2626;font-weight:500}.authpage-success-box{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem 1.5rem}.authpage-success-message{color:var(--button-primary-bg);font-size:1.25rem;font-weight:600;letter-spacing:.01em;margin-bottom:1.5rem;text-align:center;transition:color .3s ease}.authpage-success-box .authpage-submit{background:var(--button-primary-bg);border:none;border-radius:6px;box-shadow:0 2px 8px #357fff14;color:#fff;display:block;font-size:1.1rem;font-weight:500;margin:0 auto;padding:.75rem 2.5rem;transition:background .18s}.authpage-success-box .authpage-submit:hover{background:var(--button-primary-hover)}@media (max-width:480px){.authpage-box{max-width:98vw;min-width:0;padding:1.2rem .5rem 1.5rem}.authpage-tabs{gap:.7rem}}.account-settings{background:var(--bg-secondary);min-height:100vh;padding:2rem 1rem;transition:background .3s ease}.account-settings-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 8px var(--shadow);margin:0 auto;max-width:900px;overflow:hidden;transition:background .3s ease,border-color .3s ease}.account-settings-header{background:var(--card-bg);border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:2rem 2rem 1.5rem;text-align:left;transition:background .3s ease,color .3s ease,border-color .3s ease}.account-settings-header h1{color:var(--text-primary);font-size:2rem;font-weight:400;letter-spacing:0;margin:0 0 .5rem}.account-settings-header p{color:var(--text-secondary);font-size:1rem;font-weight:400;margin:0;opacity:.85}.account-settings-content{display:flex;min-height:500px}.account-settings-sidebar{background:var(--bg-tertiary);border-right:1px solid var(--border-color);transition:background .3s ease,border-color .3s ease;width:220px}.account-settings-nav{padding:1.5rem 0}.nav-tab{background:none;border:none;border-left:3px solid #0000;border-radius:0;color:var(--text-primary);cursor:pointer;display:block;font-size:1rem;font-weight:400;padding:.85rem 1.5rem;text-align:left;transition:background .2s,color .2s;width:100%}.nav-tab.active,.nav-tab:hover{background:var(--bg-secondary);color:var(--button-primary-bg)}.nav-tab.active{border-left:3px solid var(--button-primary-bg)}.tab-icon,.tab-label{font-size:1rem;font-weight:400}.account-settings-main{background:var(--card-bg);color:var(--text-primary);flex:1 1;padding:2rem 2.5rem;transition:background .3s ease,color .3s ease}.message{align-items:center;border-radius:2px;display:flex;font-size:1rem;font-weight:400;margin-bottom:1.5rem;padding:.75rem 1.25rem}.message.error,.message.success{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);transition:background .3s ease,color .3s ease,border-color .3s ease}.settings-section{max-width:520px}.settings-title{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.3rem;font-weight:400;margin:0 0 1.5rem;padding-bottom:.5rem;transition:color .3s ease,border-color .3s ease}.settings-form{gap:1.2rem}.form-group,.settings-form{display:flex;flex-direction:column}.form-group{gap:.4rem}.form-group input,.form-group label,.form-group select{color:var(--text-primary);font-size:1rem;font-weight:400}.form-group input,.form-group select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;padding:.7rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:var(--button-primary-bg);box-shadow:0 0 0 2px #2563eb1a;outline:none}.checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-weight:400;gap:.7rem;transition:color .3s ease}.checkbox-label input[type=checkbox]{display:none}.checkmark{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;flex-shrink:0;height:18px;position:relative;transition:background .2s,border-color .2s;width:18px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--button-primary-bg);border-color:var(--button-primary-bg)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{border:solid var(--bg-primary);border-width:0 2px 2px 0;content:"";height:8px;left:6px;position:absolute;top:3px;transform:rotate(45deg);width:4px}.btn-primary{background-color:var(--button-primary-bg);border-radius:4px;padding:.8rem 1.7rem;transition:background .2s}.btn-primary:hover:not(:disabled){background-color:var(--button-primary-hover)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.danger-zone{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:1.5rem;transition:background .3s ease,border-color .3s ease}.danger-zone h2{border-bottom-color:var(--border-color);color:var(--text-primary);font-weight:400;transition:color .3s ease,border-bottom-color .3s ease}.danger-actions{display:flex;flex-direction:column;gap:1.5rem}.danger-action{background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;padding:1rem;transition:background .3s ease,border-color .3s ease}.danger-action h3{color:var(--text-primary);font-size:1.1rem;font-weight:400;margin:0 0 .5rem;transition:color .3s ease}.danger-action p{color:var(--text-secondary);line-height:1.5;margin:0 0 1rem;transition:color .3s ease}.btn-danger{background:#dc2626;border:none;border-radius:4px;color:var(--bg-primary);cursor:pointer;font-size:.95rem;font-weight:500;padding:.7rem 1.3rem;transition:background .2s}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{cursor:not-allowed;opacity:.6}.avatar-upload{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;display:flex;gap:1.2rem;padding:.7rem;transition:background .3s ease,border-color .3s ease}.avatar-preview{flex-shrink:0}.avatar-image{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;height:70px;object-fit:cover;transition:border-color .3s ease,background .3s ease;width:70px}.avatar-upload-controls{display:flex;flex-direction:column;gap:.3rem}.btn-upload{background-color:var(--button-primary-bg);border:none;border-radius:4px;color:var(--bg-primary);cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;text-align:center;transition:background .2s}.btn-upload:hover{background-color:var(--button-primary-hover)}.upload-hint{color:var(--text-tertiary);font-size:.8rem;margin:0;transition:color .3s ease}.theme-toggle-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;padding:.7rem 1.2rem;transition:all .3s ease;width:fit-content}.theme-toggle-btn:hover{background:var(--bg-tertiary);border-color:var(--button-primary-bg);transform:translateY(-1px)}.theme-toggle-btn .theme-toggle-icon{font-size:1.3rem;line-height:1}@media (max-width:768px){.account-settings{padding:1rem .5rem}.account-settings-container{border-radius:4px}.account-settings-header{padding:1.5rem 1rem 1rem}.account-settings-header h1{font-size:1.3rem}.account-settings-content{flex-direction:column}.account-settings-sidebar{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;border-bottom:1px solid var(--border-color);border-right:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;width:100%}.account-settings-sidebar::-webkit-scrollbar{display:none}.account-settings-nav{display:block;padding:.7rem 0}.nav-tab{background:var(--card-bg);border:none;border-left:3px solid #0000;border-radius:0;color:var(--text-primary);cursor:pointer;display:block;font-size:1rem;font-weight:400;padding:.7rem 1.2rem;text-align:left;transition:background .2s,color .2s;width:100%}.nav-tab.active{background:var(--bg-secondary);border-bottom:3px solid var(--button-primary-bg);border-left:none;color:var(--button-primary-bg)}.account-settings-main{padding:1.2rem}.settings-section{max-width:none}.settings-title{font-size:1.1rem}.danger-zone{padding:1rem}.avatar-upload{flex-direction:column;gap:.7rem;text-align:center}.avatar-image{height:50px;width:50px}.btn-upload{font-size:.85rem;padding:.5rem 1rem}}@media (max-width:480px){.account-settings-header h1{font-size:1.1rem}.account-settings-header p{font-size:.95rem}.nav-tab{font-size:.9rem;padding:.5rem .7rem}.account-settings-main{padding:.7rem}.form-group input,.form-group select{font-size:.95rem;padding:.6rem}.btn-danger,.btn-primary{font-size:.95rem;padding:.6rem 1rem}}.binders-search-container{background:var(--bg-secondary);box-sizing:border-box;min-height:100vh;overflow-x:auto;padding:.5rem 0 0;transition:background .3s ease;width:100%}.binders-tabs-bar{border-bottom:2px solid var(--border-color);display:flex;gap:.5rem;justify-content:flex-start;margin-bottom:1.5rem;padding:0 .75rem;transition:border-color .3s ease}.binders-tab{background:none;border:none;border-radius:8px 8px 0 0;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:-2px;padding:.75rem 1.5rem;transition:background .15s,color .15s}.binders-tab.active,.binders-tab:hover{color:var(--button-primary-bg)}.binders-tab.active{background:var(--bg-tertiary);border-bottom:2px solid var(--button-primary-bg);z-index:2}.tab-abbr{display:none}.tab-full{display:inline}@media (max-width:800px){.binders-tabs-bar{gap:.2rem;padding:0 .25rem}.binders-tab{font-size:.65rem;padding:.35rem .5rem;white-space:nowrap}.binders-tab.active{font-size:1rem;padding:.75rem 1.5rem}}.binders-search-content{background:#0000;box-sizing:border-box;margin:0;max-width:none;padding-left:.75rem;padding-right:.75rem;width:100%}.binders-search-filters,.filter-column,.filters-title{display:none!important;height:0!important;margin:0!important;padding:0!important}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.filter-input,.filter-select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.8rem;padding:.6rem .75rem;transition:all .2s ease}.filter-input::placeholder{color:var(--text-muted)}.filter-input:focus,.filter-select:focus{border-color:var(--button-primary-bg);box-shadow:0 0 0 2px #3b82f61a;outline:none}.searchable-dropdown{position:relative;width:100%}.searchable-dropdown .filter-input{box-sizing:border-box;width:100%}.searchable-dropdown-menu{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 6px -1px var(--shadow),0 2px 4px -1px var(--shadow);left:0;margin-top:2px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;transition:background .3s ease,border-color .3s ease;z-index:1000}.dropdown-option{border-bottom:1px solid var(--border-color-light);color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;padding:.6rem .75rem;transition:background-color .15s ease}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background-color:var(--bg-secondary)}.dropdown-option-selected{background-color:#3b82f626!important;color:var(--button-primary-bg)}.dropdown-no-results{color:var(--text-tertiary);font-size:.75rem;font-style:italic;padding:.75rem;text-align:center}.selected-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.filter-tag{background-color:var(--filter-tag-bg);border:1px solid var(--button-primary-bg);border-radius:1rem;display:inline-flex;font-size:.875rem;font-weight:500;padding:.25rem .5rem;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.filter-tag,.filter-tag-remove{align-items:center;color:var(--button-primary-bg)}.filter-tag-remove{background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:1rem;justify-content:center;line-height:1;margin-left:.5rem;padding:0;transition:background-color .2s;width:1rem}.filter-tag-remove:hover{background-color:var(--button-primary-bg);color:#fff}.binders-results-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 24px #3b82f612,0 1.5px 6px var(--shadow);box-sizing:border-box;display:flex;flex-direction:column;margin:0;max-width:none;min-height:320px;padding:32px 24px;transition:background .3s ease,border-color .3s ease;width:100%}.binders-results-header{color:var(--text-secondary);font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.binders-placeholder{color:var(--text-muted);font-size:1.2rem;margin-top:40px;text-align:center}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin:24px 0 0}.pagination-button{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#334155;cursor:pointer;font-size:1rem;margin:0 2px;padding:4px 12px;transition:background .15s,color .15s,border .15s}.pagination-button.active,.pagination-button:focus{background:#2563eb;border-color:#2563eb;color:#fff;outline:none}.pagination-button:disabled{background:#e2e8f0;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.pagination-info{color:#64748b;font-size:.98rem;margin-left:12px}.search-filters-bar{align-items:center;background:var(--bg-secondary);border:1.5px solid var(--button-primary-bg);border-radius:0;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:24px 0 16px;min-width:0;padding:.5rem 24px;transition:background .3s ease,border-color .3s ease;width:100%}.filter-group-inline,.filters-bar-left,.filters-bar-right{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;min-width:0}.selected-filters-bar{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:0;border-top:none;box-shadow:none;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:.5rem;left:0;margin-bottom:1rem;max-width:100%;min-height:2rem;padding:.25rem 24px;position:relative;right:0;transform:none;width:100%}.search-filters-bar.has-selected-bar{margin-bottom:0}.search-filters-bar+.selected-filters-bar{margin-top:0}@media (max-width:900px){.binders-results-section,.binders-search-content{max-width:100vw}}@media (max-width:600px){.binders-results-section{padding-bottom:18px;padding-top:18px}}.requests-container{background:var(--bg-secondary);box-sizing:border-box;min-height:100vh;overflow-x:auto;padding:.5rem 0 0;transition:background .3s ease;width:100%}.requests-tabs-bar{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:0 .75rem;scrollbar-width:none;transition:border-color .3s ease}.requests-tabs-bar::-webkit-scrollbar{display:none}.requests-tabs-left,.requests-tabs-right{display:flex;gap:.5rem}.requests-tab{background:none;border:none;border-radius:8px 8px 0 0;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:-2px;padding:.75rem 1.5rem;transition:background .15s,color .15s}.requests-tab.active,.requests-tab:hover{color:var(--button-primary-bg)}.requests-tab.active{background:var(--bg-tertiary);border-bottom:2px solid var(--button-primary-bg);z-index:2}.requests-tab .tab-abbr{display:none}.requests-tab .tab-full{display:inline}@media (max-width:800px){.requests-tabs-bar{gap:.2rem;padding:0 .25rem}.requests-tabs-left,.requests-tabs-right{gap:.2rem}.requests-tab{font-size:.65rem;padding:.35rem .5rem;white-space:nowrap}.requests-tab.active{font-size:1rem;padding:.75rem 1.5rem}}.search-subheader-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;margin-bottom:1.5rem;padding:0 1rem}.search-subheader-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;margin-bottom:-1px;padding:.5rem 1rem;position:relative;transition:all .2s ease}.search-subheader-tab:hover{background:#2563eb0d;color:var(--button-primary-bg)}.search-subheader-tab.active{border-bottom-color:var(--button-primary-bg);color:var(--button-primary-bg)}.requests-content{box-sizing:border-box;margin:0;max-width:none;padding-left:.75rem;padding-right:.75rem;width:100%}.requests-header{margin-bottom:2rem;padding:2rem 0;text-align:center}.requests-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem;transition:color .3s ease}.requests-header p{color:var(--text-secondary);font-size:1.1rem;margin:0;transition:color .3s ease}.requests-placeholder{background:var(--card-bg);border-radius:12px;box-shadow:0 1px 3px var(--shadow);color:var(--text-tertiary);font-size:1.2rem;margin:2rem auto;max-width:600px;padding:4rem 2rem;text-align:center;transition:background .3s ease,color .3s ease}.requests-list{display:flex;flex-direction:column;gap:1rem}.request-card,.requests-list{box-sizing:border-box;width:100%}.request-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 3px var(--shadow);max-width:100%;padding:.5rem;position:relative;transition:background .3s ease,border-color .3s ease}.request-card.has-notification{border-color:#ef4444;border-width:2px;box-shadow:0 0 0 2px #ef44444d,0 4px 12px #ef444440}.request-notification-indicator{left:8px;position:absolute;top:8px;z-index:10}.request-notification-indicator .notification-badge{box-shadow:0 2px 6px #ef444466;font-size:16px;font-weight:700;height:26px;min-width:26px}.requests-tab.has-notifications{align-items:center;display:flex;gap:6px}.requests-tab .notification-badge{margin-left:4px}.orphaned-notifications-container{display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:800px;padding:0 1rem 1rem}.orphaned-notification-banner{align-items:center;animation:slide-in .3s ease-out;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}[data-theme=dark] .orphaned-notification-banner{background:linear-gradient(135deg,#450a0a,#7f1d1d);border-color:#991b1b}@keyframes slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.orphaned-notification-content{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.orphaned-notification-icon{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.orphaned-notification-message{color:#991b1b;font-size:.95rem;font-weight:500}[data-theme=dark] .orphaned-notification-message{color:#fecaca}.orphaned-notification-username{color:#dc2626;cursor:pointer;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;transition:all .15s ease}.orphaned-notification-username:hover{color:#b91c1c;text-decoration-color:#b91c1c}[data-theme=dark] .orphaned-notification-username{color:#fca5a5}[data-theme=dark] .orphaned-notification-username:hover{color:#f87171;text-decoration-color:#f87171}.orphaned-notification-dismiss{background:none;border:none;color:#991b1b;cursor:pointer;font-size:24px;font-weight:300;line-height:1;opacity:.6;padding:0 4px;transition:opacity .15s ease}[data-theme=dark] .orphaned-notification-dismiss{color:#fecaca}.orphaned-notification-dismiss:hover{opacity:1}@media (max-width:600px){.orphaned-notification-banner{padding:10px 12px}.orphaned-notification-content{gap:8px}.orphaned-notification-message{font-size:.85rem}.orphaned-notification-username{font-size:inherit}}.request-date{color:var(--text-muted);font-size:.85rem;font-style:italic;transition:color .3s ease}.request-owner-profile{border-radius:6px;cursor:pointer;margin-left:-.5rem;padding:.25rem .5rem;transition:background .2s ease}.request-owner-avatar{border:2px solid var(--border-color);transition:border-color .3s ease;vertical-align:middle}.request-owner-username{vertical-align:middle}.request-owner-profile:hover{background:var(--bg-secondary)}.request-owner-profile:hover .request-owner-username{color:var(--button-primary-bg)}.request-loading-user{color:var(--text-muted);transition:color .3s ease}.request-trade-section{border-radius:6px;box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem;width:100%}.trade-headers{align-items:center;display:flex;justify-content:space-between;padding:.5rem 1rem 0}.trade-headers-buttons{display:flex;gap:.5rem;justify-content:center}.trade-headers-btn{background:var(--button-primary-bg);border:none;border-radius:6px;box-shadow:0 1px 2px var(--shadow);color:var(--bg-primary);cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:background .15s}.trade-headers-btn:hover{background:var(--button-primary-hover)}.trade-headers-btn.edit{background:var(--button-primary-bg)}.trade-headers-btn.decline,.trade-headers-btn.delete{background:#dc2626}.trade-headers-btn.decline:hover,.trade-headers-btn.delete:hover{background:#b91c1c}.trade-headers-btn.accept{background:#16a34a}.trade-headers-btn.accept:hover{background:#15803d}.trade-headers-btn.counter{background:#f59e0b}.trade-headers-btn.counter:hover{background:#d97706}.trade-headers-btn.cancel{background:#dc2626}.trade-headers-btn.cancel:hover{background:#b91c1c}.trade-headers-btn.processing{background:#2563eb}.trade-headers-btn.processing:hover{background:#1d4ed8}.trade-headers-btn.view-status{background:#8b5cf6}.trade-headers-btn.view-status:hover{background:#7c3aed}.trade-headers-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.trade-headers-btn:disabled,.trade-headers-btn:disabled:hover{background:var(--text-muted)}.trade-status-badge{color:var(--text-secondary);font-size:.85rem;margin-top:.5rem;padding:.25rem .5rem;text-align:center}.trade-status-badge .status-accepted{color:#16a34a;font-weight:600}.trade-status-badge .status-processing{color:#2563eb;font-weight:600}.trade-headers h3:first-child{text-align:right}.trade-headers h3:last-child{text-align:left}.trade-content{align-items:center;display:flex;gap:.5rem;justify-content:center}.trade-side{flex:1 1;max-width:620px;min-width:0}.trade-headers h3{color:var(--text-secondary);font-size:1rem;font-weight:600;margin:0;text-align:center}.trade-cards{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.25rem}.trade-side:first-child .trade-cards{justify-content:flex-end}.trade-side:last-child .trade-cards{justify-content:flex-start}.no-cards{color:var(--text-muted);font-style:italic;padding:1rem;text-align:center}.no-cards,.trade-arrow{transition:color .3s ease}.trade-arrow{color:var(--text-secondary);font-size:1.5rem;font-weight:700;padding:0 1rem}.request-options{align-items:center;display:flex;justify-content:flex-end;padding-left:.5rem;padding-right:.5rem}.substitution-options{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.substitution-badge{border-radius:16px;font-size:.8rem;font-weight:500;padding:.4rem .8rem}.substitution-badge.enabled{background:#3b82f61a;color:var(--button-primary-bg);transition:all .3s ease}.substitution-badge.disabled{background:var(--bg-tertiary);color:var(--text-tertiary);transition:all .3s ease}.request-note{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.85rem;padding:.6rem;transition:all .3s ease}@media (max-width:900px){.requests-container{padding:.5rem}.requests-header h1{font-size:2rem}.request-trade-section{flex-direction:column;gap:1rem}.trade-headers-buttons{justify-content:center;margin-top:1rem}.trade-headers{display:none}.trade-content{flex-direction:column;gap:.5rem}.trade-side:first-child:before{content:"Have";order:2}.trade-side:first-child:before,.trade-side:last-child:before{color:#374151;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem;text-align:center}.trade-side:last-child:before{content:"Want"}.trade-arrow{order:2;padding:.5rem 0;transform:rotate(90deg)}.trade-side:first-child{order:1}.trade-side:last-child{order:3}.trade-side .trade-cards{justify-content:center!important;max-width:710px}.request-header,.substitution-options{flex-direction:column;gap:.5rem}.request-header{align-items:flex-start}}@media (max-width:480px){.requests-header{padding:1rem 0}.requests-header h1{font-size:1.75rem}.request-card{padding:1rem}.trade-card-item{padding:.5rem}}.confirm-modal-overlay{align-items:center;animation:fadeIn .2s;background:#1e2950a6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.confirm-modal{animation:slideInScale .3s;background:var(--card-bg);border-radius:16px;box-shadow:0 8px 32px #1e295040;display:flex;flex-direction:column;max-width:500px;min-width:400px;padding:2rem;position:relative;transition:background .3s ease;width:100%}.confirm-modal-header{margin-bottom:1.5rem}.confirm-modal-header h3{color:var(--text-secondary);font-size:1.25rem;font-weight:600;margin:0}.confirm-modal-content{color:var(--text-tertiary);font-size:1rem;line-height:1.5;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:400px;text-align:center}.confirm-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.confirm-modal-cancel{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1.2rem;transition:all .15s}.confirm-modal-cancel:hover{background:var(--bg-secondary);border-color:var(--border-color-light)}.confirm-modal-confirm{background:#dc2626;border:none;border-radius:6px;color:var(--bg-primary);cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1.2rem;transition:background .15s}.confirm-modal-confirm:hover{background:#b91c1c}@keyframes slideInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.trade-draft-toggle-slider{background:#e5e7eb}.trade-draft-toggle-slider:before{background:#fff}.trade-draft-toggle-text{color:#888}.request-owner-profile{align-items:center;display:flex;margin-top:.5rem}.request-owner-avatar{border:2px solid #e5e7eb;border-radius:50%;height:36px;margin-right:8px;object-fit:cover;width:36px}.request-owner-username{color:var(--text-primary);font-weight:600;transition:color .3s ease}.request-user-info-container{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.request-loading-user{color:#aaa}.trade-headers-btn.trade{background:#22c55e;border:none;border-radius:6px;box-shadow:0 1px 2px #22c55e14;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:background .15s}.trade-headers-btn.trade:hover{background:#16a34a}.make-request-container{background:var(--bg-secondary);box-sizing:border-box;min-height:100vh;overflow-x:auto;padding:.5rem 0 0;transition:background .3s ease;width:100%}.trade-partner-header{align-items:center;background:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1.5rem;transition:background .3s ease,border-color .3s ease}.trade-partner-avatar{border:2px solid var(--border-color);border-radius:50%;height:36px;object-fit:cover;transition:border-color .3s ease;width:36px}.trade-partner-name{color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:color .3s ease}.make-request-tabs-bar{border-bottom:2px solid var(--border-color);display:flex;gap:.5rem;justify-content:flex-start;margin-bottom:1.5rem;padding:0 .75rem;transition:border-color .3s ease}.make-request-tab{background:none;border:none;border-radius:8px 8px 0 0;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:-2px;padding:.75rem 1.5rem;transition:background .15s,color .15s}.make-request-tab.active,.make-request-tab:hover{color:var(--button-primary-bg)}.make-request-tab.active{background:var(--bg-tertiary);border-bottom:2px solid var(--button-primary-bg);z-index:2}.make-request-content{align-items:flex-start;display:flex;flex-direction:row;gap:2rem;justify-content:space-between;width:100%}.make-request-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 24px #3b82f612,0 1.5px 6px var(--shadow);box-sizing:border-box;flex:1 1;margin:0;min-height:320px;padding:32px 24px;transition:background .3s ease,border-color .3s ease}.make-request-section-have{order:1}.make-request-section-want{order:2}.make-request-placeholder{color:var(--text-muted);font-size:1.2rem;margin-top:40px;text-align:center}.make-request-results-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 24px #3b82f612,0 1.5px 6px var(--shadow);box-sizing:border-box;display:flex;flex-direction:column;margin:0;max-width:none;min-height:320px;padding:32px 24px;transition:background .3s ease,border-color .3s ease;width:100%}.make-request-search-content{box-sizing:border-box;margin:0;max-width:none;padding-left:.75rem;padding-right:.75rem;width:100%}.filter-search-btn{background:#2563eb;border:none;border-radius:6px;box-shadow:0 1px 2px #3b82f60a;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;margin-left:.75rem;padding:.6rem 1.2rem;transition:background .15s}.filter-search-btn:hover{background:#1746a2}.toggle-switch-label{align-items:center;cursor:pointer;display:flex;margin-left:1rem;-webkit-user-select:none;user-select:none}.toggle-switch-input{display:none}.toggle-switch-slider{background:#e5e7eb;border-radius:12px;height:20px;margin-right:.5rem;position:relative;transition:background .2s;width:36px}.toggle-switch-slider:before{background:#fff;border-radius:50%;box-shadow:0 1px 2px #00000014;content:"";height:14px;left:3px;position:absolute;top:3px;transition:transform .2s;width:14px}.toggle-switch-input:checked+.toggle-switch-slider{background:#2563eb}.toggle-switch-input:checked+.toggle-switch-slider:before{transform:translateX(16px)}.toggle-switch-c{color:#888;font-size:1rem;font-weight:600;margin-left:.2rem;transition:color .18s}.toggle-switch-input:checked~.toggle-switch-c{color:#2563eb}.toggle-switch-input:disabled~.toggle-switch-slider{cursor:not-allowed;opacity:.5}.toggle-switch-input:disabled~.toggle-switch-c{color:#2563eb;cursor:not-allowed;opacity:.6}.toggle-switch-label:has(.toggle-switch-input:disabled){cursor:not-allowed}.toggle-switch-label.hidden{display:none}.toggle-switch-text-desktop{display:inline}.toggle-switch-text-mobile{display:none}@media (max-width:900px){.toggle-switch-text-desktop{display:none}.toggle-switch-text-mobile{display:inline}}.trade-draft-area{align-items:center;background:var(--bg-secondary);border-radius:10px;box-shadow:0 2px 8px var(--shadow);display:flex;justify-content:center;min-height:190px;padding:1rem 0;transition:background .3s ease,box-shadow .3s ease}.trade-draft-side,.trade-draft-side.trade-draft-right{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;max-width:650px;overflow-x:visible;width:100%}.trade-draft-side.trade-draft-right{justify-content:flex-start}.trade-draft-arrow{flex:0 0 60px}.trade-draft-arrow,.trade-draft-card-placeholder{align-items:center;display:flex;justify-content:center}.trade-draft-card-placeholder{background:var(--border-color-light);border:2px dashed var(--border-color);border-radius:6px;box-shadow:0 1px 3px var(--shadow);color:var(--text-muted);font-size:1.2rem;height:90px;overflow:visible;position:relative;transition:background .3s ease,border-color .3s ease,color .3s ease;width:72px}.trade-draft-card-placeholder.clickable{cursor:pointer}.placeholder-plus{color:var(--text-tertiary);font-size:2rem;font-weight:300;line-height:1;-webkit-user-select:none;user-select:none}.trade-draft-controls-bar{background:var(--bg-secondary);border-bottom:2px solid var(--border-color);border-radius:10px;flex-direction:column;gap:1.5rem;padding:1.5rem .5rem;transition:background .3s ease,border-color .3s ease}.trade-draft-controls-bar,.trade-draft-controls-row{align-items:center;display:flex;justify-content:center}.trade-draft-controls-row{gap:2.5rem}.trade-draft-toggle-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.08rem;font-weight:500;gap:.7rem;transition:color .3s ease;-webkit-user-select:none;user-select:none}.trade-draft-toggle-label-small{font-size:.92rem;font-weight:400}.trade-draft-toggle-input{display:none}.trade-draft-toggle-slider{background:var(--border-color);border-radius:12px;height:22px;margin-right:.2rem;position:relative;transition:background .2s;width:38px}.trade-draft-toggle-input:checked+.trade-draft-toggle-slider{background:#2563eb}.trade-draft-toggle-slider:before{background:var(--bg-primary);border-radius:50%;content:"";height:16px;left:3px;position:absolute;top:3px;transition:transform .2s;width:16px}.trade-draft-toggle-input:checked+.trade-draft-toggle-slider:before{transform:translateX(16px)}.trade-draft-toggle-text{color:var(--text-secondary);margin-left:.2rem;transition:color .18s}.trade-draft-toggle-input:checked~.trade-draft-toggle-text{color:#2563eb}.trade-draft-toggle-input:not(:checked)~.trade-draft-toggle-text{color:var(--text-muted);opacity:.7}.trade-draft-text-desktop{display:inline}.trade-draft-text-mobile{display:none}@media (max-width:900px){.trade-draft-text-desktop{display:none}.trade-draft-text-mobile{display:inline}}.trade-draft-toggle-label input:disabled+.trade-draft-toggle-slider{cursor:not-allowed;opacity:.5}.trade-draft-toggle-label input:disabled~.trade-draft-toggle-text{color:#2563eb;cursor:not-allowed;opacity:.6}.trade-draft-toggle-label input:disabled:not(:checked)~.trade-draft-toggle-text{color:#9ca3af;opacity:.7}.trade-draft-toggle-label.disabled{cursor:not-allowed;opacity:.7}.removed-card{opacity:.8;position:relative}.removed-card .condensed-trade-card-img{filter:grayscale(100%);opacity:.6}.removed-card .any-finish-card-btn{align-items:center;background:#22c55e;border:none;border-radius:50%;box-shadow:0 2px 8px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-size:1.6rem;font-weight:700;height:32px;justify-content:center;left:50%;line-height:1;opacity:.9;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .2s,box-shadow .2s,transform .2s;width:32px;z-index:10}.removed-card .any-finish-card-btn:focus,.removed-card .any-finish-card-btn:hover{background:#16a34a;box-shadow:0 4px 12px #22c55e66;opacity:1;outline:none;transform:translate(-50%,-50%) scale(1.1)}.removed-card .condensed-trade-card-info-btn{opacity:.8}.removed-card .condensed-trade-card-info-btn:hover{opacity:1}.trade-draft-submit-btn{background:#2563eb;border:none;border-radius:6px;box-shadow:0 2px 8px #2563eb14;color:#fff;cursor:pointer;font-size:1.08rem;font-weight:600;padding:.7rem 2.2rem;transition:background .18s}.trade-draft-submit-btn:focus,.trade-draft-submit-btn:hover{background:#1d4ed8;outline:none}.trade-draft-submit-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;opacity:.6}.trade-draft-submit-btn:disabled:focus,.trade-draft-submit-btn:disabled:hover{background:#9ca3af;transform:none}.trade-request-popup{animation:tradeRequestPopupFade 1.6s cubic-bezier(.4,1.4,.6,1) forwards;background:#22c55e;border-radius:8px;bottom:110%;box-shadow:0 4px 18px #22c55e21;color:#fff;font-size:1.05rem;font-weight:600;left:50%;opacity:0;padding:.7rem 1.5rem;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:20}@keyframes tradeRequestPopupFade{0%{opacity:0;transform:translateX(-50%) translateY(10px) scale(.95)}10%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}85%{opacity:1}to{opacity:0;transform:translateX(-50%) translateY(-10px) scale(.98)}}@media (max-width:1200px){.trade-draft-side,.trade-draft-side.trade-draft-left,.trade-draft-side.trade-draft-right{max-width:400px}}@media (max-width:900px){.make-request-content{flex-direction:column;gap:1.5rem}.make-request-section-have,.make-request-section-want{order:0}.trade-draft-side,.trade-draft-side.trade-draft-left,.trade-draft-side.trade-draft-right{max-width:400px}}@media (max-width:750px){.trade-draft-area{flex-direction:column;min-height:0;min-height:auto;padding:.5rem 0}.trade-draft-arrow{font-size:2rem;margin:.5rem 0}.trade-draft-side,.trade-draft-side.trade-draft-left,.trade-draft-side.trade-draft-right{justify-content:center;max-width:400px}.trade-draft-controls-bar{padding:.7rem .2rem}.trade-draft-controls-bar,.trade-draft-controls-row{align-items:stretch;flex-direction:column;gap:1rem}.trade-draft-toggle-label,.trade-draft-toggle-label-small{justify-content:center;text-align:center;width:100%}.trade-draft-add-note-btn,.trade-draft-submit-btn{font-size:1rem;padding:.7rem 0;width:100%}}.trade-draft-add-note-btn{background:var(--text-tertiary);border:none;border-radius:6px;box-shadow:0 2px 8px var(--shadow);color:var(--bg-primary);cursor:pointer;font-size:1.05rem;font-weight:600;padding:.7rem 1.5rem;transition:background .18s}.trade-draft-add-note-btn:focus,.trade-draft-add-note-btn:hover{background:var(--text-secondary);outline:none}.note-popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.note-popup{background:var(--card-bg);border-radius:12px;box-shadow:0 20px 25px -5px var(--shadow-hover),0 10px 10px -5px var(--shadow);max-width:500px;padding:1.5rem;transition:background .3s ease;width:90%}.note-popup-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.note-popup-header h3{color:#374151;font-size:1.25rem;font-weight:600;margin:0}.note-popup-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background .15s;width:30px}.note-popup-close:hover{background:#f3f4f6;color:#374151}.note-textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:.95rem;min-height:100px;padding:.75rem;resize:vertical;width:100%}.note-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.note-char-count{color:#6b7280;font-size:.8rem;margin-top:.5rem;text-align:right}.note-popup-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.note-cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1.2rem;transition:all .15s}.note-cancel-btn:hover{background:#e5e7eb;border-color:#9ca3af}.note-confirm-btn{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1.2rem;transition:background .15s}.note-confirm-btn:hover{background:#1d4ed8}.suggested-tabs-bar{border-bottom:2px solid var(--border-color);display:flex;gap:.5rem;justify-content:flex-start;margin-bottom:1.5rem;padding:0 .75rem;transition:border-color .3s ease}.suggested-tab{background:none;border:none;border-radius:8px 8px 0 0;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:-2px;padding:.75rem 1.5rem;transition:background .15s,color .15s}.suggested-tab.active,.suggested-tab:hover{color:var(--button-primary-bg)}.suggested-tab.active{background:var(--bg-tertiary);border-bottom:2px solid var(--button-primary-bg);z-index:2}.suggested-error,.suggested-loading,.suggested-placeholder{color:var(--text-tertiary);font-size:1.125rem;padding:3rem 2rem;text-align:center}.suggested-trades-section{padding:0 .75rem 2rem}.suggested-header{margin-bottom:2rem;padding:2rem 0;text-align:center}.suggested-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem;transition:color .3s ease}.suggested-header p{color:var(--text-secondary);font-size:1.1rem;margin:0;transition:color .3s ease}.highlighted-search-card .card-info{background-color:var(--highlight-bg)!important}.suggested-users-section{padding:0 .75rem 2rem}.suggested-users-header{margin-bottom:2rem;text-align:center}.suggested-users-header h2{color:var(--text-primary);font-size:2rem;font-weight:600;margin-bottom:.5rem;transition:color .3s ease}.suggested-users-header p{color:var(--text-secondary);font-size:1rem;margin:0;transition:color .3s ease}.suggested-users-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));margin:0 auto;max-width:1600px}@media (min-width:801px) and (max-width:1300px){.suggested-users-grid{grid-template-columns:1fr}}.suggested-user-card{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow);cursor:pointer;display:flex;gap:1rem;max-width:700px;padding:1.5rem;transition:all .3s ease}.suggested-user-card:hover{border-color:var(--button-primary-bg);box-shadow:0 4px 16px var(--shadow);transform:translateY(-2px)}.suggested-user-avatar{border:2px solid var(--border-color);border-radius:50%;height:60px;object-fit:cover;transition:border-color .3s ease;width:60px}.suggested-user-card:hover .suggested-user-avatar{border-color:var(--button-primary-bg)}.suggested-user-info{flex:1 1}.suggested-user-name{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem;transition:color .3s ease}.suggested-user-matches{display:flex;flex-direction:column;gap:.75rem}.match-group{display:flex;flex-direction:column;gap:.5rem}.match-stat{align-items:center;display:flex;gap:.5rem}.match-number{background:#3b82f61a;border-radius:6px;color:var(--button-primary-bg);font-size:.9rem;font-weight:600;min-width:24px;padding:.25rem .5rem;text-align:center}.match-label{color:var(--text-secondary);font-size:.85rem;transition:color .3s ease}.match-cards{align-items:center;display:flex;min-height:180px;position:relative;transition:all .3s ease}.match-card-image{border:2px solid var(--border-color);border-radius:8px;box-shadow:0 2px 6px var(--shadow);cursor:pointer;height:180px;object-fit:cover;position:absolute;transition:all .3s ease;width:128px}.match-card-image:hover{box-shadow:0 4px 12px var(--shadow)}.match-card-image:hover,.suggested-user-card:hover .match-card-image{border-color:var(--button-primary-bg)}.more-cards{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-muted);font-size:1rem;font-weight:600;height:180px;min-width:128px;padding:.5rem .75rem}.more-cards,.more-cards-indicator{align-items:center;display:flex;justify-content:center;position:absolute}.more-cards-indicator{color:var(--text-primary);font-size:2rem;font-weight:400;height:40px;pointer-events:none;top:50%;transform:translateY(-50%);transition:left .3s ease,color .3s ease;width:40px}@media (max-width:900px){.suggested-tabs-bar{padding:0 .5rem}.suggested-tab{font-size:.95rem;padding:.75rem 1.25rem}.suggested-header h1{font-size:2rem}.suggested-users-header h2{font-size:1.75rem}}@media (max-width:800px){.suggested-tabs-bar{padding:0 .25rem}.suggested-tab{font-size:.9rem;padding:.65rem 1rem}.suggested-header{padding:1rem 0}.suggested-header h1{font-size:1.75rem}.suggested-users-grid{grid-template-columns:1fr}.suggested-user-card{gap:.75rem;padding:1rem}.suggested-user-avatar{height:50px;width:50px}.suggested-user-name{font-size:1rem}.match-stat{gap:.25rem}.match-number{padding:.2rem .4rem}.match-label,.match-number{font-size:.8rem}.match-cards{min-height:90px}.match-card-image{height:90px;width:64px}.more-cards{font-size:.85rem;height:90px;min-width:64px;padding:.25rem .5rem}.more-cards-indicator{font-size:1.5rem;height:30px;width:30px}}.profile-container{background:var(--bg-secondary);min-height:100vh;padding:2rem 1rem;transition:background .3s ease}.profile-error,.profile-loading{align-items:center;background:var(--card-bg);border-radius:12px;box-shadow:0 4px 8px var(--shadow);display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem;text-align:center;transition:background .3s ease}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--button-primary-bg);height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.profile-error p,.profile-loading p{color:var(--text-secondary);font-size:1.1rem;margin:.5rem 0;transition:color .3s ease}.profile-error h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 1rem;transition:color .3s ease}.profile-header{background:var(--card-bg);border-radius:12px;box-shadow:0 2px 6px var(--shadow);display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;transition:background .3s ease}.profile-avatar-section{flex-shrink:0}.profile-avatar{border:3px solid var(--border-color);border-radius:50%;box-shadow:0 2px 8px var(--shadow);height:80px;object-fit:cover;transition:border-color .3s ease,box-shadow .3s ease;width:80px}.profile-info{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.profile-name-section{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.profile-username{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0;transition:color .3s ease}.edit-profile-btn,.send-trade-btn{background:var(--button-primary-bg);border:none;border-radius:6px;color:var(--bg-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background .2s ease}.edit-profile-btn:hover,.send-trade-btn:hover{background:var(--button-primary-hover)}.send-trade-btn{background:linear-gradient(135deg,#2563eb,#3b82f6)}.send-trade-btn:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb)}.profile-verification{display:flex;flex-wrap:wrap;gap:1rem}.verification-item{align-items:center;display:flex;gap:.5rem}.verification-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:color .3s ease}.verification-status{align-items:center;border-radius:4px;display:flex;font-size:.875rem;font-weight:500;gap:.35rem;padding:.25rem .6rem;transition:all .3s ease}.verification-status.verified{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.verification-status.not-verified{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.profile-stats{display:flex;flex-wrap:wrap;gap:1.5rem}.stat-item{align-items:center;display:flex;gap:.5rem}.stat-label{color:var(--text-secondary);font-weight:500}.stat-label,.stat-value{font-size:.875rem;transition:color .3s ease}.stat-value{color:var(--text-primary);font-weight:400}.profile-binders{background:var(--card-bg);border-radius:16px;box-shadow:0 4px 8px var(--shadow);padding:2rem;transition:background .3s ease}.profile-binders-content{min-height:300px}.empty-binders{color:var(--text-muted);grid-column:1/-1;padding:3rem 2rem;text-align:center;transition:color .3s ease}.empty-binders h3{color:var(--text-primary);font-size:1.3rem;font-weight:500;margin:0 0 .5rem;transition:color .3s ease}.empty-binders p{color:var(--text-secondary);font-size:1rem;margin:0}.btn-primary{background:var(--button-primary-bg);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:.8rem 1.5rem;transition:background .2s ease}.btn-primary:hover{background:var(--button-primary-hover)}@media (max-width:768px){.profile-container{padding:1rem .5rem}.profile-header{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.profile-avatar{height:70px;width:70px}.profile-username{font-size:1.25rem}.profile-name-section{flex-direction:column;gap:.5rem}.profile-name-section,.profile-stats,.profile-verification,.stat-item,.verification-item{justify-content:center}}@media (max-width:480px){.profile-header{padding:.875rem}.profile-binders{padding:1.5rem}}.legal-page{min-height:calc(100vh - 200px);padding:2rem}.legal-container{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:800px;padding:2rem 3rem}.legal-container h1{border-bottom:2px solid #6366f1;border-bottom:2px solid var(--accent-color,#6366f1);color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:2rem;margin-bottom:.5rem;padding-bottom:1rem}.legal-updated{color:#666;color:var(--text-secondary,#666);font-size:.9rem}.legal-container section,.legal-updated{margin-bottom:2rem}.legal-container h2{font-size:1.25rem;margin-bottom:.75rem;margin-top:1.5rem}.legal-container h2,.legal-container h3{color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.legal-container h3{font-size:1.05rem;margin-bottom:.5rem;margin-top:1rem}.legal-container p{color:#444;color:var(--text-secondary,#444);line-height:1.7;margin-bottom:.75rem}.legal-container ul{margin:.75rem 0;padding-left:1.5rem}.legal-container li{color:#444;color:var(--text-secondary,#444);line-height:1.7;margin-bottom:.5rem}.legal-container a{color:#6366f1;color:var(--accent-color,#6366f1);text-decoration:none}.legal-container a:hover{text-decoration:underline}[data-theme=dark] .legal-container{background:#1e1e2e;background:var(--card-bg,#1e1e2e)}[data-theme=dark] .legal-container h1,[data-theme=dark] .legal-container h2,[data-theme=dark] .legal-container h3{color:#fff;color:var(--text-primary,#fff)}.legal-acknowledgment{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);margin-top:2rem;padding-top:1.5rem;text-align:center}[data-theme=dark] .legal-container li,[data-theme=dark] .legal-container p{color:#ccc;color:var(--text-secondary,#ccc)}.legal-attribution-box,.legal-disclaimer-box{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-left:4px solid #6366f1;border-left:4px solid var(--accent-color,#6366f1);border-radius:0 8px 8px 0;margin:1rem 0 1.5rem;padding:1rem 1.25rem}.legal-attribution-box h3,.legal-disclaimer-box h3{font-size:1.1rem;margin-bottom:.5rem;margin-top:0}.legal-attribution-box p:last-child,.legal-disclaimer-box p:last-child{margin-bottom:0}.legal-attribution-note,.legal-disclaimer-note{font-size:.9rem;font-style:italic;opacity:.85}.legal-attribution-copyright{font-size:.85rem;opacity:.75}.legal-disclaimer-box{border-left-color:#f59e0b}.legal-attribution-box{border-left-color:#22c55e}[data-theme=dark] .legal-attribution-box,[data-theme=dark] .legal-disclaimer-box{background:#2a2a3e;background:var(--bg-tertiary,#2a2a3e)}.lock-screen{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.lock-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d;max-width:400px;padding:3rem;text-align:center;width:90%}.lock-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:auto;margin-bottom:1.5rem;width:150px}.lock-title{color:#fff;font-size:1.8rem;font-weight:600;margin:0 0 .5rem}.lock-subtitle{color:#ffffffb3;font-size:1rem;margin:0 0 2rem}.lock-form{display:flex;flex-direction:column;gap:1rem}.lock-input{background:#ffffff1a;border:2px solid #fff3;border-radius:10px;color:#fff;font-size:1.1rem;outline:none;padding:1rem 1.5rem;text-align:center;transition:all .3s ease}.lock-input::placeholder{color:#ffffff80}.lock-input:focus{background:#ffffff26;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.lock-input.error{background:#ef44441a;border-color:#ef4444}.lock-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.lock-button:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.lock-button:active{transform:translateY(0)}.lock-error{animation:fadeIn .3s ease;color:#ef4444;font-size:.9rem;margin:1rem 0 0}.shake{animation:shake .5s ease}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.lock-container{padding:2rem}.lock-logo{width:120px}.lock-title{font-size:1.5rem}.lock-button,.lock-input{font-size:1rem;padding:.875rem 1.25rem}}
/*# sourceMappingURL=main.5a86f218.css.map*/