.dark{--background:240 10% 3.9%;--foreground:210 40% 98%;--card:240 10% 10%;--card-foreground:210 40% 98%;--popover:240 10% 3.9%;--popover-foreground:210 40% 98%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 11.2%;--muted:240 4% 16%;--muted-foreground:240 5% 65%;--border:240 4% 16%;--input:240 4% 16%;--ring:217.2 91.2% 59.8%}.filter-btn{transition:all .2s ease-in-out}.filter-btn.active{background-color:#3b82f6;color:white;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.product-card{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out,opacity .3s ease-in-out}.product-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px hsla(var(--foreground),.1),0 4px 6px -4px hsla(var(--foreground),.1)}.modal-bg,.comparison-modal-bg,.quiz-modal-bg{transition:opacity .3s ease}.compare-btn.selected{background-color:#16a34a;color:white}.favorite-btn.favorited{color:#ef4444}.quiz-option.selected{border-color:#3b82f6;background-color:hsla(221,83%,53%,.1)}