.header{height:var(--header-height);background-color:#2f593f;display:flex;align-items:center}.header-inner{max-width:1440px;width:100%;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:32px}.header-title{font-size:32px;font-weight:700;color:#f8faf7;cursor:pointer}.header-subtitle{font-size:16px;color:#f8faf7}.header-right{display:flex;align-items:center;gap:16px}.help-button{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:4px 6px;color:#f8faf7}.help-icon-circle{width:22px;height:22px;border-radius:50%;border:1px solid #f8faf7;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center}.help-text{font-size:18px;color:#f8faf7}.help-button:hover{opacity:.85}.user-id{font-size:18px;color:#f8faf7}.menu-wrapper{position:relative}.menu-icon{width:35px;height:35px;cursor:pointer;transition:opacity .2s}.menu-icon:hover{opacity:.8}.menu-panel{position:absolute;top:100%;right:0;margin-top:9px;width:300px;background-color:#f0f3f2;border:1px solid #2c8779;z-index:1000}.menu-item{height:60px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;color:#2c8779;border-bottom:1px solid #2c8779;cursor:pointer}.menu-item:last-child{border-bottom:none}.menu-item:hover{background-color:#e6f0ee}.footer{height:var(--footer-height);background-color:#d9d9d9;display:flex;align-items:center}.footer-inner{max-width:1440px;width:100%;margin:0 auto;text-align:center;color:#5b6b73}.footer-line1{font-size:16px;margin:0}.footer-line2{font-size:14px;margin:0}.top-container{display:flex;justify-content:center;padding:60px 16px;box-sizing:border-box;min-height:calc(100vh - var(--header-height) - var(--footer-height))}.top-content{max-width:800px;width:100%;text-align:center}.top-title{font-size:18px;font-weight:600px;color:#2c8779;margin-bottom:32px}.top-title span{font-size:30px;font-weight:700}.top-text{font-size:16px;line-height:1.9;color:#1e2a2f;margin-bottom:60px}.top-buttons{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:70px}.login-wrapper{width:100%;max-width:800px;margin:0 auto;text-align:center}.login-title{font-size:32px;font-weight:700;margin-bottom:48px}.login-form{display:flex;flex-direction:column;align-items:center}.form-row{width:686px;display:flex;align-items:center;margin-bottom:16px}.form-row label{width:120px;margin-right:16px;text-align:right;font-size:16px}.form-row input{width:550px;height:44px;padding:8px 12px;font-size:16px;border-radius:6px;border:1px solid #cfcfcf;text-align:center}.form-row input::placeholder{text-align:center;color:#9a9a9a}.messages{text-align:left;font-size:14px}.development-note{padding:5px 14px;background-color:#fff3cd;color:#856404;border:1px solid #ffeeba;border-radius:6px;font-size:13px}:root{--header-height: 60px;--footer-height: 50px}html,body{margin:0;height:100%}body{font-family:Inter,sans-serif;font-size:16px;color:#1e2a2f;background-color:#fbfcfb}.main{box-sizing:border-box;height:calc(100vh - var(--header-height) - var(--footer-height));display:flex;justify-content:flex-start;padding-top:30px}.form-actions{margin-top:56px;display:flex;flex-direction:column;align-items:center;gap:24px}.btn{width:260px;height:48px;font-size:18px;font-weight:500;border-radius:10px;padding:12px 24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.popup-btn{width:180px}.btn-primary{background-color:#2c8779;color:#f8faf7;border:none}.btn-primary:hover{background-color:#38a18f}.btn-primary:active{background-color:#236b61}.btn-primary:disabled{background-color:#a3cbc4;color:#e9f2f0;cursor:not-allowed;opacity:1}.btn-secondary{background-color:#f0f3f2;color:#2c8779;border:1px solid #2c8779}.btn-secondary:hover{background-color:#f4fbfa;color:#276f63;border-color:#276f63}.btn-secondary:active{background-color:#e3f3f0;color:#1e5a51;border-color:#1e5a51}.btn-secondary:disabled{background-color:#efefef;border:1px solid #d8d8d8;color:#d8d8d8;cursor:not-allowed;opacity:1}.quiz-page{min-height:calc(100vh - var(--header-height) - var(--footer-height));background-color:#f4f7f6}.modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:2000}.quiz-setting-modal{width:600px;background:#fff;border-radius:10px}.quiz-setting-content{padding:48px;display:flex;flex-direction:column;gap:40px}.setting-row{display:grid;grid-template-columns:120px 1fr;align-items:center}.setting-label{font-size:14px;font-weight:600;color:#5b6b73}.select-box{width:320px;position:relative;background:#f2f2f2;border:1px solid #2c8779;cursor:pointer}.select-box span{font-size:14px;color:#333}.select-box img{width:16px;height:16px}.select-trigger{height:44px;background:#f2f2f2;border:1px solid #2c8779;display:flex;align-items:center;justify-content:space-between;padding:0 12px;cursor:pointer}.select-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:#fff;border:1px solid #2c8779;z-index:30}.select-item:hover{background:#e7f4f1}.select-item.is-selected{background:#e5f4f1;font-weight:600}.select-trigger.is-disabled{background-color:#eaeaea99;cursor:not-allowed;pointer-events:none}.select-trigger.is-disabled span{color:#999}.select-trigger.is-disabled img{opacity:.4}.checkbox-row{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-row input{display:none}.custom-checkbox{width:16px;height:16px;border:1px solid #2c8779;background:#fff}.checkbox-row input:checked+.custom-checkbox{background:#2c8779}.checkbox-text{font-size:14px;color:#333}.quiz-setting-actions{display:flex;flex-direction:column;align-items:center;gap:16px}.learning-mode-block{display:flex;flex-direction:column}.caution{margin-left:28px;font-size:14px;line-height:1.4}.caution-sub{display:block;margin-top:4px}.select-item{padding:12px;cursor:pointer}.select-item:not(:last-child){border-bottom:1px solid rgba(44,135,121,.35)}.arrow{transition:transform .2s ease}.arrow.open{transform:rotate(180deg)}.result-modal-overlay{position:fixed;inset:0;background-color:#00000059;display:flex;align-items:center;justify-content:center;z-index:2000}.result-modal{width:520px;background-color:#fff;border-radius:10px;padding:40px 48px;box-shadow:0 8px 32px #0003;text-align:center}.result-modal-title{font-size:24px;font-weight:700;color:#2c8779;margin-bottom:32px}.result-modal-content{display:flex;flex-direction:column;gap:16px;width:fit-content;margin:0 auto}.result-row{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:16px}.result-label{font-size:14px;font-weight:600;color:#5b6b73}.result-value{font-size:16px;color:inherit}.result-grade{font-size:20px;font-weight:700}.grade-S{color:#d4af37}.grade-A{color:#2c8779}.grade-B{color:#4f8fc0}.grade-C{color:#6b7280}.grade-D{color:#9ca3af}.grade-E{color:#b45309}.result-grade-description{margin-top:8px;font-size:14px;color:#6f7f86;text-align:center;line-height:1.6}.result-modal-actions{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:16px}.quiz-choice-wrapper{width:100%;max-width:1024px;margin:0 auto;text-align:center}.quiz-choice-card{margin:40px auto 32px;padding:24px 32px;background-color:#f8faf7;border:1px solid #c1ccc7;border-radius:10px}.quiz-choice-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.quiz-choice-question-area{display:flex;align-items:center;gap:8px}.quiz-choice-label{font-size:16px;font-weight:700}.quiz-choice-question-text{font-size:16px;margin:0}.quiz-choice-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.quiz-choice-time{font-size:18px;font-weight:500;color:#5b6b73;margin:0}.quiz-choice-time.is-danger{color:#d64545;animation:blink 1s step-start infinite}.quiz-choice-score{font-size:18px;font-weight:500;color:#2c8779;margin:0}.quiz-choice-shortcut{margin-top:24px;text-align:left}.quiz-choice-shortcut-key{font-size:30px;font-weight:700;color:#2c8779;margin:0}.quiz-choice-choices{margin-top:40px;display:flex;flex-direction:column;gap:24px}.quiz-choice-row{display:flex;justify-content:center;gap:40px}.choice{position:relative;width:360px;height:70px;padding:16px;border-radius:16px;border:1px solid #2c8779;background-color:#2c8779;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:16px;font-size:16px;color:#f8faf7}.choice-number{width:32px;height:32px;border-radius:999px;border:1px solid #2c8779;background-color:#fbfcfb;color:#2c8779;display:flex;align-items:center;justify-content:center;flex-shrink:0}.choice-label{text-align:center;width:100%}.choice:hover{background-color:#3a9485}.quiz-choice-choices.is-answered .choice{background-color:#a3cbc4;color:#e9f2f0;border-color:#a3cbc4;cursor:default;pointer-events:none;opacity:1;transition:background-color .2s ease}.quiz-choice-choices.is-answered .choice:hover{background-color:inherit;color:inherit}.quiz-choice-choices.is-answered .choice--correct{background-color:#d3efe6;color:#2c8779;border-color:#d3efe6}.quiz-choice-choices.is-answered .choice--wrong{background-color:#ffeded;color:#7a1f1f;border-color:#ffeded}.choice--correct:after,.choice--wrong:after{position:absolute;right:16px;font-size:24px}.quiz-choice-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px}.quiz-choice-pass{width:220px}.quiz-choice-quit{background:none;border:none;padding:0;font-size:16px;text-decoration:underline;color:#5b6b73;cursor:pointer}.choice-wrapper{display:flex;align-items:center;gap:12px}.choice-index{width:32px;height:32px;border-radius:50%;border:1px solid #2c8779;background-color:#fbfcfb;color:#2c8779;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.choice-icon{position:absolute;right:16px;width:24px;height:24px}.quiz-text-wrapper{width:100%;max-width:1024px;margin:0 auto;text-align:center}.quiz-text-card{margin:40px auto 32px;padding:24px 32px;background-color:#f8faf7;border:1px solid #c1ccc7;border-radius:10px}.quiz-text-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.quiz-text-question-area{display:flex;align-items:center;gap:8px}.quiz-text-label{font-size:16px;font-weight:700}.quiz-text-question-text{font-size:16px;margin:0}.quiz-text-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.quiz-text-time{font-size:18px;font-weight:500;color:#5b6b73;margin:0}.quiz-text-time.is-danger{color:#d64545;animation:blink 1s step-start infinite}.quiz-text-score{font-size:18px;font-weight:500;color:#2c8779;margin:0}.quiz-text-shortcut-question{margin-top:24px;text-align:left}.quiz-text-shortcut-answer{margin-top:24px;display:flex;justify-content:center;align-items:center;gap:16px}.quiz-text-token{display:flex;align-items:center;gap:8px}.quiz-text-shortcut-key{font-size:30px;font-weight:700;color:#2c8779;margin:0}.quiz-text-input-wrapper{width:220px;height:70px;border-radius:16px;border:1px solid #c7c7c7;background-color:#f2f7f6;display:flex;align-items:center;justify-content:center;gap:12px}.quiz-text-input{width:90%;height:60%;border:none;background:transparent;font-size:16px;text-align:center;outline:none}.quiz-text-input::placeholder{color:#9eaca7}.quiz-text-plus{font-size:30px;font-weight:700;color:#2c8779}.quiz-text-result-icon{width:32px;height:32px}.quiz-text-submit-area{margin-top:40px;display:flex;justify-content:center}.quiz-text-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px}.quiz-text-pass{width:220px}.quiz-text-quit{background:none;border:none;padding:0;font-size:16px;text-decoration:underline;color:#5b6b73;cursor:pointer}.operation-label{font-size:14px;color:#5b6b73;margin-right:8px}.operation-text{font-size:30px;font-weight:700;color:#2c8779}.quiz-text-explanation-area{margin-top:24px;display:flex;justify-content:center}.quiz-text-explanation-inner{max-width:720px;text-align:left}.quiz-text-correct,.quiz-text-description{font-size:18px;font-weight:500;color:#1e2a2f;line-height:1.6}.quiz-text-correct{margin-bottom:8px}.quiz-text-fixed{font-size:30px;font-weight:700;color:#2c8779;margin:0}.quiz-key-wrapper{width:100%;max-width:1024px;margin:0 auto;text-align:center}.quiz-key-card{margin:10px auto 32px;padding:24px 32px 56px;background-color:#f8faf7;border:1px solid #c1ccc7;border-radius:10px}.quiz-key-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.quiz-key-question-area{display:flex;align-items:center;gap:8px}.quiz-key-label{font-size:16px;font-weight:700}.quiz-key-question-text{font-size:16px;margin:0}.quiz-key-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.quiz-key-time{font-size:18px;font-weight:500;color:#5b6b73;margin:0}.quiz-key-time.is-danger{color:#d64545;animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:.5}}.quiz-key-score{font-size:18px;font-weight:500;color:#2c8779;margin:0}.quiz-key-operation{margin-top:16px;text-align:left}.quiz-key-operation-label{font-size:16px;color:#5b6b73;margin-right:4px}.quiz-key-operation-name{font-size:24px;font-weight:700;color:#2c8779}.quiz-key-guide-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:12px}.quiz-key-guide{margin-top:8px;margin-bottom:0;font-size:26px;font-weight:500;color:#2c8779}.quiz-key-current-label{margin-top:16px;font-size:18px;font-weight:500;color:#1e2a2f}.quiz-key-result-wrapper{display:flex;flex-direction:column;align-items:center;gap:2px;margin:0;opacity:0;transform:translateY(4px);animation:fadeInHint .4s ease-out forwards}@keyframes fadeInHint{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.quiz-key-result-icon{width:32px;height:32px}.quiz-key-next-hint{margin:0;font-size:15px;font-weight:500;color:#2c8779}.quiz-key-display{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:80px}.quiz-key-box{width:64px;height:64px;border-radius:8px;background-color:#eceeee;border:1px solid #d0d5d2;box-shadow:0 1px 2px #00000014;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:400;color:#355b52;animation:keyPop .12s ease-out}.quiz-key-plus{font-size:30px;font-weight:500;color:#355b52}@keyframes keyPop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.quiz-key-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px}.quiz-key-pass{width:220px}.quiz-key-quit{background:none;border:none;padding:0;font-size:16px;text-decoration:underline;color:#5b6b73;cursor:pointer}.scores-page{min-height:calc(100vh - var(--header-height) - var(--footer-height))}.scores-inner{max-width:1024px;margin:0 auto;padding:30px 24px}.scores-search{background:#f8faf7;border:1px solid #c1ccc7;border-radius:10px;padding:22px 22px 18px}.scores-search-row{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:nowrap}.scores-field{display:flex;align-items:center;gap:12px}.scores-label{font-size:18px;font-weight:500;color:#333;min-width:72px}.scores-select-box{width:200px;position:relative}.scores-select-trigger{height:36px;background:#f2f2f2;border:1px solid #2c8779;display:flex;align-items:center;justify-content:space-between;padding:0 10px;cursor:pointer}.scores-select-trigger span{font-size:14px;color:#333}.scores-select-trigger img{width:16px;height:16px}.scores-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:#fff;border:1px solid #2c8779;z-index:30}.scores-select-item{padding:10px;cursor:pointer;font-size:14px}.scores-select-item:not(:last-child){border-bottom:1px solid rgba(44,135,121,.35)}.scores-select-item:hover{background:#e7f4f1}.scores-select-item.is-selected{background:#e5f4f1;font-weight:600}.scores-arrow{transition:transform .2s ease}.scores-arrow.open{transform:rotate(180deg)}.scores-actions{margin-top:20px;display:flex;justify-content:center}.scores-error{margin-top:12px;font-size:14px;color:#d64545;text-align:center}.scores-result{margin-top:30px;display:flex;justify-content:center}.scores-card{width:400px;background:#f8faf7;border:1px solid #c1ccc7;border-radius:10px;padding:28px}.scores-card-row{display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:500;color:#333;padding:10px 0}.scores-card-label{flex:0 0 auto}.scores-card-value{flex:0 0 auto;text-align:right}.scores-top{margin-top:30px;display:flex;justify-content:center}