.fc-quiz-page{min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center;padding:4rem 0}.fc-quiz-card{width:100%;max-width:720px;background:var(--fc-paper);border:1px solid var(--fc-line);padding:clamp(2rem,5vw,4rem);position:relative}.fc-mode-toggle{display:flex;gap:4px;background:var(--fc-bg-alt);border:1px solid var(--fc-line);border-radius:999px;padding:4px;margin-bottom:2.5rem;width:fit-content}.fc-mode-btn{border:0;background:transparent;color:var(--fc-ink-soft);font-family:Quicksand,Zen Maru Gothic,sans-serif;font-size:.85rem;font-weight:500;letter-spacing:.06em;padding:.55rem 1.3rem;border-radius:999px;cursor:pointer;transition:background .25s,color .25s;display:inline-flex;align-items:center;gap:.45rem}.fc-mode-btn:hover{color:var(--fc-ink)}.fc-mode-btn.is-active{background:var(--fc-ink);color:var(--fc-paper)}.fc-mode-tag{font-family:Quicksand,sans-serif;font-size:.6rem;letter-spacing:.2em;background:var(--fc-gold);color:var(--fc-ink);padding:1px 6px;border-radius:4px;font-weight:600}.fc-ai-input{width:100%;background:var(--fc-bg);border:1px solid var(--fc-line);font-family:var(--fc-sans);font-size:1rem;line-height:1.7;color:var(--fc-ink);padding:1.1rem 1.2rem;resize:vertical;min-height:120px;transition:border-color .2s,background .2s}.fc-ai-input:focus{outline:none;border-color:var(--fc-gold-deep);background:var(--fc-paper)}.fc-ai-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.6rem;font-family:Quicksand,sans-serif;font-size:.72rem;letter-spacing:.08em;color:var(--fc-muted)}.fc-ai-error{margin-top:1.5rem;padding:1rem 1.2rem;background:#fbe7ea;border:1px solid #E2A8B0;color:#7a2a35;font-size:.88rem;line-height:1.6}[data-fc-ai-submit]:disabled{opacity:.35;cursor:not-allowed}.fc-quiz-progress{display:flex;gap:6px;margin-bottom:2.5rem}.fc-progress-step{flex:1;height:2px;background:var(--fc-line);transition:background .3s}.fc-progress-step.is-active{background:var(--fc-gold-deep)}.fc-quiz-q{display:none}.fc-quiz-q.is-active{display:block;animation:fc-quiz-fade-up .4s ease-out}@keyframes fc-quiz-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fc-quiz-h2{font-family:var(--fc-jp-display);font-weight:500;font-size:clamp(1.7rem,3.4vw,2.4rem);line-height:1.5;letter-spacing:.05em;color:var(--fc-ink);margin:0 0 .5rem}.fc-quiz-help{color:var(--fc-muted);font-size:1rem;line-height:1.85;margin:0 0 2rem}.fc-opts{display:grid;gap:.8rem;grid-template-columns:1fr 1fr}.fc-opts-cards{grid-template-columns:repeat(3,1fr);gap:.9rem}.fc-opts-cards-4{grid-template-columns:repeat(2,1fr);gap:.9rem}@media(min-width:601px){.fc-opts-cards-4 .fc-opt-card{display:grid;grid-template-columns:110px 1fr;align-items:stretch;min-height:110px}.fc-opts-cards-4 .fc-opt-img{aspect-ratio:1 / 1;height:100%}.fc-opts-cards-4 .fc-opt-body{padding:.9rem 1.1rem;align-self:center}.fc-opts-cards-4 .fc-opt-check{top:10px;right:10px}}@media(max-width:900px){.fc-opts-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.fc-opts-cards{grid-template-columns:1fr;gap:.5rem}.fc-opts-cards .fc-opt-card{display:grid;grid-template-columns:80px 1fr;align-items:stretch}.fc-opts-cards .fc-opt-img{aspect-ratio:1 / 1;height:100%}.fc-opts-cards .fc-opt-body{padding:.6rem .9rem;align-self:center}.fc-opts-cards .fc-opt-title{font-size:1.1rem}.fc-opts-cards .fc-opt-card small{font-size:.88rem;margin-top:.2rem}.fc-opts-cards .fc-opt-check{top:8px;right:8px;width:26px;height:26px}.fc-opts-cards .fc-opt-check:after{width:11px;height:6px}.fc-quiz-page{padding:0;min-height:0;display:block}.fc-quiz-page .fc-container{padding-left:0;padding-right:0;max-width:none}.fc-quiz-card{padding:1.6rem .9rem 2.2rem;border:0;max-width:none}.fc-quiz-h2{font-size:1.7rem;line-height:1.5}.fc-quiz-help{font-size:1.02rem;line-height:1.85;margin-top:.6rem;margin-bottom:1.4rem}.fc-quiz-progress{margin-bottom:1.4rem}}@media(max-width:480px){.fc-opts-cards-4{grid-template-columns:1fr}}.fc-opt-card{position:relative;border:1px solid var(--fc-line);background:var(--fc-paper);cursor:pointer;padding:0;overflow:hidden;display:flex;flex-direction:column;text-align:left;font-family:var(--fc-sans);color:var(--fc-ink);transition:transform .25s,border-color .25s,box-shadow .25s}.fc-opt-card:hover{transform:translateY(-2px);border-color:var(--fc-gold-deep);box-shadow:0 14px 28px -18px #1f141066}.fc-opt-card.is-selected{border-color:var(--fc-ink);box-shadow:0 0 0 2px var(--fc-ink)}.fc-opt-img{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--fc-bg-alt);display:flex;align-items:center;justify-content:center}.fc-opt-tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.55;transition:opacity .25s}.fc-opt-card:hover .fc-opt-tint{opacity:.75}.fc-opt-card.is-selected .fc-opt-tint{opacity:.9}.fc-opt-svg{position:relative;z-index:1;width:56%;height:56%;color:var(--fc-gold-deep);filter:drop-shadow(0 2px 6px rgba(140,107,61,.18));transition:color .25s,filter .25s;animation:fc-opt-dance 5s ease-in-out infinite;transform-origin:50% 60%;will-change:transform}.fc-opt-card.is-selected .fc-opt-svg{color:var(--fc-paper)}.fc-opt-card.is-selected .fc-opt-svg path,.fc-opt-card.is-selected .fc-opt-svg circle,.fc-opt-card.is-selected .fc-opt-svg ellipse,.fc-opt-card.is-selected .fc-opt-svg line{stroke:var(--fc-paper)}.fc-opt-card:nth-child(1) .fc-opt-svg{animation-duration:4.6s;animation-delay:-.4s}.fc-opt-card:nth-child(2) .fc-opt-svg{animation-duration:5.2s;animation-delay:-1.7s;animation-name:fc-opt-bob}.fc-opt-card:nth-child(3) .fc-opt-svg{animation-duration:4.8s;animation-delay:-2.3s;animation-name:fc-opt-sway}.fc-opt-card:nth-child(4) .fc-opt-svg{animation-duration:5.6s;animation-delay:-.9s;animation-name:fc-opt-bob}.fc-opt-card:nth-child(5) .fc-opt-svg{animation-duration:5s;animation-delay:-3.1s;animation-name:fc-opt-sway}.fc-opt-card:nth-child(6) .fc-opt-svg{animation-duration:5.4s;animation-delay:-1.2s}.fc-opt-card:hover .fc-opt-svg{color:var(--fc-ink);filter:drop-shadow(0 4px 10px rgba(31,20,16,.22))}@keyframes fc-opt-dance{0%,to{transform:translateY(0) rotate(-2deg) scale(1)}50%{transform:translateY(-4px) rotate(2deg) scale(1.04)}}@keyframes fc-opt-bob{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}@keyframes fc-opt-sway{0%,to{transform:rotate(-3deg) scale(1)}50%{transform:rotate(3deg) scale(1.05)}}@media(prefers-reduced-motion:reduce){.fc-opt-svg{animation:none!important}}.fc-opt-body{padding:1.05rem 1.2rem 1.2rem}.fc-opt-title{font-family:var(--fc-jp-display);font-size:1.2rem;font-weight:500;letter-spacing:.04em;color:var(--fc-ink)}.fc-opt-card small{display:block;margin-top:.3rem;font-size:.88rem;color:var(--fc-muted);letter-spacing:.02em}.fc-opt-check{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:var(--fc-paper);border:1px solid var(--fc-line);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:opacity .2s,transform .2s,background .2s}.fc-opt-card.is-selected .fc-opt-check{opacity:1;transform:scale(1);background:var(--fc-gold);border-color:var(--fc-gold)}.fc-opt-check:after{content:"";width:12px;height:7px;border-left:2px solid var(--fc-ink);border-bottom:2px solid var(--fc-ink);transform:rotate(-45deg) translate(1px,-2px)}.fc-tint-berry{background:#c73e55}.fc-tint-stone{background:#e89e84}.fc-tint-tropical{background:#e08a2b}.fc-tint-floral{background:#e5a8b6}.fc-tint-grape{background:#5b3868}.fc-tint-melon{background:#c44a52}.fc-tint-acid-high{background:#e8c547}.fc-tint-acid-mid{background:#d49070}.fc-tint-acid-low{background:#6b3a1e}.fc-tint-sweet-honey{background:#c99a38}.fc-tint-sweet-fresh{background:#a86847}.fc-tint-sweet-clear{background:#c5c9d1}.fc-tint-scene-morning{background:#e8b26c}.fc-tint-scene-afternoon{background:#b8945c}.fc-tint-scene-dessert{background:#d49070}.fc-tint-scene-special{background:#8c6b3d}.fc-quiz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:2.5rem}.fc-step-label{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--fc-muted)}.fc-quiz-nav button[disabled]{opacity:.3;cursor:not-allowed}.fc-result{display:none;text-align:center}.fc-result.is-active{display:block;animation:fc-quiz-fade-up .5s ease-out}.fc-result .fc-eyebrow{margin-bottom:.8rem}.fc-result-h1{font-family:var(--fc-jp-display);font-weight:500;font-size:clamp(2rem,4.5vw,3rem);line-height:1.45;letter-spacing:.05em;color:var(--fc-ink);margin:0 0 1.2rem}.fc-result-h1 em{font-style:italic;color:var(--fc-gold-deep)}.fc-result-desc{max-width:36rem;margin:0 auto 2rem;color:var(--fc-ink-soft);line-height:1.85}.fc-result-vibes{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0 auto 2rem;max-width:32rem}.fc-vibe{font-family:Quicksand,Zen Maru Gothic,sans-serif;font-size:.78rem;letter-spacing:.08em;padding:.4rem .95rem;background:var(--fc-bg-alt);border:1px solid var(--fc-line);border-radius:999px;color:var(--fc-ink-soft)}.fc-result-product{margin:2rem auto;max-width:320px;text-align:left;border:1px solid var(--fc-line);background:var(--fc-paper)}.fc-result-img{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--fc-bg-alt)}.fc-result-img img{max-width:70%;max-height:70%;object-fit:contain}.fc-result-info{padding:1rem 1.2rem 1.3rem}.fc-result-fruit-tag{display:block;font-family:Quicksand,sans-serif;font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--fc-gold-deep);margin-bottom:.4rem}.fc-result-origin{font-family:var(--fc-jp-display);font-size:1.1rem;font-weight:500;margin:0 0 .6rem}.fc-result-notes{font-size:.85rem;line-height:1.7;color:var(--fc-muted);margin:0 0 .8rem}.fc-result-price{border-top:1px solid var(--fc-line);padding-top:.7rem}.fc-result-price strong{font-family:var(--fc-jp-display);font-weight:500;font-size:1.2rem}.fc-result-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.fc-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#faf6f0f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:200;opacity:0;pointer-events:none;transition:opacity .35s ease}.fc-loading-overlay.is-active{opacity:1;pointer-events:auto}.fc-loading-card{text-align:center}.fc-loading-text{display:block;margin-top:1.4rem;font-family:Quicksand,sans-serif;letter-spacing:.32em;font-size:.78rem;color:var(--fc-gold-deep);text-transform:lowercase;font-weight:500}.fc-loading-text:after{content:"";display:inline-block;width:1.6em;text-align:left;animation:fc-loading-dots 1.4s steps(4) infinite}@keyframes fc-loading-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.fc-loading-dog-wrap{position:relative;width:160px;height:160px;margin:0 auto;display:flex;align-items:center;justify-content:center}.fc-loading-dog{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;animation:fc-dog-bob 1.5s ease-in-out infinite,fc-dog-happy 1.5s ease-in-out infinite;transform-origin:50% 65%}@keyframes fc-dog-bob{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes fc-dog-happy{0%,to{transform:scale(1) rotate(-1.5deg)}25%{transform:scale(1.04,.98) rotate(.5deg)}50%{transform:scale(1.06,1.02) rotate(1.5deg)}75%{transform:scale(1.04,.98) rotate(.5deg)}}.fc-loading-spark{position:absolute;width:8px;height:8px;background:var(--fc-gold);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);opacity:0;animation:fc-spark-twinkle 2s ease-in-out infinite}.fc-spark-1{top:12%;left:8%;animation-delay:0s;transform:scale(.9)}.fc-spark-2{top:20%;right:10%;animation-delay:.6s;transform:scale(1.2)}.fc-spark-3{bottom:22%;left:14%;animation-delay:1.2s;transform:scale(.8)}@keyframes fc-spark-twinkle{0%,to{opacity:0;transform:scale(.6) rotate(0)}35%{opacity:1;transform:scale(1) rotate(40deg)}70%{opacity:0;transform:scale(.6) rotate(80deg)}}@media(prefers-reduced-motion:reduce){.fc-loading-dog,.fc-loading-spark{animation:none!important}}.fc-quiz-intro{text-align:center;padding:1rem 0}.fc-quiz-intro-h2{font-size:clamp(2.4rem,5.6vw,3.6rem)!important;line-height:1.45!important;margin-bottom:1.2rem!important}.fc-quiz-intro-help{font-size:1.05rem!important;line-height:1.95!important;margin:1.2rem auto 2.4rem!important;max-width:36rem}.fc-quiz-intro-btn{padding:1.3rem 2.6rem!important;font-size:.92rem!important;letter-spacing:.28em!important}.fc-step-spacer{display:inline-block;width:1px;visibility:hidden}@media(max-width:600px){.fc-quiz-intro-h2{font-size:2rem!important;line-height:1.5!important}.fc-quiz-intro-help{font-size:1rem!important}.fc-quiz-intro-btn{padding:1.2rem 2.2rem!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/fc-pairing-quiz.css.map */