@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--primary-color:#6c5ce7;--primary-dark:#5a4bd3;--secondary-color:#f5f7fb;--surface-color:#fff;--surface-muted:#f8fafc;--border-light:#e2e8f0;--border-strong:#cbd5f5;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--success:#0fb37d;--warning:#f59e0b;--danger:#ef4444;--card-shadow:0 18px 45px #0f172a14;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--profile-accent:var(--primary-color)}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fb;background-color:var(--secondary-color);color:#0f172a;color:var(--text-primary);font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}code{font-family:Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:var(--secondary-color);display:flex;flex-direction:column;min-height:100vh}.main-content{padding:2rem;width:100%}.container,.main-content{margin:0 auto;max-width:1200px}.container{padding:0 20px}.card{background:var(--surface-color);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--card-shadow);margin-bottom:2rem;padding:1.5rem}.btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:999px;box-shadow:0 12px 24px #6c5ce759;color:#fff;padding:.75rem 1.8rem;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{box-shadow:0 18px 32px #6c5ce766;transform:translateY(-2px)}.btn-secondary,.btn:disabled{box-shadow:none}.btn-secondary{background:#0000;border:1px solid var(--border-light);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.user-dashboard{background:var(--secondary-color);display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#6c5ce7,#764ba2);color:#fff;display:flex;flex-direction:column;padding-bottom:1.5rem;width:260px}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:1.5rem}.sidebar-header h2{margin:0 0 1rem}.user-info{gap:.75rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#fff3;border-radius:999px;font-weight:700;height:40px;justify-content:center;width:40px}.sidebar-nav{flex:1 1;padding:1rem 0}.nav-item{align-items:center;background:#0000;border:none;color:#ffffffd9;cursor:pointer;display:flex;font-weight:600;gap:.6rem;padding:.75rem 1.5rem;text-align:left;width:100%}.nav-item.active{background:#ffffff26;color:#fff}.sidebar-footer{padding:1rem 1.5rem}.logout-btn{background:#0000;border:1px solid #fff6;border-radius:10px;color:#fff;cursor:pointer;padding:.6rem;width:100%}.main-content{flex:1 1;overflow-y:auto}.content-container{margin:0 auto;max-width:1200px;padding:2rem}@media (max-width:900px){.user-dashboard{flex-direction:column}.sidebar{width:100%}}.landing-page{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh}.hero-section{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;min-height:80vh;padding:100px 20px}.hero-content{flex:1 1;max-width:500px}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ffeb3b);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.hero-subtitle{color:#e3f2fd;font-size:1.5rem;margin-bottom:1rem}.hero-description{color:#b3e5fc;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn-large{border-radius:8px;font-size:1.1rem;font-weight:600;padding:15px 30px;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:gold;border:none;color:#1a1a1a}.btn-primary:hover{background-color:#ffed4e;box-shadow:0 4px 12px #ffd70066;transform:translateY(-2px)}.landing-page .btn-secondary{background-color:initial!important;border:2px solid #fff!important;color:#fff!important}.landing-page .btn-secondary:hover{background-color:#fff!important;color:#667eea!important;transform:translateY(-2px)}.hero-image{align-items:center;display:flex;flex:1 1;justify-content:center}.card-stack{height:280px;position:relative;width:200px}.pokemon-card{align-items:center;background:linear-gradient(145deg,#fff,#f0f0f0);border-radius:15px;box-shadow:0 8px 32px #0000004d;display:flex;font-size:4rem;height:210px;justify-content:center;position:absolute;transition:transform .3s ease;width:150px}.card-1{left:0;top:0;transform:rotate(-10deg);z-index:3}.card-2{left:25px;top:20px;transform:rotate(5deg);z-index:2}.card-3{left:50px;top:40px;transform:rotate(15deg);z-index:1}.card-stack:hover .pokemon-card{transform:rotate(0deg) scale(1.05)}.features-section{background-color:#ffffff1a;padding:80px 20px;text-align:center}.features-section h2{color:gold;font-size:2.5rem;margin-bottom:3rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.feature-card{background-color:#ffffff1a;border-radius:15px;padding:2rem;transition:transform .3s ease}.feature-card:hover{background-color:#fff3;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:gold;font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:#e3f2fd;line-height:1.6}.cta-section{background-color:#0003;padding:80px 20px;text-align:center}.cta-section h2{color:gold;font-size:2.5rem;margin-bottom:1rem}.cta-section p{color:#e3f2fd;font-size:1.2rem;margin-bottom:2rem}@media (max-width:768px){.hero-section{flex-direction:column;padding:50px 20px;text-align:center}.hero-title{font-size:2.5rem}.hero-actions{justify-content:center}.features-grid{grid-template-columns:1fr}.card-stack{margin-top:2rem}}.auth-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:400px;padding:2.5rem;width:100%}.auth-card h1{color:#333;font-size:2rem;margin-bottom:.5rem;text-align:center}.auth-card>p{color:#666;margin-bottom:2rem;text-align:center}.auth-form{gap:1.5rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#333;font-size:.9rem}.form-group input{border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:12px;transition:border-color .3s ease}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed}.btn-full{margin-top:1rem;width:100%}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33}.error-message,.success-message{margin-bottom:1rem;padding:12px;text-align:center}.success-message{background:#efe;border:1px solid #cfc;border-radius:8px;color:#363}.auth-link{margin-top:2rem;text-align:center}.auth-link p{color:#666;margin:0}.auth-link a{color:#667eea;font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}@media (max-width:480px){.auth-card{padding:2rem 1.5rem}.auth-card h1{font-size:1.75rem}}.header{background-color:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#fff;padding:1rem 0}.header-content{align-items:center;display:flex;justify-content:space-between}.logo{color:#fff;text-decoration:none}.logo h1{font-size:1.5rem;margin:0}.nav{align-items:center;display:flex;gap:2rem}.nav-link{border-radius:4px;color:#fff;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.nav-link:hover:not(.disabled){background-color:#34495e}.nav-link.disabled{cursor:not-allowed;opacity:.5}.auth-links{align-items:center;display:flex;gap:1rem}.btn-signup{background-color:#667eea;border-radius:4px;color:#fff;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.btn-signup:hover{background-color:#5a6fd8}.user-menu{align-items:center;border-left:1px solid #34495e;display:flex;gap:1rem;margin-left:1rem;padding-left:1rem}.user-name{color:#ecf0f1;font-weight:500}.btn-logout{background:#0000;border:1px solid #e74c3c;border-radius:4px;color:#e74c3c;cursor:pointer;font-size:.9rem;padding:.4rem .8rem;transition:all .2s}.btn-logout:hover{background-color:#e74c3c;color:#fff}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem}.nav{flex-wrap:wrap;justify-content:center}.user-menu{border-left:none;border-top:1px solid #34495e;margin-left:0;padding-left:0;padding-top:1rem}}.notification{animation:slideInRight .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #0003;max-width:400px;min-width:300px;overflow:hidden;position:fixed;right:20px;top:20px;z-index:9999}.notification-success{background:linear-gradient(135deg,#4caf50,#45a049);border-left:4px solid #2e7d32}.notification-error{background:linear-gradient(135deg,#f44336,#e53935);border-left:4px solid #c62828}.notification-warning{background:linear-gradient(135deg,#ff9800,#f57c00);border-left:4px solid #ef6c00}.notification-info{background:linear-gradient(135deg,#2196f3,#1976d2);border-left:4px solid #1565c0}.notification-content{color:#fff;justify-content:space-between;padding:16px 20px}.notification-message{font-size:14px;margin-right:12px}.notification-close{color:#fff;font-size:20px;font-weight:700;padding:0;transition:background-color .2s ease}.notification-close:hover{background-color:#fff3}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.notification.slide-out{animation:slideOutRight .3s ease-in forwards}@media (max-width:768px){.notification{left:10px;max-width:none;min-width:auto;right:10px;top:10px}.notification-content{padding:12px 16px}.notification-message{font-size:13px}}.toast{background:#fff;border-left:4px solid #28a745;border-radius:8px;box-shadow:0 8px 32px #0000001f;max-width:400px;min-width:300px;opacity:0;pointer-events:none;position:fixed;right:20px;top:20px;transform:translateX(100%);transition:all .3s ease-in-out;z-index:9999}.toast-show{opacity:1;pointer-events:auto;transform:translateX(0)}.toast-success{border-left-color:#28a745}.toast-error{border-left-color:#dc3545}.toast-info{border-left-color:#17a2b8}.toast-content{align-items:center;display:flex;gap:12px;padding:16px 20px}.toast-icon{flex-shrink:0;font-size:20px}.toast-message{color:#333;flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.toast-close:hover{background:#0000001a;color:#333}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:480px){.toast{left:10px;max-width:none;min-width:auto;right:10px;top:10px;transform:translateY(-100%)}.toast-show{transform:translateY(0)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}}.modal-overlay{background-color:#000c;overflow-y:auto;padding:20px}.card-detail-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;margin:auto;max-height:90vh;max-width:1000px;overflow-y:auto;position:relative;width:100%}.modal-close{background:#ffffffe6;box-shadow:0 2px 8px #0000001a;z-index:10}.modal-close:hover{background:#fff}.modal-loading{color:#666;font-size:16px;padding:60px;text-align:center}.modal-content{display:flex;flex:1 1;flex-direction:column;padding:20px}.modal-main{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:300px 1fr;margin-bottom:30px;width:100%}.card-image-section{align-items:center;display:flex;flex-direction:column;max-width:300px;width:100%}.card-image-large{border-radius:12px;box-shadow:0 8px 24px #00000026;height:auto;margin-bottom:20px;max-width:280px;transition:transform .3s ease;width:100%}.card-image-large:hover{transform:scale(1.02)}.price-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;padding:20px;text-align:center;width:100%}.price-section h4{color:#fff;font-size:14px;letter-spacing:1px;margin:0 0 15px;opacity:.9;text-transform:uppercase}.price-info{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.current-price{color:#fff;font-size:28px;font-weight:700;text-shadow:0 2px 4px #0000004d}.price-trend{border-radius:20px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.price-trend.up{background:#fff3;border:1px solid #4ade8080;color:#4ade80}.price-trend.down{background:#fff3;border:1px solid #f8717180;color:#f87171}.card-info-section{display:flex;flex:1 1;flex-direction:column;gap:25px;max-width:100%;min-width:0;overflow:hidden;width:100%}.card-header{border-bottom:2px solid #e2e8f0;padding-bottom:15px;width:100%}.card-header h2{word-wrap:break-word;color:#1a202c;font-size:32px;font-weight:700;line-height:1.2;margin:0 0 8px;overflow-wrap:break-word;width:100%}.card-number{color:#718096;font-size:16px;font-weight:500;margin:0;width:100%}.card-details{grid-gap:15px;background:#f7fafc;border-radius:12px;box-sizing:border-box;display:grid;gap:15px;grid-template-columns:1fr 1fr;overflow:hidden;padding:20px;width:100%}.detail-item{display:flex;flex-direction:column;gap:4px;min-width:0;overflow:hidden}.detail-item label{color:#4a5568;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item span{word-wrap:break-word;color:#1a202c;font-size:16px;font-weight:500;overflow-wrap:break-word}.rarity-badge{align-items:center;border-radius:20px;box-shadow:0 2px 4px #0000001a;display:inline-flex;font-size:12px;padding:6px 12px}.rarity-common{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.rarity-uncommon{background:linear-gradient(135deg,#3498db,#2980b9)}.rarity-rare{background:linear-gradient(135deg,#e74c3c,#c0392b)}.rarity-rare-holo{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.rarity-ultra-rare{background:linear-gradient(135deg,#f39c12,#e67e22)}.rarity-secret-rare{background:linear-gradient(135deg,#1abc9c,#16a085)}.rarity-hyper-rare{background:linear-gradient(135deg,#34495e,#2c3e50)}.types-list{gap:8px}.type-badge{border-radius:4px;font-size:12px;padding:4px 8px}.attacks-section{margin-top:20px;overflow:hidden;width:100%}.attacks-section h4{border-bottom:2px solid #3498db;color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 15px;padding-bottom:5px}.attack-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-sizing:border-box;margin-bottom:10px;padding:15px;transition:all .2s ease;width:100%}.attack-item:hover{background:#e9ecef;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.attack-header{flex-wrap:wrap;gap:10px;margin-bottom:8px}.attack-name{color:#2c3e50;flex:1 1;font-size:16px;font-weight:700;min-width:0}.attack-damage{background:#e74c3c;border-radius:6px;box-shadow:0 2px 4px #e74c3c4d;color:#fff;font-size:14px;font-weight:700;padding:4px 10px;white-space:nowrap}.attack-effect{word-wrap:break-word;color:#555;font-size:14px;line-height:1.4;margin:8px 0;overflow-wrap:break-word;padding:8px 0}.attack-cost{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.attack-cost:before{color:#666;content:"Coût : ";font-size:12px;font-weight:500}.energy-cost{align-items:center;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:help;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;letter-spacing:.5px;text-transform:uppercase;transition:transform .2s ease;width:28px}.energy-cost:hover{transform:scale(1.1)}.energy-grass{background:#78c850}.energy-fire{background:#f08030}.energy-water{background:#6890f0}.energy-lightning{background:#f8d030;color:#333}.energy-psychic{background:#f85888}.energy-fighting{background:#c03028}.energy-darkness{background:#705848}.energy-metal{background:#b8b8d0;color:#333}.energy-colorless{background:#a8a878}.collection-info{background:linear-gradient(135deg,#e8f5e8,#f0f9ff);border:2px solid #27ae60;border-radius:12px;box-shadow:0 4px 12px #27ae601a;margin-top:15px;padding:20px}.collection-info h4{align-items:center;color:#27ae60;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 15px}.collection-info h4:before{content:"📋";font-size:20px}.modal-actions{border-top:1px solid #dee2e6;flex-direction:column;gap:25px;padding-top:20px}.collection-actions{display:flex;flex-direction:column;gap:15px}.collection-controls{display:flex;flex-wrap:wrap;gap:10px}.binder-selection{align-items:center;display:flex;gap:10px;margin-top:10px}.binder-selection select{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:8px 12px}.btn{display:inline-flex;gap:6px;justify-content:center;padding:10px 20px;text-decoration:none}.btn-primary{background:#3498db}.btn-primary:hover{background:#2980b9}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}.btn-small{font-size:12px;padding:6px 12px}.btn:disabled{background:#bdc3c7}.external-links h4,.social-share h4{color:#2c3e50;font-size:16px;margin:0 0 15px}.links-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.external-link{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 15px;text-decoration:none;transition:all .2s ease}.external-link:hover{background:#e9ecef;border-color:#adb5bd;color:#212529;transform:translateY(-1px)}.external-link span{font-size:16px}.share-buttons{display:flex;flex-wrap:wrap;gap:10px}.share-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;transition:all .2s ease}.share-btn.twitter{background:#1da1f2}.share-btn.twitter:hover{background:#1991db}.share-btn.facebook{background:#4267b2}.share-btn.facebook:hover{background:#365899}.share-btn.reddit{background:#ff4500}.share-btn.reddit:hover{background:#e03d00}@media (max-width:768px){.modal-overlay{align-items:flex-start;padding:10px}.card-detail-modal{margin-top:20px;max-height:95vh}.modal-main{gap:20px;grid-template-columns:1fr}.card-image-section{align-items:center;min-width:auto}.card-image-large{max-width:280px}.card-details{gap:12px;grid-template-columns:1fr}.collection-controls{flex-direction:column;gap:12px}.links-grid{gap:12px;grid-template-columns:1fr 1fr}.share-buttons{justify-content:center}.binder-selection{align-items:stretch;flex-direction:column}.attack-header{align-items:flex-start;flex-direction:column;gap:8px}.attack-name{font-size:15px}.attacks-section h4{font-size:16px}}@media (max-width:480px){.modal-overlay{padding:5px}.modal-content{padding:15px}.card-header h2{font-size:24px}.card-image-large{max-width:220px}.price-info{flex-direction:column;gap:8px}.current-price{font-size:24px}.links-grid{grid-template-columns:1fr}.attack-header{align-items:flex-start;gap:5px}.attack-header,.share-buttons{flex-direction:column}.share-btn{justify-content:center;width:100%}.attack-item{padding:12px}.attack-effect{font-size:13px}.energy-cost{font-size:14px;height:24px;width:24px}.attacks-section h4{font-size:15px}.card-details{padding:15px}}.card-comparison-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;position:relative;width:100%}.comparison-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:20px 25px}.comparison-header h2{color:#2c3e50;font-size:24px;margin:0}.modal-close{background:#0000001a;color:#666}.modal-close:hover{background:#0003;color:#000}.empty-comparison{color:#666;padding:60px 20px;text-align:center}.empty-comparison p{font-size:16px;margin:10px 0}.comparison-controls{align-items:center;background:#fff;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:20px 25px}.view-modes{display:flex;gap:10px}.mode-btn{background:#fff;border:2px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;font-size:14px;font-weight:700;padding:10px 16px;transition:all .2s ease}.mode-btn:hover{border-color:#3498db;color:#3498db}.mode-btn.active{background:#3498db;border-color:#3498db;color:#fff}.comparison-actions{display:flex;gap:10px}.btn{border-radius:6px;font-size:14px;font-weight:700;padding:10px 16px;transition:all .2s ease}.btn-secondary{background:#95a5a6}.btn-secondary:hover{background:#7f8c8d}.comparison-content{flex:1 1;overflow-y:auto;padding:0}.comparison-loading{color:#666;padding:60px;text-align:center}.selected-cards-list{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;gap:15px;overflow-x:auto;padding:20px 25px}.selected-card-item{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:8px;display:flex;flex-direction:column;gap:8px;min-width:120px;padding:15px;position:relative;transition:all .2s ease}.selected-card-item:hover{border-color:#3498db;transform:translateY(-2px)}.selected-card-thumb{border-radius:6px;box-shadow:0 4px 8px #0000001a;height:auto;width:80px}.selected-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2c3e50;display:-webkit-box;font-size:12px;font-weight:700;line-height:1.2;max-width:100%;overflow:hidden;text-align:center}.remove-card-btn{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:24px}.remove-card-btn:hover{background:#c0392b;transform:scale(1.1)}.comparison-table{display:flex;flex-direction:column;margin:0}.comparison-row{border-bottom:1px solid #dee2e6;display:flex;min-height:60px}.comparison-row:last-child{border-bottom:none}.comparison-label{background:#f8f9fa;color:#2c3e50;font-size:14px;font-weight:700;max-width:150px;min-width:150px}.comparison-cell,.comparison-label{align-items:center;border-right:1px solid #dee2e6;display:flex;padding:15px 20px}.comparison-cell{background:#fff;flex:1 1;min-height:60px}.comparison-cell:last-child{border-right:none}.comparison-cell.image-cell{justify-content:center;padding:10px}.comparison-card-image{border-radius:8px;box-shadow:0 4px 12px #00000026;height:auto;transition:transform .2s ease;width:120px}.comparison-card-image:hover{transform:scale(1.05)}.card-mini{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.card-mini-image{border-radius:4px;box-shadow:0 2px 6px #0000001a;height:auto;width:60px}.card-mini strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2c3e50;display:-webkit-box;font-size:12px;line-height:1.2;max-width:100px;overflow:hidden}.rarity-badge{border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.rarity-common{background:#95a5a6;color:#fff}.rarity-uncommon{background:#3498db;color:#fff}.rarity-rare{background:#e74c3c;color:#fff}.rarity-rare-holo{background:#9b59b6;color:#fff}.rarity-ultra-rare{background:#f39c12;color:#fff}.rarity-secret-rare{background:#1abc9c;color:#fff}.rarity-hyper-rare{background:#34495e;color:#fff}.types-list{display:flex;flex-wrap:wrap;gap:4px}.type-badge{border-radius:3px;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;text-transform:uppercase}.type-grass{background:#78c850}.type-fire{background:#f08030}.type-water{background:#6890f0}.type-lightning{background:#f8d030;color:#333}.type-psychic{background:#f85888}.type-fighting{background:#c03028}.type-darkness{background:#705848}.type-metal{background:#b8b8d0;color:#333}.type-colorless{background:#a8a878}.type-dragon{background:#7038f8}.type-fairy{background:#ee99ac}.hp-value{color:#e74c3c;font-size:16px;font-weight:700}.attacks-summary{gap:5px;width:100%}.attack-summary,.attacks-summary{display:flex;flex-direction:column}.attack-summary{background:#f8f9fa;border-radius:4px;font-size:12px;margin-bottom:4px;padding:6px 8px}.attack-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.attack-summary strong{color:#2c3e50}.attack-description{color:#666;font-size:11px;font-style:italic;line-height:1.3;margin-top:2px;text-align:left}.damage{color:#e74c3c;font-weight:700;margin-left:5px}.no-attacks{color:#999;font-size:12px;font-style:italic}.price-comparison{align-items:center;display:flex;flex-direction:column;gap:5px}.price-value{color:#2c3e50;font-size:18px;font-weight:700}.price-trend{border-radius:3px;font-size:12px;font-weight:700;padding:2px 6px}.price-trend.up{background:#d4edda;color:#155724}.price-trend.down{background:#f8d7da;color:#721c24}.rarity-value-indicator{color:#f39c12;font-size:16px}.comparison-footer{background:#f8f9fa;border-top:1px solid #dee2e6;padding:15px 25px}.comparison-tip{color:#666;font-size:14px;margin:0;text-align:center}@media (max-width:1024px){.comparison-label{font-size:12px;max-width:120px;min-width:120px}.comparison-card-image{width:100px}.selected-card-thumb{width:60px}.selected-card-item{min-width:100px;padding:10px}}@media (max-width:768px){.card-comparison-modal{margin:10px;max-height:95vh}.comparison-controls{align-items:stretch;flex-direction:column;gap:15px}.view-modes{justify-content:center}.comparison-table{font-size:12px}.comparison-label{max-width:100px;min-width:100px;padding:10px}.comparison-cell{padding:10px}.comparison-card-image{width:80px}.selected-cards-list{padding:15px}.selected-card-item{min-width:80px;padding:8px}.selected-card-thumb{width:50px}.selected-card-name{font-size:10px}}@media (max-width:480px){.comparison-header{padding:15px}.comparison-header h2{font-size:20px}.comparison-content{overflow-x:auto}.comparison-table{min-width:600px}.view-modes{flex-wrap:wrap;gap:8px}.mode-btn{font-size:12px;padding:8px 12px}}.cards-container{padding:20px}.cards-header{margin-bottom:30px;text-align:center}.cards-header h1{color:#2c3e50;font-size:2.5rem;margin:0}.cards-controls{align-items:flex-end;background:#f8f9fa;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:nowrap;gap:20px;margin-bottom:30px;overflow-x:auto;padding:20px}.control-group{display:flex;flex:0 0 200px;flex-direction:column;gap:5px;min-width:200px}.control-group label{color:#2c3e50;font-weight:700}.control-group input,.control-group select{border:2px solid #ddd;border-radius:5px;font-size:14px;padding:10px;transition:border-color .3s}.control-group input:focus,.control-group select:focus{border-color:#3498db;outline:none}.generate-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:5px;color:#fff;cursor:pointer;flex-grow:0;flex-shrink:0;font-size:16px;font-weight:700;margin-left:auto;min-height:48px;min-width:180px;padding:12px 24px;transition:all .3s;white-space:nowrap}.generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#1f4e79);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.generate-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.comparison-btn{background:linear-gradient(135deg,#9b59b6,#8e44ad);border-radius:5px;flex-grow:0;flex-shrink:0;font-size:16px;font-weight:700;min-height:48px;min-width:180px;padding:12px 24px;transition:all .3s;white-space:nowrap}.comparison-btn:hover{background:linear-gradient(135deg,#8e44ad,#7d3c98);box-shadow:0 4px 8px #9b59b64d;transform:translateY(-2px)}.filters-section{background:#fff;box-shadow:0 2px 4px #0000001a}.filters-section h3{margin:0 0 15px}.filters{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.filter-group{gap:5px}.filter-group input{border:2px solid #ddd;border-radius:5px;font-size:14px;padding:10px;transition:border-color .3s}.filter-group input:focus{border-color:#3498db;outline:none}.results-count{color:#7f8c8d;font-style:italic;margin:0}.no-cards{color:#7f8c8d;font-size:18px;padding:40px;text-align:center}.cards-grid{grid-gap:20px;gap:20px}.cards-grid-3x3{grid-template-columns:repeat(3,1fr)}.cards-grid-4x4{grid-template-columns:repeat(4,1fr)}.cards-grid-5x5{grid-template-columns:repeat(5,1fr)}.cards-grid-5x5 .card-image-container{height:250px}.cards-grid-5x5 .card-info{padding:10px}.cards-grid-5x5 .card-info h4{font-size:14px}.cards-grid-5x5 .card-info p{font-size:12px}.card-item{background:#fff;border-radius:15px;box-shadow:0 4px 8px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s}.card-item:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.card-item:hover .card-image-container img{transform:scale(1.05)}.card-info{padding:15px}.card-info h4{margin:0 0 5px}.card-name-clickable{transition:color .2s ease}.card-name-clickable:hover{color:#3498db}.card-info p{color:#7f8c8d;font-size:14px;margin:2px 0}.card-info .rarity{color:#e74c3c;font-size:12px;font-weight:700}.card-actions{justify-content:center;margin-top:10px}.add-to-collection-btn{background:linear-gradient(135deg,#27ae60,#229954);flex:1 1;font-weight:500;padding:8px 12px}.add-to-collection-btn,.comparison-btn-card{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;transition:all .2s ease}.comparison-btn-card{align-items:center;background:linear-gradient(135deg,#9b59b6,#8e44ad);display:flex;height:32px;justify-content:center;padding:8px;width:32px}.comparison-btn-card:hover:not(:disabled){background:linear-gradient(135deg,#8e44ad,#7d3c98);transform:translateY(-1px)}.comparison-btn-card.selected{background:linear-gradient(135deg,#1abc9c,#16a085);cursor:default}.comparison-btn-card:disabled{cursor:default;opacity:.7}.add-to-collection-btn:hover{background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.add-to-collection-btn:active{transform:translateY(0)}@media (max-width:768px){.cards-controls{align-items:stretch;flex-direction:column}.control-group{min-width:auto}.cards-grid-3x3,.cards-grid-4x4,.cards-grid-5x5{grid-template-columns:repeat(2,1fr)}.filters{flex-direction:column}.filter-group{min-width:auto}}@media (max-width:480px){.cards-container{padding:10px}.cards-header h1{font-size:2rem}.cards-grid-3x3,.cards-grid-4x4,.cards-grid-5x5{grid-template-columns:1fr}.card-image-container{height:250px}}@media (max-width:768px){.control-group{flex:0 0 150px;min-width:150px}.generate-btn{font-size:14px;min-width:140px;padding:10px 16px}}.cards-container{margin:0 auto;max-width:1200px;padding:2.5rem 1.5rem 3rem}.cards-header h1{color:var(--text-primary);line-height:1.2}.cards-controls{background:var(--surface-color);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--card-shadow)}.control-group label{color:var(--text-secondary);font-size:.95rem;font-weight:600}.control-group input,.control-group select{background:var(--surface-muted);border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:border-color .2s ease,box-shadow .2s ease}.control-group input:focus,.control-group select:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #6c5ce726}.comparison-btn,.generate-btn{border-radius:999px;box-shadow:0 12px 30px #6c5ce759;font-weight:600}.generate-btn{background:linear-gradient(135deg,#36d1dc,#5b86e5)}.comparison-btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark))}.results-count{color:var(--text-secondary)}.card-item,.filters-section{background:var(--surface-color);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--card-shadow)}.card-info h4{color:var(--text-primary)}.card-info p{color:var(--text-secondary)}.card-info .rarity{color:var(--warning);font-weight:600}.add-to-collection-btn{border-radius:999px;font-weight:600}.comparison-btn-card{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:999px;box-shadow:0 8px 18px #6c5ce740}.comparison-btn-card.selected{background:linear-gradient(135deg,var(--success),#0a8d61)}.confirm-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.confirm-modal{animation:modalAppear .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-width:450px;overflow:hidden;width:100%}.confirm-modal-header{border-bottom:1px solid #eee;margin-bottom:20px;padding:20px 20px 0}.confirm-modal-header h3{font-size:18px;font-weight:600;margin:0;padding-bottom:15px}.confirm-modal-warning h3{color:#ff9800}.confirm-modal-danger h3{color:#f44336}.confirm-modal-info h3{color:#2196f3}.confirm-modal-body{padding:0 20px 20px}.confirm-modal-body p{color:#555;font-size:14px;line-height:1.5;margin:0}.confirm-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:0 20px 20px}.confirm-modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s ease}.confirm-modal-btn-cancel{background:#f5f5f5;border:1px solid #ddd;color:#666}.confirm-modal-btn-cancel:hover{background:#eee;color:#555}.confirm-modal-btn-confirm{border:none;color:#fff}.confirm-modal-btn-warning{background:#ff9800}.confirm-modal-btn-warning:hover{background:#f57c00}.confirm-modal-btn-danger{background:#f44336}.confirm-modal-btn-danger:hover{background:#e53935}.confirm-modal-btn-info{background:#2196f3}.confirm-modal-btn-info:hover{background:#1976d2}@keyframes modalAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.confirm-modal{margin:20px;max-width:none}.confirm-modal-footer{flex-direction:column-reverse}.confirm-modal-btn{width:100%}}.my-cards-container{margin:0 auto;max-width:1200px;padding:20px}.my-cards-header{margin-bottom:30px;text-align:center}.my-cards-header h1{color:#2c3e50;font-size:2.5rem;margin:0 0 10px}.my-cards-header p{color:#666;font-size:1.1rem;margin-bottom:20px}.binder-controls{margin:20px 0;text-align:center}.binder-controls label{color:#2c3e50;display:inline-block;font-weight:700;margin-right:10px}.binder-controls select{background:#fff;border:2px solid #ddd;border-radius:5px;color:#333;cursor:pointer;font-size:1rem;padding:8px 15px}.binder-controls select:focus{border-color:#667eea;outline:none}.collection-stats{display:flex;gap:40px;justify-content:center;margin:20px 0}.stat-item{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;min-width:120px;padding:20px;text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;margin-bottom:5px}.stat-label{font-size:.9rem;opacity:.9}.loading{color:#7f8c8d;font-size:18px;padding:40px;text-align:center}.empty-collection{background:#f8f9fa;border-radius:15px;margin:20px 0;padding:60px 20px;text-align:center}.empty-collection h3{color:#2c3e50;margin-bottom:15px}.empty-collection p{color:#666;margin-bottom:10px}.filters-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;margin:30px 0;padding:20px}.filters-section h3{color:#2c3e50;font-size:1.3rem;margin:0 0 20px;text-align:center}.filters-row{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.filter-group{display:flex;flex-direction:column;min-width:200px}.filter-group label{color:#2c3e50;font-size:.9rem;font-weight:700;margin-bottom:5px}.filter-group input,.filter-group select{background:#fff;border:2px solid #ddd;border-radius:5px;font-size:.9rem;padding:8px 12px;transition:border-color .3s ease}.filter-group input:focus,.filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-group input::placeholder{color:#999}@media (max-width:768px){.filters-row{align-items:center;flex-direction:column}.filter-group{max-width:300px;width:100%}}.cards-grid{grid-gap:25px;display:grid;gap:25px;margin-top:30px}.cards-grid.grid-3x3{grid-template-columns:repeat(3,1fr)}.cards-grid.grid-4x4{grid-template-columns:repeat(4,1fr)}.cards-grid.grid-5x5{grid-template-columns:repeat(5,1fr)}@media (max-width:1200px){.cards-grid.grid-5x5{grid-template-columns:repeat(4,1fr)}}@media (max-width:968px){.cards-grid.grid-4x4,.cards-grid.grid-5x5{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.cards-grid.grid-3x3,.cards-grid.grid-4x4,.cards-grid.grid-5x5{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.cards-grid.grid-3x3,.cards-grid.grid-4x4,.cards-grid.grid-5x5{grid-template-columns:1fr}}.user-card-item{background:#fff;border-radius:15px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.user-card-item:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.card-image-container{align-items:center;background:#f8f9fa;display:flex;height:300px;justify-content:center;overflow:hidden;position:relative;width:100%}.card-image-container img{height:100%;object-fit:contain;transition:transform .3s;width:100%}.user-card-item:hover .card-image-container img{transform:scale(1.05)}.quantity-badge{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;position:absolute;right:10px;top:10px;width:40px}.card-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:20px}.card-info h4{color:#2c3e50;font-size:16px;font-weight:700;margin:0 0 8px}.card-number{color:#3498db;font-size:14px;font-weight:700;margin:4px 0}.user-card-item.binder-mode .card-number{display:none}.set-name{color:#666;font-size:14px;margin:4px 0}.rarity{color:#e74c3c;font-size:13px;font-weight:700;margin:4px 0}.condition{color:#27ae60;font-size:13px;font-weight:500;margin:8px 0}.card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;min-height:50px}.btn-compare,.btn-delete,.btn-detail,.btn-edit{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;min-width:80px;padding:8px 12px;text-align:center;transition:all .2s ease}.btn-detail{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.btn-detail:hover{background:linear-gradient(135deg,#8e44ad,#7d3c98);transform:translateY(-1px)}.btn-compare{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;min-width:40px;padding:8px}.btn-compare:hover:not(:disabled){background:linear-gradient(135deg,#e67e22,#d35400);transform:translateY(-1px)}.btn-compare.selected{background:linear-gradient(135deg,#1abc9c,#16a085);cursor:default}.btn-compare:disabled{cursor:default;opacity:.7}.btn-edit{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-edit:hover{background:linear-gradient(135deg,#2980b9,#1f4e79);transform:translateY(-1px)}.btn-delete{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.btn-delete:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-1px)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:15px;box-shadow:0 10px 25px #0003;padding:30px;width:100%}.modal-content h3{color:#2c3e50;margin:0 0 20px;text-align:center}.form-group{margin-bottom:20px}.form-group label{font-weight:500;margin-bottom:5px}.form-group input,.form-group select{border:2px solid #ddd;border-radius:6px;font-size:14px;padding:10px;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:#3498db}.modal-actions{gap:15px;margin-top:25px}.modal-actions button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px;transition:all .2s ease}.modal-actions button[type=button]{background:#95a5a6;color:#fff}.modal-actions button[type=button]:hover{background:#7f8c8d}.modal-actions button[type=submit]{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.modal-actions button[type=submit]:hover{background:linear-gradient(135deg,#229954,#1e8449)}.btn-save{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px;transition:all .2s ease}.btn-save:hover{background:linear-gradient(135deg,#229954,#1e8449);transform:translateY(-1px)}.btn-cancel{background:#95a5a6;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px;transition:all .2s ease}.btn-cancel:hover{background:#7f8c8d;transform:translateY(-1px)}.form-actions{display:flex;gap:15px;margin-top:25px}@media (max-width:768px){.my-cards-container{padding:15px}.my-cards-header h1{font-size:2rem}.collection-stats{align-items:center;flex-direction:column;gap:15px}.cards-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.card-image-container{height:250px}.modal-content{margin:20px;padding:20px}}.binder-mode-info{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:20px;padding:20px}.binder-mode-header h2{font-size:1.5rem;margin:0 0 10px}.binder-mode-header p{margin:0 0 15px;opacity:.9}.binder-mode-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.btn-primary,.btn-secondary{border:none;border-radius:5px;cursor:pointer;font-size:.9rem;font-weight:700;padding:10px 20px;transition:all .3s ease}.btn-primary{background:#27ae60}.btn-primary:hover:not(:disabled){background:#229954}.btn-primary:disabled{background:#95a5a6;cursor:not-allowed;transform:none}.btn-secondary{background:#e74c3c;color:#fff}.btn-secondary:hover{background:#c0392b;transform:translateY(-2px)}.selection-info{font-size:.9rem;font-weight:700;margin:0;opacity:.9}.user-card-item.binder-mode{cursor:pointer;transition:all .3s ease}.user-card-item.binder-mode:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-3px)}.user-card-item.binder-mode.selected{background:linear-gradient(135deg,#f8fff8,#e8f5e8);border:3px solid #27ae60}.user-card-item.binder-mode.selected .card-image-container{border-radius:8px}.selection-badge{align-items:center;background:#34495e;border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:25px;justify-content:center;position:absolute;right:5px;top:5px;transition:all .3s ease;width:25px}.selection-badge.selected{background:#27ae60;transform:scale(1.1)}.btn-select{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;height:40px;justify-content:center;padding:8px 15px;transition:all .3s ease;width:100%}.btn-select:not(.selected){background:#3498db;color:#fff}.btn-select:not(.selected):hover{background:#2980b9;transform:translateY(-1px)}.btn-select.selected{background:#27ae60;color:#fff}.btn-select.selected:hover{background:#229954;transform:translateY(-1px)}@media (max-width:768px){.binder-mode-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}.binder-mode-info{padding:15px}}.floating-validation-button{animation:slideUp .3s ease-out;bottom:20px;left:50%;position:fixed;transform:translateX(-50%);z-index:1000}.btn-validate-selection{align-items:center;background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:50px;box-shadow:0 4px 15px #27ae6066;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:8px;justify-content:center;min-width:250px;padding:15px 30px;transition:all .3s ease}.btn-validate-selection:hover:not(:disabled){background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 6px 20px #27ae6099;transform:translateY(-2px)}.btn-validate-selection:disabled{background:linear-gradient(135deg,#95a5a6,#7f8c8d);box-shadow:0 4px 15px #95a5a666;cursor:not-allowed;transform:none}.loading-spinner{animation:spin 1s ease-in-out infinite;height:18px;width:18px}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.floating-validation-button{left:10px;right:10px;transform:none}.btn-validate-selection{min-width:auto;width:100%}}.floating-notification{animation:slideInRight .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;font-family:Segoe UI,sans-serif;max-width:500px;min-width:300px;position:fixed;right:20px;top:20px;z-index:1000}.floating-notification.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.floating-notification.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.notification-content{align-items:center;display:flex;gap:12px;padding:12px 16px}.notification-icon{flex-shrink:0;font-size:1.2rem}.notification-message{flex:1 1;font-size:.95rem;font-weight:500;line-height:1.4}.notification-close{align-items:center;background:none;border:none;border-radius:50%;color:currentColor;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:24px;justify-content:center;opacity:.8;transition:opacity .2s;width:24px}.notification-close:hover{background:#fff3;opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.floating-notification{left:10px;max-width:none;min-width:auto;right:10px;top:10px}}.modal-content-enhanced{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;max-height:90vh;max-width:650px;overflow-y:auto;width:95%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{border-radius:20px 20px 0 0;padding:20px 30px;position:relative;text-align:center}.modal-header h3{font-size:1.5rem;font-weight:600;margin:0}.modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:35px;justify-content:center;position:absolute;right:20px;top:15px;transition:all .2s ease;width:35px}.modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.modal-body{padding:30px}.card-display-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e9ecef;border-radius:15px;display:flex;gap:20px;margin-bottom:30px;padding:20px}.card-image-preview{flex-shrink:0}.card-image-preview img{border:3px solid #fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;height:auto;width:120px}.card-info-display{display:flex;flex:1 1;flex-direction:column;gap:8px}.card-name-display{color:#2c3e50;font-size:1.3rem;font-weight:700;line-height:1.2;margin:0 0 10px}.card-info-display p{align-items:center;display:flex;gap:8px;margin:0}.info-label{color:#6c757d;font-weight:600;min-width:80px}.info-value{color:#2c3e50;font-weight:500}.form-section h5{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:1.2rem;margin:0 0 20px;padding-bottom:10px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr;margin-bottom:20px}.form-group{margin-bottom:0}.form-group label{align-items:center;color:#2c3e50;display:flex;font-size:.95rem;gap:8px;margin-bottom:8px}.label-icon{font-size:1.1rem}.form-group input,.form-group select{background:#fff;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-1px)}.condition-info{background:linear-gradient(135deg,#e3f2fd,#f1f8e9);border-left:4px solid #667eea;border-radius:8px;margin-top:10px;padding:10px 15px}.condition-info small{color:#546e7a;font-weight:500}.modal-content-enhanced .card-actions{border-top:2px solid #e9ecef;margin-top:30px;padding-top:20px}.modal-content-enhanced .btn-delete,.modal-content-enhanced .btn-edit{border-radius:8px;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:12px 20px;text-transform:none;transition:all .3s ease}.modal-content-enhanced .btn-edit{background:linear-gradient(135deg,#28a745,#20c997);border:none;color:#fff}.modal-content-enhanced .btn-edit:hover{background:linear-gradient(135deg,#218838,#1c7430);box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.modal-content-enhanced .btn-delete{background:linear-gradient(135deg,#6c757d,#495057);border:none;color:#fff}.modal-content-enhanced .btn-delete:hover{background:linear-gradient(135deg,#5a6268,#343a40);box-shadow:0 4px 12px #6c757d66;transform:translateY(-2px)}@media (max-width:768px){.modal-content-enhanced{margin:10px;max-height:95vh;width:95%}.modal-body{padding:20px}.card-display-section{flex-direction:column;text-align:center}.card-image-preview{align-self:center}.form-row{gap:15px;grid-template-columns:1fr}.modal-content-enhanced .card-actions{margin-top:20px;padding-top:15px}.modal-header{padding:15px 20px}.modal-header h3{font-size:1.3rem}}@media (max-width:480px){.card-image-preview img{width:100px}.card-name-display{font-size:1.1rem}}.floating-comparison-button{bottom:20px;position:fixed;right:20px;z-index:1000}.btn-comparison-floating{background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:50px;box-shadow:0 4px 15px #9b59b666;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:15px 20px;transition:all .3s ease}.btn-comparison-floating:hover{background:linear-gradient(135deg,#8e44ad,#7d3c98);box-shadow:0 6px 20px #9b59b699;transform:translateY(-2px)}.btn-comparison-floating:active{transform:translateY(0)}.card-image-clickable{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.card-image-clickable:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.02)}.card-image-clickable:hover img{transform:scale(1.03)}.card-name-clickable{cursor:pointer;transition:color .3s ease}.card-name-clickable:hover{color:#667eea;text-decoration:underline}.create-binder-modal{max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid var(--border-light);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{font-size:1.5rem;font-weight:600;margin:0}.close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:background-color .2s;width:32px}.close-button:hover:not(:disabled){background:#ffffff4d}.binder-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.required{color:#e74c3c}.form-group input,.form-group textarea{border:2px solid var(--border-light);border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input.error,.form-group textarea.error{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.error-message{color:#e74c3c;display:block}.char-counter,.error-message{font-size:.875rem;margin-top:.25rem}.char-counter{color:var(--text-secondary);text-align:right}.size-options{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.size-option{align-items:center;background:#fff;border:2px solid var(--border-light);border-radius:12px;cursor:pointer;display:flex;padding:1rem;position:relative;transition:all .3s ease}.size-option:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.size-option.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:var(--primary-color);box-shadow:0 4px 12px #667eea33}.size-preview{flex-shrink:0;margin-right:1rem}.grid-preview{grid-gap:2px;background:var(--border-light);border-radius:4px;display:grid;gap:2px;padding:4px}.grid-preview.grid-3-3{grid-template-columns:repeat(3,12px);grid-template-rows:repeat(3,12px)}.grid-preview.grid-4-4{grid-template-columns:repeat(4,10px);grid-template-rows:repeat(4,10px)}.grid-preview.grid-5-5{grid-template-columns:repeat(5,8px);grid-template-rows:repeat(5,8px)}.grid-cell{background:#667eea;border-radius:1px}.size-info{flex:1 1}.size-info h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.size-info p{color:var(--text-secondary);font-size:.9rem;margin:0}.size-option input[type=radio]{margin:0;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:auto}.modal-actions{border-top:1px solid var(--border-light);display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:var(--border-light);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:#ddd}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.create-binder-modal{margin:1rem;width:95%}.binder-form,.modal-header{padding:1rem}.size-option{flex-direction:column;text-align:center}.size-preview{margin-bottom:.5rem;margin-right:0}.size-option input[type=radio]{margin-top:.5rem;position:static;transform:none}.modal-actions{flex-direction:column}}.binder-card{background:#fff;border:1px solid var(--border-light);border-radius:16px;box-shadow:0 4px 12px #00000014;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.binder-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.binder-header{align-items:center;justify-content:flex-end;padding:1rem 1rem .5rem}.binder-meta{align-items:center;display:flex;gap:.5rem}.binder-size-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-shadow:0 1px 2px #0003}.public-badge{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:.875rem}.binder-content{display:flex;flex:1 1;flex-direction:column;padding:0 1rem 1rem}.binder-title-section{align-items:center;display:flex;gap:1rem;justify-content:flex-start;margin-bottom:.5rem;width:100%}.binder-name{color:var(--text-primary);flex-shrink:0;font-size:1.25rem;font-weight:600;line-height:1.3;margin:0;white-space:nowrap}.binder-badges{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.binder-description{color:var(--text-secondary);flex:1 1;font-size:.9rem;line-height:1.3;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.binder-stats{display:flex;flex-shrink:0;gap:1rem;margin:0}.stat{align-items:center;display:flex;font-size:.875rem;gap:.25rem}.stat-icon{font-size:1rem}.stat-value{color:var(--text-primary);font-weight:600}.stat-label{color:var(--text-secondary)}.binder-preview{margin-bottom:1rem}.preview-cards{display:flex;gap:.25rem;overflow:hidden}.preview-card{border:1px solid var(--border-light);border-radius:4px;flex-shrink:0;height:176px;overflow:hidden;width:128px}.preview-card img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.preview-card:hover img{transform:scale(1.1)}.preview-more{background:#00000005;border:1px dashed var(--border-light);border-radius:4px;color:var(--text-secondary);flex-shrink:0;font-size:.75rem;height:44px;justify-content:center;width:32px}.binder-footer,.preview-more{align-items:center;display:flex}.binder-footer{background:#f8f9fa80;border-top:1px solid var(--border-light);justify-content:space-between}.binder-date{color:var(--text-secondary);font-size:.75rem;line-height:1.3}.updated{color:var(--text-muted)}.binder-actions{gap:.5rem}.action-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;padding:.5rem;transition:all .2s ease;width:32px}.action-btn:hover{background:#0000000d;transform:scale(1.1)}.preview-btn:hover{background:#3498db1a}.edit-btn:hover{background:#f1c40f1a}.delete-btn:hover{background:#e74c3c1a}.binder-card.empty{opacity:.7}.binder-card.loading{pointer-events:none}.binder-card.loading .binder-content{opacity:.5}@media (max-width:768px){.binder-card{border-radius:12px}.binder-content,.binder-footer,.binder-header{padding:.75rem}.binder-name{font-size:1.1rem}.binder-stats{gap:.75rem}.binder-footer{align-items:stretch;flex-direction:column;gap:.5rem}.binder-actions{justify-content:center}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.binder-card{animation:slideInUp .3s ease-out}.draggable-card{background:#f8f9fa;border:2px solid #0000;border-radius:10px;cursor:grab;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.draggable-card:hover{border-color:#667eea;box-shadow:0 8px 18px #0f172a26;transform:translateY(-2px)}.draggable-card.dragging{border-color:#667eea;box-shadow:0 12px 35px #0f172a59;opacity:1;transform:rotate(5deg) scale(1.03);z-index:25}.draggable-card.selected-for-comparison{border-color:#9b59b6;box-shadow:0 15px 30px #9b59b640}.card-content{display:flex;flex:1 1;flex-direction:column;position:relative}.card-image{border-radius:8px;height:auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.card-overlay{display:flex;inset:0;justify-content:space-between;opacity:0;padding:6px;position:absolute;transition:opacity .2s ease}.draggable-card:hover .card-overlay{opacity:1}.drag-handle{align-items:center;background:#667eeae6;border-radius:6px;display:flex;justify-content:center}.comparison-btn,.drag-handle{color:#fff;font-size:.7rem;padding:4px 6px}.comparison-btn{background:#9b59b6e6;border:none;border-radius:6px;cursor:pointer}.comparison-btn.selected{background:#10b981e6;cursor:default}.comparison-btn:disabled{cursor:default;opacity:.7}.drag-indicator{background:#667eeaf2;border-radius:8px;color:#fff;font-size:.75rem;font-weight:600;left:50%;padding:6px 12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.card-footer{background:#f8f9fa;border-top:1px solid #e2e8f0;padding:6px}.card-info{color:#2c3e50;font-size:.75rem;font-weight:600;text-align:center}.remove-card-btn-bottom{background:#e74c3ce6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;margin-top:6px;padding:4px 0;width:100%}.remove-card-btn-bottom:hover{background:#e74c3c}.preview-badge{background:#0f172acc;border-radius:6px;color:#fff;font-size:.65rem;left:8px;padding:2px 6px;position:absolute;top:8px}@media (max-width:768px){.comparison-btn,.drag-handle{font-size:.65rem}}.droppable-slot{align-items:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;display:flex;height:100%;justify-content:center;min-height:120px;position:relative;transition:all .3s ease;width:100%}.droppable-slot.empty{background:linear-gradient(135deg,#f8f9fa,#e9ecef);cursor:pointer}.droppable-slot.empty:hover{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#3498db;transform:scale(1.02)}.droppable-slot.occupied{background:#0000;border-color:#0000;cursor:default}.droppable-slot.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.droppable-slot.drop-target{animation:pulseGreen 1.5s ease-in-out infinite;background:linear-gradient(135deg,#d5f4e6,#a8e6cf);border-color:#27ae60;box-shadow:0 0 20px #27ae604d}.droppable-slot.drag-over{animation:dragOverPulse .8s ease-in-out infinite;background:linear-gradient(135deg,#e3f2fd,#90caf9);border-color:#3498db;box-shadow:0 8px 25px #3498db66;transform:scale(1.05)}.slot-content{position:relative}.slot-content,.slot-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.slot-placeholder{flex-direction:column;padding:16px;text-align:center}.slot-placeholder.empty{color:#6c757d}.slot-placeholder.occupied{display:contents}.slot-icon{font-size:24px;margin-bottom:8px;opacity:.7}.slot-icon,.slot-text{transition:all .3s ease}.slot-text{color:#6c757d;font-size:12px;font-weight:500;margin-bottom:4px}.slot-number{background:#6c757dcc;border-radius:50%;color:#fff;font-size:10px;font-weight:700;height:20px;right:4px;top:4px;width:20px}.drop-indicator,.slot-number{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;position:absolute}.drop-indicator{background:#27ae601a;border-radius:6px;bottom:0;left:0;right:0;top:0}.drop-animation{align-items:center;animation:dropBounce 1s ease-in-out infinite;color:#27ae60;display:flex;flex-direction:column;font-weight:700;justify-content:center}.drop-icon{animation:dropIconBounce 1.2s ease-in-out infinite;font-size:32px;margin-bottom:8px}.drop-text{font-size:14px;text-shadow:0 1px 2px #0000001a}.drag-over-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3498db26;border-radius:6px;bottom:0;left:0;position:absolute;right:0;top:0}.drag-over-overlay,.drop-zone-indicator{align-items:center;display:flex;justify-content:center}.drop-zone-indicator{animation:dropZonePulse 1s ease-in-out infinite;color:#3498db;flex-direction:column;font-weight:700}.drop-zone-icon{animation:sparkle 2s ease-in-out infinite;font-size:28px;margin-bottom:6px}.drop-zone-text{font-size:12px;text-shadow:0 1px 2px #0000001a}@keyframes pulseGreen{0%,to{box-shadow:0 0 10px #27ae604d}50%{box-shadow:0 0 30px #27ae6099}}@keyframes dragOverPulse{0%,to{box-shadow:0 8px 25px #3498db66;transform:scale(1.05)}50%{box-shadow:0 12px 35px #3498db99;transform:scale(1.08)}}@keyframes dropBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes dropIconBounce{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}@keyframes dropZonePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0deg)}25%{opacity:.8;transform:scale(1.1) rotate(90deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}75%{opacity:.8;transform:scale(1.1) rotate(270deg)}}@media (max-width:768px){.droppable-slot{min-height:100px}.slot-icon{font-size:20px;margin-bottom:6px}.slot-text{font-size:11px}.slot-number{font-size:9px;height:18px;width:18px}.drop-icon{font-size:28px;margin-bottom:6px}.drop-text,.drop-zone-text{font-size:11px}.drop-zone-icon{font-size:24px}}@media (max-width:480px){.droppable-slot{min-height:80px}.slot-placeholder{padding:12px}.slot-icon{font-size:18px;margin-bottom:4px}.slot-text{font-size:10px}}.binder-detail{margin:0 auto;max-width:1400px;min-height:calc(100vh - 80px);padding:1.5rem 2rem}.binder-header{background:var(--surface-color);border:1px solid #0f172a14;border-radius:20px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.binder-title h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.binder-title p{color:var(--text-secondary);margin:.35rem 0 0}.binder-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.binder-insights{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-weight:600;gap:1.25rem}.binder-navigation{background:var(--surface-color);border:1px solid #0f172a14;border-radius:18px;box-shadow:var(--card-shadow);margin-bottom:1.5rem;padding:1.25rem}.page-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.nav-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:600}.nav-btn:disabled{cursor:not-allowed;opacity:.4}.card-grid{grid-gap:15px;background:linear-gradient(135deg,#667eea1f,#764ba214);border:1px solid #667eea33;border-radius:20px;display:grid;gap:15px;padding:1rem}.comparison-fab{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:999px;bottom:32px;box-shadow:0 18px 35px #6c5ce759;color:#fff;cursor:pointer;font-weight:600;padding:.9rem 1.8rem;position:fixed;right:32px;z-index:15}.comparison-fab:hover{box-shadow:0 22px 40px #6c5ce773;transform:translateY(-2px)}@media (max-width:1024px){.binder-actions{align-items:flex-start;flex-direction:column}}@media (max-width:768px){.binder-detail,.binder-header{padding:1rem}}.profile-section{display:flex;flex-direction:column;gap:1.5rem}.profile-header{background:#fff;border:2px solid #0000;border-radius:18px;box-shadow:var(--card-shadow);padding:1.5rem}.profile-info{gap:1rem}.profile-avatar,.profile-info{align-items:center;display:flex}.profile-avatar{border-radius:999px;color:#fff;font-weight:700;height:56px;justify-content:center;width:56px}.profile-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:1rem}.summary-card{background:var(--surface-muted);border:1px solid var(--border-light);border-radius:14px;padding:1rem}.summary-card span{color:var(--text-secondary);font-size:.85rem}.summary-card strong{display:block;font-size:1.5rem;margin-top:.35rem}.profile-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.profile-panel{background:#fff;border:1px solid #0f172a14;border-radius:18px;box-shadow:var(--card-shadow);padding:1.5rem}.profile-panel h3{margin:0 0 .5rem}.color-picker{display:flex;gap:.5rem;margin:1rem 0}.color-swatch{border:2px solid #0000;border-radius:50%;cursor:pointer;height:32px;width:32px}.color-swatch.active{border-color:#fff;box-shadow:0 0 0 3px #0f172a33}.social-inputs{display:flex;flex-direction:column;gap:.5rem}.social-input{align-items:center;background:var(--surface-muted);border:1px solid var(--border-light);border-radius:12px;display:flex;gap:.6rem;padding:.5rem .75rem}.social-input input{background:#0000;border:none;flex:1 1}.share-profile{display:flex;gap:.5rem;margin-top:1rem}.share-profile input{border:1px solid var(--border-light);border-radius:12px;flex:1 1;padding:.5rem .75rem}.share-message{color:var(--success);margin-top:.5rem}.favorite-card{display:flex;gap:1rem;margin-top:1rem}.favorite-card img{border:1px solid var(--border-light);border-radius:12px;width:120px}.profile-panel select{border:1px solid var(--border-light);border-radius:12px;padding:.5rem .75rem;width:100%}.deck-builder{display:flex;flex-direction:column;gap:1.5rem}.deck-tabs{display:flex;flex-wrap:wrap;gap:.75rem}.deck-tab{align-items:center;background:var(--surface-color);border:1px solid var(--border-light);border-radius:999px;cursor:pointer;display:inline-flex;gap:.5rem;padding:.45rem 1rem;transition:all .2s ease}.deck-tab.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-color:#0000;box-shadow:0 12px 24px #6c5ce759;color:#fff}.deck-tab-count{font-size:.85rem;opacity:.8}.deck-tab-delete{cursor:pointer;font-weight:700}.deck-tab.add{background:#0000;border-style:dashed}.deck-header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.deck-header-copy h1{margin-bottom:.25rem}.deck-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.deck-back-btn{padding:.6rem 1.2rem}.deck-name-input{border:1px solid var(--border-light);border-radius:12px;font-size:1rem;min-width:220px;padding:.6rem .8rem}.deck-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.deck-messages{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;color:#92400e;padding:.85rem 1.1rem}.deck-messages ul{padding-left:1.2rem}.deck-messages li{margin-bottom:.25rem}.summary-label{color:var(--text-secondary);display:block;font-size:.85rem;margin-bottom:.2rem}.summary-chip{background:var(--surface-muted);border:1px solid var(--border-light);border-radius:16px;padding:1rem}.summary-chip.valid{background:#ecfdf5;border-color:#10b981;color:#065f46}.summary-chip.warning{background:#fffbeb;border-color:#f59e0b;color:#92400e}.deck-builder-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1.5fr}.cards-panel,.deck-panel{background:var(--surface-color);border:1px solid #0f172a14;border-radius:18px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.card-picker-header,.panel-header{display:flex;gap:1rem;justify-content:space-between}.panel-header{align-items:flex-start}.panel-header h3{margin-bottom:.15rem}.panel-header span{color:var(--text-secondary);font-weight:600}.card-picker-header input{border:1px solid var(--border-light);border-radius:12px;flex:1 1;padding:.5rem .75rem}.type-filters{display:flex;flex-wrap:wrap;gap:.5rem}.type-chip{border:1px solid var(--border-light);border-radius:999px;cursor:pointer;font-size:.85rem;padding:.35rem .85rem;transition:all .2s ease}.type-chip.active{box-shadow:0 12px 24px #6c5ce759;color:#fff}.type-chip:disabled{cursor:not-allowed;opacity:.35}.card-picker-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card-picker-item{background:var(--surface-muted);border:1px solid var(--border-light);border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;transition:transform .2s ease,box-shadow .2s ease}.card-picker-item:hover{box-shadow:0 8px 20px #0f172a26;transform:translateY(-2px)}.card-picker-item h4{margin-bottom:.2rem}.card-picker-item img{border-radius:10px;width:100%}.card-picker-actions{display:flex;justify-content:flex-end}.card-picker-actions .btn{padding:.35rem .85rem}.deck-list,.deck-panel-inner{display:flex;flex-direction:column;gap:1rem}.deck-list{max-height:520px;overflow-y:auto}.empty-state{border:1px dashed var(--border-light);border-radius:14px;color:var(--text-secondary);padding:1.5rem;text-align:center}.deck-card{grid-gap:1rem;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:grid;gap:1rem;grid-template-columns:70px 1fr auto 24px;padding:.75rem}.deck-card img{border-radius:10px;width:70px}.deck-card-info h4{margin-bottom:.2rem}.deck-card-info p{color:var(--text-secondary);font-size:.85rem}.deck-card-actions button{background:#e2e8f0;border:none;border-radius:50%;cursor:pointer;font-size:1.1rem;height:28px;width:28px}.deck-card-actions span{font-weight:600;min-width:28px;text-align:center}.deck-actions{align-items:center;display:flex;gap:.75rem}.deck-remove{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.2rem}.copy-feedback{color:#0fb37d}@media (max-width:1100px){.deck-builder-grid{grid-template-columns:1fr}}@media (max-width:768px){.deck-header{align-items:flex-start;flex-direction:column}.deck-header-actions{align-items:stretch;flex-direction:column}}
/*# sourceMappingURL=main.f757fe61.css.map*/