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:15px;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}}.orientation-notice{animation:slideDown .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#5555fff2,#7878fff2);border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 4px 15px #55f3;color:#fff;display:none;font-size:14px;font-weight:500;left:0;padding:12px 20px;position:fixed;right:0;text-align:center;top:0;z-index:10000}.notice-text{display:inline-block;line-height:1.4}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px) and (orientation:portrait){.orientation-notice{align-items:center;display:flex;font-size:12px;gap:6px;justify-content:center;padding:10px 16px}.App{padding-top:50px}}@media (max-width:768px) and (orientation:landscape){.orientation-notice{display:none}}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;flex-direction:column;max-width:800px;min-height:450px;padding:50px;position:relative;width:100%}.quiz-container.question-mode{background:#fff;justify-content:flex-start}.quiz-container:not(.question-mode){background:#55f;color:#ff0}.start-screen{text-align:center}.start-screen h1{color:#ffe680;font-size:1.2rem;font-weight:400;margin-bottom:10px}.start-screen p{color:#ff0;font-size:1.5rem;font-weight:700;margin-bottom:30px}.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-container{align-items:stretch;display:flex;flex-direction:column;height:100%;margin-top:40px}.progress-dots{display:flex;gap:8px;justify-content:center;left:50%;position:absolute;top:25px;transform:translateX(-50%)}.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{grid-gap:60px;align-items:stretch;display:grid;gap:60px;grid-template-columns:repeat(2,160px);justify-content:center;margin-bottom:30px;min-height:100px;padding:20px 0;position:relative}.yes-no-button{align-items:center;background:#f0f3ff;border:2px solid #bbbfff;border-radius:16px;box-shadow:0 3px 12px #bbbfff33;box-sizing:border-box;color:#55f;cursor:pointer;display:flex;flex-shrink:0;font-size:1.4rem;font-weight:700;height:100px;justify-content:center;padding:0;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:160px}.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{display:flex;justify-content:space-between;left:0;padding:0 15px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.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;pointer-events:auto;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;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:20px}.progress-dots{gap:6px;top:10px}.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}}@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:8px}.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}}
/*# sourceMappingURL=main.35095e5f.css.map*/