.lipstick-matcher.svelte-nejn17{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin:32px 0;padding:28px 24px;font-family:inherit;box-shadow:0 4px 20px #0000000a}.mode-toggle.svelte-nejn17{background:#f1f5f9;border-radius:12px;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:4px;display:flex}.mode-toggle.svelte-nejn17 button:where(.svelte-nejn17){color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;min-width:200px;padding:12px 18px;font-size:15px;font-weight:600;transition:all .2s}.mode-toggle.svelte-nejn17 button.active:where(.svelte-nejn17){color:#0f172a;background:#fff;box-shadow:0 2px 8px #00000014}.season-tabs.svelte-nejn17{gap:8px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.season-btn.svelte-nejn17{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.season-btn.active.svelte-nejn17{color:#fff;background:#0f172a;border-color:#0f172a}.subtype-selector.svelte-nejn17,.undertone-selector.svelte-nejn17{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:24px;display:grid}.subtype-pill.svelte-nejn17,.undertone-btn.svelte-nejn17{cursor:pointer;text-align:left;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:14px;transition:all .2s;display:flex}.subtype-pill.svelte-nejn17:hover,.undertone-btn.svelte-nejn17:hover{background:#fff;border-color:#94a3b8}.subtype-pill.selected.svelte-nejn17,.undertone-btn.selected.svelte-nejn17{background:#fff;border-color:#0f172a;box-shadow:0 2px 10px #0000000f}.dot.svelte-nejn17,.under-dot.svelte-nejn17{border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 0 0 2px #0000000f}.sub-en.svelte-nejn17{color:#64748b;font-size:12px}.result-card.svelte-nejn17{border:1.5px solid #e7e5e4;border-left:5px solid var(--accent-border,#0f172a);background:#fafaf9;border-radius:14px;margin-bottom:20px;padding:24px}.card-head.svelte-nejn17{margin-bottom:20px}.badge-tag.svelte-nejn17{letter-spacing:.06em;text-transform:uppercase;color:#78716c;margin-bottom:4px;font-size:12px;font-weight:700}.card-head.svelte-nejn17 h3:where(.svelte-nejn17){color:#1c1917;margin:0 0 8px;font-size:22px;font-weight:700}.en-label.svelte-nejn17{color:#78716c;font-size:16px;font-weight:400}.desc.svelte-nejn17{color:#44403c;margin:0;font-size:15px;line-height:1.5}.swatches-grid.svelte-nejn17{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:20px 0;display:grid}.swatch-item.svelte-nejn17{background:#fff;border:1px solid #e7e5e4;border-radius:10px;padding:14px;box-shadow:0 2px 6px #00000008}.swatch-role.svelte-nejn17{color:#78716c;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.swatch-color-pill.svelte-nejn17{border-radius:6px;width:100%;height:38px;margin-bottom:10px;box-shadow:inset 0 0 0 1px #0000001a}.swatch-info.svelte-nejn17 strong:where(.svelte-nejn17){color:#1c1917;margin-bottom:4px;font-size:14px;display:block}.swatch-info.svelte-nejn17 code:where(.svelte-nejn17){color:#78716c;background:#f5f5f4;border-radius:4px;padding:2px 6px;font-size:12px}.finish-box.svelte-nejn17,.avoid-box.svelte-nejn17{background:#fff;border:1px solid #e7e5e4;border-radius:10px;margin-top:14px;padding:16px}.finish-box.svelte-nejn17 h4:where(.svelte-nejn17),.avoid-box.svelte-nejn17 h4:where(.svelte-nejn17){color:#1c1917;margin:0 0 8px;font-size:14px;font-weight:700}.finish-box.svelte-nejn17 p:where(.svelte-nejn17),.avoid-reason.svelte-nejn17{color:#44403c;margin:0;font-size:14px;line-height:1.5}.finishes-list.svelte-nejn17,.avoid-tags.svelte-nejn17{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.finish-tag.svelte-nejn17{color:#065f46;background:#ecfdf5;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600}.avoid-tag.svelte-nejn17{color:#991b1b;background:#fef2f2;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600}.footer-tip.svelte-nejn17{color:#64748b;text-align:center;margin:16px 0 0;font-size:14px}.footer-tip.svelte-nejn17 a:where(.svelte-nejn17){color:#0f172a;font-weight:600;text-decoration:underline}.page-container.svelte-19ng9cd{max-width:860px;margin:0 auto;padding:40px 20px 80px}.tool-hero.svelte-19ng9cd{text-align:center;margin-bottom:32px}.badge.svelte-19ng9cd{text-transform:uppercase;letter-spacing:.08em;color:#475569;background:#f1f5f9;border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.tool-hero.svelte-19ng9cd h1:where(.svelte-19ng9cd){color:#0f172a;margin:0 0 16px;font-size:clamp(26px,4vw,36px);font-weight:800;line-height:1.25}.tool-hero.svelte-19ng9cd .lead:where(.svelte-19ng9cd){color:#475569;max-width:720px;margin:0 auto;font-size:17px;line-height:1.6}.guide-content.svelte-19ng9cd{margin-top:48px}.guide-content.svelte-19ng9cd h2:where(.svelte-19ng9cd){color:#0f172a;margin:36px 0 16px;font-size:24px;font-weight:700}.guide-content.svelte-19ng9cd p:where(.svelte-19ng9cd),.guide-content.svelte-19ng9cd li:where(.svelte-19ng9cd){color:#334155;font-size:16px;line-height:1.7}.rules-grid.svelte-19ng9cd{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:24px 0;display:grid}.rule-card.svelte-19ng9cd{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.rule-card.svelte-19ng9cd h3:where(.svelte-19ng9cd){color:#0f172a;margin:0 0 8px;font-size:16px;font-weight:700}.rule-card.svelte-19ng9cd p:where(.svelte-19ng9cd){color:#475569;margin:0;font-size:14px;line-height:1.5}.related-tools-grid.svelte-19ng9cd{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:20px 0 36px;display:grid}.tool-link-card.svelte-19ng9cd{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.tool-link-card.svelte-19ng9cd:hover{border-color:#0f172a;box-shadow:0 4px 12px #0000000d}.tool-link-card.svelte-19ng9cd strong:where(.svelte-19ng9cd){color:#0f172a;font-size:13px}.faq-list.svelte-19ng9cd{flex-direction:column;gap:16px;margin-top:16px;display:flex}.faq-item.svelte-19ng9cd{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.faq-item.svelte-19ng9cd h3:where(.svelte-19ng9cd){color:#0f172a;margin:0 0 8px;font-size:17px;font-weight:700}.faq-item.svelte-19ng9cd p:where(.svelte-19ng9cd){color:#475569;margin:0;font-size:15px;line-height:1.6}.app-cta-block.svelte-19ng9cd{color:#fff;text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:20px;margin-top:60px;padding:40px 24px}.cta-inner.svelte-19ng9cd{max-width:600px;margin:0 auto}.app-cta-block.svelte-19ng9cd h2:where(.svelte-19ng9cd){color:#fff;margin:0 0 12px;font-size:26px;font-weight:800}.app-cta-block.svelte-19ng9cd p:where(.svelte-19ng9cd){color:#94a3b8;margin:0 0 24px;font-size:16px;line-height:1.6}