.tone-card.selected{border-color:var(--primary);box-shadow:0 8px 30px rgba(142,36,170,.2)}.tone-card.selected::after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:10px;right:10px;width:28px;height:28px;background:var(--primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.undertone-card.selected{border-color:var(--primary);background:var(--light)}.season-card.selected{border-color:var(--primary);background:var(--light);box-shadow:0 5px 20px rgba(142,36,170,.15)}.occasion-card.selected{border-color:var(--primary);background:var(--light)}.palette-result{background:#fff;border-radius:24px;padding:35px;box-shadow:var(--shadow-soft)}.palette-header{text-align:center;margin-bottom:30px}.palette-title{font-size:28px;font-weight:700;color:var(--dark);margin-bottom:10px}.palette-subtitle{color:var(--gray);font-size:16px}.match-category{margin-bottom:30px}.category-icon.perfect{background:var(--success)}.category-icon.great{background:var(--info)}.category-icon.good{background:var(--warning)}.category-icon.avoid{background:var(--danger)}.swatches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.color-swatch{border-radius:16px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.08);transition:all .3s;cursor:pointer;background:#fff}.color-swatch:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,.15)}.swatch-color{height:100px;position:relative}.swatch-hex{position:absolute;bottom:8px;right:8px;background:rgba(255,255,255,.9);padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;font-family:monospace}.swatch-info{padding:15px}.swatch-name{font-weight:700;font-size:14px;color:var(--dark);margin-bottom:5px}.swatch-tags{display:flex;flex-wrap:wrap;gap:5px}.swatch-tag{font-size:10px;padding:3px 8px;border-radius:10px;background:var(--light);color:var(--primary);font-weight:600}.preview-section{background:#fff;border-radius:24px;padding:30px;box-shadow:var(--shadow-soft);text-align:center}.preview-title{font-size:20px;font-weight:700;color:var(--dark);margin-bottom:25px}.hand-preview{position:relative;width:300px;height:300px;margin:0 auto}.hand-svg{width:100%;height:100%}.nail-polish{transition:all .5s ease}.theory-section{background:#fff;border-radius:24px;padding:30px;box-shadow:var(--shadow-soft)}.theory-header{display:flex;align-items:center;gap:12px;margin-bottom:25px}.theory-icon{width:50px;height:50px;background:var(--gradient-2);border-radius:15px;display:flex;align-items:center;justify-content:center;color:white;font-size:24px}.theory-title{font-size:22px;font-weight:700;color:var(--dark)}.theory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width:600px){.theory-grid{grid-template-columns:1fr}}.theory-card{background:var(--light);border-radius:16px;padding:20px}.theory-card h4{color:var(--primary-dark);margin-bottom:10px;font-size:16px}.theory-card p{font-size:14px;color:var(--gray);line-height:1.6}.saved-section{background:#fff;border-radius:24px;padding:30px;box-shadow:var(--shadow-soft)}.saved-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.saved-title{font-size:20px;font-weight:700;color:var(--dark)}.saved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.saved-palette{border:2px solid var(--border);border-radius:16px;padding:20px;transition:all .3s;cursor:pointer}.saved-palette:hover{border-color:var(--primary);transform:translateY(-3px)}.saved-colors{display:flex;height:40px;border-radius:10px;overflow:hidden;margin-bottom:15px}.saved-color{flex:1}.saved-info h4{font-size:16px;color:var(--dark);margin-bottom:5px}.saved-info p{font-size:13px;color:var(--gray)}.modal.active{display:flex}@media (max-width:768px){.swatches-grid{grid-template-columns:repeat(2,1fr)}}