.sf-screen{display:none;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;background:var(--ww-bg);animation:sfFadeUp .4s var(--ease) both}.sf-screen.active{display:flex}@keyframes sfFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sf-inner{width:100%;max-width:760px}.sf-inner--center{text-align:center;display:flex;flex-direction:column;align-items:center}.sf-logo{display:block;font-family:var(--ww-serif);font-weight:300;font-size:15px;letter-spacing:.22em;text-transform:uppercase;color:var(--ww-brown);text-align:center;margin-bottom:56px;text-decoration:none;transition:color var(--dur) var(--ease),opacity var(--dur) var(--ease)}a.sf-logo:hover{color:var(--ww-brown-deep);opacity:.85}a.sf-logo:focus-visible{outline:2px solid var(--ww-brown);outline-offset:4px;border-radius:2px}.sf-eyebrow{font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--ww-brown);text-align:center;margin-bottom:16px}.sf-landing-title{font-family:var(--ww-serif);font-weight:300;font-size:clamp(40px,6vw,72px);line-height:1;letter-spacing:-.03em;color:var(--ww-brown-deep);text-align:center;margin:0 0 20px}.sf-landing-title em{font-style:italic;color:var(--ww-brown)}.sf-landing-sub{font-size:17px;line-height:1.6;color:var(--ww-ink-soft);max-width:440px;margin:0 auto 40px;text-align:center}.sf-start-btn{display:flex;margin:0 auto}.sf-meta{font-size:12px;color:var(--ww-ink-muted);text-align:center;margin-top:20px}.sf-progress{display:flex;justify-content:center;gap:8px;margin-bottom:48px}.sf-dot{width:6px;height:6px;border-radius:50%;background:var(--ww-line);transition:all var(--dur) var(--ease)}.sf-dot.active{background:var(--ww-brown);width:20px;border-radius:3px}.sf-dot.done{background:var(--ww-brown-dark)}.sf-q-title{font-family:var(--ww-serif);font-weight:300;font-size:clamp(26px,4vw,38px);line-height:1.15;letter-spacing:-.025em;color:var(--ww-brown-deep);text-align:center;margin:0 0 40px}.sf-q-title em{font-style:italic;color:var(--ww-brown)}.sf-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}@media(max-width:520px){.sf-options{grid-template-columns:1fr}}.sf-option{border-radius:var(--r-lg);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--dur) var(--ease);box-shadow:var(--shadow-sm)}.sf-option:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--ww-brown)}.sf-option.selected{border-color:var(--ww-brown-deep);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.sf-option.selected:after{content:"✓";position:absolute;top:14px;right:14px;width:26px;height:26px;border-radius:50%;background:var(--ww-brown-deep);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.sf-option{position:relative}.sf-option-visual{height:180px;position:relative;overflow:hidden}.sf-option-label{padding:18px 20px 20px;background:var(--ww-cream-card)}.sf-option-name{font-family:var(--ww-serif);font-weight:400;font-size:18px;color:var(--ww-brown-deep);margin:0 0 4px;letter-spacing:-.02em}.sf-option-desc{font-size:13px;color:var(--ww-ink-muted);line-height:1.5;margin:0}.sf-option--dark .sf-option-label{background:#1e140a}.sf-option--dark .sf-option-name{color:var(--ww-gold-soft)}.sf-option--dark .sf-option-desc{color:#e6d3a599}.sf-option--dark.selected:after{background:var(--ww-gold);color:var(--ww-brown-deep)}.sf-option--heritage .sf-option-label{background:#3d1f0a}.sf-option--heritage .sf-option-name{color:var(--ww-gold-soft)}.sf-option--heritage .sf-option-desc{color:#e6d3a599}.sf-option--heritage.selected:after{background:var(--ww-gold);color:var(--ww-brown-deep)}.vis-blossom{background:linear-gradient(160deg,#f9e8e0,#f0d6c8 40%,#e8c8b5)}.vis-blossom:before{content:"";position:absolute;inset:0;background-image:radial-gradient(ellipse 60px 80px at 20% 30%,rgba(255,210,180,.6) 0%,transparent 70%),radial-gradient(ellipse 40px 50px at 75% 60%,rgba(255,190,160,.5) 0%,transparent 70%)}.vis-blossom:after{content:"✿  ✾  ✿";position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-size:22px;opacity:.35;letter-spacing:12px;color:#7a4030}.vis-blossom-warm{background:linear-gradient(160deg,#f0e8e0,#e0d0c0 40%,#cfc0a8)}.vis-blossom-warm:after{content:"✿  ✾  ✿";position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-size:22px;opacity:.35;letter-spacing:12px;color:#7a4030}.vis-cinematic{background:linear-gradient(175deg,#c8dde8,#8fb5c8 35%,#5a8a9f 65%,#2e5a6e)}.vis-cinematic:before{content:"";position:absolute;bottom:0;left:0;right:0;height:55%;background:linear-gradient(175deg,#3d6a7a,#1e3d4a);clip-path:polygon(0 40%,15% 20%,30% 35%,50% 10%,70% 30%,85% 15%,100% 35%,100% 100%,0 100%)}.vis-cinematic:after{content:"";position:absolute;top:22px;left:50%;transform:translate(-50%);width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#ffe8a0 0%,#f5c842 50%,transparent 70%);opacity:.7;box-shadow:0 0 30px 10px #f5c8424d}.vis-editorial{background:linear-gradient(170deg,#f8f5f0,#ede8df)}.vis-editorial:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(74,51,31,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(74,51,31,.06) 1px,transparent 1px);background-size:24px 24px}.vis-editorial:after{content:"";position:absolute;top:30px;left:50%;transform:translate(-50%);width:80px;height:100px;border:2px solid rgba(74,51,31,.25);border-radius:6px;background:#ffffffb3;box-shadow:4px 4px #4a331f14}.vis-noir{background:linear-gradient(160deg,#2a1f15,#1a1208 60%,#0e0a05)}.vis-noir:before{content:"";position:absolute;inset:0;background-image:radial-gradient(ellipse 120px 60px at 50% 40%,rgba(201,164,90,.15) 0%,transparent 70%)}.vis-noir:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,164,90,.6),transparent);box-shadow:0 0 20px 2px #c9a45a33}.vis-nusantara{background:linear-gradient(155deg,#8b4513,#6b3410 40%,#4a2008)}.vis-nusantara:before{content:"";position:absolute;inset:0;opacity:.25;background-image:repeating-linear-gradient(45deg,rgba(201,164,90,.5) 0px,rgba(201,164,90,.5) 1px,transparent 1px,transparent 12px),repeating-linear-gradient(-45deg,rgba(201,164,90,.5) 0px,rgba(201,164,90,.5) 1px,transparent 1px,transparent 12px)}.vis-nusantara:after{content:"✦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;color:#c9a45a99;text-shadow:0 0 20px rgba(201,164,90,.3)}.vis-outdoor{background:linear-gradient(175deg,#a0c8a8,#5a9870 35%,#2e6845 65%,#1a4a30)}.vis-outdoor:before{content:"";position:absolute;bottom:0;left:0;right:0;height:45%;background:linear-gradient(175deg,#2e6845,#1a4a30);clip-path:polygon(0 40%,20% 20%,40% 35%,60% 15%,80% 30%,100% 20%,100% 100%,0 100%)}.vis-modern{background:linear-gradient(160deg,#f5f0e8,#e8e0d0,#d8cfc0);display:flex;align-items:center;justify-content:center}.vis-modern:before{content:"";position:absolute;display:flex;flex-direction:column;gap:8px}.vis-palette-a,.vis-palette-b{display:flex;align-items:center;justify-content:center;gap:10px}.vis-palette-a{background:linear-gradient(160deg,#f5ede0,#e8d5c0 40%,#d4b898)}.vis-palette-b{background:linear-gradient(160deg,#1e1408,#2e1d0e 60%,#3d2515)}.palette-dots{display:flex;gap:10px}.palette-dots span{width:36px;height:36px;border-radius:50%;box-shadow:0 2px 8px #00000026}.sf-q-nav{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.sf-btn-back{font-size:13px;color:var(--ww-ink-muted);background:none;border:none;cursor:pointer;padding:8px 0;font-family:var(--ww-sans);display:flex;align-items:center;gap:6px;transition:color var(--dur)}.sf-btn-back:hover{color:var(--ww-brown)}.sf-btn-next{opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);transform:translateY(6px)}.sf-btn-next.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.sf-notes-sub{font-size:15px;line-height:1.6;color:var(--ww-ink-soft);text-align:center;max-width:540px;margin:-20px auto 28px}.sf-notes-input{display:block;width:100%;box-sizing:border-box;font-family:var(--ww-sans);font-size:15px;line-height:1.55;color:var(--ww-brown-deep);background:var(--ww-cream-card);border:1px solid var(--ww-line);border-radius:var(--r-md);padding:16px 18px;resize:vertical;min-height:120px;margin-bottom:28px;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.sf-notes-input::placeholder{color:var(--ww-ink-muted)}.sf-notes-input:focus{outline:none;border-color:var(--ww-brown);box-shadow:0 0 0 3px #7a472814}.sf-notes-actions{display:flex;align-items:center;gap:14px}.sf-btn-skip{font-size:13px;color:var(--ww-ink-muted);background:none;border:none;cursor:pointer;padding:8px 0;font-family:var(--ww-sans);text-decoration:underline;text-underline-offset:3px;transition:color var(--dur)}.sf-btn-skip:hover{color:var(--ww-brown)}.sf-orb{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 38% 38%,var(--ww-gold-bright),var(--ww-gold-bronze));margin:0 auto 32px;opacity:.85;animation:orbPulse 2s var(--ease) infinite}@keyframes orbPulse{0%,to{transform:scale(1);opacity:.85;box-shadow:0 0 #d4b17066}50%{transform:scale(1.1);opacity:1;box-shadow:0 0 0 18px #d4b17000}}.sf-loading-title{font-family:var(--ww-serif);font-weight:300;font-size:28px;letter-spacing:-.025em;color:var(--ww-brown-deep);margin:0 0 12px}.sf-loading-sub{font-size:14px;color:var(--ww-ink-muted);line-height:1.6}.sf-dots{display:inline-flex;gap:6px;margin-top:28px}.sf-dots span{width:6px;height:6px;border-radius:50%;background:var(--ww-gold);animation:dotBounce 1.4s ease-in-out infinite}.sf-dots span:nth-child(2){animation-delay:.2s}.sf-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-8px);opacity:1}}.sf-result-badge{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;padding:7px 16px;border-radius:var(--r-pill);background:var(--ww-bg-deep);color:var(--ww-brown);margin-bottom:20px}.sf-result-collection{font-family:var(--ww-serif);font-weight:300;font-size:clamp(52px,9vw,96px);line-height:.92;letter-spacing:-.04em;color:var(--ww-brown-deep);margin:0 0 8px}.sf-result-collection em{font-style:italic;color:var(--ww-brown)}.sf-result-tagline{font-family:var(--ww-serif);font-style:italic;font-weight:300;font-size:20px;color:var(--ww-brown);margin:0 0 32px;line-height:1.4}.sf-result-desc{font-size:16px;line-height:1.7;color:var(--ww-ink-soft);max-width:520px;margin:0 0 48px}.sf-tier-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 18px 10px 12px;border-radius:var(--r-pill);background:var(--ww-cream-card);border:1px solid var(--ww-line);margin-bottom:48px;box-shadow:var(--shadow-sm)}.sf-tier-dot{width:8px;height:8px;border-radius:50%;background:var(--ww-brown)}.sf-tier-text{font-size:13px;color:var(--ww-ink-soft)}.sf-tier-text strong{color:var(--ww-brown-deep)}.sf-samples-label{font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--ww-brown);margin-bottom:16px}.sf-samples{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:48px}@media(max-width:640px){.sf-samples{grid-template-columns:repeat(2,1fr);gap:12px}}.sf-sample-card{margin:0;border-radius:var(--r-md);overflow:hidden;background:var(--ww-cream-card);border:1px solid var(--ww-line);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);display:flex;flex-direction:column}.sf-sample-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.sf-sample-media{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--ww-bg-deep)}.sf-sample-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.sf-sample-caption{font-family:var(--ww-serif);font-style:italic;font-weight:300;font-size:13px;line-height:1.3;color:var(--ww-brown-deep);text-align:center;padding:8px;border-top:1px solid var(--ww-line);background:#fff;height:52px;display:flex;align-items:center;justify-content:center}.s-blossom-1{background:linear-gradient(160deg,#f5d5c8,#e8b8a0,#d4987a)}.s-blossom-2{background:linear-gradient(160deg,#e8d5e0,#d4b8c8,#c09aac)}.s-blossom-3{background:linear-gradient(160deg,#f5e8d5,#e8d0b0,#d4b585)}.s-cinematic-1{background:linear-gradient(175deg,#8fb5c8,#3d7a90,#1e4a5a)}.s-cinematic-2{background:linear-gradient(175deg,#7a9aaa,#4a7080,#254050)}.s-cinematic-3{background:linear-gradient(175deg,#6a8a9a,#3a6070,#1a3545)}.s-editorial-1{background:linear-gradient(160deg,#f0ece4,#ddd5c8,#c8bcac)}.s-editorial-2{background:linear-gradient(160deg,#e8e0d5,#d5caba,#bfb09a)}.s-editorial-3{background:linear-gradient(160deg,#ece4d8,#d8ccbc,#c2b098)}.s-noir-1{background:linear-gradient(160deg,#3a2a1a,#1e1408,#0e0a05)}.s-noir-2{background:linear-gradient(160deg,#2e2018,#180e06,#0a0805)}.s-noir-3{background:linear-gradient(160deg,#342418,#1c1208,#0c0804)}.s-nusantara-1{background:linear-gradient(155deg,#8b4513,#5a2a08,#3a1a05)}.s-nusantara-2{background:linear-gradient(155deg,#6b350f,#45200a,#2e1205)}.s-nusantara-3{background:linear-gradient(155deg,#7a3e12,#502508,#341808)}.sf-cta-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.sf-restart-btn{font-size:13px;color:var(--ww-ink-muted);background:none;border:none;cursor:pointer;font-family:var(--ww-sans);padding:8px 0;text-decoration:underline;text-underline-offset:3px;transition:color var(--dur)}.sf-restart-btn:hover{color:var(--ww-brown)}.sf-screen.noir-result{background:linear-gradient(175deg,#1e1408,#2e1d0e)}.noir-result .sf-eyebrow,.noir-result .sf-logo{color:var(--ww-gold)}.noir-result .sf-result-badge{background:#c9a45a26;color:var(--ww-gold)}.noir-result .sf-result-collection{color:var(--ww-gold-soft)}.noir-result .sf-result-collection em{color:var(--ww-gold)}.noir-result .sf-result-tagline{color:var(--ww-gold-soft)}.noir-result .sf-result-desc{color:#e6d3a5b3}.noir-result .sf-tier-pill{background:#ffffff0f;border-color:#c9a45a33}.noir-result .sf-tier-text{color:#e6d3a5b3}.noir-result .sf-tier-text strong{color:var(--ww-gold-soft)}.noir-result .sf-tier-dot{background:var(--ww-gold)}.noir-result .sf-samples-label{color:var(--ww-gold)}.noir-result .sf-sample-card{background:#ffffff0a;border-color:#c9a45a2e}.noir-result .sf-sample-caption{background:#00000040;color:var(--ww-gold-soft);border-top-color:#c9a45a2e}.noir-result .sf-restart-btn{color:#e6d3a573}.noir-result .sf-restart-btn:hover{color:var(--ww-gold)}