.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;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}.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}.btn-primary:hover{background:var(--color-primary-dark)}.btn-primary:active{transform:scale(.98)}.option-card{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;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:16px;font-weight:500;color:var(--color-text)}.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;min-height:100dvh;background:var(--color-bg);position:relative;overflow-y:auto}.question-screen__header{display:flex;align-items:center;justify-content:space-between;padding:56px 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}.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{flex:1;position:relative;margin-top:120px;background:var(--color-white);border-radius:var(--radius-card) var(--radius-card) 0 0;padding:24px 20px 36px;box-shadow:0 1px 30px #0000001a;display:flex;flex-direction:column;gap:20px}.question-screen__mascot{position:absolute;bottom:calc(100% - 50px);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:17px;font-weight:500;line-height:1.5;text-align:center;color:var(--color-text);padding:0 8px}.question-screen__options{display:flex;flex-direction:column;gap:12px;flex:1}.result-screen{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-bg);position:relative;overflow:hidden}.result-screen__confetti{padding:60px 20px 30px;display:flex;align-items:center;justify-content:center;position:relative;min-height:140px;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{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}.result-screen__title{font-size:34px;font-weight:700;color:var(--color-text);text-align:center;letter-spacing:-1px}.result-screen__flames{display:flex;gap:12px;justify-content:center}.result-screen__stats{font-size:17px;text-align:center;color:var(--color-text);line-height:1.5}.result-screen__progress-bar{width:100%;height:6px;background:#e8e8e8;border-radius:3px;overflow:hidden}.result-screen__progress-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width 1s ease}.result-screen__cta-text{font-size:17px;text-align:center;color:var(--color-text);line-height:1.5;padding:0 8px}.result-screen__form{width:100%;display:flex;flex-direction:column;gap:16px;margin-top:auto}.result-screen__input{width:100%;padding:16px 20px;border:1.5px solid var(--color-option-border);border-radius:var(--radius-button);font-size:16px;color:var(--color-text);background:var(--color-white);transition:border-color .2s}.result-screen__input:focus{border-color:var(--color-primary)}.result-screen__input::placeholder{color:#b0b0b0}.success-screen{display:flex;flex-direction:column;min-height:100dvh;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}.app{width:100%;max-width:430px;min-height:100dvh;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}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}#root{min-height:100dvh;display:flex;justify-content:center}button{font-family:var(--font-family);border:none;cursor:pointer;outline:none}input{font-family:var(--font-family);outline:none;border:none}