.compare-console-wrapper{width:100%;margin-bottom:24px}.compare-console{background:#ffffff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.02);position:relative;overflow:hidden}.compare-console:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(180deg,rgba(241,245,249,.5),rgba(255,255,255,0));z-index:0;pointer-events:none}.console-header{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.console-header-info h2{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0 0 4px;letter-spacing:-.01em}.console-subtitle{font-size:.85rem;color:#64748b;font-weight:500}.console-compare-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#3b82f6,#4f46e5);border:none;border-radius:24px;padding:10px 20px;color:#ffffff;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px rgba(59,130,246,.3);transition:all .2s cubic-bezier(.4,0,.2,1);animation:fadeInSlideUp .3s ease-out}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.console-compare-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.4);background:linear-gradient(135deg,#2563eb,#4338ca)}.console-compare-btn:active{transform:translateY(0)}.console-slots-container{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.console-slot{height:72px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:relative;transition:all .2s ease}.console-slot.filled{background:#ffffff;border:1px solid #cbd5e1;box-shadow:0 2px 6px rgba(0,0,0,.02);animation:slotPop .25s cubic-bezier(.175,.885,.32,1.275) both}.console-slot.filled:hover{border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.05)}@keyframes slotPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.slot-content{display:flex;align-items:center;gap:12px}.slot-logo-wrapper{width:40px;height:40px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center}.slot-info{display:flex;flex-direction:column}.slot-ticker{font-size:1.05rem;font-weight:700;color:#0f172a;letter-spacing:-.01em}.slot-remove{width:28px;height:28px;border-radius:50%;background:#f1f5f9;border:none;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.slot-remove:hover{background:#fee2e2;color:#ef4444}.console-slot.empty{background:transparent;border:2px dashed #cbd5e1;cursor:pointer;justify-content:center;gap:10px}.console-slot.empty:hover{border-color:#3b82f6;background:#f8fafc}.empty-slot-icon{color:#94a3b8;transition:color .2s}.console-slot.empty:hover .empty-slot-icon{color:#3b82f6}.empty-slot-text{font-size:.95rem;font-weight:600;color:#64748b;transition:color .2s}.console-slot.empty:hover .empty-slot-text{color:#3b82f6}.console-slot.empty.pulse{animation:gentlePulse 2s infinite;border-color:#93c5fd}@keyframes gentlePulse{0%{box-shadow:0 0 0 0 rgba(59,130,246,.2)}70%{box-shadow:0 0 0 10px rgba(59,130,246,0)}to{box-shadow:0 0 0 0 rgba(59,130,246,0)}}.console-progress-hint{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:8px;color:#d97706;background:#fffbeb;border:1px solid #fde68a;padding:10px 16px;border-radius:12px;font-size:.9rem;font-weight:500;animation:fadeInSlideUp .3s ease-out}.console-quick-suggestions{margin-top:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:0 4px}.suggestions-label{font-size:.85rem;color:#64748b;font-weight:500}.quick-buttons{display:flex;gap:8px;flex-wrap:wrap}.quick-btn{background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;padding:6px 14px;color:#475569;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.quick-btn:hover{border-color:#cbd5e1;color:#0f172a;background:#f8fafc;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.04)}.search-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.4);backdrop-filter:blur(4px);z-index:9999;display:flex;justify-content:center;align-items:flex-start;padding-top:12vh;animation:overlayFadeIn .2s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.search-modal{width:100%;max-width:600px;background:#ffffff;border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border:1px solid #e2e8f0;overflow:hidden;animation:modalSlideDown .2s cubic-bezier(.16,1,.3,1);margin:0 16px}@keyframes modalSlideDown{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.search-modal-header{display:flex;align-items:center;padding:16px 24px;border-bottom:1px solid #e2e8f0;background:#ffffff}.search-icon{color:#64748b;margin-right:12px}.search-modal-input{flex:1;border:none;font-size:1.15rem;color:#0f172a;outline:none;background:transparent}.search-modal-input::placeholder{color:#94a3b8}.search-modal-close{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s}.search-modal-close:hover{background:#e2e8f0;color:#0f172a}.search-modal-body{background:#f8fafc;min-height:100px;max-height:50vh;overflow-y:auto;padding:16px}.search-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:32px;color:#64748b;font-weight:500}.search-spinner{width:20px;height:20px;border:2px solid #cbd5e1;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.search-modal-results{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.search-result-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff;border-radius:12px;border:1px solid #e2e8f0;cursor:pointer;transition:all .15s ease}.search-result-item:hover:not(.disabled){border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.08)}.search-result-item.disabled{opacity:.6;cursor:not-allowed;background:#f1f5f9}.result-item-left{display:flex;align-items:center;gap:16px}.result-item-info{display:flex;flex-direction:column}.result-ticker{font-weight:700;color:#0f172a;font-size:1rem}.result-name{color:#64748b;font-size:.85rem}.badge{font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:20px}.badge.add{background:#f0f9ff;color:#0369a1}.search-result-item:hover:not(.disabled) .badge.add{background:#3b82f6;color:#ffffff}.badge.added{background:#dcfce7;color:#16a34a}.search-modal-suggestions{padding:16px 8px}.search-modal-suggestions h4{font-size:.85rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px}.quick-picks-grid{display:flex;flex-wrap:wrap;gap:8px}.quick-pick-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff;border:1px solid #e2e8f0;border-radius:20px;font-weight:600;font-size:.9rem;color:#334155;cursor:pointer;transition:all .2s}.quick-pick-chip:hover:not(.disabled){border-color:#94a3b8;background:#f8fafc;transform:translateY(-1px)}.quick-pick-chip.disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.compare-console{padding:16px;border-radius:16px}.console-header{flex-direction:column;align-items:flex-start;gap:16px}.console-compare-btn{width:100%;justify-content:center}.console-slots-container{grid-template-columns:1fr}.search-modal-overlay{padding-top:0;align-items:flex-end}.search-modal{margin:0;border-radius:24px 24px 0 0;max-height:90vh;display:flex;flex-direction:column}.search-modal-body{flex:1}}