:root{color:#3d3428;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#3d3428;--ink-soft:#6d5f52;--yellow:#ffc107;--cream:#fffdf8;--card:#ffffffeb;--shadow:0 8px 32px #2d231414;background:#fffdf8;font-family:Montserrat,system-ui,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}a{color:inherit;text-decoration:none}.survey-root{min-height:100dvh;padding-bottom:48px;position:relative}.survey-root--quizCenterLayout{flex-direction:column;display:flex}.survey-root--quizCenterLayout .mainStage{flex-direction:column;flex:auto;justify-content:center;min-height:0;padding-top:8px;display:flex;overflow-y:auto}.survey-root--quizCenterLayout .quizHero--questionStep{width:100%}.survey-root--quizTheme{--header-brand:#e6a800}.survey-root--persona{color:#2a1f30}.mesh-bg{z-index:0;pointer-events:none;background:var(--quiz-mesh,linear-gradient(105deg, #fff9e6 0%, #fffdf8 42%, #e8fff4 100%));transition:background .55s;position:fixed;inset:0}.mesh-bg-stack{z-index:0;pointer-events:none;position:fixed;inset:0}.mesh-bg-stack .mesh-plate{transition:opacity .55s,background .55s;position:absolute;inset:0}.mesh-bg-stack .mesh-bg--blobOverlay{z-index:10;position:absolute;inset:0;background:0 0!important}.mesh-bg:before{content:"";opacity:var(--quiz-blob-opacity,1);background:var(--quiz-blob1,radial-gradient(ellipse 85% 65% at 12% 22%, #ffd57861, transparent 56%));pointer-events:none;transition:background .55s;position:absolute;inset:0}.mesh-bg:after{content:"";opacity:var(--quiz-blob-opacity,1);background:var(--quiz-blob2,radial-gradient(ellipse 75% 55% at 88% 78%, #82e6be52, transparent 58%));pointer-events:none;transition:background .55s;position:absolute;inset:0}.survey-root--persona .mesh-bg{background:var(--persona-mesh,#faf7ff)}.survey-root--persona .mesh-bg:before{background:radial-gradient(closest-side at 20% 30%, var(--persona-glow,#ffc87840), transparent 55%)}.survey-root--persona .mesh-bg:after{opacity:0}.noise{pointer-events:none;z-index:1;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.bnbgHeader{z-index:3;padding:20px 22px 8px;position:relative}.bnbgLogo{letter-spacing:-.02em;color:var(--quiz-header-brand,var(--header-brand,#d4a012));font-size:1.05rem;font-weight:800;transition:color .45s}.survey-root--persona .bnbgLogo{color:var(--persona-accent,#d4a012)}.mainStage{z-index:2;max-width:640px;margin:0 auto;padding:0 18px 32px;position:relative}.quizHero{text-align:center}.quizHeroTitle{color:var(--ink);letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(1.65rem,4.5vw,2.1rem);font-weight:800;line-height:1.15}.quizHeroSub{max-width:36rem;color:var(--ink-soft);margin:0 auto 22px;font-size:.98rem;line-height:1.55}.quizHero--questionStep{padding-top:0;position:relative}.quizHero--questionStep .quizHeroTitle{color:var(--quiz-header-brand,#d4a012);margin:0 0 10px;transition:color .45s}.quizHeroSub--quiz{max-width:26rem;color:var(--ink-soft);margin:0 auto 20px;font-size:.95rem;line-height:1.55}.quizProgressBlock{margin-bottom:22px}.quizProgressTrack{background:#e0d8c88c;border-radius:999px;max-width:min(420px,92vw);height:8px;margin:0 auto;overflow:hidden}.quizProgressFill{border-radius:inherit;background:linear-gradient(90deg, var(--quiz-progress-from,#ffd54a), var(--quiz-progress-to,#ffc107));height:100%;transition:width .35s,background .45s}.quizProgressLabel{letter-spacing:.03em;color:#9e968a;text-align:center;margin:10px 0 0;font-size:.78rem;font-weight:500;transition:color .45s}.bnbgCard{background:var(--card);box-shadow:var(--shadow);text-align:left;border:1px solid #fffffff2;border-radius:32px;padding:26px 22px 22px;position:relative}.introCard{text-align:center}.introCardTitle{color:var(--ink);letter-spacing:-.02em;margin:0 0 14px;font-size:1.05rem;font-weight:800;line-height:1.25}.introSteps{text-align:left;color:var(--ink-soft);counter-reset:introStep;margin:0 0 18px;padding:0 0 0 1.35rem;font-size:.9rem;line-height:1.55;list-style:none}.introSteps li{margin-bottom:10px;padding-left:.25rem;position:relative}.introSteps li:before{counter-increment:introStep;content:counter(introStep) ".";color:var(--header-brand,#e6a800);font-weight:800;position:absolute;left:-1.35rem}.introSteps li:last-child{margin-bottom:0}.introRewardBox{text-align:left;background:linear-gradient(165deg,#fff9e8 0%,#fffdf8f5 100%);border:1px solid #e6c87859;border-radius:18px;margin:0 0 22px;padding:14px 14px 16px}.introRewardTitle{letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin:0 0 10px;font-size:.82rem;font-weight:800}.introRewardList{color:#5c5348;margin:0;padding-left:1.1rem;font-size:.82rem;line-height:1.5}.introRewardList li{margin-bottom:8px}.introRewardList li:last-child{margin-bottom:0}.quizCard{text-align:left;background:#fff;border:none;border-radius:36px;padding:28px 22px 24px;overflow:hidden;box-shadow:0 4px 6px #2d231408,0 14px 40px #2d231414,0 28px 64px #2d23140f}.quizCard:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 40% 40%,#81c78447 0%,#a5d6a71f 45%,#0000 72%);border-radius:50%;width:min(58%,220px);height:min(48%,200px);position:absolute;top:-28%;right:-18%}.quizCard>*{z-index:1;position:relative}.quizQText{color:#1a1510;letter-spacing:-.02em;margin:0 0 22px;font-size:1.06rem;font-weight:700;line-height:1.45}.quizGrid2{grid-template-columns:1fr 1fr;gap:14px 16px;display:grid}@media (width<=520px){.quizGrid2{grid-template-columns:1fr;gap:12px}}.quizOpt{cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;border-radius:18px;align-items:flex-start;gap:10px;padding:14px 12px;transition:background .2s,box-shadow .2s,transform .15s;display:flex}.quizOptBody{flex:1;min-width:0}.quizOptLine{color:#3d3428;font-size:.84rem;font-weight:500;line-height:1.42;display:inline}.quizOpt:hover{background:#fff5dc73}.quizOpt:focus-visible{outline-offset:3px;outline:2px solid #ffc107d9}.quizOpt--on:focus-visible{outline-color:#c9a000}.quizOpt--on{background:gold;border:none;transition:background .25s,box-shadow .2s;box-shadow:0 2px 8px #ffc10759,0 8px 28px #ffc10761}.quizOpt--on:hover{background:#fc0}.quizRadio{background:0 0;border:2px solid #7a6f62;border-radius:50%;flex-shrink:0;width:18px;height:18px;margin-top:2px;transition:border-color .18s,background .18s}.quizRadio--on{background:radial-gradient(circle,#2c2419 32%,#0000 34%);border-width:2px;border-color:#2c2419}.quizOptLabel{font-weight:700;font-size:inherit;color:#1a1510}.quizOptText{font-size:inherit;line-height:inherit;color:inherit;font-weight:500}.quizOpt--on .quizOptLine{color:#1a1510}.quizFooter{justify-content:space-between;align-items:center;gap:16px;max-width:640px;margin-top:22px;margin-left:auto;margin-right:auto;padding:0 4px;display:flex}.btnBack{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:12px 8px;font-size:.95rem;font-weight:600}.btnBack:disabled{opacity:.35;cursor:not-allowed}.btnNext{font:inherit;color:var(--ink);cursor:pointer;background:linear-gradient(180deg, color-mix(in srgb, var(--quiz-progress-from,#ffe082) 88%, white), var(--quiz-progress-to,#ffc107));border:none;border-radius:999px;padding:14px 28px;font-size:.95rem;font-weight:700;transition:transform .12s,filter .12s,background .45s;box-shadow:0 8px 24px #e6a80059}.btnNext:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px)}.btnNext:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btnGhost{width:100%;font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;margin-top:12px;font-weight:600;text-decoration:underline;display:block}.formError{color:#c62828;margin:0 0 12px;font-size:.88rem}.resultCard{text-align:center;background:#fff;border:none;border-radius:36px;padding:36px 22px 28px;position:relative;box-shadow:0 4px 6px #2d23140a,0 18px 48px #2d231417}.resultCardBadge{background:var(--badge-fill,var(--result-accent,#ffc107));z-index:2;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:18px;left:18px;box-shadow:0 6px 16px #2d23141f}.resultKicker{letter-spacing:.14em;text-transform:uppercase;color:var(--result-accent,var(--persona-accent,#b388ff));margin:0 0 10px;font-size:.72rem;font-weight:700}.resultHero{flex-direction:column;align-items:center;gap:6px;margin:0 0 8px;display:flex}.resultHeroIntro{color:var(--ink);font-size:1rem;font-weight:600}.resultHeroName{letter-spacing:-.03em;color:var(--result-accent,var(--persona-accent));font-size:clamp(1.35rem,4.2vw,1.85rem);font-weight:900;line-height:1.15}.resultKeywordsLine{color:var(--ink-soft);margin:0 0 22px;font-size:.88rem;line-height:1.45}.resultCompareGrid{text-align:center;grid-template-columns:1fr 1fr;gap:12px 14px;margin:0 0 8px;display:grid}@media (width<=520px){.resultCompareGrid{grid-template-columns:1fr;max-width:320px;margin-left:auto;margin-right:auto}}.resultMascotTile{background:linear-gradient(165deg, #fffffffa, color-mix(in srgb, var(--result-accent) 8%, white));border:1px solid #2d23140f;border-radius:22px;padding:12px 10px 14px}.resultMascotTileInner{aspect-ratio:1;width:100%;max-width:168px;margin:0 auto;position:relative}.resultMascotTile .resultMascotGlow{background:radial-gradient(circle, var(--mascot-glow,#ffc87859) 0%, transparent 68%);pointer-events:none;z-index:0;border-radius:50%;width:130%;height:130%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resultMascotTile .resultMascotImg{z-index:1;object-fit:contain;filter:drop-shadow(0 8px 18px #2d23141f);border-radius:50%;width:100%;height:100%;display:block;position:relative}.resultTileCaption{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:10px 0 2px;font-size:.72rem;font-weight:700}.resultTileSub{color:var(--ink);margin:0;font-size:.82rem;font-weight:700}.resultProductTile{text-align:center;background:#efede6;border:1px solid #2d23140d;border-radius:22px;padding:14px 12px 16px;position:relative}.resultMatchBadge{letter-spacing:.03em;color:#fff;background:var(--result-accent,#ffc107);border-radius:999px;padding:5px 10px;font-size:.65rem;font-weight:800;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #2d23141f}.resultProductImg{aspect-ratio:1;object-fit:cover;border-radius:18px;width:min(140px,42vw);height:auto;margin:8px auto 12px;display:block}.resultProductName{color:var(--ink);margin:0 0 6px;font-size:.84rem;font-weight:800;line-height:1.3}.resultProductTagline{color:#5c5348;margin:0;font-size:.76rem;line-height:1.45}.resultReasons{text-align:left;background:linear-gradient(165deg, #fff9e6 0%, color-mix(in srgb, var(--result-accent) 14%, #fffdf6) 100%);border:1px solid color-mix(in srgb, var(--result-accent) 22%, #e8dfd0);border-radius:20px;margin:18px 0 22px;padding:18px 16px 20px}.resultReasonsTitle{color:var(--ink);margin:0 0 14px;font-size:.92rem;font-weight:800;line-height:1.35}.resultReasonList{margin:0;padding:0;list-style:none}.resultReasonList li{color:var(--ink);align-items:flex-start;gap:10px;margin-bottom:12px;font-size:.84rem;line-height:1.45;display:flex}.resultReasonList li:last-child{margin-bottom:0}.resultReasonCheck{background:var(--result-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.btnNext--resultCta{color:#1a1510;width:100%;max-width:100%;box-shadow:0 10px 28px color-mix(in srgb, var(--result-accent,#ffc107) 40%, transparent);padding:16px 24px;font-size:1rem;background:var(--result-accent,#ffc107)!important}.btnNext--resultCta:hover:not(:disabled){filter:brightness(1.04)}.resultCardFooter{justify-content:flex-end;min-height:18px;margin:14px 0 6px;display:flex}.resultCardFooterMark{color:var(--ink-soft);opacity:.45;align-items:center;display:inline-flex}.resultCard .btnGhost{margin-top:8px}.giftCard{text-align:center;background:linear-gradient(#fffffff2 0%,#ffffffe0 100%);border-radius:36px;padding-top:28px}.giftBadge{color:#6d5f52;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;display:flex;box-shadow:0 4px 16px #0000000f}.giftIconSvg{width:28px;height:28px}.giftTitle{color:#4a4030;letter-spacing:-.02em;margin:0 0 20px;font-size:1.35rem;font-weight:800}.giftForm{text-align:left;flex-direction:column;gap:14px;display:flex}.giftField span.giftLab{color:#5c5348;margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.giftField input{width:100%;font:inherit;background:#fff;border:none;border-radius:999px;outline:none;padding:14px 18px;font-size:.95rem;box-shadow:inset 0 0 0 1px #0000000f}.giftField input::placeholder{color:#b0a99f}.giftField input:focus{box-shadow:inset 0 0 0 1px #ffc10780,0 0 0 3px #ffd57859}.giftConsent{color:var(--ink-soft);cursor:pointer;align-items:flex-start;gap:10px;font-size:.82rem;display:flex}.giftConsent input{accent-color:#ffc107;width:18px;height:18px;margin-top:3px}.giftActions{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}@media (width<=480px){.giftActions{grid-template-columns:1fr}}.btnGiftYellow{font:inherit;color:#2d2418;cursor:pointer;background:linear-gradient(#ffe082 0%,#ffc107 55%,#ffb300 100%);border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:15px 18px;font-size:.92rem;font-weight:700;display:inline-flex;box-shadow:0 10px 28px #e6a80059}.btnGiftYellow:disabled{opacity:.55;cursor:wait}.btnChev{font-size:1.15rem;font-weight:800;line-height:1}.btnGiftMint{font:inherit;color:#2d3d30;background:linear-gradient(#a7ffd9 0%,#7dffb0 50%,#5ce69a 100%);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:15px 18px;font-size:.92rem;font-weight:700;transition:filter .12s;display:inline-flex;box-shadow:0 10px 28px #50c88c47}.btnGiftMint:hover{filter:brightness(1.04)}.thumbIco{font-size:1.1rem}.fanCopy{text-align:left;color:var(--ink-soft);margin:0 0 20px;line-height:1.55}