:root{--bg-quiz: #000000;--bg-secondary: #0A0A0A;--option-light: #E5E7EB;--option-light-hover: #F3F4F6;--option-light-selected: #D1D5DB;--option-dark: #1F2937;--option-dark-hover: #374151;--option-dark-selected: #4B5563;--surface-neutral: #262626;--surface-offer: #191919;--text-primary: #FFFFFF;--text-on-light: #000000;--text-muted: #9CA3AF;--yellow: #FACC15;--mustard: #E7B008;--yellow-disabled: #7D660B;--danger: #EF4444;--success: #16A34A;--success-hover: #15803D;--scale-green: #22C55E;--offer-blue: #007FFF;--chart-purple: #6633CC;--chart-pink: #EB477E;--font-family: "Inter", Arial, Helvetica, sans-serif;--transition-fast: .2s ease;--radius-card: 8px;--radius-btn: 8px}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-quiz);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100svh;background-color:var(--bg-quiz);overflow-x:hidden;font-size:16px;line-height:1.5}.quiz-wrapper{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 16px 40px;transition:background-color var(--transition-fast)}.quiz-wrapper.stage-dark-secondary{background-color:var(--bg-secondary)}.quiz-wrapper.offer-stage-wrapper{justify-content:flex-start;padding-top:24px}.quiz-container{width:100%;max-width:448px;margin:0 auto;display:flex;flex-direction:column}.quiz-container.wide-stage{max-width:672px}.quiz-container.offer-container{max-width:460px;padding-top:64px}.quiz-container.has-sticky-bottom{padding-bottom:96px}.stage-transition-wrapper{width:100%;display:flex;justify-content:center;animation:stageFadeIn .2s ease-out}@keyframes stageFadeIn{0%{opacity:0}to{opacity:1}}.sticky-bottom-bar{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:9999;background:#000000f2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.12);padding:12px 16px 16px;box-shadow:0 -8px 24px #000000d9;display:flex;justify-content:center}.sticky-bottom-inner{width:100%;max-width:448px;margin:0 auto}@keyframes progressShimmer{0%{transform:translate(-100%)}50%,to{transform:translate(100%)}}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 6px #facc15}50%{opacity:.5;transform:scale(.85);box-shadow:0 0 2px #facc15}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.title-quiz{font-size:28px;font-weight:700;line-height:1.25;text-align:center;color:var(--text-primary);margin-bottom:16px}@media(min-width:640px){.title-quiz{font-size:32px}}.subtitle-quiz{font-size:16px;color:var(--text-muted);text-align:center;margin-bottom:24px}.highlight-yellow{color:var(--yellow)}.highlight-mustard{color:var(--mustard)}.highlight-red{color:var(--danger)}.highlight-blue{color:var(--offer-blue)}.btn-primary-yellow{width:100%;min-height:48px;padding:14px 20px;background-color:var(--yellow);color:var(--text-on-light);border:none;border-radius:var(--radius-btn);font-size:18px;font-weight:700;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;box-shadow:0 4px 14px #facc1540}.btn-primary-yellow:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.btn-primary-yellow:disabled{background-color:var(--yellow-disabled);color:#0006;cursor:not-allowed;box-shadow:none}.btn-primary-mustard{width:100%;min-height:48px;padding:14px 20px;background-color:var(--mustard);color:var(--text-on-light);border:none;border-radius:var(--radius-btn);font-size:18px;font-weight:700;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;box-shadow:0 4px 14px #e7b00840}.btn-primary-mustard:hover{opacity:.95;transform:translateY(-1px)}.btn-primary-red{width:100%;min-height:48px;padding:14px 20px;background-color:var(--danger);color:var(--text-primary);border:none;border-radius:var(--radius-btn);font-size:18px;font-weight:700;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 14px #ef44444d}.btn-primary-red:hover{opacity:.92;transform:translateY(-1px)}.btn-primary-green{width:100%;min-height:52px;padding:14px 24px;background-color:var(--success);color:var(--text-primary);border:none;border-radius:var(--radius-btn);font-size:19px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;box-shadow:0 6px 20px #16a34a59}.btn-primary-green:hover{background-color:var(--success-hover);transform:translateY(-2px);box-shadow:0 8px 24px #16a34a73}.btn-cta-pulse-shimmer{width:100%;min-height:52px;padding:14px 24px;background:linear-gradient(180deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:10px;font-size:17px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 20px #22c55e73;animation:ctaPulse 2.4s infinite ease-in-out;transition:transform .18s ease,box-shadow .18s ease}.btn-cta-pulse-shimmer:after{content:"";position:absolute;top:-50%;left:-70%;width:50%;height:200%;background:linear-gradient(90deg,#fff0,#fff9,#fff0);transform:rotate(25deg);animation:ctaShimmer 2.8s infinite ease-in-out;pointer-events:none}.btn-cta-pulse-shimmer:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 28px #22c55ea6}@keyframes ctaPulse{0%,to{transform:scale(1);box-shadow:0 4px 18px #16a34a73}50%{transform:scale(1.025);box-shadow:0 8px 30px #22c55eb3}}@keyframes ctaShimmer{0%{left:-70%}35%,to{left:140%}}@keyframes cursorBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.options-list{display:flex;flex-direction:column;gap:14px;margin-bottom:24px;width:100%}.option-card{width:100%;min-height:60px;padding:14px 18px;border-radius:var(--radius-card);border:1.5px solid transparent;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left;font-size:17px;font-weight:500;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);-webkit-user-select:none;user-select:none}.option-card:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.option-card-light{background-color:var(--option-light);color:var(--text-on-light)}.option-card-light:hover{background-color:var(--option-light-hover)}.option-card-light.selected{background-color:#fff;border-color:var(--yellow);box-shadow:0 0 0 2px var(--yellow)}.option-card-dark{background-color:var(--option-dark);color:var(--text-primary)}.option-card-dark:hover{background-color:var(--option-dark-hover)}.option-card-dark.selected{background-color:#2d3748;border-color:var(--yellow);box-shadow:0 0 0 2px var(--yellow)}.option-left-content{display:flex;align-items:center;gap:12px;flex:1}.option-emoji{font-size:22px;line-height:1;flex-shrink:0}.option-label{line-height:1.35}.custom-radio{width:20px;height:20px;border-radius:50%;border:2px solid #9CA3AF;display:flex;align-items:center;justify-content:center;flex-shrink:0}.custom-radio.checked{border-color:var(--yellow)}.custom-radio.checked:after{content:"";width:10px;height:10px;background-color:var(--yellow);border-radius:50%}.custom-checkbox{width:22px;height:22px;border-radius:5px;border:2px solid #9CA3AF;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.custom-checkbox.checked{background-color:var(--yellow);border-color:var(--yellow);color:#000}.option-arrow{color:#9ca3af;flex-shrink:0}.scale-container{display:flex;flex-direction:column;gap:12px;margin:20px 0 28px;width:100%}.scale-blocks{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.scale-block-btn{height:64px;border-radius:8px;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid transparent;transition:all var(--transition-fast)}.scale-block-btn.light-scale{background-color:var(--option-light);color:var(--text-on-light)}.scale-block-btn.light-scale:hover{background-color:#fff}.scale-block-btn.light-scale.selected{background-color:var(--yellow);border-color:var(--yellow)}.scale-block-btn.dark-scale{background-color:var(--surface-neutral);color:var(--text-primary)}.scale-block-btn.dark-scale:hover{background-color:#383838}.scale-block-btn.dark-scale.selected{background-color:var(--yellow);color:#000;border-color:var(--yellow)}.scale-gradient-bar{height:6px;border-radius:3px;background:linear-gradient(90deg,#ef4444,#facc15,#22c55e);width:100%}.scale-labels{display:flex;justify-content:space-between;font-size:14px;color:var(--text-muted)}.content-text-block{text-align:left;font-size:17px;line-height:1.6;color:#d1d5db;margin-bottom:24px;display:flex;flex-direction:column;gap:14px}.content-image-box{width:100%;border-radius:10px;overflow:hidden;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #0006}.content-image-box img{width:100%;height:auto;display:block;object-fit:cover}.notice-box{background:#facc1514;border:1px solid rgba(250,204,21,.3);border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.45;color:#e5e7eb;margin-top:18px;text-align:center}.notice-box strong{color:var(--yellow)}