:root{--fsf-primary:#db2777;--fsf-primary-light:#db27771a;--fsf-text:#1e293b;--fsf-text-muted:#64748b;--fsf-bg:#fff;--fsf-bg-hover:#fdf2f8;--fsf-border:#e2e8f0;--fsf-shadow:0 2px 12px #0000000f;--fsf-shadow-lg:0 8px 32px #0000001a;--fsf-radius:var(--main-radius,8px);--fsf-radius-lg:var(--main-radius-lg,12px);--fsf-transition:.3s ease;--fsf-option-hover:#fdf2f8;--fsf-option-active:#db2777;--fsf-progress-bg:#e2e8f0;--fsf-progress-fill:linear-gradient(90deg, #db2777, #f472b6);--fsf-badge-bg:#db277714;--fsf-detail-bg:#fdf2f8;--fsf-detail-border:#f9a8d4;--fsf-swatch-border:#00000014;--fsf-match-best-bg:#10b9811a;--fsf-match-best-color:#059669;--fsf-match-good-bg:#f59e0b1a;--fsf-match-good-color:#d97706}._fsf-container{max-width:620px;min-height:400px;margin:0 auto}._fsf-hidden{display:none!important}@media (max-width:768px){._fsf-container{padding-left:1rem;padding-right:1rem}}._fsf-intro{text-align:center;padding:var(--main-space-8,2rem) var(--main-space-4,1rem);flex-direction:column;align-items:center;display:flex}._fsf-intro-icon{color:var(--fsf-primary);margin-bottom:var(--main-space-4,1rem);justify-content:center;align-items:center;display:flex}._fsf-intro-icon svg{width:64px;height:64px}._fsf-intro-title{color:var(--fsf-text);margin:0 0 var(--main-space-3,.75rem);font-size:1.5rem;font-weight:700}._fsf-intro-desc{color:var(--fsf-text-muted);margin:0 0 var(--main-space-6,1.5rem);max-width:440px;font-size:.9375rem;line-height:1.6}._fsf-start-btn{background:var(--fsf-option-active);color:#fff;border-radius:var(--fsf-radius-lg);cursor:pointer;transition:opacity var(--fsf-transition);border:0 solid #0000;justify-content:center;align-items:center;padding:.75rem 2rem;font-size:1rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #db27774d}._fsf-start-btn:hover{opacity:.9}._fsf-progress-wrap{margin-bottom:var(--main-space-6,1.5rem)}._fsf-progress-info{margin-bottom:var(--main-space-2,.5rem);justify-content:space-between;align-items:center;display:flex}._fsf-progress-label{font-size:var(--main-text-sm,.875rem);color:var(--fsf-text);font-weight:600}._fsf-progress-bar{background:var(--fsf-progress-bg);border-radius:var(--main-radius-full,50px);width:100%;height:6px;overflow:hidden}._fsf-progress-fill{background:var(--fsf-progress-fill);border-radius:var(--main-radius-full,50px);width:0%;height:100%;transition:width .4s}._fsf-question-area{animation:.35s _fsf-fadeIn}._fsf-question-text{color:var(--fsf-text);margin:0 0 var(--main-space-2,.5rem);font-size:1.125rem;font-weight:600;line-height:1.5}._fsf-question-hint{font-size:var(--main-text-sm,.875rem);color:var(--fsf-text-muted);margin:0 0 var(--main-space-5,1.25rem);line-height:1.5}._fsf-options{gap:var(--main-space-3,.75rem);flex-direction:column;display:flex}._fsf-option{align-items:center;gap:var(--main-space-3,.75rem);background:var(--fsf-bg);border-style:solid;border-width:1.5px;border-color:var(--fsf-border);border-radius:var(--fsf-radius-lg);width:100%;color:var(--fsf-text);text-align:left;cursor:pointer;transition:border-color var(--fsf-transition), background var(--fsf-transition), box-shadow var(--fsf-transition);box-shadow:var(--fsf-shadow);padding:.875rem 1rem;font-size:.9375rem;line-height:1.4;display:flex}._fsf-option:hover{border-color:var(--fsf-option-active);background:var(--fsf-option-hover);box-shadow:0 2px 12px #db27771f}._fsf-option-letter{border-radius:var(--main-radius-full,50px);background:var(--fsf-primary-light);width:28px;min-width:28px;height:28px;color:var(--fsf-primary);font-size:var(--main-text-xs,.75rem);justify-content:center;align-items:center;font-weight:700;display:inline-flex}._fsf-option:hover ._fsf-option-letter{background:var(--fsf-option-active);color:#fff}._fsf-option._fsf-selected{border-color:var(--fsf-option-active);background:var(--fsf-option-hover)}._fsf-option._fsf-selected ._fsf-option-letter{background:var(--fsf-option-active);color:#fff}@keyframes _fsf-fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:480px){._fsf-question-text{font-size:1rem}._fsf-option{padding:.75rem;font-size:.875rem}}._fsf-depth{animation:.35s _fsf-fadeIn}._fsf-depth-card{background:var(--fsf-bg);border-radius:var(--fsf-radius-lg);padding:var(--main-space-6,1.5rem);box-shadow:var(--fsf-shadow-lg);border-style:solid;border-width:1px;border-color:var(--fsf-border)}._fsf-depth-header{text-align:center;margin-bottom:var(--main-space-5,1.25rem)}._fsf-undertone-badge{align-items:center;gap:var(--main-space-2,.5rem);border-radius:var(--main-radius-full,50px);font-size:var(--main-text-xs,.75rem);background:var(--fsf-badge-bg);color:var(--fsf-primary);margin-bottom:var(--main-space-3,.75rem);padding:.25rem .75rem;font-weight:600;display:inline-flex}._fsf-depth-title{color:var(--fsf-text);margin:0 0 var(--main-space-2,.5rem);font-size:1.25rem;font-weight:700}._fsf-depth-desc{font-size:var(--main-text-sm,.875rem);color:var(--fsf-text-muted);margin:0;line-height:1.5}._fsf-depth-options{gap:var(--main-space-3,.75rem);margin-bottom:var(--main-space-5,1.25rem);grid-template-columns:repeat(4,1fr);display:grid}._fsf-depth-btn{align-items:center;gap:var(--main-space-2,.5rem);padding:var(--main-space-3,.75rem) var(--main-space-2,.5rem);border-style:solid;border-width:1.5px;border-color:var(--fsf-border);border-radius:var(--fsf-radius-lg);cursor:pointer;transition:border-color var(--fsf-transition), box-shadow var(--fsf-transition);background:0 0;flex-direction:column;display:flex}._fsf-depth-btn:hover{border-color:var(--depth-color);box-shadow:0 2px 12px #0000001a}._fsf-depth-swatch{border-radius:var(--main-radius-full,50px);border-style:solid;border-width:2px;border-color:var(--fsf-swatch-border);width:40px;height:40px;display:block}._fsf-depth-label{font-size:var(--main-text-xs,.75rem);color:var(--fsf-text);text-align:center;font-weight:600;line-height:1.3}._fsf-back-btn{align-items:center;gap:var(--main-space-2,.5rem);color:var(--fsf-text-muted);font-size:var(--main-text-sm,.875rem);border-radius:var(--fsf-radius);cursor:pointer;transition:color var(--fsf-transition);background:0 0;border:0 solid #0000;padding:.5rem 1rem;font-weight:500;display:inline-flex}._fsf-back-btn svg{width:14px;height:14px}._fsf-back-btn:hover{color:var(--fsf-text)}@media (max-width:480px){._fsf-depth-options{grid-template-columns:repeat(2,1fr)}._fsf-depth-card{padding:var(--main-space-4,1rem)}}._fsf-result{animation:.5s _fsf-fadeIn}._fsf-result-summary{align-items:center;gap:var(--main-space-3,.75rem);padding:var(--main-space-3,.75rem) var(--main-space-4,1rem);background:var(--fsf-bg);border-radius:var(--fsf-radius-lg);border-style:solid;border-width:1px;border-color:var(--fsf-border);box-shadow:var(--fsf-shadow);margin-bottom:var(--main-space-5,1.25rem);display:flex}._fsf-result-icon{color:var(--fsf-primary);justify-content:center;align-items:center;display:flex}._fsf-result-icon svg{width:20px;height:20px}._fsf-result-profile{align-items:center;gap:var(--main-space-2,.5rem);color:var(--fsf-text);font-size:.9375rem;font-weight:600;display:flex}._fsf-result-separator{color:var(--fsf-text-muted)}._fsf-brands{gap:var(--main-space-4,1rem);flex-direction:column;display:flex}._fsf-brand-card{background:var(--fsf-bg);border-radius:var(--fsf-radius-lg);border-style:solid;border-width:1px;border-color:var(--fsf-border);box-shadow:var(--fsf-shadow);overflow:hidden}._fsf-brand-header{padding:var(--main-space-3,.75rem) var(--main-space-4,1rem);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--fsf-border);justify-content:space-between;align-items:center;display:flex}._fsf-brand-name{color:var(--fsf-text);margin:0;font-size:.9375rem;font-weight:700}._fsf-brand-line{font-size:var(--main-text-xs,.75rem);color:var(--fsf-text-muted);font-weight:500}._fsf-brand-shades{flex-direction:column;gap:0;display:flex}._fsf-shade-row{align-items:center;gap:var(--main-space-3,.75rem);padding:var(--main-space-3,.75rem) var(--main-space-4,1rem);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--fsf-border);display:flex}._fsf-shade-row:last-child{border-bottom-width:0}._fsf-shade-swatch{border-radius:var(--main-radius-full,50px);border-style:solid;border-width:2px;border-color:var(--fsf-swatch-border);width:32px;min-width:32px;height:32px;display:block}._fsf-shade-info{flex:1;min-width:0}._fsf-shade-name{color:var(--fsf-text);font-size:.875rem;font-weight:600;line-height:1.3}._fsf-shade-code{font-size:var(--main-text-xs,.75rem);color:var(--fsf-text-muted);line-height:1.3}._fsf-shade-match{border-radius:var(--main-radius-full,50px);white-space:nowrap;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}._fsf-shade-match svg{width:12px;height:12px}._fsf-match-best{background:var(--fsf-match-best-bg);color:var(--fsf-match-best-color)}._fsf-match-good{background:var(--fsf-match-good-bg);color:var(--fsf-match-good-color)}._fsf-result-actions{justify-content:center;gap:var(--main-space-3,.75rem);margin-top:var(--main-space-5,1.25rem);display:flex}._fsf-retake-btn{align-items:center;gap:var(--main-space-2,.5rem);border-radius:var(--fsf-radius);cursor:pointer;transition:opacity var(--fsf-transition);color:var(--fsf-text);border-style:solid;border-width:1.5px;border-color:var(--fsf-border);background:0 0;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}._fsf-retake-btn svg{width:14px;height:14px}._fsf-retake-btn:hover{opacity:.8}._fsf-disclaimer{text-align:center;font-size:var(--main-text-xs,.75rem);color:var(--fsf-text-muted);margin:var(--main-space-5,1.25rem) 0 0;line-height:1.5}@media (max-width:480px){._fsf-brand-header{flex-direction:column;align-items:flex-start;gap:.25rem}._fsf-shade-row{padding:var(--main-space-2,.5rem) var(--main-space-3,.75rem)}._fsf-result-actions{flex-direction:column}._fsf-retake-btn{justify-content:center;width:100%}}