html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{-webkit-touch-callout:none;margin:0;overflow-x:hidden}button,input,select,textarea{-webkit-appearance:none;appearance:none}button{-webkit-user-select:none;user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.language-switcher{position:absolute;right:20px;top:15px;z-index:200}.lang-trigger-btn{align-items:center;background:#fff;border:2px solid #fff;border-radius:20px;box-shadow:0 4px 12px #00000026;color:#55f;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:8px 16px 8px 12px;transition:all .3s ease}.lang-trigger-btn:hover{background:#fff;border-color:#fff;box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.lang-trigger-btn:hover .globe-icon{color:#55f}.globe-icon{align-items:center;color:#55f;display:flex;justify-content:center;line-height:1}.globe-icon svg{display:block}.lang-dropdown-menu{animation:fadeIn .2s ease-out;background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 5px 20px #00000026;margin-top:8px;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lang-dropdown-item{background:#0000;border:none;color:#333;cursor:pointer;display:block;font-family:inherit;font-size:.9rem;padding:10px 15px;text-align:left;transition:background .2s;width:100%}.lang-dropdown-item:hover{background:#f5f5ff;color:#55f}.lang-dropdown-item.active{background:linear-gradient(135deg,#55f,#77f);color:#fff;font-weight:600}@media (max-width:768px){.language-switcher{right:10px;top:10px}.lang-trigger-btn{font-size:.85rem;padding:6px 12px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e8ceef;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.App{align-items:center;min-height:100vh;padding:20px}.App,.quiz-container{display:flex;justify-content:center}.quiz-container{background:#55f;border:2px solid #55f;border-radius:12px;box-shadow:0 10px 30px #0000001a;box-sizing:border-box;flex-direction:column;max-width:min(800px,calc(100vw - 40px));min-height:450px;overflow-x:hidden;padding:60px 50px 50px;position:relative;width:100%}.quiz-container.question-mode{-webkit-overflow-scrolling:touch;background:#fff;justify-content:flex-start;max-height:calc(100vh - 40px);overflow-y:auto}.quiz-container:not(.question-mode){background:#55f;border:3px solid #fff6;color:#ff0}.start-screen{display:flex;flex:1 1;flex-direction:column;min-height:100%;width:100%}.start-header{flex-shrink:0;min-height:40px}.start-main{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px 0;text-align:center}.start-screen h1{color:#ffe680;font-size:1.2rem;font-weight:400;margin-bottom:10px}.start-title{margin-bottom:30px;text-align:center}.title-main{color:#ff0;font-size:1.8rem;font-weight:700;margin-bottom:8px}.title-sub{color:#ffe680;font-size:1.1rem;font-weight:500}.start-button{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 15px #0003;color:#55f;cursor:pointer;font-size:1.1rem;font-weight:600;min-height:44px;min-width:150px;padding:15px 30px;transition:all .3s ease}.start-button:hover{background:#f5f5f5;box-shadow:0 8px 25px #0000004d;transform:translateY(-3px)}.question-screen{display:flex;flex-direction:column;min-height:100%;width:100%}.question-header{flex-shrink:0;padding-bottom:10px;padding-top:10px}.question-body{flex-shrink:0;padding:10px 0}.question-footer{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.question-container{align-items:stretch;display:flex;flex-direction:column;height:100%;margin-top:40px}.progress-dots{display:flex;gap:8px;justify-content:center;left:12px;position:absolute;top:19px}@media (min-width:769px){.progress-dots{left:25px;margin:0;top:25px;transform:none}}.progress-dot{background:#e0e0e0;border-radius:50%;height:12px;transition:all .3s ease;width:12px}.progress-dot.completed{background:#55f}.progress-dot.current{background:#55f;box-shadow:0 0 0 2px #fff,0 0 0 4px #55f;height:16px;width:16px}.question-container h2{color:#000;font-size:1.5rem;font-weight:700;line-height:1.4;margin-bottom:30px}.yes-no-buttons{align-items:stretch;flex-direction:row;flex-wrap:wrap;gap:20px;margin-bottom:20px;max-width:100%;padding:20px 0;width:100%}.yes-no-button,.yes-no-buttons{box-sizing:border-box;display:flex;justify-content:center}.yes-no-button{align-items:center;background:#f0f3ff;border:2px solid #bbbfff;border-radius:16px;box-shadow:0 3px 12px #bbbfff33;color:#55f;cursor:pointer;flex:0 1 auto;font-size:1.4rem;font-weight:700;height:90px;max-width:160px;min-width:100px;padding:0 15px;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:140px}.yes-no-button:hover:not(.disabled){background:#e8ecff;box-shadow:0 5px 18px #bbbfff4d;transform:scale(1.05)}.yes-no-button.correct{background:#e0f0e0;border-color:#7ba87b;box-shadow:0 4px 18px #7ba87b4d;color:#4a6f4a;font-weight:700;transform:scale(1.05)}.yes-no-button.incorrect{background:#f5e5e5;border-color:#c07070;box-shadow:0 4px 18px #c070704d;color:#854141;font-weight:700;transform:scale(1.05)}.yes-no-button.correct-answer{background:#e0f0e0;border-color:#7ba87b;box-shadow:0 4px 18px #7ba87b4d;color:#4a6f4a;font-weight:700;transform:scale(1.05)}.yes-no-button.disabled{cursor:not-allowed;opacity:.5;transform:none}.correct-answer-info{background:#e0f0e0;border:2px solid #7ba87b;border-radius:10px;box-shadow:0 2px 8px #7ba87b33;margin-bottom:20px;margin-top:20px;padding:15px}.correct-answer-text{color:#4a6f4a;font-weight:600;margin-bottom:8px}.explanation-success{background:#e0f0e0;border:2px solid #7ba87b;border-radius:10px;box-shadow:0 2px 8px #7ba87b33;margin-bottom:20px;margin-top:20px;padding:15px}.explanation{color:#2c3e50;font-size:.9rem;font-style:italic;line-height:1.4}.navigation-buttons{gap:30px;padding:0 15px}.nav-controls,.navigation-buttons{display:flex;justify-content:center;width:100%}.nav-controls{align-items:center;flex-direction:row;gap:40px;padding:15px 0}.nav-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#55fc;border:none;border-radius:25px;box-shadow:0 3px 15px #5555ff4d;color:#fff;cursor:pointer;display:flex;font-size:1.6rem;font-weight:600;height:50px;justify-content:center;transition:all .3s ease;width:50px}.nav-button.primary{background:#5555ffd9}.nav-button.disabled{background:#55f6;cursor:not-allowed;opacity:.5}.nav-button:not(.disabled):hover{background:#5555fff2;box-shadow:0 5px 20px #55f6;transform:scale(1.1)}.nav-button:not(.disabled):active{transform:scale(.9)}.nav-button.disabled:hover{background:#d8d0e066;box-shadow:0 3px 15px #958caa40;transform:none}.results-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;padding:40px;text-align:center}.results-container h2{color:#000;font-size:2rem;font-weight:700;margin-bottom:30px}.score-section{margin-bottom:30px}.score-text{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:15px}.score-bar{background:#e1e5e9;border-radius:6px;height:12px;margin-bottom:20px;overflow:hidden;width:100%}.score-fill{background:linear-gradient(90deg,#ff6b35,#ff8c42);border-radius:6px;height:100%;transition:width 1s ease-in-out}.result-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.details-button,.restart-button{background:#fff;border:2px solid #55f;border-radius:12px;box-shadow:0 3px 12px #5555ff26;color:#55f;cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;min-width:140px;padding:12px 24px;transition:all .3s ease}.restart-button.primary{background:linear-gradient(135deg,#55f,#77f);border-color:#0000;color:#fff}.details-button:hover,.restart-button:hover{background:#f5f5ff;box-shadow:0 5px 18px #5555ff40;transform:translateY(-2px)}.restart-button.primary:hover{background:linear-gradient(135deg,#44f,#55f)}.details-section{border-top:1px solid #e1e5e9;margin-top:30px;padding-top:20px;text-align:left}.details-section h3{color:#333;font-size:1.3rem;margin-bottom:20px;text-align:center}.question-detail{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.question-text{color:#333;font-weight:600;margin-bottom:10px}.answer-result{font-size:.9rem}.selected-answer{align-items:center;color:#4a5568;display:flex;justify-content:space-between;margin-bottom:5px}.result-icon.correct{color:#27ae60;font-weight:700}.result-icon.incorrect{color:#e74c3c;font-weight:700}.correct-answer{color:#27ae60;font-weight:500;margin-bottom:8px}.explanation-detail{background:#f8f9fa;color:#2c3e50;font-style:italic;line-height:1.4;margin-top:6px}.explanation-detail,.info-link{border-left:3px solid #1abc9c;border-radius:4px;font-size:.85rem;padding:8px}.info-link{background:#f0fffe;color:#666;margin-top:10px}.info-link a{border-bottom:2px solid #1abc9c;color:#1abc9c;font-weight:600;padding:2px 4px;text-decoration:none;transition:all .3s ease}.info-link a:hover{background:#d4f1ed;border-bottom-color:#0000;border-radius:4px;color:#1abc9c}.error-screen{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;padding:40px;text-align:center}.error-screen h2{color:#e74c3c;font-size:1.8rem;margin-bottom:15px}.error-screen p{color:#666;font-size:1.1rem;margin-bottom:25px}.retry-button{background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;min-height:44px;min-width:150px;padding:12px 24px;transition:all .2s}.retry-button:hover{background:#c0392b;transform:translateY(-1px)}@media (max-width:768px){.App{min-height:100vh;padding:10px}.quiz-container{border-radius:16px;margin:0;max-width:100%;min-height:auto;padding:20px}.question-container{margin-top:35px}.progress-dots{gap:6px;top:41px}.progress-dot{height:9px;width:9px}.progress-dot.current{height:12px;width:12px}.start-screen h1{font-size:.95rem}.start-screen p{font-size:1.2rem}.question-container h2{font-size:1.1rem;line-height:1.3;margin-bottom:20px}.result-actions{align-items:center;flex-direction:column;gap:12px}.details-button,.restart-button{max-width:250px;width:100%}.nav-button{font-size:1.2rem;height:50px;width:50px}.yes-no-buttons{gap:15px;min-height:auto;padding:15px 0}.yes-no-button{font-size:1rem;height:80px;width:100px}.error-screen,.results-container{padding:20px}.question-footer{display:flex;flex-direction:column}.question-footer .yes-no-buttons{order:1}.question-footer .correct-answer-info,.question-footer .explanation-success{margin-bottom:0;order:2}.question-footer .nav-controls{margin-top:6px;order:3}}@media (max-width:480px){.quiz-container{padding:15px}.start-screen h1{font-size:.85rem}.start-screen p{font-size:1rem;font-weight:700}.question-container h2{font-size:.95rem;font-weight:700;margin-bottom:15px}.yes-no-button{font-size:.9rem;height:70px;width:90px}.yes-no-buttons{gap:12px}.nav-button{font-size:1rem;height:45px;width:45px}.explanation,.explanation-detail{font-size:.85rem}}@media (max-width:600px){.quiz-container{position:relative}.quiz-container .navigation-buttons{align-items:center;display:flex!important;flex-direction:row;gap:30px;justify-content:center;left:auto!important;margin-top:25px;padding:0;pointer-events:auto;position:static!important;right:auto!important;top:auto!important;transform:none!important;width:100%}.quiz-container .nav-button{border-radius:25px;box-shadow:0 3px 15px #55f3;font-size:1.1rem;height:50px;margin:0;min-width:50px;width:50px}.quiz-container .yes-no-buttons{gap:20px;margin-bottom:0;min-height:auto;padding-bottom:0}}@media (max-width:360px){.quiz-container{padding:12px}.question-container{margin-top:15px}.question-container h2{font-size:.9rem;line-height:1.25;margin-bottom:12px}.yes-no-buttons{gap:10px;margin-bottom:8px;padding:10px 0}.yes-no-button{font-size:.9rem;height:70px;width:85px}.quiz-container .navigation-buttons{align-items:center;flex-direction:row;gap:12px;margin-top:15px}.quiz-container .nav-button{font-size:1rem;height:45px;margin:0;min-width:45px;width:45px}.correct-answer-info,.explanation-success{border-radius:8px;margin-top:10px;padding:10px}.correct-answer-text{font-size:.85rem;margin-bottom:6px}.explanation{font-size:.75rem;line-height:1.3}.progress-dots{gap:4px;top:15px}.progress-dot{height:7px;width:7px}.progress-dot.current{height:9px;width:9px}.start-screen h1{font-size:.8rem}.start-screen p{font-size:.95rem;margin-bottom:20px}.start-button{font-size:.95rem;min-height:40px;min-width:120px;padding:12px 20px}}@media (max-width:320px){.quiz-container{padding:10px}.question-container h2{font-size:.85rem;margin-bottom:10px}.yes-no-button{font-size:.85rem;height:65px;width:80px}.yes-no-buttons{gap:8px}.nav-button,.start-screen p{font-size:.9rem}.nav-button{height:42px;width:42px}.explanation{font-size:.7rem}}@media (max-height:500px){.quiz-container{min-height:auto;padding:10px}.question-container{margin-top:10px}.progress-dots{gap:4px;top:5px}.progress-dot{height:8px;width:8px}.progress-dot.current{height:10px;width:10px}.question-container h2{font-size:1rem;margin-bottom:10px}.yes-no-buttons{gap:10px;margin-bottom:10px;padding:10px 0}.yes-no-button{font-size:.85rem;height:60px;width:80px}.correct-answer-info,.explanation-success{margin-top:10px;padding:10px}.explanation{font-size:.8rem}.nav-button{font-size:.9rem;height:40px;width:40px}.quiz-container .navigation-buttons{gap:15px;margin-top:10px}}@media (max-height:500px) and (max-width:480px){.progress-dots{gap:3px}.question-container h2,.yes-no-buttons{margin-bottom:8px}.yes-no-buttons{gap:8px}.correct-answer-info,.explanation-success{margin-top:8px;padding:8px}.start-screen p{margin-bottom:15px}}@media (hover:none) and (pointer:coarse){.yes-no-button{height:100px;min-height:100px;min-width:130px;width:130px}.nav-button,.start-button{min-height:60px;min-width:60px}.details-button,.restart-button,.retry-button{min-height:60px;padding:15px 30px}.yes-no-button:active:not(.disabled){transform:scale(.95)}.nav-button:active:not(.disabled){transform:scale(.92)}.yes-no-buttons{padding:30px 0}.quiz-container .navigation-buttons{gap:40px!important}}@media (hover:none) and (pointer:coarse) and (max-width:480px){.yes-no-button{height:85px;min-height:85px;min-width:110px;width:110px}.nav-button{min-height:48px;min-width:48px}.start-button{min-height:50px;min-width:50px;padding:12px 24px}}@media (hover:none) and (pointer:coarse) and (max-width:360px){.yes-no-button{height:75px;min-height:75px;min-width:95px;width:95px}.nav-button{min-height:44px;min-width:44px}.quiz-container .navigation-buttons{gap:25px!important}.yes-no-buttons{padding:15px 0}}@media (min-width:1024px){.question-footer{grid-gap:15px 20px;align-items:center;display:grid;gap:15px 20px;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;width:100%}.question-footer .yes-no-buttons{grid-column:1/-1;grid-row:1}.question-footer .nav-controls{display:contents}.question-footer .nav-controls .nav-button:first-child{grid-column:1;grid-row:2}.question-footer .nav-controls .nav-button:last-child{grid-column:3;grid-row:2}.question-footer .correct-answer-info,.question-footer .explanation-success{grid-column:2;grid-row:2;justify-self:center;margin:0;max-width:100%}.language-switcher{right:25px;top:18px}.quiz-container.question-mode .progress-dots{left:25px;margin:0;position:absolute;top:25px;transform:none}.question-header{display:contents}}
/*# sourceMappingURL=main.66b82378.css.map*/