.logo{display:flex;align-items:center;justify-content:center}.logo__image{height:40px;object-fit:contain}.home-screen{display:flex;flex-direction:column;min-height:100dvh;min-height:-webkit-fill-available;background:var(--color-bg);position:relative;overflow:hidden}.home-screen__top{display:flex;flex-direction:column;align-items:center;padding-top:60px}.home-screen__card{flex:1;position:relative;margin-top:180px;background:var(--color-white);border-radius:var(--radius-card) var(--radius-card) 0 0;padding:40px 24px 36px;box-shadow:0 1px 30px #00000026;display:flex;flex-direction:column;align-items:center;gap:16px}.home-screen__mascot{position:absolute;bottom:calc(100% - 40px);left:50%;transform:translate(-50%);z-index:1;pointer-events:none}.home-screen__mascot-img{width:280px;height:auto;display:block}.home-screen__title{font-size:36px;font-weight:600;color:var(--color-text);text-align:center;line-height:1.15;letter-spacing:-1.5px}.home-screen__subtitle{font-size:17px;color:var(--color-text-light);text-align:center;line-height:1.5;max-width:300px}.home-screen__button-area{width:100%;padding-top:16px}.lang-switcher{display:flex;gap:4px;background:var(--color-bg);border-radius:12px;padding:3px}.lang-switcher__btn{padding:6px 16px;border:none;border-radius:10px;background:transparent;font-size:14px;font-weight:600;font-family:var(--font-family);color:var(--color-text-light);cursor:pointer;transition:all .2s;-webkit-appearance:none}.lang-switcher__btn--active{background:var(--color-white);color:var(--color-text);box-shadow:0 1px 4px #0000001a}.btn-primary{width:100%;padding:16px 24px;background:var(--color-primary);color:#fff;font-size:16px;font-weight:700;border-radius:var(--radius-button);border:none;cursor:pointer;transition:background .2s}@media(hover:hover)and (pointer:fine){.btn-primary:hover{background:var(--color-primary-dark)}}.btn-primary:active{transform:scale(.98)}@supports (padding-bottom: env(safe-area-inset-bottom)){.home-screen__card{padding-bottom:calc(36px + env(safe-area-inset-bottom))}}.option-card{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border-radius:var(--radius-option);border:1.5px solid var(--color-option-border);background:var(--color-white);cursor:pointer;transition:all .2s ease;text-align:left;font-size:15px;font-weight:500;color:var(--color-text);-webkit-appearance:none}.option-card:disabled{cursor:default}.option-card--selected{background:var(--color-selected);border-color:#ccc}.option-card--correct{background:var(--color-correct);border-color:var(--color-correct-border)}.option-card--wrong{background:var(--color-wrong);border-color:var(--color-wrong-border)}.option-card__radio{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-card__empty{width:24px;height:24px;border-radius:50%;border:2px solid #d0d0d0}.option-card__dot{width:24px;height:24px;border-radius:50%;border:2px solid #999;background:radial-gradient(circle,#999 40%,transparent 41%)}.option-card__icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}.option-card__icon--correct{background:var(--color-correct-border)}.option-card__icon--wrong{background:var(--color-wrong-border)}.option-card__emoji{font-size:20px;flex-shrink:0}.option-card__text{flex:1}.question-screen{display:flex;flex-direction:column;height:100dvh;height:-webkit-fill-available;background:var(--color-bg);overflow:hidden}.question-screen__scrollable{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.question-screen__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0}.question-screen__back{width:44px;height:44px;border-radius:50%;border:1.5px solid #e0e0e0;background:var(--color-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}@media(hover:hover)and (pointer:fine){.question-screen__back:hover{background:#f0f0f0}}.question-screen__badge{background:var(--color-primary);color:#fff;font-size:14px;font-weight:700;padding:8px 16px;border-radius:100px}.question-screen__card{position:relative;margin-top:76px;background:var(--color-white);border-radius:var(--radius-card) var(--radius-card) 0 0;padding:20px 20px 24px;box-shadow:0 1px 30px #0000001a;display:flex;flex-direction:column;gap:12px}.question-screen__mascot{position:absolute;bottom:calc(100% - 40px);left:50%;transform:translate(-50%);z-index:1;pointer-events:none}.question-screen__flames{display:flex;justify-content:center;gap:8px}.question-screen__text{font-size:15px;font-weight:500;line-height:1.45;text-align:center;color:var(--color-text);padding:0 4px}.question-screen__options{display:flex;flex-direction:column;gap:8px}.question-screen__footer{flex-shrink:0;background:var(--color-white);padding:12px 20px 24px;box-shadow:0 -1px #0000000a}@supports (padding-bottom: env(safe-area-inset-bottom)){.question-screen__footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}.result-screen{display:flex;flex-direction:column;height:100dvh;height:-webkit-fill-available;background:var(--color-bg);overflow:hidden}.result-screen__scrollable{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.result-screen__confetti{padding:16px 20px 30px;display:flex;align-items:center;justify-content:center;position:relative;min-height:100px;overflow:hidden}.confetti-piece{position:absolute;border-radius:2px;animation:confetti-fall 3s ease-in-out infinite}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:.6;transform:translateY(20px) rotate(360deg)}}.result-screen__card{background:var(--color-white);border-radius:var(--radius-card) var(--radius-card) 0 0;padding:36px 24px 24px;box-shadow:0 1px 30px #0000001a;display:flex;flex-direction:column;align-items:center;gap:16px}.result-screen__title{font-size:28px;font-weight:700;color:var(--color-text);text-align:center;letter-spacing:-.5px}.result-screen__subtitle{font-size:16px;text-align:center;color:var(--color-text-light);line-height:1.5}.result-screen__benefits{width:100%;list-style:none;display:flex;flex-direction:column;gap:12px;padding:16px 20px;background:#f0faf9;border-radius:16px}.result-screen__benefit{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500;color:var(--color-text);line-height:1.4}.result-screen__benefit-icon{width:24px;height:24px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.result-screen__cta-text{font-size:15px;text-align:center;color:var(--color-text-light);line-height:1.5}.result-screen__footer{flex-shrink:0;background:var(--color-white);padding:12px 24px 24px;box-shadow:0 -1px #0000000a}.result-screen__form{width:100%;display:flex;flex-direction:column;gap:12px}.result-screen__input{width:100%;padding:16px 20px;border:1.5px solid var(--color-option-border);border-radius:var(--radius-button)!important;font-size:16px;color:var(--color-text);background:var(--color-white);transition:border-color .2s;-webkit-appearance:none}.result-screen__input:focus{border-color:var(--color-primary)}.result-screen__input::placeholder{color:#b0b0b0}.result-screen__input::-webkit-input-placeholder{color:#b0b0b0}@supports (padding-bottom: env(safe-area-inset-bottom)){.result-screen__footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}.success-screen{display:flex;flex-direction:column;min-height:100dvh;min-height:-webkit-fill-available;background:var(--color-bg);position:relative;overflow:hidden}.success-screen__confetti{padding:60px 20px 30px;display:flex;align-items:center;justify-content:center;position:relative;min-height:140px;overflow:hidden}.success-screen__card{flex:1;background:var(--color-white);border-radius:var(--radius-card) var(--radius-card) 0 0;padding:36px 24px 40px;box-shadow:0 1px 30px #0000001a;display:flex;flex-direction:column;align-items:center;gap:20px}.success-screen__title{font-size:34px;font-weight:700;color:var(--color-text);text-align:center;letter-spacing:-1px}.success-screen__flames{display:flex;gap:12px;justify-content:center}.success-screen__stats{font-size:17px;text-align:center;color:var(--color-text);line-height:1.5}.success-screen__progress-bar{width:100%;height:6px;background:#e8e8e8;border-radius:3px;overflow:hidden}.success-screen__progress-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width 1s ease}.success-screen__message{text-align:center;font-size:18px;font-weight:600;color:var(--color-text);line-height:1.6;margin-top:12px}@supports (padding-bottom: env(safe-area-inset-bottom)){.success-screen__card{padding-bottom:calc(40px + env(safe-area-inset-bottom))}}.app{width:100%;max-width:430px;min-height:100dvh;min-height:-webkit-fill-available;position:relative;background:var(--color-bg)}:root{--color-primary: #029d91;--color-primary-dark: #028a7f;--color-bg: #f5f5f5;--color-white: #ffffff;--color-text: #2a2a2c;--color-text-light: rgba(0, 0, 0, .7);--color-correct: #e8f8f0;--color-correct-border: #34c759;--color-wrong: #fde8e8;--color-wrong-border: #ff3b30;--color-selected: #ececec;--color-flame-gray: #c4c4c4;--color-flame-teal: #029d91;--color-flame-red: #e84142;--color-option-border: #e8e8e8;--radius-card: 36px;--radius-button: 100px;--radius-option: 16px;--font-family: "Manrope", sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overscroll-behavior-y:none}#root{min-height:100dvh;min-height:-webkit-fill-available;display:flex;justify-content:center;padding-top:env(safe-area-inset-top)}button,a{font-family:var(--font-family);border:none;cursor:pointer;outline:none;touch-action:manipulation}input{font-family:var(--font-family);outline:none;border:none;touch-action:manipulation;-webkit-appearance:none;appearance:none;border-radius:0}@media(hover:none)and (pointer:coarse){button:hover,a:hover{background:inherit}}