html,body,#root,.App{height:100%;max-height:100%;overflow-y:auto!important;overflow-x:hidden!important}body{position:relative;margin:0;padding:0;overflow-y:scroll!important}.loading-container,.error-container{display:flex;align-items:center;justify-content:center;min-height:200px;padding:20px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px}.error-container{color:#dc3545}.full-screen{min-height:calc(100vh - 64px);padding:20px;background:#f8f9fa}.unauthorized-view{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 64px);background:#f8f9fa}.unauthorized-container{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.unauthorized-container h1{color:#dc3545;margin-bottom:16px}.action-links{margin-top:24px}.home-link{display:inline-block;padding:10px 20px;background:#007bff;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .2s}.home-link:hover{background:#0056b3}.logout-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 64px);background:#f8f9fa}.logout-container{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.logout-container h2{margin-bottom:16px}.logout-container p{color:#666;margin-bottom:24px}.quiz-sidebar{width:60px;height:100%;background-color:#f5f5f5;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;align-items:center;padding:15px 0;overflow:visible;z-index:5;position:relative;border-radius:4px 0 0 4px}.quiz-question-container .quiz-sidebar{height:100%;margin-right:15px;align-self:stretch;padding:20px 0}.sidebar-section{display:flex;flex-direction:column;align-items:center;width:100%;position:relative;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.sidebar-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title-abbr{font-size:12px;color:#333;margin-bottom:6px;font-weight:500;text-align:center;padding:0 5px;line-height:1.2;display:flex;align-items:center;justify-content:center}.sidebar-section.active .section-title-abbr{color:#4caf50;font-weight:700}.sidebar-section.completed .section-title-abbr{color:#4caf50}.section-progress{width:10px;height:80px;background-color:#e0e0e0;border-radius:10px;margin-top:3px}.sidebar-section.active .section-progress,.sidebar-section.completed .section-progress{background-color:#4caf50}@media (max-width: 768px){.quiz-sidebar{width:50px;background-color:#f5f5f5;box-shadow:2px 0 5px #0000001a}.quiz-question-container .quiz-sidebar{max-height:none;overflow-y:auto}.section-title-abbr{font-size:11px}.section-progress{width:35px}}.question-indicator-container{position:absolute;margin:0 30px;display:flex;flex-direction:column;gap:5px;z-index:100;transition:top .2s ease-out;pointer-events:auto;border-radius:4px}.quiz-question-container .question-indicator-container{left:auto;right:-100px;top:10px!important}.quiz-question-container .quiz-sidebar-container .question-indicator-container{position:absolute;top:15px!important;left:70px!important;right:auto;flex-direction:row;flex-wrap:wrap;max-width:250px;gap:12px}.question-button{width:48px;height:28px;border-radius:4px;border:none;background-color:#e0e0e0;color:#333;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;z-index:1}.question-button:hover{background-color:#d0d0d0}.question-button.answered{background-color:#4caf50;color:#fff}.question-button.answered:hover{background-color:#43a047}.question-button.flagged{background-color:#ffb700;color:#000}.question-button.flagged:hover{background-color:#e6a600}.flag-icon-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.question-button.flagged svg{width:18px;height:18px;display:block;margin:0 auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.question-button.flagged.answered{background-color:#ffb700;color:#000;border:2px solid #4caf50}.question-button.flagged.answered:hover{background-color:#e6a600}.question-button.active{background-color:#4caf50;color:#fff;border-radius:4px 0 0 4px;width:50px;box-shadow:0 1px 3px #0003;z-index:2;position:relative}.question-button.active.flagged{background-color:#ffb700;color:#000}.question-button.active:after{content:"";position:absolute;right:-10px;top:0;width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:10px solid #4caf50}.question-button.active.answered:after{border-left-color:#4caf50}.question-button.active.flagged:after{border-left-color:#ffb700}.question-button.active.flagged.answered:after{border-left-color:#ffb700}@media (max-width: 768px){.question-indicator-container{left:50px}.quiz-question-container .question-indicator-container{display:none}.quiz-question-container .quiz-sidebar-container.visible .question-indicator-container{display:flex;position:fixed;top:60px!important;left:50px!important;max-width:200px}.question-button{width:26px;height:26px;font-size:12px}.question-button.active{width:34px}.question-button.active:after{border-top-width:13px;border-bottom-width:13px;border-left-width:8px}}.quiz-header-container{width:100%;box-shadow:0 2px 4px #f8f8f81a}.quiz-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background-color:#000;color:#fff;height:70px;position:relative}.question-info{display:flex;flex-direction:column;max-width:45%}.question-number{font-size:16px;font-weight:500;margin-bottom:3px;white-space:nowrap}.section-title{font-size:16px;font-weight:400;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timer-container{display:flex;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);gap:8px}.timer-icon{width:24px;height:24px;min-width:24px;border:2px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center}.timer-text{display:flex;flex-direction:column;align-items:flex-start}.timer-label{font-size:14px;white-space:nowrap}.timer-value{font-size:18px;font-weight:600;font-family:monospace;transition:none;will-change:contents}.header-actions{display:flex;align-items:center;gap:10px}.save-btn{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:5px;transition:background-color .2s,transform .1s}.save-btn:hover{background-color:#388e3c}.save-btn:active{transform:scale(.98)}.finish-btn{padding:10px 20px;background-color:#f0c14b;color:#000;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s}.finish-btn:hover{background-color:#e6b33d}.finish-btn:active{transform:scale(.98)}.test-bar{background-color:#568c21;color:#fff;padding:8px 20px;font-size:16px;font-weight:500;display:flex;justify-content:space-between;align-items:center}.test-title,.candidate-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.quiz-header{height:auto;padding:10px 15px;flex-wrap:wrap;justify-content:space-between;gap:10px}.question-info{max-width:100%;margin-bottom:8px;order:1;width:100%}.timer-container{position:relative;left:auto;top:auto;transform:none;order:2;margin-bottom:8px}.finish-btn{order:3;margin-left:auto;padding:8px 16px;font-size:15px}.test-bar{padding:6px 15px;font-size:15px}.test-title,.candidate-name{font-size:14px}}@media (max-width: 480px){.quiz-header{padding:8px 12px}.question-number,.section-title{font-size:14px}.timer-label{font-size:12px}.timer-value{font-size:16px}.finish-btn{padding:7px 14px;font-size:14px}.test-bar{padding:6px 12px;font-size:14px;flex-direction:column;align-items:flex-start}.candidate-name{margin-top:4px}}.category-instructions{background-color:#f0f7ff;padding:15px 20px;margin:10px 0;border-radius:8px;box-shadow:0 2px 4px #0000000d}.category-instructions h3{margin:0 0 10px;color:#1a73e8;font-size:1.1rem}.category-instructions p{margin:0;font-size:.95rem;line-height:1.5;color:#333}.time-warning{color:#f59e0b!important}.time-critical{color:#ef4444!important;animation:pulse 1s infinite}.quiz-question{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;margin-bottom:20px;width:100%}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.question-number{font-size:1.2rem;font-weight:600;color:#fff;margin:0}.flag-button{background:none;border:1px solid #ddd;border-radius:4px;padding:6px 12px;cursor:pointer;color:#666;display:flex;align-items:center;transition:all .2s ease}.flag-button:hover{background-color:#f5f5f5}.flag-button.flagged{background-color:#fffbeb;color:#d97706;border-color:#fbbf24}.flag-icon{margin-right:5px}.question-content{flex:1;margin-left:100px;padding:10px 20px 80px;height:100%;overflow-y:auto;max-height:calc(100vh - 120px)}.question-instructions{font-size:1rem;color:#555;margin-bottom:15px;line-height:1.5}.quiz-question-container .question-text{font-size:18px;line-height:1.6;margin-bottom:20px;color:#333}.question-image{text-align:center;margin:15px 0}.question-image img{max-width:100%;border-radius:4px;max-height:300px}.answer-options{display:flex;flex-direction:column;gap:12px;padding:0;margin-top:0}.option-heading{font-weight:700;margin-top:20px;margin-bottom:10px;color:#333;padding:12px 16px;cursor:default;border-left:3px solid #3b65cc;width:100%;font-size:1.1rem;position:relative;pointer-events:none;-webkit-user-select:none;user-select:none}.grouped-option{margin-left:24px;position:relative;margin-bottom:8px;border:1px solid #eaecf0}.answer-option{display:flex;align-items:center;padding:12px 15px;border:1px solid #e0e0e0;border-radius:6px;transition:all .2s ease;cursor:pointer}.answer-option:hover{background-color:#f5f5f5}.answer-option.selected{border-color:#3b82f6;background-color:#eff6ff}.answer-option input[type=radio]{margin-right:12px}.answer-option label{font-size:1.1rem;cursor:pointer}.text-input-container{margin-top:15px}.text-input-container textarea{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:6px;font-size:1rem;resize:vertical;min-height:100px;transition:border-color .2s ease}.text-input-container textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.question-navigation{display:flex;justify-content:space-between;margin-top:25px;padding-top:15px;border-top:1px solid #eee}@media (max-width: 768px){.quiz-question{padding:15px}.question-header{flex-direction:column;align-items:flex-start;gap:10px}.flag-button{align-self:flex-end}.quiz-question-container .question-text{font-size:16px}.answer-option{padding:10px}.option-content{font-size:14px}}.question-text:lang(ja),.option-content:lang(ja){font-family:Noto Sans JP,sans-serif;line-height:1.8}.japanese-sentence{font-size:1.2rem;line-height:2;margin-bottom:25px;background-color:#f9f9f9;padding:15px;border-radius:8px}.blank{display:inline-block;min-width:80px;border-bottom:2px solid #4a90e2;margin:0 5px;text-align:center;position:relative}.reading-passage{background-color:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:25px;font-size:1.1rem;line-height:1.8}.options-container{display:flex;flex-direction:column;gap:15px;margin-top:20px}.option{padding:15px;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center}.option:hover{background-color:#f0f7ff;border-color:#91d5ff}.option.selected{background-color:#e6f7ff;border-color:#1890ff}.option-number{width:25px;height:25px;border-radius:50%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;font-weight:700;color:#666}.option.selected .option-number{background-color:#1890ff;color:#fff}.option-text{font-size:1.1rem}.language-support{margin-top:30px;border-top:1px solid #eee;padding-top:20px}.language-support-image{max-width:100%;margin-top:10px}.quiz-loading{display:flex;justify-content:center;align-items:center;height:300px;font-size:1.2rem;color:#666}.quiz-question-container{position:relative;display:flex;flex:1;height:calc(100vh - 120px);overflow:hidden;background-color:#fff;padding:0}.sidebar-in-content{position:sticky;left:0;top:0;float:left;width:60px;height:100vh}.sidebar-in-content .quiz-sidebar{position:sticky!important;left:0;top:0;height:100vh;border-radius:4px 0 0 4px;z-index:1000;display:block;width:60px}.isolated-quiz-container .sidebar-in-content{position:fixed;left:0;top:0}.quiz-question-container .question-content{margin-left:150px;flex:1}.quiz-question-container .quiz-sidebar-container{position:relative;flex-shrink:0;z-index:5;height:100%;display:flex;align-items:stretch}.quiz-question-container .question-text{font-size:30px;line-height:1.6;margin-bottom:20px;margin-top:20px;color:#080808;font-weight:600}.question-image-container{margin:15px 0;text-align:center}.question-image{max-width:100%;height:auto;border-radius:4px;box-shadow:0 2px 8px #0000001a}.answer-option{display:flex;align-items:center;padding:14px;border:1px solid #ddd;border-radius:3px;cursor:pointer;transition:all .2s ease;background-color:#f9f9f9}.answer-option:hover{background-color:#e2b1831a;border-color:#ccc}.answer-option.selected{background-color:#fdd7b3;border-color:#a36e3b;position:relative}.answer-option.selected:before{content:"✓";position:absolute;right:10px;top:12px;font-size:16px;color:#a36e3b;font-weight:700}.answer-option.selected{background-color:#fdd7b3;border-color:#a36e3b!important;font-weight:700;box-shadow:0 0 4px #a36e3b4d}.grouped-option.selected{border-left:5px solid #a36e3b}.option-indicator{width:30px;height:30px;border-radius:50%;background-color:#ddd;color:#333;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;margin-right:15px;flex-shrink:0;transition:all .2s ease}.option-text{flex:1;font-size:16px;color:#000}.question-not-found{display:flex;justify-content:center;align-items:center;height:200px;font-size:16px;color:#999;background-color:#f5f5f5;border-radius:8px;margin:20px}.japanese-text{font-family:Noto Sans JP,sans-serif;line-height:1.8}@media (max-width: 768px){.quiz-question-container{flex-direction:column;padding:15px;min-height:400px}.quiz-question-container .quiz-sidebar-container{display:none;height:auto}.quiz-question-container .quiz-sidebar-container.visible{display:block;position:fixed;left:0;top:0;height:100vh;z-index:100}.question-content{margin-left:0;margin-top:10px}.quiz-question-container .question-text{font-size:16px;line-height:1.5}.answer-options{gap:10px}.answer-option{padding:12px}.option-indicator{width:28px;height:28px;font-size:13px;margin-right:12px}.option-text{font-size:15px}.answer-option:active{transform:scale(.98)}}@media (max-width: 480px){.quiz-question-container{padding:20px;background-color:#fff;box-shadow:0 2px 4px #0000000d;border-radius:4px;margin-bottom:20px;width:100%;max-width:100%;box-sizing:border-box;position:relative;display:flex}.quiz-question-container .quiz-sidebar{position:sticky;left:0;top:0;height:100vh;border-radius:4px 0 0 4px;z-index:10;align-self:flex-start}.quiz-question-container .question-content{margin-left:60px;flex:1}.option-indicator{width:26px;height:26px;font-size:12px;margin-right:10px}.option-text{font-size:14px}}.question-instruction{background-color:#ecf2f8;padding:10px 15px;margin:10px 0 20px;border-radius:4px;font-style:Bold;color:#000}.question-instruction p{margin:0;font-size:2rem;line-height:1.4}.question-instruction-english{margin-top:8px;font-size:1.6rem;color:#444;font-style:italic;border-top:1px dashed rgba(0,0,0,.1);padding-top:8px}.option-image-container{display:flex;flex-direction:column;align-items:left;width:100%}.option-image{max-width:100%;max-height:120px;object-fit:contain;border-radius:4px;margin-bottom:8px}.question-audio-container{display:flex;justify-content:center;margin:15px 0;background-color:#f8f9fa;padding:15px;border-radius:8px}.question-audio{width:100%;max-width:400px}.question-image-container{display:flex;justify-content:left;margin:15px 0 25px}.question-image{max-width:100%;max-height:300px;object-fit:contain;border-radius:8px;box-shadow:0 2px 8px #0000001a}.answer-option{min-height:60px}.answer-option .option-image-container{display:flex;flex-direction:column;align-items:center;padding:5px 0}.option-image-container .option-text{margin-top:8px;text-align:center}.image-fallback{display:flex;align-items:center;justify-content:center;background-color:#f0f2f5;border:1px dashed #d9d9d9;border-radius:8px;padding:20px;text-align:center;min-height:150px;color:#666}.image-fallback.small{min-height:100px;padding:10px}.image-fallback p{margin:0;font-size:14px}.image-navigation,.audio-navigation{display:flex;justify-content:center;align-items:center;margin:10px 0;gap:10px}.nav-button{padding:5px 10px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.9rem}.nav-button:hover{background-color:#e0e0e0}.image-counter,.audio-counter{font-size:.9rem;color:#666;min-width:40px;text-align:center}.audio-description{font-size:.9rem;font-style:italic;color:#666;margin-top:5px;text-align:center}.question-images-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin:15px 0 25px}.question-images-grid.single-image .question-image-item{flex:0 0 auto;width:450px;max-width:100%;position:relative}.question-images-grid.single-image .question-image-thumbnail{height:350px}.question-images-grid.few-images .question-image-item{flex:0 0 auto;width:280px;max-width:48%;position:relative}.question-images-grid.few-images .question-image-thumbnail{height:250px}.question-images-grid.many-images .question-image-item,.question-image-item{flex:0 0 auto;width:180px;max-width:30%;position:relative}.question-image-thumbnail{width:100%;height:150px;object-fit:contain;border-radius:4px;box-shadow:0 1px 3px #0000001a;border:1px solid #eee}.question-audio-list{display:flex;flex-direction:column;gap:15px;margin:15px 0}.question-audio-item{background-color:#f8f9fa;padding:12px;border-radius:8px;width:100%}.question-audio{width:100%;max-width:100%}.image-navigation,.audio-navigation{display:none}@media (max-width: 768px){.question-images-grid{justify-content:center}.question-image-item{width:150px;max-width:45%}.question-image-thumbnail{height:120px}}@media (max-width: 480px){.question-image-item{width:120px;max-width:45%}.question-image-thumbnail{height:100px}}.simple-audio-player-custom{background-color:#fff;border-radius:8px;padding:12px 16px;width:100%;max-width:320px;box-shadow:0 1px 3px #0000000d;margin:10px 0;border:1px solid #f0f0f0}.player-controls{display:flex;align-items:center}.play-button{width:36px;height:36px;border-radius:50%;background-color:#4caf50;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;margin-right:12px;flex-shrink:0}.play-button:hover:not(:disabled){background-color:#43a047}.play-button:active:not(:disabled){transform:scale(.95)}.play-button.playing{background-color:#f0f0f0}.play-button.disabled{background-color:#e0e0e0;cursor:not-allowed}.player-info{flex-grow:1}.play-status{font-size:14px;font-weight:500;color:#333;margin-bottom:4px}.play-count{font-size:12px;color:#666}.error-message{font-size:12px;color:#d32f2f;margin-top:4px}.hidden-audio{display:none}.quiz-footer{display:flex;justify-content:space-between;align-items:center;background-color:#000;color:#fff;height:56px;box-shadow:0 -2px 5px #0003;position:fixed;bottom:0;left:0;right:0;margin:0 auto;width:100%;z-index:10}.quiz-tools{display:flex;gap:0;height:100%}.tool-button{background:none;border:none;color:#fff;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.tool-button:hover{background-color:#333}.tool-button.flagged{color:#ffb700}.tool-button.flag-button{background-color:#4caf50;position:relative}.tool-button.flag-button:hover{background-color:#3e8e41}.tool-button.flag-button:active{background-color:#3e8e41;transform:scale(.98)}.tool-button.flag-button.flagged{background-color:#ffb700;color:#000}.tool-button.flag-button.flagged:hover{background-color:#e6a600}.nav-button.flag-button{background-color:#4caf50;position:relative;min-width:56px;padding:0;aspect-ratio:1;border-radius:0}.nav-button.flag-button:hover:not(:disabled){background-color:#3e8e41}.nav-button.flag-button:active:not(:disabled){background-color:#3e8e41;transform:scale(.98)}.nav-button.flag-button.flagged{background-color:#ffb700;color:#000}.nav-button.flag-button.flagged:hover:not(:disabled){background-color:#e6a600}.navigation-buttons{display:flex;gap:10px;padding:10px;height:100%}.nav-button{color:#fff;border:none;border-radius:2px;padding:0 16px;font-size:16px;font-weight:600;cursor:pointer;height:100%;min-width:100px;display:flex;align-items:center;justify-content:center;gap:8px}.quiz-back-button,.next-button{background-color:#4caf50}.quiz-back-button:hover:not(:disabled),.next-button:hover:not(:disabled){background-color:#3e8e41}.quiz-back-button:active:not(:disabled),.next-button:active:not(:disabled){background-color:#3e8e41;transform:scale(.98)}.finish-button{background-color:#2196f3}.finish-button:hover{background-color:#0b7dda}.nav-button:disabled{opacity:.5;cursor:not-allowed}.button-icon{width:20px;height:20px}@media (max-width: 768px){.quiz-footer{flex-direction:row;padding:0;position:fixed;bottom:0;z-index:10;height:64px;width:100%}.navigation-buttons{padding:0;margin:0;gap:1px}.nav-button{flex:1;padding:0 8px;font-size:16px;min-width:auto;border-radius:0;height:100%}.button-icon{width:18px;height:18px}.quiz-tools{height:100%}.tool-button{width:48px;height:64px;border-radius:0;background-color:#4444444d}.tool-button:active{background-color:#55555580;transform:scale(.98)}.tool-button.flag-button{background-color:#4444444d}.tool-button.flag-button.flagged{background-color:#ffb700cc}.navigation-buttons{gap:1px}.nav-button.flag-button{min-width:56px;width:56px;flex:none;aspect-ratio:1;border-radius:0}}@media (max-width: 380px){.nav-button{font-size:14px;padding:0 4px;gap:4px}.tool-button{width:40px}.button-icon{width:16px;height:16px}}.section-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.section-confirmation-dialog{background-color:#fff;border-radius:8px;padding:20px;width:100%;max-width:500px;box-shadow:0 4px 8px #0003}.section-confirmation-dialog h3{margin-top:0;color:#333;border-bottom:1px solid #eee;padding-bottom:12px;font-size:1.4rem}.confirmation-warning{display:flex;align-items:center;background-color:#fff3e0;padding:12px;border-radius:4px;margin:16px 0;border-left:4px solid #ff9800}.confirmation-warning svg{margin-right:12px;flex-shrink:0}.confirmation-warning p{margin:0;color:#e65100;font-weight:500}.confirmation-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.confirmation-stat{display:flex;align-items:center;padding:10px 15px;border-radius:4px;font-weight:500}.confirmation-stat.unanswered{background-color:#ffebee;color:#d32f2f;border-left:4px solid #d32f2f}.confirmation-stat.flagged{background-color:#fff8e1;color:#ffa000;border-left:4px solid #ffa000;display:flex;align-items:center}.confirmation-stat svg{margin-left:8px}.stat-count{font-size:1.2rem;font-weight:700;margin-right:8px;min-width:24px;text-align:center}.confirmation-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.confirmation-actions button{padding:10px 16px;border-radius:4px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.cancel-button{background-color:#f5f5f5;color:#333}.cancel-button:hover{background-color:#e0e0e0}.confirm-button{background-color:#4caf50;color:#fff}.confirm-button:hover{background-color:#3e8e41}@media (max-width: 600px){.section-confirmation-dialog{width:90%;margin:0 15px}.confirmation-actions{flex-direction:column}.confirmation-actions button{width:100%}}.reload-warning-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-in-out}.reload-warning-dialog{background-color:#fff;border-radius:8px;padding:24px;width:90%;max-width:500px;box-shadow:0 4px 20px #00000040;text-align:center;animation:slideIn .3s ease-in-out}.warning-icon{font-size:48px;margin-bottom:16px}.reload-warning-dialog h2{color:#d32f2f;margin-top:0;margin-bottom:16px;font-size:24px}.reload-warning-dialog p{margin-bottom:16px;font-size:16px;line-height:1.5}.warning-emphasis{font-weight:700;color:#d32f2f;background-color:#ffebee;padding:12px;border-radius:4px}.warning-buttons{margin-top:24px;display:flex;justify-content:center;gap:16px}.continue-button{background-color:#2e7d32;color:#fff;border:none;border-radius:4px;padding:12px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s}.continue-button:hover{background-color:#1b5e20}.reload-button{background-color:#d32f2f;color:#fff;border:none;border-radius:4px;padding:12px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s}.reload-button:hover{background-color:#b71c1c}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.quiz-container{display:flex;min-height:100vh;width:100%;overflow:hidden;background-color:#fff;position:relative}.quiz-content{flex:1;display:flex;flex-direction:column;min-width:0;width:100%;background-color:#fff}.question-counter{margin-top:-0}.quiz-test-info{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#000;color:#fff}.sidebar-toggle{display:none;background:none;border:none;color:#fff;width:40px;height:40px;padding:8px;border-radius:4px;cursor:pointer}.sidebar-toggle:hover{background-color:#fff3}.test-name{font-size:18px;font-weight:600}.candidate-info{font-size:14px}.quiz-category-info{background-color:#333;padding:12px 20px;border-bottom:1px solid #444;color:#fff}.category-title{font-size:16px;font-weight:600;color:#4caf50;margin-bottom:5px}.category-description{font-size:14px;color:#ccc}.quiz-loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px;color:#666}.no-question{display:flex;justify-content:center;align-items:center;height:300px;font-size:16px;color:#666;background-color:#f0f0f0;border-radius:8px;margin:20px}.quiz-question-container{flex:1;overflow-y:auto;background-color:#fff}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:10}.section-warning{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#4caf50;color:#fff;padding:15px 20px;border-radius:6px;box-shadow:0 3px 10px #0003;z-index:100;max-width:90%;text-align:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 768px){.quiz-container{flex-direction:column;height:auto;min-height:100vh}.quiz-content{flex:1;z-index:1}.sidebar-toggle{display:flex;align-items:center;justify-content:center}.sidebar-toggle-btn{position:fixed;top:15px;left:15px;z-index:101;background:#4caf50;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0003;cursor:pointer}.sidebar-overlay{display:block;z-index:15;opacity:0;visibility:hidden;transition:opacity .3s ease}.sidebar-overlay.visible{opacity:1;visibility:visible}.quiz-sidebar.visible+.quiz-content{transform:translate(50px);transition:transform .3s ease}.quiz-test-info{padding:12px 15px;position:relative}.test-name{font-size:16px;text-align:center;flex:1;margin:0 40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.candidate-info{font-size:12px}.quiz-category-info{padding:10px 15px}.category-title{font-size:14px}.category-description{font-size:12px}.quiz-question-container{padding:15px}.answer-option{padding:16px;margin-bottom:12px}.option-indicator{width:36px;height:36px;font-size:16px}.section-warning{width:90%;font-size:14px;padding:12px 15px}}@media (max-width: 480px){.quiz-test-info{padding:10px 12px}.test-name{font-size:14px;margin:0 30px}.candidate-info{display:none}.category-title{font-size:13px}.category-description{font-size:11px}.quiz-question-container{padding:10px}.section-warning{padding:10px 12px;font-size:13px}}.quiz-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:20px;text-align:center;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:20px auto;width:100%;max-width:100%}.quiz-loading-container h2{margin-bottom:20px;color:#333}.return-home-btn{background-color:#1976d2;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:16px;cursor:pointer;margin-top:20px;transition:background-color .3s}.return-home-btn:hover{background-color:#1565c0}.quiz-error{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff5f5;border:1px solid #ffcccc;border-radius:8px;padding:30px;margin:20px;text-align:center}.quiz-error h3{color:#e53935;margin-bottom:10px;font-size:1.5rem}.quiz-error p{color:#555;font-size:1rem;max-width:500px}.quiz-launcher-container{min-height:calc(100vh - 120px);display:flex;justify-content:center;align-items:center;padding:20px}.quiz-launcher-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001a;padding:30px;max-width:600px;width:100%}.quiz-launcher-title{font-size:24px;font-weight:600;color:#333;margin-bottom:20px;text-align:center}.quiz-launcher-info{margin-bottom:30px}.quiz-launcher-info p{margin-bottom:10px;line-height:1.5;color:#555}.quiz-launcher-info ul{margin:10px 0;padding-left:20px}.quiz-launcher-info li{margin-bottom:8px;color:#555}.quiz-launcher-actions{display:flex;justify-content:center;gap:15px;margin-top:30px}.quiz-launcher-start{background-color:#14b8a6;color:#fff;font-weight:500;padding:12px 24px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .2s}.quiz-launcher-start:hover{background-color:#0d9488}.quiz-launcher-back{background-color:#f1f5f9;color:#334155;font-weight:500;padding:12px 24px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .2s}.quiz-launcher-back:hover{background-color:#e2e8f0}.quiz-launcher-status{background-color:#f0f7ff;border-radius:5px;padding:15px;margin-top:20px;text-align:center}.quiz-launcher-waiting{font-weight:500;color:#0369a1;margin-top:10px;animation:pulse 2s infinite}.quiz-in-progress-indicator{background-color:#ef4444;color:#fff;border-radius:4px;padding:10px;margin-bottom:15px;display:flex;align-items:center;justify-content:center}.quiz-in-progress-indicator h3{margin:0;font-weight:600;letter-spacing:1px}.pulse-icon{width:12px;height:12px;background-color:#fff;border-radius:50%;margin-right:10px;animation:pulsate 1.5s ease-out infinite}.launcher-warning{margin-top:15px;background-color:#fffbeb;border-left:4px solid #f59e0b;padding:10px;text-align:left;border-radius:4px}@keyframes pulsate{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.5}}@media (max-width: 640px){.quiz-launcher-card{padding:20px}.quiz-launcher-actions{flex-direction:column}.quiz-launcher-start,.quiz-launcher-back{width:100%}}.isolated-quiz-container{min-height:100vh;width:100vw;display:flex;background-color:#f8f9fa;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;overflow:auto}.isolated-quiz-container .quiz-content{flex:2;margin:0 auto;background-color:#fff;display:flex;flex-direction:column}.isolated-quiz-container .quiz-sidebar,.sidebar-in-content .quiz-sidebar{width:60px;height:100vh;background-color:#f5f5f5;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;align-items:center;padding:15px 0;overflow:visible;z-index:1;position:sticky!important;margin-top:110px;border-radius:4px 0 0 4px}.isolated-quiz-container .section-title-abbr{font-size:15px;font-weight:700;color:#333;margin-bottom:6px;font-weight:500;text-align:center;padding:0 5px;line-height:1.2;display:flex;align-items:center;justify-content:center}.isolated-quiz-container .sidebar-section.active .section-title-abbr{color:#4caf50;font-weight:700}.isolated-quiz-container .sidebar-section.completed .section-title-abbr{color:#4caf50}.isolated-quiz-container .section-progress{width:10px;height:80px;background-color:#e0e0e0;border-radius:10px;margin-top:3px}.isolated-quiz-container .sidebar-section.active .section-progress,.isolated-quiz-container .sidebar-section.completed .section-progress{background-color:#4caf50}.isolated-quiz-container .sidebar-section{display:flex;flex-direction:column;align-items:center;width:100%;position:relative;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.isolated-quiz-container .sidebar-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}body{margin:0;padding:0;overflow-x:hidden}.quiz-header-container{width:100%}.quiz-footer{position:fixed;bottom:0;left:0;width:100%;z-index:100}.navbar{display:none}.quiz-error{padding:20px;text-align:center;margin-top:40px}.quiz-error h3{color:#e53e3e;margin-bottom:10px}.return-home-btn{margin-top:20px;padding:10px 20px;background-color:#3182ce;color:#fff;border:none;border-radius:5px;cursor:pointer}.return-home-btn:hover{background-color:#2c5282}.section-warning{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#fed7d7;color:#9b2c2c;padding:10px 20px;border-radius:5px;box-shadow:0 2px 5px #0000001a;z-index:1000;animation:fadein .3s}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.isolated-quiz-container .quiz-sidebar,.sidebar-in-content .quiz-sidebar{width:60px;padding:10px 0;margin-top:80px}.isolated-quiz-container .section-title-abbr{font-size:12px;padding:0 3px}.isolated-quiz-container .section-progress{width:8px;height:100px}.isolated-quiz-container .sidebar-section{margin-bottom:6px;padding-bottom:6px}.section-warning{top:10px;left:10px;right:10px;transform:translate(0);width:auto;font-size:.9em}}@media (max-width: 480px){.isolated-quiz-container .quiz-sidebar,.sidebar-in-content .quiz-sidebar{width:50px;margin-top:70px}.isolated-quiz-container .section-title-abbr{font-size:11px}.isolated-quiz-container .section-progress{width:6px;height:80px}}.navbar{background-color:#fff;box-shadow:0 3px 10px #00000014;position:sticky;top:0;z-index:1000;border-bottom:1px solid #f0f0f0;width:100%;display:block!important;height:60px}.navbar-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:.6rem 1.5rem;height:60px}.navbar-logo a{display:flex;flex-direction:column;text-decoration:none;margin-right:2rem}.logo-text{font-size:1.25rem;font-weight:700;color:#4361ee;line-height:1.2}.logo-subtitle{font-size:.7rem;color:#6c757d;margin-top:-.1rem}.navbar-menu{display:flex;align-items:center;margin-left:auto;gap:8px}.navbar-item{display:flex;align-items:center;gap:8px;padding:.5rem .9rem;color:#4b5563;font-size:.875rem;font-weight:500;text-decoration:none;border-radius:8px;transition:all .2s ease;cursor:pointer;background:transparent;border:none;margin:0 2px;height:36px;position:relative;white-space:nowrap}.navbar-item:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:2px;background-color:#4361ee;transition:width .2s ease}.navbar-item:hover{background-color:#f3f4f6;color:#4361ee}.navbar-item:hover:after{width:30%}.navbar-item.active{color:#4361ee;background-color:#eef1ff}.navbar-item.active:after{width:50%}.navbar-icon{width:18px;height:18px;stroke:currentColor;stroke-width:2;flex-shrink:0;margin-top:-1px}.loading-profile{display:flex;align-items:center;gap:.7rem;padding:.5rem 1rem;font-size:.85rem;color:#6c757d;background-color:#f8f9fa;border-radius:6px}.spinner-small{width:16px;height:16px;border:2px solid #e9ecef;border-top:2px solid #4361ee;border-radius:50%;animation:spin 1s linear infinite}.retry-button-small{background-color:transparent;border:1px solid #4361ee;color:#4361ee;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;cursor:pointer}.navbar-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0}.toggle-icon{width:100%;height:2px;background-color:#4361ee;border-radius:2px;transition:all .3s ease}@media (max-width: 768px){.navbar-container{padding:.8rem 1.2rem}.navbar-toggle{display:flex;z-index:1001}.navbar-menu{position:fixed;top:0;right:0;height:100vh;width:270px;background-color:#fff;flex-direction:column;align-items:flex-start;padding:5rem 1.5rem 2rem;box-shadow:-5px 0 15px #0000001a;transform:translate(100%);transition:transform .3s ease;z-index:1000}.navbar-menu.open{transform:translate(0)}.navbar-item{width:100%;margin:.5rem 0;padding:.7rem 1rem;height:auto}.navbar-item:after{display:none}}.logout-button{color:#6c757d!important;font-weight:400;background-color:transparent!important;border:none!important;opacity:.8}.logout-button:hover{color:#495057!important;background-color:#f8f9fa!important;opacity:1}.logout-button .navbar-icon{opacity:.7}.hero-section{position:relative;background:linear-gradient(135deg,#4361ee,#7209b7);min-height:calc(85vh - 60px);display:flex;align-items:center;padding:100px 0 120px;overflow:hidden;margin-top:0}.hero-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;position:relative;z-index:3}.hero-content{color:#fff}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(90deg,#fff,#e0e0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;margin-bottom:2.5rem;line-height:1.6;opacity:.9}.hero-cta{display:flex;gap:1rem}.hero-cta .btn-primary{background-color:#f72585;box-shadow:0 10px 20px #f725854d}.hero-cta .btn-primary:hover{background-color:#e41a78}.hero-cta .btn-secondary{background-color:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.5)}.hero-cta .btn-secondary:hover{background-color:#ffffff40;border-color:#fff}.hero-image{position:relative;height:500px}.hero-image-wrapper{position:relative;width:100%;height:100%}.hero-image-main{position:absolute;width:100%;height:100%;background-image:url(https://images.unsplash.com/photo-1599215522131-55fc77dd756a?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1600&q=80);background-size:cover;background-position:center;border-radius:20px;box-shadow:0 15px 30px #0003}.hero-image-floating{position:absolute;border-radius:12px;box-shadow:0 8px 16px #00000026;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:15px;animation:float 6s ease-in-out infinite}.floating-1{width:120px;height:120px;top:-40px;left:-20px;background-color:#f72585;animation-delay:0s;color:#fff;font-size:3rem;font-weight:700}.floating-2{width:100px;height:100px;bottom:30px;right:-30px;background-color:#4361ee;animation-delay:1s;color:#fff;font-size:2.5rem;font-weight:700}.floating-3{width:80px;height:80px;bottom:-20px;left:100px;background-color:#7209b7;animation-delay:2s;color:#fff;font-size:2rem;font-weight:700}.floating-1:before{content:"漢字"}.floating-2:before{content:"あ"}.floating-3:before{content:"ア"}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}.hero-wave{position:absolute;bottom:0;left:0;width:100%;height:100px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ffffff' fill-opacity='1' d='M0,64L48,80C96,96,192,128,288,138.7C384,149,480,139,576,122.7C672,107,768,85,864,96C960,107,1056,149,1152,154.7C1248,160,1344,128,1392,112L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");background-size:cover;background-repeat:no-repeat}@media (max-width: 992px){.hero-title{font-size:2.8rem}}@media (max-width: 768px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-content{order:1}.hero-image{order:0;height:350px;margin-bottom:20px}.hero-cta{justify-content:center}.hero-section{padding:80px 0 100px}.hero-title{font-size:2.5rem}}@media (max-width: 576px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-image{height:280px}.floating-1,.floating-2,.floating-3{transform:scale(.8)}}.features-section{background-color:#f8f9fa;position:relative;padding:100px 0;z-index:2}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:50px}.feature-card{background-color:#fff;border-radius:16px;padding:40px 30px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000f;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.feature-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px #0000001a}.feature-highlight{position:absolute;top:0;left:0;width:5px;height:40%;border-radius:0 0 4px;transition:all .3s ease}.feature-card:hover .feature-highlight{height:60%}.feature-icon-wrapper{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;transition:all .3s ease}.feature-icon-wrapper svg{width:30px;height:30px;transition:all .3s ease}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1)}.feature-card:hover .feature-icon-wrapper svg{transform:rotate(5deg)}.feature-title{font-size:1.4rem;font-weight:700;margin:0 0 15px;color:var(--text-color)}.feature-description{color:#666;line-height:1.7;margin:0;font-size:1rem}@media (min-width: 1200px){.features-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 992px){.features-section{padding:80px 0}.feature-card{padding:30px 25px}.feature-icon-wrapper{width:50px;height:50px}.feature-icon-wrapper svg{width:25px;height:25px}.feature-title{font-size:1.3rem}}@media (max-width: 768px){.features-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}.features-section{padding:60px 0}}@media (max-width: 576px){.feature-card{padding:25px 20px}.feature-icon-wrapper{width:45px;height:45px;margin-bottom:20px}.feature-icon-wrapper svg{width:22px;height:22px}.feature-title{font-size:1.2rem;margin-bottom:10px}}.quiz-highlights-section{position:relative;background-color:#fff;padding:100px 0}.quiz-category-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:40px 0}.category-tab{padding:8px 20px;border-radius:30px;background-color:transparent;border:1px solid #e0e0e0;color:#555;font-weight:500;cursor:pointer;transition:all .3s ease}.category-tab.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.category-tab:hover:not(.active){background-color:#f0f0f0}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-top:20px}.quiz-item{border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #00000014;transition:all .3s ease;background-color:#fff;height:100%;display:flex;flex-direction:column}.quiz-item:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0000001a}.quiz-item-image{position:relative;height:200px;overflow:hidden}.quiz-item-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.quiz-item:hover .quiz-item-image img{transform:scale(1.05)}.quiz-item-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:15px;background:linear-gradient(to bottom,#0000004d,#0000 40%,#0000 60%,#00000080)}.quiz-level{align-self:flex-start;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff;background-color:var(--primary-color)}.quiz-level-beginner{background-color:#4cc9f0}.quiz-level-intermediate{background-color:#7209b7}.quiz-level-advanced{background-color:#f72585}.quiz-item-meta{display:flex;justify-content:space-between;width:100%;color:#fff;font-size:.85rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.quiz-item-questions:before{content:"📝 "}.quiz-item-time:before{content:"⏱️ "}.quiz-item-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}.quiz-item-title{font-size:1.3rem;font-weight:700;margin-bottom:12px;color:var(--text-color)}.quiz-item-description{color:#666;margin-bottom:20px;line-height:1.6;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.quiz-item-actions{display:flex;align-items:center;gap:15px}.quiz-item-btn{flex-grow:1;text-align:center}.quiz-item-save{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #e0e0e0;background-color:#fff;color:#777;cursor:pointer;transition:all .3s ease}.quiz-item-save:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.quiz-highlights-footer{margin-top:50px;display:flex;flex-direction:column;align-items:center;gap:25px}.quiz-highlights-dots{display:flex;gap:8px}.dot{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;transition:all .3s ease}.dot.active{background-color:var(--primary-color);transform:scale(1.3)}.quiz-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:20px;color:#666}.quiz-loading-spinner{width:40px;height:40px;border-radius:50%;border:3px solid #f0f0f0;border-top-color:var(--primary-color);animation:spin 1s linear infinite}@media (max-width: 992px){.quiz-highlights-section{padding:80px 0}.quiz-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}}@media (max-width: 768px){.quiz-highlights-section{padding:60px 0}.quiz-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.quiz-item-title{font-size:1.2rem}.category-tab{padding:6px 15px;font-size:.9rem}}@media (max-width: 576px){.quiz-grid{grid-template-columns:1fr;max-width:350px;margin-left:auto;margin-right:auto}.quiz-category-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:15px;justify-content:flex-start;margin:30px 0}.category-tab{white-space:nowrap}}.cta-section{position:relative;background:linear-gradient(135deg,#7209b7,#4361ee);overflow:hidden;color:#fff}.cta-section .container{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center;position:relative;z-index:2}.cta-title{font-size:2.8rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2}.cta-description{font-size:1.2rem;margin-bottom:2.5rem;line-height:1.6;opacity:.9;max-width:600px}.cta-buttons{display:flex;gap:1rem}.cta-btn{padding:14px 30px;font-size:1.1rem}.cta-btn.btn-primary{background-color:#f72585;border-color:#f72585}.cta-btn.btn-primary:hover{background-color:#e41a78;border-color:#e41a78}.cta-btn.btn-secondary{color:#fff;border-color:#fff}.cta-btn.btn-secondary:hover{background-color:#ffffff26}.cta-image{position:relative;height:400px;display:flex;align-items:center;justify-content:center}.cta-shape{position:absolute;border-radius:50%}.cta-shape-1{width:250px;height:250px;background:#f7258533;animation:float-slow 8s ease-in-out infinite}.cta-shape-2{width:180px;height:180px;background:#4cc9f033;animation:float-slow 6s ease-in-out infinite 1s}.cta-shape-3{width:120px;height:120px;background:#fff3;animation:float-slow 4s ease-in-out infinite 2s}@keyframes float-slow{0%{transform:translate(0) rotate(0)}50%{transform:translate(-20px,-30px) rotate(10deg)}to{transform:translate(0) rotate(0)}}.cta-section:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;border-radius:50%;background:#ffffff0d}.cta-section:after{content:"";position:absolute;bottom:-150px;left:-150px;width:400px;height:400px;border-radius:50%;background:#ffffff0d}@media (max-width: 992px){.cta-title{font-size:2.4rem}.cta-description{font-size:1.1rem}.cta-image{height:350px}.cta-shape-1{width:200px;height:200px}.cta-shape-2{width:150px;height:150px}.cta-shape-3{width:100px;height:100px}}@media (max-width: 768px){.cta-section .container{grid-template-columns:1fr;text-align:center}.cta-description{margin-left:auto;margin-right:auto}.cta-buttons{justify-content:center}.cta-image{height:250px;grid-row:1;margin-bottom:-40px}.cta-title{font-size:2.2rem}}@media (max-width: 576px){.cta-title{font-size:2rem}.cta-description{font-size:1rem}.cta-buttons{flex-direction:column;gap:1rem;max-width:300px;margin-left:auto;margin-right:auto}.cta-btn{width:100%}.cta-image{height:200px}}.footer{background-color:#161a2b;color:#f5f5f5;position:relative;padding:80px 0 40px;margin-top:80px}.footer-wave{position:absolute;top:-70px;left:0;width:100%;height:70px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23161a2b' fill-opacity='1' d='M0,128L48,138.7C96,149,192,171,288,176C384,181,480,171,576,144C672,117,768,75,864,90.7C960,107,1056,181,1152,202.7C1248,224,1344,192,1392,176L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");background-size:cover;background-repeat:no-repeat}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:40px;margin-bottom:50px}.footer-section{display:flex;flex-direction:column}.footer-logo{font-size:1.8rem;font-weight:700;margin:0 0 15px;background:linear-gradient(90deg,#4361ee,#f72585);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-description{color:#adb5bd;line-height:1.7;margin-bottom:25px}.footer-social{display:flex;gap:15px}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#ffffff1a;color:#fff;transition:all .3s ease}.social-link:hover{background-color:var(--primary-color);transform:translateY(-3px)}.footer-title{font-size:1.2rem;font-weight:600;margin:0 0 20px;color:#fff}.footer-nav{display:flex;flex-direction:column;gap:12px}.footer-link{color:#adb5bd;text-decoration:none;transition:all .3s ease;font-size:.95rem}.footer-link:hover{color:#fff;transform:translate(5px)}.subscribe-text{color:#adb5bd;line-height:1.7;margin-bottom:15px}.subscribe-form{display:flex;gap:10px}.subscribe-input{flex-grow:1;padding:12px 15px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background-color:#ffffff0d;color:#fff;font-size:.9rem}.subscribe-input:focus{outline:none;border-color:var(--primary-color)}.subscribe-button{padding:0 20px;border-radius:6px;border:none;background-color:var(--primary-color);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.subscribe-button:hover{background-color:#3a53cc}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:30px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.footer-copyright p{color:#adb5bd;margin:0}.footer-legal{display:flex;gap:20px}.legal-link{color:#adb5bd;text-decoration:none;transition:all .3s ease}.legal-link:hover{color:#fff}@media (max-width: 992px){.footer-content{grid-template-columns:1fr 1fr;gap:30px}.footer-section.footer-brand{grid-column:span 2}}@media (max-width: 768px){.footer{padding:60px 0 30px}.footer-content{gap:40px}}@media (max-width: 576px){.footer-content{grid-template-columns:1fr}.footer-section.footer-brand{grid-column:span 1}.footer-bottom{flex-direction:column;gap:15px;text-align:center}.subscribe-form{flex-direction:column}.subscribe-input{width:100%}}:root{--primary-color: #4361ee;--secondary-color: #f72585;--accent-color: #7209b7;--text-color: #333333;--light-text: #ffffff;--background-color: #ffffff;--light-background: #f8f9fa;--border-radius: 8px;--box-shadow: 0 4px 20px rgba(0, 0, 0, .08);--transition: all .3s ease}.home-container{width:100%;max-width:100%;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--text-color)}.section{padding:80px 0;width:100%}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center;color:var(--text-color)}.section-subtitle{font-size:1.2rem;text-align:center;margin-bottom:3rem;color:#666;max-width:800px;margin-left:auto;margin-right:auto}.btn{display:inline-block;padding:12px 24px;border-radius:var(--border-radius);font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition);border:none;font-size:1rem}.btn-primary{background-color:var(--primary-color);color:var(--light-text)}.btn-primary:hover{background-color:#3a53cc;transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background-color:#4361ee1a;transform:translateY(-2px)}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.grid{display:grid;gap:30px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 992px){.grid-4{grid-template-columns:repeat(2,1fr)}.section{padding:60px 0}}@media (max-width: 768px){.grid-3,.grid-2{grid-template-columns:1fr}.section-title{font-size:2rem}.section{padding:50px 0}}@media (max-width: 576px){.grid-4{grid-template-columns:1fr}.container{padding:0 15px}.section-title{font-size:1.8rem}}.quiz-list-container{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.quiz-list-header{text-align:center;margin-bottom:2rem}.quiz-list-header h1{font-size:2.5rem;color:#333;margin-bottom:.5rem}.quiz-list-header p{font-size:1.2rem;color:#666}.test-type-tabs{display:flex;justify-content:center;margin:1.5rem 0;gap:1rem}.test-type-tab{padding:.75rem 1.5rem;border-radius:4px;background-color:#f3f4f6;border:1px solid #e5e7eb;font-weight:600;color:#4b5563;cursor:pointer;transition:all .2s ease}.test-type-tab.active{background-color:#4a6cf7;color:#fff;border-color:#4a6cf7}.test-type-tab:hover:not(.active){background-color:#e5e7eb}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.quiz-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;overflow:hidden}.quiz-thumbnail{margin:-1.5rem -1.5rem 1rem;height:160px;overflow:hidden;position:relative;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center}.quiz-thumbnail-image{width:100%;height:100%;object-fit:cover}.quiz-thumbnail-placeholder{color:#9ca3af;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.quiz-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.quiz-card h3{font-size:1.4rem;margin-bottom:.8rem;color:#333}.quiz-description{color:#666;margin-bottom:1.2rem;flex-grow:1}.quiz-details{font-size:.9rem;color:#888;margin-bottom:1rem}.start-quiz-button{display:inline-block;background-color:#4a6cf7;color:#fff;padding:.8rem 1.5rem;border-radius:4px;text-decoration:none;text-align:center;font-weight:600;transition:background-color .3s ease}.start-quiz-button:hover{background-color:#3a5ce5}.no-quizzes{text-align:center;padding:3rem;background-color:#f8f9fa;border-radius:8px}.loading,.error{text-align:center;padding:3rem}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #4a6cf7;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 1rem}@media (max-width: 768px){.quiz-list-container{padding:1rem}.quiz-grid{grid-template-columns:1fr;gap:1.5rem}.quiz-list-header h1{font-size:2rem}.test-type-tabs{flex-direction:column;align-items:center;gap:.5rem}.test-type-tab{width:100%;max-width:250px}}.jlpt-level-indicator{background-color:var(--jlpt-red-active-button);color:var(--jlpt-text-light);padding:10px 40px;font-size:2.5em;font-weight:700;display:flex;align-items:center;justify-content:center;min-width:80px;height:100%;box-sizing:border-box}.jlpt-section-tabs-outer-wrapper{display:flex;flex-direction:column;flex-grow:1;height:100%}.jlpt-section-tabs-container{display:flex;flex-grow:1;background-color:var(--jlpt-pink-light-bg);height:auto}.jlpt-main-section-tab{display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-right:1px solid var(--jlpt-border-main-section);padding:2px 0;flex-basis:0px;flex-shrink:0;text-align:center;background-color:var(--jlpt-pink-light-bg)}.jlpt-main-section-tab:nth-child(1){flex-grow:22}.jlpt-main-section-tab:nth-child(2){flex-grow:3}.jlpt-main-section-tab:nth-child(3){flex-grow:1}.jlpt-main-section-tab:last-child{border-right:none}.jlpt-main-section-title{font-size:.65em;color:var(--jlpt-grey-dark-text);padding:2px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:500}.jlpt-question-number-tabs{display:flex;justify-content:flex-start;flex-wrap:nowrap;width:100%;padding:3px 0}.jlpt-question-number-tab{padding:5px 6px;margin:0;font-size:.75em;cursor:pointer;flex-grow:1;flex-basis:0;line-height:1.2;color:var(--jlpt-text-light);display:flex;align-items:center;justify-content:center;white-space:nowrap;font-weight:700;border:none}.jlpt-question-number-tab.in-other-main{background-color:var(--jlpt-grey-medium);color:var(--jlpt-grey-inactive-text)}.jlpt-question-number-tab.in-other-main:hover{background-color:var(--jlpt-grey-medium-hover)}.jlpt-question-number-tab.in-active-main{background-color:var(--jlpt-grey-light);color:var(--jlpt-grey-dark-text)}.jlpt-question-number-tab.in-active-main:hover{background-color:var(--jlpt-grey-light-hover)}.jlpt-question-number-tab.active.in-active-main{background-color:var(--jlpt-red-primary);color:var(--jlpt-text-light)}.jlpt-question-number-tab:disabled{cursor:not-allowed;opacity:.6;background-color:var(--jlpt-disabled-bg);color:var(--jlpt-disabled-text)}.jlpt-question-number-tab .jlpt-speaker-icon{margin-right:3px;vertical-align:middle}.jlpt-section-tabs-empty{padding:10px;text-align:center;color:#777;flex-grow:1;display:flex;align-items:center;justify-content:center}.jlpt-current-section-detail{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:1.1em;color:var(--jlpt-red-dark);font-weight:600;padding:8px 15px;width:100%;box-sizing:border-box;min-height:45px;position:relative}.jlpt-section-name{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:10px}.jlpt-time-display{text-align:center;white-space:nowrap;padding:0 10px;font-weight:700}.jlpt-user-name{text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:10px;justify-self:end}.jlpt-current-section-detail-empty{min-height:45px;padding:8px 15px}.jlpt-header-outer-container{display:flex;flex-direction:column;width:100%;box-shadow:0 2px 4px #0000001a}.jlpt-header-top-bar{display:flex;align-items:stretch;width:100%;background-color:var(--jlpt-pink-light-bg)}.jlpt-header-center-panel{flex-grow:1;display:flex;align-items:stretch}.jlpt-question-view{padding:20px 20px 80px;flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.jlpt-question-view-empty{padding:20px;text-align:center;color:#777}.jlpt-question-instructions{margin-bottom:20px;font-size:1.2em;color:var(--jlpt-text-dark);line-height:1.6;padding:10px;font-weight:700;width:100%;max-width:800px;text-align:left;box-sizing:border-box}.jlpt-question-instructions p,.jlpt-question-instructions div,.jlpt-question-instructions li{font-size:inherit!important;line-height:inherit!important}.jlpt-question-stem{margin-bottom:30px;font-size:1.6em;line-height:1.8;color:var(--jlpt-text-stem);font-weight:700;width:100%;max-width:800px;text-align:left;box-sizing:border-box}.jlpt-question-stem p,.jlpt-question-stem div,.jlpt-question-stem li{font-size:inherit!important;line-height:inherit!important}.jlpt-audio-player{display:flex;align-items:center;padding:8px 20px;background:linear-gradient(to bottom,#f0f0f0,#e0e0e0);border:1px solid #999;border-radius:4px;font-family:Arial,sans-serif;gap:15px;height:60px;margin-top:20px;box-shadow:inset 1px 1px #fff,inset -1px -1px #ccc}.jlpt-audio-player .mute-button{background:linear-gradient(to bottom,#e8e8e8,#d0d0d0);border:1px solid #999;border-radius:3px;padding:6px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;min-width:60px;height:28px;box-shadow:inset 1px 1px #fff,inset -1px -1px #aaa}.jlpt-audio-player .mute-button:hover:not(:disabled){background:linear-gradient(to bottom,#f0f0f0,#d8d8d8)}.jlpt-audio-player .mute-button:active:not(:disabled){box-shadow:inset -1px -1px #fff,inset 1px 1px #aaa}.jlpt-audio-player .mute-button:disabled{opacity:.5;cursor:not-allowed}.jlpt-audio-player .volume-control-container{display:flex;align-items:center;background:linear-gradient(to bottom,#f8f8f8,#e8e8e8);padding:4px 12px;border-radius:3px;border:1px solid #999;width:280px;height:24px;position:relative;box-shadow:inset 1px 1px #fff,inset -1px -1px #ccc}.jlpt-audio-player .volume-control-container:before{content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:4px solid transparent;border-right:10px solid #888;margin-right:6px;transform:skewY(-10deg)}.jlpt-audio-player .volume-control-container:after{content:"";width:0;height:0;border-top:4px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #888;margin-left:6px;transform:skewY(10deg)}.jlpt-audio-player .volume-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to bottom,#aaa,#ccc);border-radius:3px;cursor:pointer;outline:none;box-shadow:inset 1px 1px 2px #0000004d}.jlpt-audio-player .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:linear-gradient(to bottom,#f0f0f0,#d0d0d0);border-radius:50%;cursor:pointer;border:1px solid #999;box-shadow:inset 1px 1px #fff,inset -1px -1px #aaa,0 1px 3px #0000004d}.jlpt-audio-player .volume-slider::-moz-range-thumb{width:16px;height:16px;background:linear-gradient(to bottom,#f0f0f0,#d0d0d0);border-radius:50%;cursor:pointer;border:1px solid #999;box-sizing:border-box;box-shadow:inset 1px 1px #fff,inset -1px -1px #aaa}.jlpt-audio-player .play-pause-button{background:linear-gradient(to bottom,#ffff80,#ff0,#e6e600);border:1px solid #ccc;border-radius:4px;padding:6px 10px;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:36px;height:28px;box-shadow:inset 1px 1px #ff9,inset -1px -1px #cc0,0 1px 2px #0003}.jlpt-audio-player .play-pause-button:hover:not(:disabled){background:linear-gradient(to bottom,#ff9,#ff3,#f0f000)}.jlpt-audio-player .play-pause-button:active:not(:disabled){box-shadow:inset -1px -1px #ff9,inset 1px 1px #cc0}.jlpt-audio-player .play-pause-button:disabled{opacity:.5;cursor:not-allowed}.jlpt-audio-player .stop-button-jlpt{background:linear-gradient(to bottom,#ffff80,#ff0,#e6e600);border:1px solid #ccc;border-radius:4px;padding:6px 10px;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:36px;height:28px;box-shadow:inset 1px 1px #ff9,inset -1px -1px #cc0,0 1px 2px #0003}.jlpt-audio-player .stop-button-jlpt:hover:not(:disabled){background:linear-gradient(to bottom,#ff9,#ff3,#f0f000)}.jlpt-audio-player .stop-button-jlpt:active:not(:disabled){box-shadow:inset -1px -1px #ff9,inset 1px 1px #cc0}.jlpt-audio-player .stop-button-jlpt:disabled{opacity:.5;cursor:not-allowed}.jlpt-audio-player .control-icon{display:inline-block}.jlpt-audio-player .play-icon-jlpt{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:14px solid #333;margin-left:2px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.jlpt-audio-player .pause-icon-jlpt{display:flex;gap:3px}.jlpt-audio-player .pause-icon-jlpt:before,.jlpt-audio-player .pause-icon-jlpt:after{content:"";width:4px;height:12px;background-color:#333;border-radius:1px;box-shadow:0 1px 1px #0000004d}.jlpt-audio-player .stop-icon-jlpt{background-color:#333;width:12px;height:12px;border-radius:1px;box-shadow:0 1px 1px #0000004d}.jlpt-audio-player .progress-bar-container{flex-grow:1;height:16px;background:linear-gradient(to bottom,#ddd,#f0f0f0);border-radius:3px;cursor:pointer;position:relative;border:1px solid #999;overflow:hidden;min-width:120px;box-shadow:inset 1px 1px 2px #0000004d}.jlpt-audio-player .progress-bar{height:100%;background:linear-gradient(to bottom,#aaa,#888,#666);border-radius:2px 0 0 2px;transition:width .1s ease;box-shadow:0 0 3px #0006}.jlpt-audio-player audio{display:none}@media (max-width: 480px){.jlpt-audio-player{gap:6px}.jlpt-audio-player .volume-control-container{width:100px}}.jlpt-footer{display:flex;justify-content:center;align-items:center;padding:10px 30px 30px 20px;gap:20px;position:fixed;bottom:0;left:0;width:100%;background-color:#f3f3f3;box-sizing:border-box;z-index:100}.jlpt-footer-next-btn{padding:12px 35px;font-size:1.2em;background-color:var(--jlpt-red-active-button);color:var(--jlpt-text-light);border:none;border-radius:25px;cursor:pointer;font-weight:700;box-shadow:0 2px 5px #00000026;transition:background-color .2s ease}.jlpt-footer-prev-btn{padding:12px 35px;font-size:1.2em;background-color:var(--jlpt-red-active-button);color:var(--jlpt-text-light);border:none;border-radius:25px;cursor:pointer;font-weight:700;box-shadow:0 2px 5px #0000001a;transition:background-color .2s ease}.jlpt-footer-next-btn:hover,.jlpt-footer-prev-btn:hover{background-color:var(--jlpt-yellow-button);color:var(--jlpt-yellow-button-text)}.jlpt-footer-finish-btn{padding:12px 35px;font-size:1.2em;background-color:#2c8a56;color:var(--jlpt-text-light);border:none;border-radius:25px;cursor:pointer;font-weight:700;box-shadow:0 2px 5px #00000026;transition:background-color .2s ease}.jlpt-footer-finish-btn:hover{background-color:#237245}.jlpt-footer-next-btn:disabled,.jlpt-footer-prev-btn:disabled,.jlpt-footer-finish-btn:disabled{background-color:var(--jlpt-disabled-bg);color:var(--jlpt-disabled-text);cursor:not-allowed;box-shadow:none;border-color:var( --jlpt-disabled-border )}:root{--jlpt-red: #e60033;--jlpt-red-dark: #c7002b}.jlpt-certificate-container{display:flex;justify-content:center;padding:1rem;font-family:Helvetica Neue,Arial,sans-serif;background-color:transparent;color:#333;z-index:10;position:relative;visibility:visible!important;opacity:1!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:100%!important;overflow:visible!important}.jlpt-certificate{width:100%;max-width:800px;margin:0 auto;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;padding:2rem;display:flex;flex-direction:column;gap:2rem;overflow:visible;height:auto}.jlpt-certificate-title{font-size:1.75rem;font-weight:600;text-align:center;margin-bottom:1rem;color:#1a1a1a}.jlpt-certificate-name{font-size:1.5rem;font-weight:500;text-align:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e0e0e0}.jlpt-certificate-section{display:flex;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.jlpt-combined-info-row{display:flex;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;margin-bottom:2rem;box-shadow:0 2px 4px #0000000a}.jlpt-info-item{flex:1;display:flex;flex-direction:column;border-right:1px solid #e0e0e0;overflow:hidden}.jlpt-info-item:last-child{border-right:none}.jlpt-info-label{padding:.75rem;background-color:#f8f8f8;border-bottom:1px solid #eee;text-align:center}.jlpt-info-value{padding:1.25rem;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:1.25rem;min-height:60px;background-color:#fff}.jlpt-info-value.jlpt-result{font-weight:700;font-size:1.5rem;color:#2c8a56}.jlpt-info-value.jlpt-result.failed{color:#e60033}.jlpt-info-value.jlpt-name{font-weight:600;font-size:1.1rem}.jlpt-info-value.jlpt-reg-number{background-color:#f9f9f9;letter-spacing:1px;font-size:1rem}.jlpt-certificate-label{width:40%;padding:1rem;background-color:#f8f8f8;display:flex;flex-direction:column;justify-content:center}.jlpt-certificate-value{width:60%;padding:1rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:500}.jlpt-label-japanese{font-size:.9rem;margin-bottom:.25rem}.jlpt-label-english{font-size:.85rem;color:#666}.jlpt-reg-number{background-color:#f9f9f9;padding:.5rem 1rem;border-radius:20px;letter-spacing:1px}.jlpt-result{font-weight:600;font-size:1.5rem;color:#2c8a56}.jlpt-scores-section{display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.jlpt-scores-header{display:flex;background-color:#f8f8f8;padding:1rem;border-bottom:1px solid #e0e0e0}.jlpt-scores-header .jlpt-label-japanese,.jlpt-scores-header .jlpt-label-english{flex:3}.jlpt-total-score-header{flex:1;text-align:center;padding-left:1rem;border-left:1px solid #e0e0e0}.jlpt-scores-content{display:flex}.jlpt-section-scores{flex:3}.jlpt-score-row{display:flex;border-bottom:1px solid #f0f0f0}.jlpt-score-row:last-child{border-bottom:none}.jlpt-score-label{flex:3;padding:1rem}.jlpt-score-value{flex:1;display:flex;align-items:center;justify-content:center;font-weight:500;padding:1rem}.jlpt-total-score{flex:1;display:flex;align-items:center;justify-content:center;border-left:1px solid #e0e0e0;font-size:1.5rem;font-weight:600}.jlpt-total-value{padding:1rem}.jlpt-references-section{display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:4px;overflow:visible;margin-bottom:2rem}.jlpt-references-header{background-color:#f8f8f8;padding:1rem;border-bottom:1px solid #e0e0e0}.jlpt-references-content{display:flex;min-height:100px}.jlpt-reference-column{flex:1;display:flex;flex-direction:column;border-right:1px solid #e0e0e0}.jlpt-reference-column:last-child{border-right:none}.jlpt-reference-label{padding:.75rem;background-color:#f9f9f9;border-bottom:1px solid #eee;text-align:center}.jlpt-reference-value{padding:1.5rem;font-size:1.5rem;font-weight:700;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.jlpt-certificate{padding:1.5rem}.jlpt-combined-info-row{flex-direction:column}.jlpt-info-item{border-right:none;border-bottom:1px solid #e0e0e0;margin-bottom:.5rem}.jlpt-info-item:last-child{border-bottom:none}.jlpt-certificate-section,.jlpt-scores-section,.jlpt-references-section{flex-direction:column}.jlpt-certificate-label,.jlpt-certificate-value{width:100%}.jlpt-scores-header{flex-direction:column}.jlpt-total-score-header{padding-left:0;padding-top:.5rem;border-left:none;border-top:1px solid #e0e0e0;margin-top:.5rem}.jlpt-scores-content{flex-direction:column}.jlpt-total-score{border-left:none;border-top:1px solid #e0e0e0}.jlpt-references-content{flex-direction:column}.jlpt-reference-column{border-right:none;border-bottom:1px solid #e0e0e0}.jlpt-reference-column:last-child{border-bottom:none}}.submit-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.submit-confirmation-dialog{background-color:#fff;border-radius:8px;padding:2rem;width:90%;max-width:500px;box-shadow:0 4px 20px #00000026;text-align:center}.submit-confirmation-dialog h2{margin-top:0;color:#333;font-size:1.5rem;margin-bottom:1rem}.submit-confirmation-dialog p{margin-bottom:1rem;color:#555;line-height:1.5}.submit-confirmation-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.submit-confirmation-button{padding:.75rem 1.5rem;border-radius:4px;font-weight:500;cursor:pointer;border:none;font-size:1rem;transition:background-color .2s,transform .1s}.submit-confirmation-button:hover{transform:translateY(-2px)}.submit-confirmation-cancel{background-color:#f1f1f1;color:#555}.submit-confirmation-cancel:hover{background-color:#e4e4e4}.submit-confirmation-submit{background-color:#2c8a56;color:#fff}.submit-confirmation-submit:hover{background-color:#237245}@media (max-width: 600px){.submit-confirmation-dialog{width:95%;padding:1.5rem}.submit-confirmation-buttons{flex-direction:column}.submit-confirmation-button{width:100%}}:root{--jlpt-red-dark: #c62828;--jlpt-red-primary: #d32f2f;--jlpt-red-active-button: #ef5350;--jlpt-pink-light-bg: #ffebee;--jlpt-pink-border: #ffcdd2;--jlpt-pink-button: #ffb6c1;--jlpt-pink-button-hover: #ffacb1;--jlpt-pink-button-text: #5d001e;--jlpt-yellow-button: #ffd700;--jlpt-yellow-button-hover: #ffc700;--jlpt-yellow-button-text: #4a3b00;--jlpt-blue-help: #007bff;--jlpt-blue-help-hover: #0056b3;--jlpt-grey-light: #e0e0e0;--jlpt-grey-light-hover: #d0d0d0;--jlpt-grey-medium: #bdbdbd;--jlpt-grey-medium-hover: #aeaeae;--jlpt-grey-dark-text: #424242;--jlpt-grey-inactive-text: #757575;--jlpt-disabled-bg: #e0e0e0;--jlpt-disabled-text: #a0a0a0;--jlpt-disabled-border: #b0b0b0;--jlpt-text-dark: #333;--jlpt-text-light: white;--jlpt-text-stem: #222;--jlpt-border-main-section: #e57373;--jlpt-border-question-tab: #d1c4e9}.jlpt-test-container{display:flex;flex-direction:column;height:100vh;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,游ゴシック体,Yu Gothic,メイリオ,ＭＳ Ｐゴシック,MS PGothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#fff;border:10px solid var(--jlpt-pink-border);box-sizing:border-box;overflow:hidden}.jlpt-loading,.jlpt-error{display:flex;justify-content:center;align-items:center;height:100%;font-size:1.2em}.jlpt-question-options{display:flex;flex-direction:row!important;flex-wrap:wrap;justify-content:space-around;gap:15px!important;margin-top:30px}.jlpt-option-button{flex-basis:calc(50% - 10px);padding:15px 20px!important;border:2px solid #f0e0c0!important;border-radius:25px!important;background-color:#fff8e8!important;cursor:pointer;text-align:center!important;font-size:1.1em!important;color:var(--jlpt-text-dark);box-shadow:0 2px 4px #0000000d}.jlpt-option-button.selected{background-color:var( --jlpt-yellow-button )!important;border-color:var( --jlpt-yellow-button-hover )!important;color:var(--jlpt-yellow-button-text)!important;font-weight:700}.jlpt-option-button:hover:not(.selected){background-color:#fff0d0!important}.jlpt-question-view{flex-grow:1;overflow-y:auto;padding-bottom:150px}.jlpt-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem;text-align:center}.loading-spinner{width:50px;height:50px;border-radius:50%;border:3px solid rgba(0,0,0,.1);border-top-color:#3a6cd9;animation:spin 1s linear infinite;margin-bottom:1rem}.jlpt-error{max-width:800px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;text-align:center}.jlpt-error h2{color:#dc3545;margin-bottom:1rem}.error-details{margin-top:1.5rem;padding:1rem;background-color:#f8f9fa;border-radius:5px;text-align:left}.error-details ul{margin-left:1.5rem;margin-top:.5rem}.results-btn{display:inline-block;padding:.75rem 1.5rem;font-weight:500;border-radius:6px;cursor:pointer;text-align:center;transition:all .2s;margin:.5rem}.results-btn-primary{background-color:#3a6cd9;color:#fff;border:none}.results-btn-primary:hover{background-color:#2c5bc7;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.results-btn-secondary{background-color:#fff;color:#3a6cd9;border:1px solid #3a6cd9}.results-btn-secondary:hover{background-color:#f0f4ff;transform:translateY(-2px)}.results-actions-footer{display:flex;justify-content:center;padding:1.5rem;margin-top:2rem;border-top:1px solid #eee;background-color:#f8f9fa}.question-grid-container{margin:2rem auto;max-width:800px;padding:1.5rem;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014}.question-grid-title{font-size:1.25rem;color:#333;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #eee;text-align:center}.question-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px;margin-bottom:1.5rem}.question-item{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s;border:1px solid #ddd}.question-item:hover{transform:translateY(-2px);box-shadow:0 2px 5px #0000001a}.question-item.correct{background-color:#28a74526;border-color:#28a7454d;color:#28a745}.question-item.incorrect{background-color:#dc354526;border-color:#dc35454d;color:#dc3545}.question-item.unanswered{background-color:#ffc10726;border-color:#ffc1074d;color:#ffc107}.question-section{margin-bottom:1rem}.question-section-title{font-size:1rem;margin-bottom:.75rem;color:#555;font-weight:500}.grid-legend{display:flex;justify-content:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:5px;font-size:.85rem;color:#666}.legend-color{width:16px;height:16px;border-radius:4px}.legend-color.correct{background-color:#28a74526;border:1px solid rgba(40,167,69,.3)}.legend-color.incorrect{background-color:#dc354526;border:1px solid rgba(220,53,69,.3)}.legend-color.unanswered{background-color:#ffc10726;border:1px solid rgba(255,193,7,.3)}@media (max-width: 768px){.question-grid-container{padding:1rem}.question-grid{grid-template-columns:repeat(auto-fill,minmax(35px,1fr));gap:6px}.question-item{width:35px;height:35px;font-size:.8rem}}.modern-profile-container{width:100%;margin:0;padding:2rem;overflow-y:auto;height:100%;box-sizing:border-box;background-color:#f8f9fa}.profile-content{display:flex;flex-direction:column;gap:2.5rem;padding-bottom:3rem;overflow-y:auto;width:100%}.profile-tabs{display:flex;justify-content:center;border-bottom:1px solid #f0f0f0;margin-bottom:2rem;overflow-x:auto;padding-bottom:0;position:sticky;top:-33px;background-color:#fff;z-index:10}.profile-tab{padding:1rem 1.5rem;border:none;background:none;border-bottom:3px solid transparent;font-size:1rem;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease;white-space:nowrap}.profile-tab:hover{color:#4a6cf7}.profile-tab.active{color:#4a6cf7;border-bottom-color:#4a6cf7}.profile-detailed-stats{display:flex;flex-direction:column;gap:2.5rem}.profile-settings{background-color:#f9f9f9;padding:2rem;border-radius:8px;text-align:center}.profile-settings h2{color:#333;margin-bottom:1rem}@media (max-width: 768px){.modern-profile-container{margin:1rem;padding:0 1rem;height:auto;overflow-y:visible}.profile-tabs{justify-content:flex-start;padding-bottom:.5rem}.profile-tab{padding:.75rem 1rem;font-size:.9rem}}.profile-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem}.profile-column{display:flex;flex-direction:column}.profile-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #f0f0f0}.profile-avatar{width:80px;height:80px;background-color:#4a6cf7;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.profile-info h1{font-size:1.8rem;margin:0 0 .5rem;color:#333}.profile-email{color:#666;margin:.25rem 0;font-size:1rem}.profile-role{display:inline-block;background-color:#eef1fe;color:#4a6cf7;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600;margin-top:.5rem}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background-color:#f9f9f9;border-radius:8px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000000d}.stat-value{font-size:2.5rem;font-weight:700;color:#4a6cf7;margin-bottom:.5rem}.stat-label{color:#666;font-size:.875rem}.profile-section{margin-top:2rem}.profile-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:#333;position:relative;padding-bottom:.75rem}.profile-section h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:#4a6cf7;border-radius:2px}.no-history{text-align:center;padding:3rem 1rem;background-color:#f9f9f9;border-radius:8px}.start-quiz-link{display:inline-block;background-color:#4a6cf7;color:#fff;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:600;margin-top:1rem;transition:background-color .2s ease}.start-quiz-link:hover{background-color:#3a5ce5}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background-color:#f9f9f9;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.history-item:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000000d}.history-details h3{margin:0 0 .5rem;font-size:1.1rem;color:#333}.history-date{color:#666;font-size:.875rem;margin:0}.history-score{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.score-value{font-size:1.5rem;font-weight:700;color:#4a6cf7}.view-results-button{display:inline-block;background-color:transparent;color:#4a6cf7;border:1px solid #4a6cf7;padding:.5rem 1rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:.875rem;transition:all .2s ease}.view-results-button:hover{background-color:#4a6cf7;color:#fff}.modern-profile-container.loading,.modern-profile-container.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:3rem;text-align:center}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #4a6cf7;border-radius:50%;margin-bottom:1.5rem;animation:spin 1s linear infinite}.modern-profile-container.error h2{color:#e74c3c;margin-bottom:1rem}.modern-profile-container.error button{background-color:#4a6cf7;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:1.5rem}.modern-profile-container.error button:hover{background-color:#3a5ce5}@media (max-width: 992px){.profile-sections{grid-template-columns:1fr}}@media (max-width: 768px){.modern-profile-container{margin:1rem;padding:0}}.profile-header-container{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014}.profile-header-backdrop{height:180px;background:linear-gradient(135deg,#4a6cf7,#b7c5f8);position:relative}.profile-header-content{display:flex;align-items:flex-end;padding:0 2rem 2rem;position:relative;margin-top:-80px;background-color:#fff;border-radius:0 0 12px 12px}.profile-avatar{width:120px;height:120px;background-color:#4a6cf7;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;border:4px solid white;box-shadow:0 4px 10px #4a6cf74d;margin-right:2rem;z-index:2}.profile-info{flex:1;padding-top:1.5rem}.profile-info h1{font-size:2rem;margin:0 0 .25rem;color:#333;font-weight:700}.profile-email{color:#666;margin:.25rem 0 1rem;font-size:1rem}.profile-details{display:flex;flex-wrap:wrap;gap:1rem}.profile-role{display:inline-block;background-color:#eef1fe;color:#4a6cf7;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.profile-joined{display:inline-block;color:#666;font-size:.875rem;padding:.5rem 0}@media (max-width: 768px){.profile-header-content{flex-direction:column;align-items:center;text-align:center;padding:0 1rem 1.5rem}.profile-avatar{margin-right:0;margin-bottom:1.5rem}.profile-details{justify-content:center}}.progress-stats-container{margin-bottom:2.5rem}.stats-heading{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1.5rem;position:relative}.stats-heading:after{content:"";position:absolute;bottom:-.75rem;left:0;width:50px;height:3px;background-color:#4a6cf7;border-radius:2px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25rem}.stat-card{position:relative;background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000000d;display:flex;align-items:center;transition:transform .2s,box-shadow .2s;overflow:hidden}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.stat-card:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background-color:#4a6cf7;border-radius:4px 0 0 4px}.stat-icon{width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:1rem}.stat-icon svg{width:24px;height:24px;stroke:#fff}.quiz-icon{background:linear-gradient(135deg,#4a6cf7,#8293fa)}.score-icon{background:linear-gradient(135deg,#00b894,#55efc4)}.trophy-icon{background:linear-gradient(135deg,#fdcb6e,#ffeaa7)}.time-icon{background:linear-gradient(135deg,#e17055,#fab1a0)}.stat-content{flex:1}.stat-value{font-size:1.75rem;font-weight:700;color:#333;margin:0 0 .25rem;line-height:1.2}.stat-value.high{color:#00b894}.stat-value.medium{color:#fdcb6e}.stat-value.low{color:#e17055}.stat-label{font-size:.875rem;color:#666;margin:0;display:flex;align-items:center;gap:5px}.tooltip-icon{font-size:12px;color:#999;cursor:help;margin-left:4px}.extended-stats{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #eee}.accuracy-container{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000000d}.accuracy-heading{font-size:1.2rem;font-weight:600;color:#333;margin:0 0 1rem}.accuracy-meter{height:12px;background-color:#f1f1f1;border-radius:6px;overflow:hidden;margin-bottom:1rem}.accuracy-fill{height:100%;border-radius:6px;transition:width .8s ease}.accuracy-labels{display:flex;justify-content:space-between;align-items:center}.accuracy-value{font-size:1.2rem;font-weight:700;color:#333}.question-summary{font-size:.9rem;color:#666}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}}.category-progress-container{margin-bottom:2.5rem}.category-heading{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1.5rem;position:relative}.category-heading:after{content:"";position:absolute;bottom:-.75rem;left:0;width:50px;height:3px;background-color:#4a6cf7;border-radius:2px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.category-card{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000000d;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.category-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.category-name{font-size:1.25rem;font-weight:600;color:#333;margin:0}.category-percentage{font-size:1.5rem;font-weight:700;color:#4a6cf7}.category-stats{background-color:#f8f9fa;border-radius:8px;padding:1rem;margin-bottom:1.25rem}.stat-item{text-align:center;flex:1}.progress-section{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.progress-bar-container{width:100%;height:10px;background-color:#f1f1f1;border-radius:5px;overflow:hidden;margin-bottom:.75rem}.progress-bar{height:100%;border-radius:5px;transition:width 1s ease-in-out}.performance-status{display:flex;justify-content:flex-end}.performance-indicator{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.performance-indicator.good{background-color:#00b8941a;color:#00b894}.performance-indicator.average{background-color:#fdcb6e1a;color:#fdcb6e}.performance-indicator.needs-improvement{background-color:#e170551a;color:#e17055}.category-recommendation{font-size:.875rem;color:#666;font-style:italic}.category-recommendation p{margin:0}.categories-grid.empty-state{background-color:#f9f9f9;border-radius:8px;padding:2rem;text-align:center;margin-top:1rem}.categories-grid.empty-state p{color:#666;font-size:1rem;margin:0}@media (max-width: 768px){.categories-grid{grid-template-columns:1fr}.category-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.section-analysis-container{margin-bottom:2.5rem}.section-heading{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1.5rem;position:relative;text-align:left}.section-heading:after{content:"";position:absolute;bottom:-.75rem;left:0;width:50px;height:3px;background-color:#4a6cf7;border-radius:2px}.sections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.section-card{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000000d;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.section-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-name{font-size:1.25rem;font-weight:600;color:#333;margin:0;max-width:65%;text-align:left}.completion-circle{width:70px;height:70px}.circular-chart{display:block;width:100%;height:100%}.circle-bg{fill:none;stroke:#eee;stroke-width:2.8}.circle{fill:none;stroke-width:2.8;stroke-linecap:round;stroke:#4a6cf7;animation:progress 1s ease-out forwards}.percentage{fill:#333;font-size:.45rem;text-anchor:middle;font-weight:700}.section-stats{background-color:#f8f9fa;border-radius:8px;padding:1rem;margin-bottom:1.25rem}.stat-row{display:flex;justify-content:space-between}.stat-item{text-align:center}.stat-label{font-size:.75rem;color:#666;margin-bottom:.3rem}.stat-value{font-size:1.1rem;font-weight:700;color:#333}.section-recent{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.recent-label{font-size:.875rem;color:#666;display:flex;flex-direction:column}.estimated-tag{color:#ff9800;margin-left:.3rem;font-weight:700}.estimated-note{color:#ff9800;font-size:.8rem;font-style:italic;margin-top:0;margin-bottom:.3rem}.recent-detail{font-size:.8rem;color:#999;margin-top:.25rem}.recent-score{font-size:1.1rem;font-weight:700;padding:.25rem .75rem;border-radius:12px}.recent-score.high{background-color:#00b8941a;color:#00b894}.recent-score.medium{background-color:#fdcb6e1a;color:#fdcb6e}.recent-score.low{background-color:#e170551a;color:#e17055}.section-recommendation{font-size:.875rem;color:#666;font-style:italic}.section-recommendation p{margin:0}.recent-test-info{display:flex;align-items:center;margin-bottom:1.5rem;font-size:.95rem;color:#666;background-color:#f9f9fb;padding:.75rem 1rem;border-radius:8px;border-left:3px solid #4a6cf7}.recent-test-date{font-weight:600;color:#4a6cf7;margin-left:.5rem}@media (max-width: 768px){.sections-grid{grid-template-columns:1fr}}.sections-grid.empty-state{background-color:#f9f9f9;border-radius:8px;padding:2rem;text-align:center;margin-top:1rem}.sections-grid.empty-state p{color:#666;font-size:1rem;margin:0}.trend-graph{margin-bottom:1.25rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;box-shadow:inset 0 1px 3px #0000000d;transition:transform .2s ease}.trend-graph:hover{transform:translateY(-2px)}.trend-heading{font-size:.75rem;color:#666;margin-bottom:.8rem;text-align:center;font-weight:600;letter-spacing:.5px;text-transform:uppercase;opacity:.8}.line-graph-container{height:50px;width:100%;position:relative}.line-graph{width:100%;margin:-30px 0;filter:drop-shadow(0px 2px 2px rgba(0,0,0,.1));overflow:visible}.graph-label text{transition:all .3s ease;opacity:0}.line-graph-container:hover .graph-label text{opacity:1}.quiz-history-container{margin-bottom:2.5rem}.quiz-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-actions{display:flex;align-items:center;gap:1rem}.refresh-btn{background-color:#f0f4ff;color:#4a6cf7;border:1px solid #dbe1ff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.refresh-btn:hover{background-color:#e4eaff;transform:rotate(45deg)}.refresh-btn svg{transition:transform .2s}.refresh-btn:active svg{transform:rotate(180deg)}.retry-button{margin-top:1rem;padding:.5rem 1.25rem;background-color:#4a6cf7;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.retry-button:hover{background-color:#3a5ce5}.history-heading{font-size:1.5rem;font-weight:600;color:#333;position:relative;margin:0}.history-heading:after{content:"";position:absolute;bottom:-.75rem;left:0;width:50px;height:3px;background-color:#4a6cf7;border-radius:2px}.take-quiz-btn{background-color:#4a6cf7;color:#fff;padding:.75rem 1.25rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem;transition:background-color .2s;box-shadow:0 4px 6px #4a6cf733}.take-quiz-btn:hover{background-color:#3a5ce5}.no-history-message{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border-radius:12px;padding:3rem 2rem;text-align:center;box-shadow:0 4px 12px #0000000d}.no-history-icon{width:64px;height:64px;margin-bottom:1.5rem}.no-history-message p{color:#666;margin-bottom:1.5rem;font-size:1.1rem}.start-history-btn{background-color:#4a6cf7;color:#fff;padding:.875rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:background-color .2s}.start-history-btn:hover{background-color:#3a5ce5}.history-timeline{position:relative;padding-left:2rem}.history-timeline:before{content:"";position:absolute;top:0;bottom:0;left:8px;width:2px;background-color:#e0e0e0;z-index:1}.timeline-item{position:relative;margin-bottom:1.5rem}.timeline-marker{position:absolute;top:1.5rem;left:-2rem;width:16px;height:16px;border-radius:50%;background-color:#4a6cf7;border:3px solid white;box-shadow:0 0 0 2px #4a6cf74d;z-index:2}.timeline-content{padding-bottom:1rem}.quiz-attempt-card{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000000d;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;transition:transform .2s,box-shadow .2s}.quiz-attempt-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0000001a}.quiz-info{flex:1;min-width:250px}.quiz-title{font-size:1.25rem;font-weight:600;color:#333;margin:0 0 .5rem}.quiz-date{color:#888;font-size:.875rem;margin:0 0 1rem}.quiz-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.5rem}.meta-label{color:#666;font-size:.875rem}.meta-value{font-weight:600;font-size:.875rem;color:#333}.meta-value.score{padding:.25rem .75rem;border-radius:12px}.meta-value.score.high{background-color:#00b8941a;color:#00b894}.meta-value.score.medium{background-color:#fdcb6e1a;color:#fdcb6e}.meta-value.score.low{background-color:#e170551a;color:#e17055}.quiz-actions{display:flex;flex-direction:column;gap:.75rem;justify-content:center}.view-details-btn,.retry-quiz-btn{padding:.5rem 1rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:.875rem;text-align:center;transition:all .2s}.view-details-btn{background-color:#4a6cf7;color:#fff}.view-details-btn:hover{background-color:#3a5ce5}.retry-quiz-btn{background-color:transparent;color:#4a6cf7;border:1px solid #4a6cf7}.retry-quiz-btn:hover{background-color:#eef1fe}@media (max-width: 768px){.quiz-history-header{flex-direction:column;align-items:flex-start;gap:1rem}.quiz-attempt-card{flex-direction:column}.quiz-actions{flex-direction:row;width:100%}.view-details-btn,.retry-quiz-btn{flex:1}}.pagination-controls{display:flex;justify-content:center;align-items:center;margin-top:2rem;gap:1rem}.pagination-controls button{background-color:#f0f4ff;color:#4a6cf7;padding:.5rem 1rem;border:1px solid #dbe1ff;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s}.pagination-controls button:hover:not(:disabled){background-color:#e4eaff}.pagination-controls button:disabled{background-color:#f8f9fa;color:#adb5bd;cursor:not-allowed;border-color:#e9ecef}.pagination-controls span{color:#666;font-size:.9rem}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;border-radius:12px;padding:3rem 2rem;box-shadow:0 4px 12px #0000000d;min-height:200px;gap:1.5rem}.loading-container p{color:#666;font-size:1.1rem;margin:0}.loading-dots{display:flex;gap:.5rem}.dot{width:12px;height:12px;background-color:#4a6cf7;border-radius:50%;display:inline-block;animation:bounce 1.4s infinite ease-in-out both}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border-radius:12px;padding:3rem 2rem;text-align:center;box-shadow:0 4px 12px #0000000d;color:#e17055;font-size:1.1rem}.dashboard-container{width:100%;max-width:1000px;margin:0 auto;background-color:#fafafa;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee;background-color:#fff}.dashboard-title{font-size:22px;font-weight:600;color:#333;margin:0}.test-selector{display:flex;background-color:#f0f0f0;border-radius:8px;overflow:hidden}.test-selector-button{padding:8px 16px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.test-selector-button.active{background-color:#4a6cf7;color:#fff}.dashboard-sections{display:flex;flex-direction:column}.section-tabs{display:flex;border-bottom:1px solid #eee;background-color:#fff;padding:0 16px}.section-tab{padding:12px 16px;border:none;background:none;cursor:pointer;font-size:15px;font-weight:500;color:#666;transition:all .2s ease;position:relative}.section-tab.active{color:#4a6cf7}.section-tab.active:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:3px;background-color:#4a6cf7;border-radius:3px 3px 0 0}.section-content{padding:24px}.dashboard-row{margin-bottom:24px;display:flex;flex-direction:column;gap:24px}@media (min-width: 768px){.dashboard-row{flex-direction:row}}.dashboard-row:last-child{margin-bottom:0}.col-half{width:100%}@media (min-width: 768px){.col-half{width:50%}}.card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:20px;height:100%;transition:all .25s ease}.card:hover{box-shadow:0 4px 12px #00000014}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title{font-size:17px;font-weight:600;color:#333;margin:0}.card-content{height:calc(100% - 32px)}.test-readiness-panel{width:100%}.jlpt-readiness{display:flex;flex-direction:column;gap:24px}.jlpt-levels{display:flex;flex-direction:column;gap:16px}.jlpt-level-item{display:flex;flex-direction:column;gap:8px}.level-header{display:flex;justify-content:space-between;align-items:center}.level-name{font-size:18px;font-weight:600;color:#333}.level-status{font-size:14px;font-weight:500;padding:4px 8px;border-radius:4px}.level-status.ready{background-color:#4caf5033;color:#2e7d32}.level-status.almost-ready{background-color:#ffeb3b33;color:#f57f17}.level-status.in-progress{background-color:#2196f333;color:#1565c0}.level-status.not-ready{background-color:#f4433633;color:#c62828}.progress-bar-container{width:100%;height:10px;background-color:#f0f0f0;border-radius:5px;overflow:hidden;position:relative}.progress-bar{height:100%;border-radius:5px;transition:width .5s ease}.level-description{display:flex;justify-content:space-between;font-size:14px;color:#666}.readiness-percentage{font-weight:600}.jlpt-instructions{background-color:#f9f9f9;border-radius:8px;padding:16px;margin-top:16px}.jlpt-instructions h4{margin-top:0;margin-bottom:12px;font-size:16px;color:#333}.jlpt-instructions ul{margin:0;padding-left:20px}.jlpt-instructions li{margin-bottom:8px;color:#555}.jft-readiness{display:flex;flex-direction:column;gap:24px}.jft-overview{display:flex;flex-direction:column;gap:16px}.jft-cefr-level{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.cefr-label{font-size:16px;color:#555}.cefr-value{font-size:24px;font-weight:700;color:#4a6cf7;padding:4px 12px;background-color:#4a6cf71a;border-radius:6px}.overall-score{margin-left:auto;font-size:16px;font-weight:500;color:#333}.jft-description{font-size:14px;color:#666;line-height:1.5}.jft-skills{display:flex;flex-direction:column;gap:20px}.jft-skill-item{display:flex;flex-direction:column;gap:8px}.skill-name{font-size:16px;font-weight:600;color:#333}.skill-score{font-size:16px;font-weight:500;color:#333}.threshold-marker{position:absolute;top:0;width:2px;height:100%;background-color:#0000004d;z-index:2}.skill-description{font-size:14px;color:#666}@media (min-width: 768px){.jft-overview{flex-direction:row;align-items:center}.jft-cefr-level{flex:1}.jft-description{flex:2}}.skill-distribution{height:100%;display:flex;flex-direction:column}.radar-container{display:flex;justify-content:center;align-items:center;margin-bottom:20px;height:300px}.radar-chart{overflow:visible}.skill-insights{display:flex;justify-content:space-between;margin-top:auto}.skill-insight-item{flex:1;padding:12px;border-radius:8px;margin:0 8px}.skill-insight-item h4{margin:0 0 8px;font-size:14px;font-weight:600;color:#555}.skill-detail{display:flex;justify-content:space-between;align-items:center}.skill-name{font-size:14px;color:#333;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-value{font-size:16px;font-weight:600}.skill-insight-item.strongest{background-color:#4caf501a;border-left:3px solid #4CAF50}.skill-insight-item.strongest .skill-value{color:#2e7d32}.skill-insight-item.weakest{background-color:#f443361a;border-left:3px solid #F44336}.skill-insight-item.weakest .skill-value{color:#c62828}@media (max-width: 767px){.skill-insights{flex-direction:column;gap:12px}.skill-insight-item{margin:0}}.practical-skills-tracker{height:100%;display:flex;flex-direction:column}.estimated-level{display:flex;align-items:center;margin-bottom:20px;padding:12px;background-color:#f8f9fa;border-radius:8px}.level-label{font-size:14px;color:#555;margin-right:10px}.level-value{font-size:20px;font-weight:700;color:#333;padding:4px 12px;background-color:#4a6cf7;color:#fff;border-radius:6px}.skills-list{display:flex;flex-direction:column;gap:18px;margin-bottom:20px}.skill-item{display:flex;flex-direction:column;gap:5px}.skill-header{display:flex;justify-content:space-between;align-items:center}.skill-title{display:flex;flex-direction:column}.japanese-name{font-size:15px;font-weight:600;color:#333}.english-name{font-size:12px;color:#666}.skill-score{font-size:16px;font-weight:600;color:#333}.progress-container{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.progress-bar{height:100%;border-radius:4px;transition:width .5s ease}.skill-description{font-size:12px;color:#666;margin:2px 0 0}.recommended-activity{margin-top:auto;padding:12px;background-color:#f0f8ff;border-radius:8px;border-left:3px solid #4a6cf7}.recommended-activity h4{margin:0 0 8px;font-size:14px;font-weight:600;color:#333}.recommended-activity p{margin:0;font-size:14px;color:#555;line-height:1.4}.question-analytics{width:100%}.card-content{display:flex;flex-direction:column;gap:24px}.performance-overview{display:flex;flex-direction:column;gap:16px}.overview-header{display:flex;justify-content:space-between;align-items:center}.overview-header h4{margin:0;font-size:16px;font-weight:600;color:#333}.trend-indicator{padding:4px 10px;border-radius:16px;font-size:14px;font-weight:600}.trend-indicator.positive{background-color:#4caf501a;color:#2e7d32}.trend-indicator.negative{background-color:#f443361a;color:#c62828}.section-performance{display:flex;flex-direction:column;gap:16px}.section-row{display:flex;flex-direction:column;gap:5px}.section-info{display:flex;justify-content:space-between;align-items:flex-end}.section-name{font-size:14px;font-weight:500;color:#333}.section-stats{display:flex;align-items:center;gap:10px;font-size:13px;color:#666}.stat-item{white-space:nowrap}.score-trend{display:flex;align-items:center;gap:3px}.estimated-tag{color:#f57c00;font-size:14px;font-weight:700}.estimated-note{font-size:12px;color:#666;font-style:italic;margin-top:8px}.performance-bar-container{position:relative;width:100%;height:12px;background-color:#f0f0f0;border-radius:6px;overflow:hidden}.performance-bar{position:absolute;height:100%;left:0;top:0}.performance-bar.historical{z-index:1;border-radius:6px}.performance-bar.recent{z-index:2;border-radius:6px;height:6px;top:3px}.question-type-analysis{display:flex;flex-direction:column;gap:16px}.question-type-analysis h4{margin:0;font-size:16px;font-weight:600;color:#333}.question-types-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:12px}@media (min-width: 768px){.question-types-grid{grid-template-columns:repeat(2,1fr)}}.question-type-item{display:flex;flex-direction:column;gap:5px}.type-header{display:flex;justify-content:space-between;align-items:center}.type-name{font-size:14px;color:#333}.type-accuracy{font-size:14px;font-weight:600}.type-accuracy.high{color:#2e7d32}.type-accuracy.medium{color:#f57f17}.type-accuracy.low{color:#c62828}.type-progress-container{width:100%;height:6px;background-color:#f0f0f0;border-radius:3px;overflow:hidden}.type-progress-bar{height:100%;border-radius:3px}.performance-insights{display:grid;grid-template-columns:repeat(1,1fr);gap:16px;margin-top:8px}@media (min-width: 768px){.performance-insights{grid-template-columns:repeat(3,1fr)}}.insight-item{padding:12px;border-radius:8px}.insight-item h4{margin:0 0 8px;font-size:14px;font-weight:600;color:#555}.insight-content{display:flex;justify-content:space-between;align-items:center}.insight-section{font-size:14px;color:#333;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insight-score{font-size:16px;font-weight:600}.insight-item.strong{background-color:#4caf501a;border-left:3px solid #4CAF50}.insight-item.strong .insight-score{color:#2e7d32}.insight-item.weak{background-color:#f443361a;border-left:3px solid #F44336}.insight-item.weak .insight-score{color:#c62828}.insight-item.focus{background-color:#2196f31a;border-left:3px solid #2196F3}.insight-item.focus .insight-score{color:#0d47a1}.study-recommendations{width:100%}.recommendation-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:16px;margin-bottom:24px}@media (min-width: 768px){.recommendation-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.recommendation-grid{grid-template-columns:repeat(4,1fr)}}.recommendation-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background-color:#f8f9fa;border-radius:8px;transition:all .3s ease}.recommendation-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0000000d}.recommendation-icon{font-size:24px;line-height:1}.recommendation-content{flex:1}.recommendation-title{margin:0 0 8px;font-size:16px;font-weight:600;color:#333}.recommendation-description{margin:0;font-size:14px;color:#666;line-height:1.4}.recommendations-section{margin-bottom:24px}.section-title{margin:0;font-size:16px;font-weight:600;color:#333;padding-bottom:8px;border-bottom:1px solid #eee}.quiz-recommendations{display:flex;flex-direction:column;gap:12px}.quiz-recommendation-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f8f9fa;border-radius:8px;transition:all .3s ease}.quiz-recommendation-item:hover{background-color:#f0f0f0}.quiz-info{display:flex;flex-direction:column;gap:4px}.quiz-name{font-size:15px;font-weight:500;color:#333}.difficulty-badge{display:inline-block;padding:2px 8px;font-size:12px;font-weight:500;border-radius:12px}.difficulty-badge.easy{background-color:#4caf501a;color:#2e7d32}.difficulty-badge.medium{background-color:#ff98001a;color:#e65100}.difficulty-badge.hard{background-color:#f443361a;color:#c62828}.quiz-match{display:flex;flex-direction:column;align-items:flex-end}.match-label{font-size:12px;color:#666}.match-value{font-size:16px;font-weight:600;color:#4a6cf7}.study-plan{display:flex;flex-direction:column;gap:20px}@media (min-width: 768px){.study-plan{flex-direction:row}.study-time{flex:1}.weekly-schedule{flex:2}}.study-time{padding:16px;background-color:#f8f9fa;border-radius:8px}.time-recommendation{display:flex;align-items:baseline;margin-bottom:16px}.time-value{font-size:32px;font-weight:700;color:#4a6cf7}.time-unit{font-size:16px;color:#666;margin-left:4px}.focus-areas{display:flex;flex-wrap:wrap;gap:8px}.focus-area-tag{padding:4px 10px;background-color:#4a6cf71a;color:#4a6cf7;border-radius:16px;font-size:13px;font-weight:500}.weekly-schedule{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 768px){.weekly-schedule{grid-template-columns:repeat(4,1fr)}}.schedule-item{padding:12px;background-color:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;align-items:center;text-align:center}.schedule-day{font-size:14px;font-weight:600;color:#333;margin-bottom:6px}.schedule-focus{font-size:13px;color:#666}.profile-settings-page{width:100%;max-width:100%;display:flex;flex-direction:column;gap:1rem}.profile-settings-header{margin-bottom:2rem;text-align:left}.settings-heading{font-size:1.5rem;font-weight:600;color:#333;margin:0;position:relative}.settings-heading:after{content:"";position:absolute;bottom:-.75rem;left:0;transform:none;width:50px;height:3px;background-color:#4a6cf7;border-radius:2px}.settings-section-card{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000000d}.settings-section-title{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 1.25rem}.settings-email-display{font-size:.875rem;color:#6b7280;margin-bottom:1rem}.settings-email-display strong{font-weight:500}.settings-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.settings-form label{font-size:.875rem;font-weight:500;color:#4b5563}.settings-form input[type=text],.settings-form input[type=password]{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#111827;background-color:#fff;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.settings-form input[type=text]:focus,.settings-form input[type=password]:focus{outline:none;border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf733}.settings-form .button,.logout-button-styled{padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:6px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;border:none;align-self:flex-start;text-align:center;box-sizing:border-box}.settings-form .primary-button{background-color:#4a6cf7;color:#fff}.settings-form .primary-button:hover{background-color:#3b5bdb}.settings-form .primary-button:disabled{background-color:#a5b4fc;cursor:not-allowed;opacity:.8}.button.danger-button.logout-button-styled{background-color:#da4040!important;color:#fff!important;border:1px solid #d1d5db!important;box-shadow:none!important}.button.danger-button.logout-button-styled:hover{background-color:#b43333!important;color:#fff!important;border-color:#d1d5db!important}.settings-form .button.danger-button:not(.logout-button-styled){background-color:#ef4444;color:#fff}.settings-form .button.danger-button:not(.logout-button-styled):hover{background-color:#dc2626}.message{margin-top:1rem;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;text-align:center}.message.success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.question-modal-container{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:hidden}.question-modal-content-wrapper{width:90%;max-width:800px;height:auto;max-height:85vh;background-color:#fff;border-radius:12px;box-shadow:0 15px 30px #0000004d;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;position:relative;border:1px solid rgba(58,108,217,.2)}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes modal-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes slide-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-50px)}}@keyframes slide-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50px)}}.question-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:linear-gradient(90deg,#3a6cd90d,#628afa0d);border-bottom:1px solid #eee}.question-modal-navigation{display:flex;gap:12px;align-items:center}.question-modal-section{font-weight:600;color:#3a6cd9}.question-modal-category{font-size:.9rem;color:#666;background-color:#17a2b81a;padding:3px 8px;border-radius:4px}.question-modal-position{font-size:.9rem;color:#666}.question-modal-close{background:none;border:none;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:all .2s}.question-modal-close:hover{background-color:#0000000d;color:#333}.question-modal-content{padding:24px;overflow-y:auto;background-color:#f8f9fa;background-size:30px 30px;border-top:1px solid rgba(58,108,217,.1);border-bottom:1px solid rgba(58,108,217,.1);-webkit-overflow-scrolling:touch}body.modal-open{overflow:hidden;position:fixed;width:100%;height:100%}.question-modal-status{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}.question-warnings{display:flex;flex-direction:column;gap:5px;max-width:50%}.question-status-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;font-weight:500}.question-status-indicator.correct{background-color:#28a7451a;color:#28a745}.question-status-indicator.incorrect{background-color:#dc35451a;color:#dc3545}.question-status-indicator.unanswered{background-color:#ffc1071a;color:#ffc107}.question-status-indicator.missing-correct-answers{background-color:#dc354526;color:#dc3545;font-weight:500;border:1px dashed rgba(220,53,69,.4);animation:pulse-warning 2s infinite}.question-status-indicator.missing-options{background-color:#ff980026;color:#f57c00;font-weight:500;border:1px dashed rgba(255,152,0,.4);animation:pulse-warning 2s infinite}.question-status-indicator.missing-explanation{background-color:#00968826;color:#00796b;font-weight:500;border:1px dashed rgba(0,150,136,.4);animation:pulse-warning 2s infinite}@keyframes pulse-warning{0%{opacity:.7;box-shadow:0 0 #dc354533}70%{opacity:1;box-shadow:0 0 0 5px #dc354500}to{opacity:.7;box-shadow:0 0 #dc354500}}.question-marks-indicator{font-size:.9rem;font-weight:500;color:#ffc107}.question-modal-text{font-size:1.1rem;line-height:1.5;margin-bottom:24px;color:#333}.question-modal-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.question-modal-heading-group{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;background-color:#fcfcfc;border-radius:10px;padding:16px;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 6px #0000000d}.question-modal-heading{font-size:1.05rem;font-weight:600;color:#333;padding-bottom:10px;border-bottom:2px solid rgba(58,108,217,.2);margin-bottom:8px}.question-modal-heading-options{display:flex;flex-direction:column;gap:8px;padding-left:12px}.question-modal-grouped-option{margin-left:8px;position:relative;padding:10px}.question-modal-grouped-option .option-text{flex-direction:row;justify-content:space-between;align-items:center}.question-modal-grouped-option .option-text>span:first-child{flex:1;margin-right:12px}.question-modal-grouped-option .option-image-container{margin-left:0;margin-right:16px;float:left;width:140px;height:auto}.question-modal-grouped-option:before{content:"";position:absolute;left:-12px;top:0;bottom:0;width:3px;background-color:#ddd;border-radius:3px}.question-modal-grouped-option.selected:before{background-color:#3a6cd9}.question-modal-grouped-option.correct-option:before{background-color:#28a745}.question-modal-grouped-option.incorrect-option:before{background-color:#dc3545}.question-modal-option{display:flex;align-items:flex-start;padding:16px;border-radius:8px;border:1px solid #eee;background-color:#f8f9fa;transition:all .2s}.question-modal-option:hover{background-color:#f1f3f5}.question-modal-option.selected:not(.correct-option){background-color:#dc35450d;border-color:#dc354533}.question-modal-option.correct-option{background-color:#28a7450d;border-color:#28a74533}.question-modal-option.incorrect-option{background-color:#dc35450d;border-color:#dc354533}.option-marker{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;border-radius:50%;margin-right:16px;background-color:#fff;border:1px solid #ccc;position:relative}.option-icon.correct{color:#28a745}.option-icon.incorrect{color:#dc3545}.option-number{font-size:.9rem;font-weight:500;color:#666}.question-modal-option{padding:12px 16px;display:flex;align-items:flex-start}.option-text{font-size:1rem;line-height:1.5;color:#333;flex:1;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.option-text:after{content:"";display:block;clear:both}.option-text>span:first-child{flex:1;margin-right:12px}.option-image-container{margin-top:8px;margin-left:0;margin-right:16px;float:left;width:160px;border-radius:6px;overflow:hidden;border:1px solid #eaeaea;background-color:#fff;box-shadow:0 1px 3px #0000001a}.option-image{width:100%;height:110px;display:block;object-fit:contain;padding:4px}@media (max-width: 768px){.option-image-container{max-width:140px}.option-image{height:100px}}.selected-indicator,.correct-indicator{font-size:.8rem;font-weight:500;padding:2px 8px;border-radius:4px;margin-left:auto;flex-shrink:0;white-space:nowrap;animation:pulse 1.5s infinite}.selected-indicator{color:#dc3545;background-color:#dc35451a}.correct-indicator{color:#28a745;background-color:#28a7451a}.question-modal-images{margin:20px 0;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.question-modal-image-item{max-width:100%;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;background-color:#f8f9fa}.question-modal-image{max-width:100%;height:auto;display:block}.question-modal-image-description{padding:10px;font-size:.85rem;color:#666;text-align:center;border-top:1px solid #eee}.question-modal-audio{margin:20px 0;display:flex;flex-direction:column;gap:12px}.question-modal-audio-item{padding:12px;background-color:#f8f9fa;border-radius:8px;border:1px solid #eee}.question-modal-audio-description{margin-top:8px;font-size:.85rem;color:#666}.question-modal-explanation,.question-modal-english-explanation,.question-modal-instructions{background-color:#fff;border-radius:10px;padding:20px;margin-top:28px;border:1px solid rgba(23,162,184,.3);box-shadow:0 4px 15px #00000014;position:relative}.question-modal-explanation:before{content:"Explanation";position:absolute;top:-12px;left:16px;background-color:#17a2b8;color:#fff;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;letter-spacing:.5px;box-shadow:0 2px 4px #0003}.question-modal-instructions:before{content:"Instructions";position:absolute;top:-12px;left:16px;background-color:#fd7e14;color:#fff;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;letter-spacing:.5px;box-shadow:0 2px 4px #0003}.question-modal-instructions.minimal{background-color:#fff;border:none;border-radius:0;padding:10px 0;margin:0 0 15px;border-bottom:1px solid #eee;box-shadow:none;position:relative}.question-modal-instructions.minimal:before{display:none}.question-modal-english-explanation:before{content:"English Translation";position:absolute;top:-12px;left:16px;background-color:#3a6cd9;color:#fff;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;letter-spacing:.5px;box-shadow:0 2px 4px #0003}.explanation-label,.english-explanation-label,.instructions-label{font-size:.9rem;font-weight:600;margin-bottom:12px;display:none}.explanation-label{color:#17a2b8}.instructions-label{color:#fd7e14}.english-explanation-label{color:#3a6cd9}.explanation-content,.english-explanation-content,.instructions-content{font-size:1.05rem;line-height:1.7;color:#333;white-space:pre-line}.english-explanation-content,.instructions-english-content{font-style:italic}.instructions-english-content{margin-top:8px;padding-top:5px;border-top:1px dashed rgba(0,0,0,.1);color:#555;font-size:.9em}.question-modal-instructions.minimal .instructions-content{font-size:1em;color:#333;line-height:1.4}.question-modal-instructions.minimal .instructions-english-content{padding-top:5px;margin-top:5px;font-style:italic}.question-modal-footer{display:flex;justify-content:space-between;padding:16px 24px;background-color:#f8f9fa;border-top:1px solid #eee}.question-modal-nav-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#fff;border:1px solid #3a6cd9;border-radius:6px;color:#3a6cd9;font-weight:500;cursor:pointer;transition:all .2s}.question-modal-nav-btn:hover:not(:disabled){background-color:#3a6cd9;color:#fff;transform:translateY(-2px)}.question-modal-nav-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.question-modal-container{width:100%;max-height:100vh}.question-modal-header{padding:12px 16px;flex-wrap:wrap}.question-modal-navigation{flex-direction:column;align-items:flex-start;gap:4px}.question-modal-content{padding:16px}.question-modal-footer{padding:12px 16px}.question-modal-nav-btn{padding:6px 12px;font-size:.9rem}}@media (max-width: 480px){.option-text{flex-direction:column;align-items:flex-start;gap:8px}.selected-indicator,.correct-indicator{margin-left:0}}.question-number-grid{margin-bottom:20px;animation:fade-in .5s ease}.question-grid-category{font-size:.9rem;font-weight:600;color:#666;margin-bottom:8px;background-color:#3a6cd90d;padding:6px 12px;border-radius:4px;display:inline-block}.question-grid-items{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.question-number-item{position:relative;width:36px;height:36px;border-radius:8px;border:none;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.question-number-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.question-number-item.correct{background-color:#28a74526;border:1px solid rgba(40,167,69,.3)}.question-number-item.incorrect{background-color:#dc354526;border:1px solid rgba(220,53,69,.3)}.question-number-item.unanswered{background-color:#ffc10726;border:1px solid rgba(255,193,7,.3)}.question-number{font-size:.9rem;font-weight:600;color:#333}.number-status-icon{position:absolute;bottom:-3px;right:-3px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000001a}.number-status-icon.correct{color:#28a745}.number-status-icon.incorrect{color:#dc3545}.number-status-icon.unanswered{color:#ffc107}@media (max-width: 480px){.question-number-item{width:32px;height:32px}.question-number{font-size:.8rem}}.results-question-item{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;overflow:hidden;transition:all .3s ease;border:1px solid #e0e0e0}.results-question-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.results-question-item.correct{border-left:4px solid #28a745}.results-question-item.incorrect{border-left:4px solid #dc3545}.results-question-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0}.results-question-info{display:flex;align-items:center;gap:12px}.results-question-number{font-weight:600;color:#333}.results-question-category{font-size:.8rem;background-color:#17a2b81a;color:#17a2b8;padding:3px 8px;border-radius:4px;font-weight:500}.results-question-marks{font-size:.8rem;color:#ffc107;font-weight:500}.results-question-status{display:flex;align-items:center}.results-status-indicator{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:500;padding:4px 10px;border-radius:4px}.results-status-indicator.correct{background-color:#28a7451a;color:#28a745}.results-status-indicator.incorrect{background-color:#dc35451a;color:#dc3545}.results-question-content{padding:16px}.results-question-text{font-size:1rem;line-height:1.5;color:#333;margin-bottom:16px}.results-question-answers{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.results-answers-wrapper{flex:1;display:flex;flex-direction:column;gap:8px}.results-user-answer,.results-correct-answer{display:flex;align-items:center;padding:8px 12px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e0e0e0}.results-answer-label{font-size:.9rem;font-weight:500;color:#666;margin-right:8px;white-space:nowrap}.results-answer-value{font-size:.95rem;color:#333;flex:1}.results-answer-value.correct{color:#28a745}.results-answer-value.incorrect{color:#dc3545}.results-answer-value.not-answered{font-style:italic;color:#dc3545;opacity:.7}.results-view-details-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background-color:#fff;border:1px solid #3a6cd9;border-radius:6px;color:#3a6cd9;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.results-view-details-btn:hover{background-color:#3a6cd9;color:#fff;transform:translateY(-2px);box-shadow:0 2px 5px #3a6cd933}@media (max-width: 768px){.results-question-header{flex-direction:column;align-items:flex-start;gap:8px}.results-question-info{margin-bottom:4px}.results-question-answers{flex-direction:column}.results-view-details-btn{align-self:flex-start;margin-top:8px}}@media (max-width: 480px){.results-question-info{flex-wrap:wrap;gap:6px}.results-user-answer,.results-correct-answer{flex-direction:column;align-items:flex-start}.results-answer-label{margin-bottom:4px}}:root{--primary: #3a6cd9;--primary-light: #628afa;--primary-dark: #1d49a3;--secondary: #6c757d;--success: #28a745;--danger: #dc3545;--warning: #ffc107;--info: #17a2b8;--light: #f8f9fa;--dark: #343a40;--white: #ffffff;--black: #000000;--light-gray: #eeeeee;--medium-gray: #cccccc;--dark-gray: #666666;--surface: #ffffff;--background: #f5f8ff;--shadow-small: 0 2px 5px rgba(0, 0, 0, .05);--shadow-medium: 0 4px 8px rgba(0, 0, 0, .1);--shadow-large: 0 8px 16px rgba(0, 0, 0, .15);--border-radius-small: 4px;--border-radius-medium: 8px;--border-radius-large: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-xxl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}.results-full-width{max-width:100%!important;width:100%!important;margin:0!important;border-radius:0!important}.results-full-width .results-content,.results-full-width .results-dashboard,.results-full-width .results-section-performance,.results-full-width .results-tabs,.results-full-width .results-summary,.results-full-width .question-navigation-container{width:100%!important}.results-container{max-width:1000px;margin:0 auto;padding:var(--spacing-lg);background-color:var(--background);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-medium);opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.results-container.results-animate{opacity:1;transform:translateY(0)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--light-gray)}.results-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--primary-dark);margin:0;background:linear-gradient(90deg,var(--primary-dark),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.results-actions-header{display:flex;gap:var(--spacing-sm)}.results-tabs{display:flex;width:100%;background-color:var(--white);border-radius:var(--border-radius-medium);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-small);overflow:hidden}.results-tab-button{flex:1;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--dark-gray);cursor:pointer;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.results-tab-button:hover{background-color:#3a6cd90d;color:var(--primary)}.results-tab-button.results-active{color:var(--primary);background-color:#3a6cd91a}.results-tab-button.results-active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-light))}.tab-icon{color:currentColor}.results-content{width:100%;background-color:var(--white);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-small);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.results-summary{animation:fade-in .5s ease;width:100%}.results-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);width:100%}.results-score-overview{background-color:var(--white);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-small);overflow:hidden;border:1px solid var(--light-gray)}.results-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(90deg,#3a6cd90d,#628afa0d);border-bottom:1px solid var(--light-gray)}.results-card-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-dark);display:flex;align-items:center;gap:var(--spacing-sm)}.results-card-title-icon{color:var(--primary)}.results-score-badge{display:flex;align-items:center;justify-content:center}.results-badge-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--light-gray)}.results-badge-icon.results-excellent{background-color:#28a7451a;color:var(--success)}.results-badge-icon.results-good{background-color:#17a2b81a;color:var(--info)}.results-badge-icon.results-average{background-color:#ffc1071a;color:var(--warning)}.results-badge-icon.results-poor{background-color:#dc35451a;color:var(--danger)}.results-score-container{display:flex;padding:var(--spacing-lg);align-items:center}.results-score-circle{position:relative;width:140px;height:140px;margin-right:var(--spacing-lg)}.results-circular-chart{width:100%;height:100%;transform:rotate(-90deg)}.results-circle-bg{fill:none;stroke:var(--light-gray);stroke-width:2.5}.results-circle{fill:none;stroke-width:2.5;stroke-linecap:round;animation:progress 1.5s ease-out forwards}.results-circle-excellent{stroke:var(--success)}.results-circle-good{stroke:var(--info)}.results-circle-average{stroke:var(--warning)}.results-circle-poor{stroke:var(--danger)}.results-percentage{fill:var(--dark);font-size:var(--font-size-md);text-anchor:middle;font-weight:var(--font-weight-bold);animation:fade-in .8s ease-out forwards;transform:rotate(90deg)}.results-top-percentage{fill:var(--primary-dark);font-size:1.75em;text-anchor:middle;font-weight:var(--font-weight-bold);animation:fade-in .8s ease-out forwards;dominant-baseline:middle;transform:translateY(-2.5em);text-shadow:0 0 3px rgba(255,255,255,.7)}.results-score-grade{position:absolute;bottom:15px;right:0;left:0;text-align:center;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);animation:fade-in 1s ease-out forwards}.results-grade-a{color:var(--success)}.results-grade-b{color:var(--info)}.results-grade-c{color:var(--warning)}.results-grade-d,.results-grade-f{color:var(--danger)}.results-score-details{flex:1}.results-detail-row{margin-bottom:var(--spacing-md)}.results-detail-item{display:flex;align-items:center;padding:var(--spacing-md);background-color:#3a6cd908;border-radius:var(--border-radius-small);transition:all .2s ease}.results-detail-item:hover{background-color:#3a6cd90d;transform:translate(3px)}.results-detail-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background-color:var(--white);border-radius:var(--border-radius-small);margin-right:var(--spacing-md);box-shadow:var(--shadow-small)}.results-icon-check{color:var(--success)}.results-icon-score{color:var(--primary)}.results-detail-content{flex:1}.results-detail-label{font-size:var(--font-size-sm);color:var(--dark-gray);margin-bottom:2px}.results-detail-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--dark)}.results-detail-value.results-highlight{display:flex;align-items:center}.results-primary-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary)}.results-divider{margin:0 .2rem;color:var(--medium-gray)}.results-secondary-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--dark-gray)}.results-points-label{font-size:var(--font-size-xs);color:var(--dark-gray);margin-left:var(--spacing-sm);align-self:flex-end;padding-bottom:2px}.results-score-obtained{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary)}.results-total-score{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--dark-gray)}.results-quick-stats{display:flex;flex-direction:column;gap:var(--spacing-md)}.results-section-performance{width:100%;background-color:var(--white);border-radius:var(--border-radius-medium);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-small);border:1px solid var(--light-gray)}.section-stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-md);width:100%}.section-stats-card{background-color:var(--white);border-radius:var(--border-radius-medium);padding:var(--spacing-lg);box-shadow:var(--shadow-small);border:1px solid var(--light-gray);transition:transform .2s ease}.section-stats-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-medium)}.section-stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--primary-dark);margin:0}.section-percentage-badge{display:flex;align-items:center;justify-content:center;min-width:45px;padding:4px 8px;border-radius:var(--border-radius-small);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.section-progress{height:8px;width:auto;background-color:var(--light-gray);border-radius:4px;overflow:hidden;margin-bottom:var(--spacing-md)}.section-progress-bar{height:100%;border-radius:4px;transition:width 1.5s ease-out}.section-stats-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.section-stats-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background-color:#3a6cd908;border-radius:var(--border-radius-small)}.section-stats-item:hover{background-color:#3a6cd912}.stats-label{font-size:var(--font-size-sm);color:var(--dark-gray)}.stats-value{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--primary-dark)}.no-section-stats{text-align:center;padding:var(--spacing-lg);color:var(--dark-gray);font-style:italic}.results-stat-card{flex:1;background-color:var(--white);border-radius:var(--border-radius-medium);padding:var(--spacing-lg);display:flex;align-items:center;box-shadow:var(--shadow-small);border:1px solid var(--light-gray);transition:all .2s ease;position:relative;overflow:hidden}.results-stat-card:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--primary-light),var(--primary-dark))}.results-stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-medium)}.results-stat-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-small);margin-right:var(--spacing-lg)}.results-time-icon{color:var(--info)}.results-answers-icon{color:var(--warning)}.results-stat-content{flex:1}.results-stat-label{font-size:var(--font-size-sm);color:var(--dark-gray);margin:0 0 var(--spacing-xs) 0}.results-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--dark);margin:0}.results-btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-small);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.results-btn:hover{transform:translateY(-2px)}.results-btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);box-shadow:0 2px 6px #3a6cd94d}.results-btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-dark));box-shadow:0 4px 8px #3a6cd980}.results-btn-secondary{background-color:var(--light);color:var(--primary);border:1px solid var(--primary-light)}.results-btn-secondary:hover{background-color:#3a6cd90d}.results-btn-retry{background-color:var(--light);color:var(--info);border:1px solid var(--info)}.results-btn-retry:hover{background-color:#17a2b80d;color:var(--info)}.results-btn-exit{background-color:var(--light);color:var(--dark-gray);border:1px solid var(--medium-gray)}.results-btn-exit:hover{background-color:var(--light-gray)}.results-btn-icon{width:16px;height:16px}.results-btn-icon-right{margin-left:var(--spacing-xs)}.results-actions-footer{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.results-quick-nav{background-color:var(--white);border-radius:var(--border-radius-medium);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);box-shadow:var(--shadow-small);border:1px solid var(--light-gray);position:sticky;top:0;z-index:10}.quick-nav-header{margin-bottom:var(--spacing-sm)}.quick-nav-header h4{font-size:var(--font-size-md);color:var(--primary-dark);margin:0}.quick-nav-links{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.quick-nav-link{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-small);background-color:var(--light);color:var(--primary);font-size:var(--font-size-sm);text-decoration:none;transition:all .2s ease;border:1px solid var(--primary-light)}.quick-nav-link:hover{background-color:var(--primary-light);color:var(--white)}.results-section{animation:fade-in .5s ease}.results-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-dark);margin-top:0;margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.results-section-icon{color:var(--primary)}.section-container{display:flex;flex-direction:column;gap:var(--spacing-xl);position:relative}.question-section-container{margin-bottom:var(--spacing-xl);animation:fade-in .5s ease}.question-section-header{margin-bottom:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid var(--primary-light);background-color:var(--light);border-radius:var(--border-radius-medium) var(--border-radius-medium) 0 0;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.question-section-header:hover{background-color:#3a6cd90d}.section-header-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.question-section-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--primary-dark);margin:0;display:flex;align-items:center}.section-collapse-icon{transition:transform .3s ease;color:var(--primary)}.section-collapse-icon.collapsed{transform:rotate(-90deg)}.section-score-indicator{display:flex;flex-direction:column;gap:4px}.section-score-text{font-size:var(--font-size-sm);color:var(--dark-gray)}.section-score-bar{height:4px;background-color:var(--success);border-radius:2px;min-width:20px;max-width:150px;transition:width .5s ease}.question-category-container{margin-bottom:var(--spacing-lg);background-color:var(--white);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-small);overflow:hidden;border:1px solid var(--light-gray)}.question-category-header{padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(90deg,#3a6cd90d,#628afa0d);border-bottom:1px solid var(--light-gray);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.question-category-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--primary);margin:0}.category-collapse-icon{transition:transform .3s ease;color:var(--primary)}.category-collapse-icon.collapsed{transform:rotate(-90deg)}.questions-container{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.question-item{background-color:var(--white);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-small);overflow:hidden;border:1px solid var(--light-gray);transition:all .2s ease;margin-bottom:var(--spacing-md)}.question-item:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.question-item.correct{border-left:4px solid var(--success)}.question-item.incorrect{border-left:4px solid var(--danger)}.question-category-badge{font-size:var(--font-size-xs);padding:3px 8px;border-radius:var(--border-radius-small);background-color:#17a2b81a;color:var(--info)}.question-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--light);border-bottom:1px solid var(--light-gray)}.question-section-info{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.question-number{font-weight:var(--font-weight-bold);color:var(--primary-dark)}.question-section,.question-category{font-size:var(--font-size-xs);padding:3px 8px;border-radius:var(--border-radius-small);background-color:#3a6cd91a;color:var(--primary-dark)}.question-marks{font-size:var(--font-size-xs);color:var(--warning);font-weight:var(--font-weight-medium)}.question-result{display:flex;align-items:center}.question-correct,.question-incorrect{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);padding:4px 10px;border-radius:var(--border-radius-small)}.question-correct{background-color:#28a7451a;color:var(--success)}.question-incorrect{background-color:#dc35451a;color:var(--danger)}.question-content{padding:var(--spacing-lg)}.question-text{font-size:var(--font-size-md);color:var(--dark);margin-top:0;margin-bottom:var(--spacing-lg);line-height:1.5}.question-options{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.question-option{display:flex;align-items:flex-start;padding:var(--spacing-md);border-radius:var(--border-radius-small);border:1px solid var(--light-gray);background-color:var(--light);transition:all .2s ease}.question-option:hover{background-color:#3a6cd905}.question-option.selected:not(.correct-option){background-color:#dc35450d;border-color:#dc354533}.question-option.correct-option{background-color:#28a7450d;border-color:#28a24533}.question-option.incorrect-option{background-color:#dc35450d;border-color:#dc354533}.option-marker{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;border-radius:50%;margin-right:var(--spacing-md);background-color:var(--white);border:1px solid var(--medium-gray)}.question-option.selected .option-marker,.question-option.correct-option .option-marker{border-color:transparent}.option-icon{width:18px;height:18px}.option-icon.correct{color:var(--success)}.option-icon.incorrect{color:var(--danger)}.option-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--dark-gray)}.option-text{font-size:var(--font-size-md);line-height:1.5;color:var(--dark);flex:1;display:flex;align-items:center;justify-content:flex-start}.selected-indicator{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--primary);background-color:#3a6cd91a;padding:2px 8px;border-radius:var(--border-radius-small);margin-left:var(--spacing-md);animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.question-answer{background-color:var(--light);border-radius:var(--border-radius-small);padding:var(--spacing-md);margin-bottom:var(--spacing-md);display:none}.answer-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--dark-gray);margin-bottom:var(--spacing-xs)}.answer-content{font-size:var(--font-size-md);color:var(--dark);padding:var(--spacing-xs) 0}.correct-answer{border-left:3px solid var(--success)}.unanswered{font-style:italic;color:var(--danger)}.question-explanation{background-color:#17a2b80d;border-radius:var(--border-radius-small);padding:var(--spacing-md);margin-top:var(--spacing-lg);border-left:3px solid var(--info)}.explanation-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--info);margin-bottom:var(--spacing-xs)}.explanation-content{font-size:var(--font-size-md);line-height:1.6;color:var(--dark)}.no-explanation{font-style:italic;color:var(--dark-gray);opacity:.7}.results-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) 0;text-align:center}.results-loading-spinner{width:50px;height:50px;border:3px solid var(--light-gray);border-top:3px solid var(--primary);border-radius:50%;margin-bottom:var(--spacing-lg);animation:spin 1s linear infinite}.results-incomplete-notice{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);background-color:#ffc1071a;border-left:4px solid var(--warning);border-radius:var(--border-radius-small);font-size:var(--font-size-md);color:var(--dark)}.results-incomplete-icon{color:var(--warning);flex-shrink:0}.results-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) 0;text-align:center}.results-error-icon,.results-not-found-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:var(--spacing-lg);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.results-error-icon{background-color:#dc35451a;color:var(--danger)}.results-not-found-icon{background-color:#17a2b81a;color:var(--info)}.question-navigation-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;padding:1rem;background-color:var(--light);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-small)}.section-questions-grid{flex:1;min-width:250px;margin-bottom:1rem;background-color:var(--white);border-radius:var(--border-radius-small);padding:1rem;box-shadow:var(--shadow-small)}.section-grid-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--primary-dark);margin:0 0 .75rem;border-bottom:1px solid var(--light-gray);padding-bottom:.5rem}.section-performance-overview{margin:2rem 0;display:flex;flex-direction:column;gap:1rem}.section-performance-summary{background-color:var(--light);border-radius:var(--border-radius-medium);padding:1rem;box-shadow:var(--shadow-small);border:1px solid var(--light-gray)}.section-summary-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--primary-dark);margin:0 0 .5rem}.clean-results-container{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.clean-section{background-color:var(--white);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-small);overflow:hidden;border:1px solid var(--light-gray);margin-bottom:1.5rem}.clean-section-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(90deg,#3a6cd90d,#628afa0d);border-bottom:1px solid var(--light-gray)}.clean-section-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--primary-dark);margin:0}.clean-questions-list{padding:1rem}@keyframes progress{0%{stroke-dasharray:0 100}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.results-container{padding:var(--spacing-md);margin:0}.results-title{font-size:var(--font-size-xl)}.results-dashboard{grid-template-columns:1fr}.results-score-container{flex-direction:column;align-items:center}.results-score-circle{margin-right:0;margin-bottom:var(--spacing-lg)}.results-score-grade{font-size:var(--font-size-xl)}.results-actions-footer{flex-direction:column}.results-btn{width:100%}.question-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.question-section-info{margin-bottom:var(--spacing-sm)}.clean-section-header{flex-direction:column;align-items:flex-start}.section-score-indicator{width:100%;margin-top:var(--spacing-xs)}}@media (max-width: 480px){.results-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.results-actions-header{width:100%;justify-content:space-between}.results-tab-button{padding:var(--spacing-sm);font-size:var(--font-size-sm)}.results-quick-stats{gap:var(--spacing-sm)}.results-stat-card{padding:var(--spacing-md)}.results-stat-icon{width:40px;height:40px;margin-right:var(--spacing-md)}.results-stat-value{font-size:var(--font-size-lg)}}.furigana-rich-text-editor{border:1px solid #ddd;border-radius:4px;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin-bottom:20px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #eee;background-color:#f8f9fa;border-top-left-radius:4px;border-top-right-radius:4px;flex-shrink:0}.format-buttons{display:flex;gap:8px;flex-wrap:wrap}.format-button{background:none;border:none;border-radius:4px;padding:6px;cursor:pointer;color:#555;display:flex;align-items:center;justify-content:center}.format-button:hover{background-color:#e9ecef;color:#333}.format-button:active{background-color:#dee2e6}.format-button:disabled{opacity:.5;cursor:not-allowed}.color-button-container{position:relative;display:inline-block}.color-button{position:relative;font-weight:700}.color-picker-panel{position:absolute;top:100%;left:0;z-index:1000;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;padding:8px;margin-top:4px;width:250px}.color-options-group{display:flex;flex-direction:column;gap:10px}.color-options-header{font-size:13px;font-weight:500;color:#555;margin-bottom:4px}.color-options{display:flex;flex-wrap:wrap;gap:4px;width:120px}.color-option{width:24px;height:24px;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:transform .1s ease}.color-option:hover{transform:scale(1.1);border-color:#aaa}.toolbar-divider{width:1px;height:20px;background-color:#ddd;margin:0 8px}.editor-options{display:flex;align-items:center;gap:8px}.auto-furigana-button{display:flex;align-items:center;gap:8px;background-color:#f1f3f5;border:1px solid #ddd;border-radius:4px;padding:6px 12px;font-size:14px;color:#555;cursor:pointer;transition:all .2s ease}.auto-furigana-button:hover{background-color:#e9ecef;border-color:#ced4da}.auto-furigana-button.active{background-color:#e6f7ff;border-color:#1890ff;color:#1890ff}.editor-container{position:relative;padding:12px;flex-grow:1;overflow-y:auto}.inline-editor{width:100%;min-height:35px;padding:10px;border:1px solid #ccc;border-radius:4px;min-height:100px;background-color:#fff;overflow-y:auto;line-height:1.6;font-size:1rem;color:#333;outline:none;transition:border-color .2s}.inline-editor:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.furigana-rich-text-editor.simple-mode .inline-editor{border:none;padding:0;min-height:unset;background-color:transparent;line-height:inherit;font-size:inherit;color:inherit;font-family:inherit;font-weight:inherit;box-shadow:none;border-radius:0}.furigana-rich-text-editor.simple-mode .inline-editor:focus{border:none;box-shadow:none;outline:1px dashed #007bff}.inline-editor [data-placeholder]:empty:before{content:attr(data-placeholder);color:#aaa;pointer-events:none}.furigana-panel,.box-config-panel,.dictionary-panel{position:fixed;width:320px;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:1001;padding:16px;cursor:move;-webkit-user-select:none;user-select:none}.furigana-panel input,.furigana-panel button,.box-config-panel input,.box-config-panel textarea,.box-config-panel button,.dictionary-panel input,.dictionary-panel button{cursor:auto}.furigana-panel.dragging,.box-config-panel.dragging,.dictionary-panel.dragging{opacity:.8;box-shadow:0 8px 20px #0003}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #eee}.panel-header h4{margin:0;font-size:16px;color:#333}.close-button{background:none;border:none;font-size:20px;cursor:pointer;color:#777}.selected-text{margin-bottom:12px;padding:8px;background-color:#f8f9fa;border-radius:4px;font-size:14px;word-break:break-all}.reading-input,.form-group{margin-bottom:12px}.reading-input label,.form-group label{display:block;margin-bottom:6px;font-size:14px;color:#555;font-weight:500}.reading-input input,.form-group input[type=text],.form-group input[type=number],.form-group textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.reading-input input:focus,.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf733}.panel-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.apply-button,.cancel-button{padding:8px 12px;border-radius:4px;font-size:14px;cursor:pointer;border:none}.apply-button{background-color:#4a6cf7;color:#fff}.cancel-button{background-color:#f1f3f5;color:#495057}.box-container{display:inline-block;min-width:50px;min-height:24px;border:1px solid #000;background-color:#fff;margin:0 3px;padding:2px 5px;vertical-align:middle;position:relative;border-radius:3px;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none}.box-container.selected{outline:2px solid #4a6cf7;outline-offset:1px}.box-container:hover{opacity:.8}.box-config-content{max-height:400px;overflow-y:auto;padding-right:8px}.dictionary-panel{position:relative;margin:12px;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;padding:16px}@media (max-width: 768px){.furigana-panel,.box-config-panel{width:90%;max-width:300px}.editor-toolbar{flex-direction:column;align-items:flex-start;gap:8px}.editor-options{margin-top:8px;width:100%;justify-content:space-between}}html,body{height:100%;margin:0;padding:0;overflow-y:auto}.furigana-editor-demo{max-width:900px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-y:auto;min-height:100%}.demo-header{margin-bottom:30px;text-align:center}.demo-header h1{color:#333;margin-bottom:10px;font-size:2.2rem}.demo-header p{color:#666;font-size:1.1rem;line-height:1.5}.demo-examples{margin-bottom:30px;background-color:#f8f9fa;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.demo-examples h2{color:#444;margin-top:0;margin-bottom:15px;font-size:1.5rem}.example-buttons{display:flex;flex-wrap:wrap;gap:10px}.example-button{background-color:#4a6cf7;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.example-button:hover{background-color:#3a5ce5}.editor-container{margin-bottom:0}.editor-container h2{color:#444;margin-bottom:15px;font-size:1.5rem}.demo-features{margin-bottom:30px;background-color:#f8f9fa;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.demo-features h2{color:#444;margin-top:0;margin-bottom:15px;font-size:1.5rem}.demo-features ul{padding-left:20px}.demo-features li{margin-bottom:10px;line-height:1.5;color:#555}.demo-features strong{color:#333}.inline-examples{margin-bottom:30px;background-color:#f0f8ff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.inline-examples p{margin-bottom:20px;color:#555;line-height:1.5}.example-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.inline-example{background-color:#fff;border-radius:6px;padding:15px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.inline-example:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.inline-example h3{margin-top:0;margin-bottom:8px;color:#4a6cf7;font-size:1.1rem}.example-description{color:#666;font-size:.9rem;margin-bottom:12px}.example-text{background-color:#f8f9fa;padding:10px;border-radius:4px;margin-bottom:12px;font-size:1rem;line-height:1.5;color:#333;border-left:3px solid #4a6cf7}.demo-footer{margin-top:40px;padding-top:20px;border-top:1px solid #eee;text-align:center;color:#777;font-size:.9rem}.demo-footer a{color:#4a6cf7;text-decoration:none}.demo-footer a:hover{text-decoration:underline}@media (max-width: 768px){.furigana-editor-demo{padding:15px}.demo-header h1{font-size:1.8rem}.demo-header p{font-size:1rem}.example-buttons{flex-direction:column}.example-button{width:100%}}._progressContainer_18a7h_5{width:100%;margin:.5rem 0;padding:.75rem;border-radius:8px;background-color:#ffffffe6;box-shadow:0 2px 6px #0000000d}._progressStatus_18a7h_23{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}._statusText_18a7h_37{font-size:.875rem;font-weight:500;color:#4a5568;transition:color .3s ease}._statusText_18a7h_37._error_18a7h_51{color:#e53e3e}._statusText_18a7h_37._success_18a7h_59{color:#38a169}._progressPercent_18a7h_67{font-size:.75rem;font-weight:600;color:#718096}._progressBarOuter_18a7h_79{height:6px;width:100%;background-color:#edf2f7;border-radius:4px;overflow:hidden}._progressBarInner_18a7h_95{height:100%;background-color:#4c6ef5;border-radius:4px;transition:width .3s ease;width:0}._progressBarInner_18a7h_95._complete_18a7h_111{background-color:#38a169}._progressBarInner_18a7h_95._error_18a7h_51{background-color:#e53e3e}@keyframes _pulse_18a7h_1{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}._progressBarInner_18a7h_95:not(._complete_18a7h_111):not(._error_18a7h_51){animation:_pulse_18a7h_1 1.5s infinite}._modalOverlay_qu71o_5{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:_fadeIn_qu71o_1 .2s ease-out}@keyframes _fadeIn_qu71o_1{0%{opacity:0}to{opacity:1}}._modalContainer_qu71o_43{background-color:#fff;border-radius:8px;width:90%;max-width:450px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;overflow:hidden;animation:_slideUp_qu71o_1 .3s ease-out}@keyframes _slideUp_qu71o_1{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}._modalHeader_qu71o_89{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.1)}._modalTitle_qu71o_105{margin:0;font-size:1.1rem;font-weight:600;color:#2d3748}._closeButton_qu71o_119{background:none;border:none;cursor:pointer;color:#718096;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;transition:all .2s}._closeButton_qu71o_119:hover{background-color:#f7fafc;color:#4a5568}._modalContent_qu71o_157{padding:20px}._savingContainer_qu71o_165{min-height:80px;display:flex;flex-direction:column;justify-content:center}._errorContainer_qu71o_179,._successContainer_qu71o_181{display:flex;align-items:center;padding:10px;min-height:80px}._iconContainer_qu71o_195{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;margin-right:16px;flex-shrink:0}._successIcon_qu71o_217{color:#38a169}._errorIcon_qu71o_225{color:#e53e3e}._messageContainer_qu71o_233{flex:1}._errorTitle_qu71o_241,._successTitle_qu71o_243{margin:0 0 8px;font-size:1rem;font-weight:600}._errorTitle_qu71o_241{color:#e53e3e}._successTitle_qu71o_243{color:#38a169}._errorMessage_qu71o_271,._successMessage_qu71o_273{margin:0;font-size:.875rem;color:#718096;line-height:1.5}._modalFooter_qu71o_287{padding:16px 20px;display:flex;justify-content:flex-end;align-items:center;border-top:1px solid rgba(0,0,0,.1);background-color:#f8f9fa}._retryButton_qu71o_305,._doneButton_qu71o_307{padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}._retryButton_qu71o_305{background-color:#fff;color:#4c6ef5;border:1px solid #4c6ef5;margin-right:8px}._retryButton_qu71o_305:hover{background-color:#edf2ff}._doneButton_qu71o_307{background-color:#4c6ef5;color:#fff;border:none}._doneButton_qu71o_307:hover{background-color:#3b5bdb}._savingMessage_qu71o_367{font-size:.8rem;font-style:italic;color:#718096}.simple-audio-player{display:flex;flex-direction:column;align-items:center;margin:10px 0;padding:10px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000000d}.play-button{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:50%;background-color:#4caf50;color:#fff;border:none;cursor:pointer;margin-bottom:10px;transition:background-color .3s ease;box-shadow:0 2px 4px #0000001a}.play-button:hover{background-color:#45a049}.play-button:disabled{background-color:#ccc;cursor:not-allowed}.audio-label{font-size:14px;color:#666;margin-bottom:5px}.loading-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-right:10px}.volume-container{display:flex;align-items:center;width:100%;max-width:200px;margin-top:8px}.volume-button{background:none;border:none;color:#666;cursor:pointer;padding:0;margin-right:5px}.volume-slider{flex:1;height:4px;-webkit-appearance:none;width:100%;background:#ddd;border-radius:2px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#4caf50;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#4caf50;cursor:pointer;border:none}.fallback-button{background-color:#007bff;color:#fff;border:none;padding:5px 10px;border-radius:4px;margin-top:5px;cursor:pointer;font-size:12px}.fallback-button:hover{background-color:#0069d9}.direct-audio-player.error{padding:10px;border-radius:4px;background-color:#fff3f3;border:1px solid #ffcdd2;margin:10px 0}.audio-error-message{color:#d32f2f;font-size:14px;margin-bottom:5px}.r2-direct-player{margin:10px 0;border-radius:8px;overflow:hidden}.r2-play-button{transition:all .3s ease}.r2-play-button.playing{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 2px 4px #0000001a}50%{transform:scale(1.05);box-shadow:0 4px 8px #00000026}to{transform:scale(1);box-shadow:0 2px 4px #0000001a}}.r2-player-info{line-height:1.4}.r2-player-error-banner{padding:4px 8px;background-color:#f443361a;border-radius:4px}.r2-player-debug{position:relative;margin-top:8px}.r2-player-debug pre{font-family:monospace}._modalOverlay_rtyg7_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}._modal_rtyg7_1{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;animation:_modalFadeIn_rtyg7_1 .2s ease-out}@keyframes _modalFadeIn_rtyg7_1{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}._modalHeader_rtyg7_75{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e5e7eb}._modalHeader_rtyg7_75 h2{margin:0;font-size:1.5rem;color:#1f2937;font-weight:600}._closeButton_rtyg7_105{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}._closeButton_rtyg7_105:hover{background-color:#f3f4f6;color:#111827}._modalBody_rtyg7_141{padding:24px;overflow-y:auto;flex-grow:1}._formGroup_rtyg7_153{margin-bottom:20px}._formGroup_rtyg7_153 label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:.95rem}._formGroup_rtyg7_153 label ._required_rtyg7_177{color:#ef4444;margin-left:4px}._formControl_rtyg7_187{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;color:#1f2937;background-color:#fff;transition:border-color .2s,box-shadow .2s}._formControl_rtyg7_187:focus{outline:none;border-color:#4e5ba6;box-shadow:0 0 0 2px #4e5ba633}._formRow_rtyg7_221{display:flex;gap:20px;margin-bottom:20px}._formRow_rtyg7_221 ._formGroup_rtyg7_153{flex:1;margin-bottom:0}._checkbox_rtyg7_243{margin-right:8px;vertical-align:middle}._quizStats_rtyg7_253{background-color:#f9fafb;border-radius:6px;padding:16px;margin-top:20px;display:flex;flex-wrap:wrap;gap:20px}._statItem_rtyg7_273{display:flex;flex-direction:column;min-width:120px}._statLabel_rtyg7_285{font-size:.85rem;color:#6b7280;margin-bottom:4px}._statValue_rtyg7_297{font-size:1.1rem;font-weight:600;color:#1f2937}._sectionScoresInfo_rtyg7_311{background-color:#f0f4f8;border-radius:6px;padding:16px;margin:20px 0}._sectionScoresTitle_rtyg7_325{font-size:1rem;font-weight:600;color:#374151;margin-top:0;margin-bottom:10px}._sectionScoresHint_rtyg7_341{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#6b7280;margin-bottom:16px}._sectionScoreItem_rtyg7_359{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#fff;border-radius:4px;margin-bottom:8px;border:1px solid #e5e7eb}._sectionName_rtyg7_381{font-weight:500;color:#374151}._sectionScoreDetails_rtyg7_391{display:flex;gap:12px}._sectionTime_rtyg7_401,._sectionPoints_rtyg7_401{font-size:.9rem;color:#4b5563;display:flex;align-items:center;gap:4px}._sectionScoreLabel_rtyg7_417{font-weight:500;color:#6b7280}._thumbnailSection_rtyg7_429{margin-top:8px;border:1px solid #e5e7eb;border-radius:6px;padding:16px;background-color:#f9fafb}._thumbnailPreview_rtyg7_445,._thumbnailPreviewEmpty_rtyg7_445{margin-bottom:16px;border-radius:6px;overflow:hidden;box-shadow:0 2px 4px #0000001a;max-width:320px}._thumbnailPreviewEmpty_rtyg7_445{border:2px dashed #d1d5db;background-color:#f9fafb;display:flex;align-items:center;justify-content:center;height:180px;padding:20px}._thumbnailPlaceholder_rtyg7_481{display:flex;flex-direction:column;align-items:center;gap:10px;color:#6b7280;text-align:center}._thumbnailPlaceholder_rtyg7_481 p{margin:0;font-size:.9rem}._thumbnailImage_rtyg7_509{width:100%;display:block;object-fit:cover;max-height:180px}._thumbnailInfo_rtyg7_523{padding:10px;background-color:#f1f1f1;border-top:1px solid #e5e5e5;font-size:.85rem;word-break:break-all}._thumbnailLabel_rtyg7_539{font-weight:600;margin-right:5px;color:#444;display:block;margin-top:8px}._thumbnailValue_rtyg7_555{color:#06c;font-family:Courier New,monospace;font-size:.8rem;display:block;margin-top:4px;padding:4px;background:#fff;border-radius:3px;border:1px solid #ddd;overflow-x:auto}._thumbnailUrlContainer_rtyg7_581{margin-bottom:8px}._thumbnailUrlInput_rtyg7_589{width:100%;padding:8px;margin-top:4px;background-color:#fff;border:1px solid #ddd;border-radius:3px;font-family:Courier New,monospace;font-size:.8rem;color:#06c;cursor:pointer}._thumbnailUrlInput_rtyg7_589:focus{outline:none;border-color:#4e5ba6;box-shadow:0 0 0 2px #4e5ba633}._thumbnailUploaderTitle_rtyg7_627{font-size:.95rem;margin:12px 0;color:#374151;border-bottom:1px solid #e5e7eb;padding-bottom:8px}._thumbnailUploader_rtyg7_627{margin-top:20px;padding-top:10px;border-top:1px solid #e5e7eb}._thumbnailHint_rtyg7_655{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:.85rem;color:#6b7280}._modalFooter_rtyg7_673{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}._infoText_rtyg7_689{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:.85rem}._saveButton_rtyg7_705{min-width:120px}@media (max-width: 640px){._formRow_rtyg7_221{flex-direction:column;gap:16px}._modalBody_rtyg7_141{padding:16px}._modalFooter_rtyg7_673{flex-direction:column;gap:16px}._infoText_rtyg7_689{order:2}._saveButton_rtyg7_705{order:1;width:100%}}._quizEditorLayout_te84l_3{display:flex;min-height:100vh;background-color:#f9fafb}._quizEditorMainContent_te84l_15{flex-grow:1;padding:20px;overflow-y:auto}._quizEditor_te84l_3{padding:20px;background-color:#f9fafb;min-height:100vh;font-family:Inter,sans-serif}._quizEditorHeader_te84l_47{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}._headerButtons_te84l_65{display:flex;gap:10px}._actionButton_te84l_75{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;transition:background-color .2s}._actionButton_te84l_75:hover{background-color:#e0e0e0}._smallActionButton_te84l_109{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer;transition:background-color .2s}._smallActionButton_te84l_109:hover{background-color:#e0e0e0}._quizEditorHeader_te84l_47 h1{font-size:1.8rem;font-weight:600;color:#1f2937}._backButton_te84l_155,._primaryButton_te84l_157,._outlineButton_te84l_159,._iconButton_te84l_161{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:8px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease-in-out;border:1px solid transparent;text-decoration:none}._backButton_te84l_155{background-color:transparent;color:#4b5563;border:1px solid #d1d5db}._backButton_te84l_155:hover{background-color:#f3f4f6}._backButton_te84l_155 svg{margin-right:6px}._primaryButton_te84l_157{background-color:#4e5ba6;color:#fff;border-color:#4e5ba6}._primaryButton_te84l_157:hover{background-color:#434c8c}._primaryButton_te84l_157:disabled{background-color:#9ca3af;cursor:not-allowed}._primaryButton_te84l_157 svg{margin-right:8px}._outlineButton_te84l_159{background-color:transparent;color:#4e5ba6;border:1px solid #4e5ba6}._outlineButton_te84l_159:hover{background-color:#eef2ff}._outlineButton_te84l_159._small_te84l_109{padding:6px 12px;font-size:.85rem}._outlineButton_te84l_159._small_te84l_109 svg{margin-right:4px}._iconButton_te84l_161{background-color:transparent;color:#6b7280;padding:8px;border:none;border-radius:50%}._iconButton_te84l_161:hover{color:#374151;background-color:#f3f4f6}._iconButton_te84l_161._deleteButton_te84l_299{color:#ef4444}._iconButton_te84l_161._deleteButton_te84l_299:hover{color:#dc2626;background-color:#fee2e2}._saveButton_te84l_315{min-width:120px}._saveSuccess_te84l_321{background-color:#10b981;border-color:#10b981}._saveSuccess_te84l_321:hover{background-color:#059669}._errorMessage_te84l_337,._feedbackMessage_te84l_339{padding:12px 18px;margin-bottom:20px;border-radius:8px;display:flex;align-items:center;font-size:.9rem}._errorMessage_te84l_337{background-color:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}._errorMessage_te84l_337 svg{margin-right:10px}._feedbackMessage_te84l_339._success_te84l_371{background-color:#d1fae5;color:#065f46;border:1px solid #6ee7b7}._feedbackMessage_te84l_339._info_te84l_381{background-color:#e0e7ff;color:#3730a3;border:1px solid #a5b4fc}._feedbackMessage_te84l_339._warning_te84l_391{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}._quizStats_te84l_403{display:flex;gap:20px;margin-bottom:25px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d}._statItem_te84l_421{display:flex;flex-direction:column}._statLabel_te84l_429{font-size:.85rem;color:#6b7280;margin-bottom:4px}._statValue_te84l_439{font-size:1.1rem;font-weight:600;color:#1f2937}._quizEditorForm_te84l_451{display:flex;flex-direction:column;gap:30px}._quizSections_te84l_463{background-color:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #00000012}._quizSections_te84l_463 h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}._sectionsHeader_te84l_497{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}._addSectionButton_te84l_509{font-size:.9rem}._sectionNavigation_te84l_517{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px;background-color:#f3f4f6;border-radius:8px}._navButton_te84l_535{background-color:#fff;color:#4e5ba6;border:1px solid #d1d5db;padding:8px 12px;border-radius:6px;font-size:.85rem}._navButton_te84l_535:disabled{color:#9ca3af;background-color:#e5e7eb;cursor:not-allowed}._navButton_te84l_535 svg{vertical-align:middle}._navButton_te84l_535 span{margin:0 4px}._sectionCounter_te84l_573{font-size:.9rem;font-weight:500;color:#374151;text-align:center}._sectionContent_te84l_587{padding-top:10px}._sectionCard_te84l_595{background-color:#f9fafb;padding:20px;border-radius:8px;border:1px solid #e5e7eb}._sectionHeader_te84l_609{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}input,textarea,select{background-color:#fff!important;color:#333!important}._sectionTitleInput_te84l_635,._sectionDescriptionInput_te84l_637{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;box-sizing:border-box;background-color:#fff!important;color:#1f2937!important}._sectionTitleInput_te84l_635{font-weight:500}._sectionDescriptionInput_te84l_637{font-size:.9rem;resize:vertical;min-height:70px}._collapsibleSectionHeader_te84l_681{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#f3f4f6;border-radius:8px;margin-bottom:15px;cursor:pointer;transition:background-color .2s ease;border:1px solid #e5e7eb}._collapsibleSectionHeader_te84l_681:hover{background-color:#e5e7eb}._collapsibleSectionHeader_te84l_681 h3{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0;display:flex;align-items:center;gap:8px}._collapsibleSectionHeader_te84l_681 svg{transition:transform .2s ease}._collapsibleSectionHeader_te84l_681._expanded_te84l_743 svg._chevron_te84l_743{transform:rotate(180deg)}._collapsibleContent_te84l_751{overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .3s ease,margin .3s ease;margin-top:0}._collapsibleContent_te84l_751._expanded_te84l_743{max-height:2000px;opacity:1;margin-top:15px;margin-bottom:25px}._questionsHeader_te84l_783{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}._questionsHeader_te84l_783 h4{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0}._questionActions_te84l_815{display:flex;gap:8px}._fabContainer_te84l_839{position:fixed;bottom:30px;right:30px;z-index:1000}._fabMain_te84l_851{background-color:#4e5ba6;color:#fff;width:56px;height:56px;border-radius:50%;border:none;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease-in-out,background-color .2s}._fabMain_te84l_851:hover{transform:scale(1.05);background-color:#434c8c}._fabMenu_te84l_887{position:absolute;bottom:70px;right:0;display:flex;flex-direction:column;gap:12px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}._fabMenuOpen_te84l_911{opacity:1;visibility:visible;transform:translateY(0)}._fabAction_te84l_921{display:flex;align-items:center;background-color:#fff;color:#374151;padding:10px 15px;border-radius:8px;box-shadow:0 2px 6px #0000001a;font-size:.9rem;font-weight:500;cursor:pointer;border:1px solid #e5e7eb;transition:background-color .2s;white-space:nowrap}._fabAction_te84l_921:hover{background-color:#f3f4f6}._fabAction_te84l_921 span{margin-right:10px}._fabIcon_te84l_963{background-color:#eef2ff;color:#4e5ba6;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}._fabOverlay_te84l_983{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}._fabOverlayOpen_te84l_1007{opacity:1;visibility:visible}._floatingButtonContainer_te84l_1017{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:1000;display:flex;justify-content:center}._floatingSaveButton_te84l_1035{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:25px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease-in-out;border:none;box-shadow:0 4px 12px #00000026;background-color:#4e5ba6;color:#fff}._floatingSaveButton_te84l_1035:hover{background-color:#434c8c;transform:translateY(-2px)}._floatingSaveButton_te84l_1035:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}._floatingSaveButton_te84l_1035 svg{margin-right:8px}._floatingSaveButton_te84l_1035._saveSuccess_te84l_321{background-color:#10b981}._floatingSaveButton_te84l_1035._saveSuccess_te84l_321:hover{background-color:#059669}._savePopupOverlay_te84l_1105{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}._savePopupOverlayVisible_te84l_1135{opacity:1;visibility:visible}._savePopup_te84l_1105{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 8px 24px #00000026;width:90%;max-width:600px;text-align:center;transform:scale(.95);opacity:0;transition:transform .3s ease,opacity .3s ease}._savePopupVisible_te84l_1167{transform:scale(1);opacity:1}._savePopupHeader_te84l_1175{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}._savePopupSuccess_te84l_1189{background-color:#10b981;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}._savePopupTitle_te84l_1209 h3{font-size:1.6rem;font-weight:600;color:#1f2937;margin:0}._savePopupTitle_te84l_1209 p{font-size:.95rem;color:#6b7280;margin-top:5px}._savePopupContent_te84l_1231{margin-bottom:25px}._savePopupMessage_te84l_1237{font-size:1.05rem;color:#374151;margin-bottom:20px}._savePopupActions_te84l_1247{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}._savePopupActionButton_te84l_1257{background-color:#f3f4f6;padding:15px;border-radius:8px;border:1px solid #e5e7eb;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px}._savePopupActionButton_te84l_1257:hover{background-color:#e5e7eb;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 2px 4px #0000000d}._savePopupActionIcon_te84l_1293{background-color:#4e5ba6;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}._savePopupActionTitle_te84l_1315{font-size:1rem;font-weight:600;color:#1f2937}._savePopupActionDescription_te84l_1325{font-size:.85rem;color:#6b7280;margin-top:3px}._savePopupFooter_te84l_1335{display:flex;justify-content:space-between;gap:15px;margin-top:25px;padding-top:20px;border-top:1px solid #e5e7eb}._savePopupFooterButton_te84l_1351{padding:10px 20px;border-radius:8px;font-weight:500;font-size:.95rem;cursor:pointer;transition:background-color .2s;border:1px solid transparent}._savePopupClose_te84l_1369{background-color:#e5e7eb;color:#374151;border-color:#d1d5db}._savePopupClose_te84l_1369:hover{background-color:#d1d5db}._savePopupView_te84l_1385{background-color:#4e5ba6;color:#fff}._savePopupView_te84l_1385:hover{background-color:#434c8c}@media (max-width: 768px){._quizEditorHeader_te84l_47 h1{font-size:1.5rem}._fabContainer_te84l_839{bottom:20px;right:20px}._floatingButtonContainer_te84l_1017{bottom:20px}._savePopup_te84l_1105{padding:20px}._savePopupActions_te84l_1247{grid-template-columns:1fr}}._overlay_rrlen_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:_fadeIn_rrlen_1 .25s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}._dialog_rrlen_31{background-color:#fff;border-radius:10px;box-shadow:0 8px 24px #0003;width:100%;max-width:420px;overflow:hidden;animation:_slideIn_rrlen_1 .3s ease-out;border:1px solid rgba(0,0,0,.1)}._header_rrlen_53{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #e9ecef;background-color:#f8f9fa}._title_rrlen_71{margin:0;font-size:1.2rem;font-weight:600;color:#343a40}._closeButton_rrlen_85{background:none;border:none;cursor:pointer;color:#6c757d;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:32px;height:32px}._closeButton_rrlen_85:hover{background-color:#e9ecef;color:#495057;transform:scale(1.1)}._content_rrlen_127{padding:24px}._message_rrlen_135{margin:0;color:#495057;line-height:1.6;font-size:1.05rem}._actions_rrlen_149{display:flex;justify-content:flex-end;padding:18px 24px;border-top:1px solid #e9ecef;gap:14px;background-color:#f8f9fa}._cancelButton_rrlen_167{background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057;padding:10px 18px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.95rem}._cancelButton_rrlen_167:hover{background-color:#e9ecef;border-color:#ced4da;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}._confirmButton_rrlen_205{padding:10px 18px;border-radius:6px;cursor:pointer;font-weight:500;border:none;transition:all .2s ease;font-size:.95rem;min-width:100px}._danger_rrlen_227{background-color:#dc3545;color:#fff;box-shadow:0 2px 4px #dc354533}._danger_rrlen_227:hover{background-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}._primary_rrlen_251{background-color:#007bff;color:#fff;box-shadow:0 2px 4px #007bff33}._primary_rrlen_251:hover{background-color:#0069d9;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}._secondary_rrlen_275{background-color:#6c757d;color:#fff;box-shadow:0 2px 4px #6c757d33}._secondary_rrlen_275:hover{background-color:#5a6268;transform:translateY(-1px);box-shadow:0 4px 8px #6c757d4d}@keyframes _fadeIn_rrlen_1{0%{opacity:0}to{opacity:1}}@keyframes _slideIn_rrlen_1{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}._modalOverlay_1py8t_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}._modal_1py8t_1{background:#fff;border-radius:12px;padding:2rem;width:90%;max-width:900px;box-shadow:0 8px 24px #00000026}._modalHeader_1py8t_45{text-align:center;margin-bottom:2.5rem}._modalHeader_1py8t_45 h2{font-size:2rem;margin:0 0 .5rem;color:#333}._modalHeader_1py8t_45 p{color:#666;font-size:1.1rem;margin:0}._modalBody_1py8t_79{padding:1rem 0}._backButton_1py8t_87{display:flex;align-items:center;margin-bottom:1.5rem;cursor:pointer;padding:.5rem;width:fit-content;color:#007bff;font-weight:500;transition:all .2s ease}._backButton_1py8t_87:hover{color:#0056b3;background-color:#007bff1a;border-radius:4px}._levelGrid_1py8t_131{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;margin:0 auto}._optionsGrid_1py8t_145{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:0 auto}._optionCard_1py8t_159{background:#fff;border:2px solid #eee;border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative;overflow:hidden}._optionCard_1py8t_159:hover{border-color:#007bff;transform:translateY(-4px);box-shadow:0 8px 24px #007bff26}._optionCard_1py8t_159:hover ._optionIcon_1py8t_203{background:#007bff}._optionCard_1py8t_159:hover ._optionIcon_1py8t_203 svg{color:#fff}._optionIcon_1py8t_203{width:80px;height:80px;border-radius:50%;background:#f8f9fa;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:all .3s ease}._optionIcon_1py8t_203 svg{color:#007bff;transition:color .3s ease}._optionCard_1py8t_159 h3{font-size:1.4rem;margin:0;color:#333}._optionCard_1py8t_159 p{font-size:1rem;color:#666;margin:0;line-height:1.5}._levelGrid_1py8t_131{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:1rem}._backButton_1py8t_87{display:flex;align-items:center;color:#007bff;font-size:.9rem;padding:.5rem;border-radius:4px;cursor:pointer;width:fit-content;margin-bottom:1rem;transition:all .2s ease}._backButton_1py8t_87:hover{background-color:#007bff1a}._backButton_1py8t_87 span{margin-left:.5rem}@media (max-width: 900px){._optionsGrid_1py8t_145{grid-template-columns:repeat(2,1fr);gap:1.5rem}._levelGrid_1py8t_131{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){._optionsGrid_1py8t_145{grid-template-columns:1fr;gap:1rem}._levelGrid_1py8t_131{grid-template-columns:repeat(2,1fr)}._modal_1py8t_1{width:95%;padding:1.5rem}._modalHeader_1py8t_45 h2{font-size:1.5rem}._modalHeader_1py8t_45 p{font-size:1rem}._optionCard_1py8t_159{padding:1.5rem}._optionIcon_1py8t_203{width:60px;height:60px}._optionCard_1py8t_159 h3{font-size:1.2rem}}@media (max-width: 400px){._levelGrid_1py8t_131{grid-template-columns:1fr}}._modalOverlay_d48pt_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}._modalContent_d48pt_27{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}._modalHeader_d48pt_51{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e5e7eb}._modalHeader_d48pt_51 h2{margin:0;font-size:1.25rem;color:#1f2937}._closeButton_d48pt_79{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}._closeButton_d48pt_79:hover{background-color:#f3f4f6;color:#1f2937}._modalBody_d48pt_119{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}._importOptions_d48pt_135{display:flex;flex-direction:column;gap:16px}._importOptions_d48pt_135 h3{margin:0 0 8px;font-size:1rem;color:#1f2937}._optionGroup_d48pt_159{padding:12px;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s ease}._optionGroup_d48pt_159:hover{border-color:#d1d5db;background-color:#f9fafb}._radioLabel_d48pt_183{display:flex;align-items:flex-start;gap:12px;cursor:pointer}._radioLabel_d48pt_183 input{margin-top:4px}._optionTitle_d48pt_205{display:block;font-weight:500;color:#1f2937;margin-bottom:4px}._optionDescription_d48pt_219{display:block;font-size:.85rem;color:#6b7280}._fileSelection_d48pt_231{margin:20px 0;padding:20px;border:2px dashed #ccc;border-radius:8px;background-color:#f8f9fa}._fileSelection_d48pt_231 h3{margin-top:0;margin-bottom:15px;color:#333}._fileInputWrapper_d48pt_259{position:relative;width:100%;height:120px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;border-radius:6px;overflow:hidden}._fileInput_d48pt_259{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}._fileInputLabel_d48pt_301{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border:2px dashed #ccc;border-radius:6px;color:#666;font-size:1.1em;transition:all .3s ease;z-index:1;padding:20px}._fileInputLabel_d48pt_301:before{content:"";display:block;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" y1="3" x2="12" y2="15"></line></svg>');width:40px;height:40px;margin-bottom:10px;background-repeat:no-repeat;background-position:center;opacity:.7}._fileInputWrapper_d48pt_259._dragging_d48pt_365 ._fileInputLabel_d48pt_301{border-color:#4e5ba6;background-color:#4e5ba60d;color:#4e5ba6}._fileInput_d48pt_259:hover+._fileInputLabel_d48pt_301,._fileInput_d48pt_259:focus+._fileInputLabel_d48pt_301{border-color:#4e5ba6;color:#4e5ba6;background-color:#4e5ba60d}._selectedFileName_d48pt_391{margin-top:10px;color:#666;font-size:.9em}._importInstructions_d48pt_403{background-color:#f3f4f6;padding:16px;border-radius:6px;font-size:.9rem}._instructionsHeader_d48pt_417{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}._instructionsHeader_d48pt_417 h3{margin:0;color:#1f2937}._downloadTemplateButton_d48pt_441{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#4e5ba6;color:#fff;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s ease}._downloadTemplateButton_d48pt_441:hover{background-color:#3b4a8c}._importInstructions_d48pt_403 ul{margin:8px 0;padding-left:24px}._importInstructions_d48pt_403 li{margin-bottom:4px}._modalFooter_d48pt_495{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb}._cancelButton_d48pt_513{padding:8px 16px;background-color:#fff;color:#4b5563;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}._cancelButton_d48pt_513:hover{background-color:#f3f4f6;color:#1f2937}._confirmButton_d48pt_547{padding:8px 16px;background-color:#4e5ba6;color:#fff;border:1px solid #4e5ba6;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}._confirmButton_d48pt_547:hover{background-color:#3b4a8c}._threePaneLayout_1cd5z_1{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:#f0f2f5}._editorHeader_1cd5z_17{display:flex;justify-content:space-between;align-items:center;padding:30px 12px;background-color:#f5f5f5;border-bottom:1px solid #e5e7eb;flex-shrink:0;position:sticky;top:0;z-index:100;height:40px;box-shadow:none}._headerActions_1cd5z_47{display:flex;align-items:center;gap:6px}._quizTitle_1cd5z_59{font-size:.95rem;font-weight:500;color:#374151;margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:60%}._iconButton_1cd5z_81{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;background-color:transparent;border:none;color:#4b5563;cursor:pointer;transition:all .2s ease;padding:0;margin:0 2px}._iconButton_1cd5z_81:hover{background-color:#f9fafb;color:#1f2937}._editorBody_1cd5z_123{display:flex;flex-grow:1;overflow:hidden}._editorBody_1cd5z_123>*:nth-child(1){flex:0 0 350px;min-width:250px;border-right:1px solid #d1d5db}._editorBody_1cd5z_123>*:nth-child(2){flex:1;min-width:400px}._floatingButtonContainer_1cd5z_179{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:1050;margin-bottom:30px}._floatingSaveButton_1cd5z_201,._floatingAddButton_1cd5z_203{padding:10px 15px;border-radius:50px;box-shadow:0 4px 8px #00000026;display:flex;align-items:center;gap:8px;font-size:14px;transition:background-color .2s ease,box-shadow .2s ease;border:none}._floatingAddButton_1cd5z_203{background-color:#4caf50;color:#fff}._floatingAddButton_1cd5z_203:hover{background-color:#45a049;box-shadow:0 6px 12px #0003}._floatingSaveButton_1cd5z_201:hover{box-shadow:0 6px 12px #0003}._sidebar_6l3ix_1{width:280px;min-width:250px;background-color:#f8f9fa;padding:16px;border-right:1px solid #dee2e6;height:100%;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:sticky;top:0;box-shadow:inset -1px 0 #0000000d}._sidebarHeader_6l3ix_31{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e9ecef}._actionButton_6l3ix_49{background:none;border:none;cursor:pointer;color:#6c757d;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin:0 2px;width:28px;height:28px}._actionButton_6l3ix_49:hover{background-color:#e9ecef;color:#495057;transform:scale(1.1);box-shadow:0 2px 4px #0000001a}._actionButton_6l3ix_49:focus{outline:none;box-shadow:0 0 0 2px #007bff40}._actionButton_6l3ix_49[aria-label*=Delete]{color:#dc3545;opacity:.8}._actionButton_6l3ix_49[aria-label*=Delete]:hover{background-color:#dc354526;color:#dc3545;opacity:1}._sectionActions_6l3ix_129{display:flex;align-items:center;gap:4px}._sidebarTitle_6l3ix_141{font-size:1.1rem;font-weight:600;color:#343a40;margin-top:0;margin-bottom:0}._sectionList_6l3ix_157,._categoryList_6l3ix_159{list-style:none;padding-left:0;margin:0}._sectionItem_6l3ix_171{margin-bottom:8px;border-radius:6px;overflow:hidden;transition:all .2s ease}._sectionHeader_6l3ix_185{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:6px;transition:all .2s ease;font-weight:500;color:#495057;background-color:#00000005;cursor:pointer}._sectionHeader_6l3ix_185:hover{background-color:#0000000a;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}._sectionItem_6l3ix_171._active_6l3ix_223>._sectionHeader_6l3ix_185{background-color:#007bff14;color:#0d6efd;border-radius:4px;border-left:4px solid #007bff;padding-left:10px;box-shadow:0 1px 3px #0000001a;font-weight:600}._sectionItem_6l3ix_171._active_6l3ix_223>._sectionHeader_6l3ix_185 ._icon_6l3ix_243{color:#007bff!important}._toggleIcon_6l3ix_251{margin-right:8px;display:flex;align-items:center;justify-content:center;color:#6c757d;width:20px;height:20px;border-radius:50%;transition:all .2s ease;cursor:pointer}._toggleIcon_6l3ix_251:hover{background-color:#0000000d;color:#495057}._sectionItem_6l3ix_171._active_6l3ix_223>._sectionHeader_6l3ix_185 ._toggleIcon_6l3ix_251{color:#007bff}._sectionItem_6l3ix_171._active_6l3ix_223>._sectionHeader_6l3ix_185 ._toggleIcon_6l3ix_251:hover{background-color:#007bff1a}._icon_6l3ix_243{margin-right:8px;color:#6c757d;flex-shrink:0;min-width:18px;display:flex;align-items:center;justify-content:center}._sectionTitleText_6l3ix_323{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;display:inline-block}._sectionQuestionCount_6l3ix_341{background-color:#e9ecef;color:#495057;font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:10px;margin-right:6px;min-width:20px;text-align:center;display:inline-block;vertical-align:middle}._sectionItem_6l3ix_171._active_6l3ix_223 ._sectionQuestionCount_6l3ix_341{background-color:#cfe2ff;color:#0d6efd}._categoryList_6l3ix_159{padding-left:20px;margin-top:8px;margin-bottom:8px;border-left:2px solid #e0e0e0;margin-left:15px}._categoryItem_6l3ix_395{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:4px;transition:all .2s ease;font-size:.9rem;color:#495057;margin-bottom:4px;cursor:pointer}._categoryItem_6l3ix_395._active_6l3ix_223{background-color:#007bff14;font-weight:600;color:#0d6efd;padding:8px 6px 8px 8px;border-radius:4px;border-left:4px solid #007bff;box-shadow:0 1px 3px #0000001a}._categoryText_6l3ix_441{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block;width:100%}._categoryTextContainer_6l3ix_459{display:flex;align-items:center;flex-grow:1;overflow:hidden;min-width:0;margin-right:6px}._questionCount_6l3ix_477{background-color:#e9ecef;color:#495057;font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center;flex-shrink:0}._categoryItem_6l3ix_395._active_6l3ix_223 ._questionCount_6l3ix_477{background-color:#cfe2ff;color:#0d6efd}._errorCount_6l3ix_511{background-color:#ffdbdb;color:#dc3545}._categoryItem_6l3ix_395._active_6l3ix_223 ._errorCount_6l3ix_511{background-color:#ffc8c8;color:#c82333}._errorIcon_6l3ix_531{color:#dc3545!important;animation:_subtlePulse_6l3ix_1 3s infinite}@keyframes _subtlePulse_6l3ix_1{0%{opacity:.85}50%{opacity:1}to{opacity:.85}}._categoryItem_6l3ix_395._active_6l3ix_223 ._errorIcon_6l3ix_531,._sectionItem_6l3ix_171._active_6l3ix_223>._sectionHeader_6l3ix_185 ._errorIcon_6l3ix_531{color:#e05d65!important;animation:_subtlePulse_6l3ix_1 3s infinite}._sectionItem_6l3ix_171._active_6l3ix_223>._sectionHeader_6l3ix_185 ._errorIcon_6l3ix_531~._sectionTitleText_6l3ix_323{color:#0d6efd}._categoryItem_6l3ix_395._active_6l3ix_223._hasErrors_6l3ix_577{background-color:#007bff14;border-left:4px solid #007bff}._sectionItem_6l3ix_171._active_6l3ix_223._hasErrors_6l3ix_577>._sectionHeader_6l3ix_185{background-color:#007bff14;border-left:4px solid #007bff}._categoryItem_6l3ix_395:hover{background-color:#00000008}._categoryItem_6l3ix_395._active_6l3ix_223 ._icon_6l3ix_243{color:#007bff!important}._issueIndicator_6l3ix_615{display:inline-flex;align-items:center;margin-left:5px;color:#dc3545;vertical-align:middle;position:relative;top:-1px}._categoryItem_6l3ix_395 ._actionButton_6l3ix_49,._sectionHeader_6l3ix_185 ._actionButton_6l3ix_49{opacity:.8}._categoryItem_6l3ix_395:hover ._actionButton_6l3ix_49,._sectionHeader_6l3ix_185:hover ._actionButton_6l3ix_49{opacity:1}._actionButton_6l3ix_49[aria-label*=Add]{color:#28a745;opacity:.8}._actionButton_6l3ix_49[aria-label*=Add]:hover{background-color:#28a74526;color:#28a745;opacity:1}._detailPane_15jw6_3{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:20px;background-color:#f9f9f9}._detailPaneGlobalActions_15jw6_21{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:flex-start}._detailPaneLoading_15jw6_37,._detailPanePlaceholder_15jw6_39{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;text-align:center;color:#666;font-size:1.1em}._detailPanePlaceholder_15jw6_39 svg{margin-bottom:15px;color:#999}._managementTriggerHeader_15jw6_75{display:flex;justify-content:space-between;align-items:center;background-color:#eef5fd;padding:12px 16px;border-radius:6px;margin-bottom:16px;-webkit-user-select:none;user-select:none}._managementTriggerHeader_15jw6_75 h3{display:flex;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:600;color:#2c3e50}._settingsButton_15jw6_119{padding:6px;line-height:1;background-color:transparent;border:1px solid transparent;color:#2c3e50}._settingsButton_15jw6_119:hover{background-color:#0000000d;border-color:#ccc}._categoryHeader_15jw6_311{margin-bottom:16px}._categoryHeaderTop_15jw6_319{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}._categoryHeaderTop_15jw6_319 h2{margin:0;font-size:1.25rem;color:#333}._categoryActions_15jw6_345{display:flex;gap:8px}._categoryDescription_15jw6_355{margin:0 0 12px;font-size:.9rem;color:#666}._floatingActionButton_15jw6_367{display:flex;justify-content:flex-end;margin-bottom:16px}._addQuestionButton_15jw6_379{display:flex;align-items:center;gap:8px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:.9rem;cursor:pointer;transition:background-color .2s}._addQuestionButton_15jw6_379:hover{background-color:#388e3c}._questionList_15jw6_415{display:flex;flex-direction:column;gap:0;margin-bottom:90px}._emptyState_15jw6_429{display:flex;flex-direction:column;align-items:center;padding:30px;background-color:#f5f5f5;border-radius:6px;text-align:center;color:#666}._emptyState_15jw6_429 svg{margin-bottom:12px;color:#999}._actionButton_15jw6_461{padding:6px 10px;font-size:.85rem;border-radius:4px;background-color:#f0f2f5;border:1px solid #ddd;display:flex;align-items:center;gap:6px;cursor:pointer;transition:background-color .2s}._actionButton_15jw6_461:hover{background-color:#e1e4e8}._questionSelectionControls_15jw6_497{display:flex;align-items:center;justify-content:space-between;background-color:#f0f7ff;border:1px solid #b8d4f5;border-radius:4px;padding:8px 12px;margin:10px 0}._questionSelectionControls_15jw6_497 p{margin:0;font-size:.9rem;color:#2c3e50}._moveControls_15jw6_531{display:flex;align-items:center;gap:10px}._categorySelector_15jw6_543{padding:6px 8px;border-radius:4px;border:1px solid #ccc;background-color:#fff;font-size:.9rem;min-width:180px;color:#333}._moveButton_15jw6_563{display:flex;align-items:center;gap:6px;background-color:#4a6baf;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:.9rem;cursor:pointer;transition:background-color .2s}._moveButton_15jw6_563:hover{background-color:#3a5490}._moveButton_15jw6_563._disabled_15jw6_599{background-color:#b0b0b0;cursor:not-allowed}._moveButton_15jw6_563._disabled_15jw6_599:hover{background-color:#b0b0b0}.inline-rich-text-editor{border:1px solid #ddd;border-radius:4px;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin-bottom:20px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column}.inline-editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-bottom:1px solid #eee;background-color:#f8f9fa;border-top-left-radius:4px;border-top-right-radius:4px;flex-shrink:0;flex-wrap:wrap;position:sticky;top:0;z-index:2;transition:box-shadow .2s ease,border-radius .2s ease,background-color .2s ease}.inline-editor-toolbar.sticky{box-shadow:0 2px 12px #00000026;border-radius:0;border-bottom:1px solid #ddd;background-color:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.color-picker-panel,.symbol-palette-panel{z-index:150}.inline-editor-panel{z-index:200}.toolbar-main-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.toolbar-group{display:flex;align-items:center;gap:2px;padding:2px 4px;border:1px solid transparent;border-radius:3px}.toolbar-group:not(:last-child){margin-right:6px}.format-button{background:none;border:1px solid transparent;border-radius:4px;padding:5px;cursor:pointer;color:#495057;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease}.format-button:hover{background-color:#e9ecef;color:#343a40}.format-button:active,.format-button.active{background-color:#dee2e6;color:#007bff;border-color:#c3c9d0}.format-button:disabled{opacity:.4;cursor:not-allowed;background-color:transparent}.format-button .icon-text{font-size:14px;font-weight:700;line-height:1;display:inline-block;color:inherit}.format-select{background-color:#fff;border:1px solid #ced4da;border-radius:4px;padding:4px 8px;font-size:14px;color:#495057;cursor:pointer;height:30px;margin:0 2px;outline:none}.format-select:hover{border-color:#adb5bd}.format-select:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.symbol-button-container{position:relative;display:flex;align-items:center}.symbol-palette-panel{position:absolute;top:calc(100% + 4px);left:0;z-index:1050;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 12px #00000026;padding:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:4px;width:auto;min-width:120px;max-width:200px}.symbol-palette-panel .symbol-button{background-color:#f8f9fa;border:1px solid #dee2e6;color:#212529;padding:6px;font-size:16px;border-radius:3px;cursor:pointer;text-align:center}.symbol-palette-panel .symbol-button:hover{background-color:#e9ecef;border-color:#adb5bd}.color-button-container{position:relative;display:flex;align-items:center}.color-picker-panel{position:absolute;top:calc(100% + 4px);left:0;z-index:1050;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 12px #00000026;padding:10px;display:flex;flex-direction:column;gap:8px}.block-bg-picker-panel .remove-bg-button{background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057;padding:4px 8px;font-size:12px;border-radius:3px;cursor:pointer}.block-bg-picker-panel .remove-bg-button:hover{background-color:#e9ecef}.highlight-picker-panel .remove-highlight-button{background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057;padding:4px 8px;font-size:12px;border-radius:3px;cursor:pointer;margin-top:4px}.highlight-picker-panel .remove-highlight-button:hover{background-color:#e9ecef}.color-swatches-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(22px,1fr));gap:5px;margin-bottom:8px;max-width:150px}.color-swatch{width:22px;height:22px;border:1px solid #ccc;border-radius:3px;cursor:pointer;transition:transform .1s ease-out,box-shadow .1s ease-out;box-sizing:border-box;padding:0;background-clip:padding-box}.color-swatch:hover{transform:scale(1.15);box-shadow:0 0 3px #0000004d;border-color:#888}.color-swatch[title="No Highlight"]{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 75%,#ccc 75%,#ccc),linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 75%,#ccc 75%,#ccc)!important;background-size:10px 10px!important;background-position:0 0,5px 5px!important;border:1px dashed #aaa!important}.color-input-native{width:auto;min-width:100px;height:30px;border:1px solid #ddd;padding:0 2px}.toolbar-divider{width:1px;height:20px;background-color:#ced4da;margin:0 6px}.editor-options{display:flex;align-items:center;gap:10px;margin-left:auto}.auto-furigana-button{display:flex;align-items:center;gap:6px;background-color:transparent;border:1px solid #ced4da;border-radius:4px;padding:5px 10px;font-size:13px;color:#495057;cursor:pointer;transition:all .2s ease}.auto-furigana-button:hover{background-color:#e9ecef;border-color:#adb5bd}.auto-furigana-button.active{background-color:#e6f7ff;border-color:#91d5ff;color:#096dd9}.auto-furigana-button svg{color:inherit}.inline-editor-container{position:relative;padding:12px;flex-grow:1}.inline-editor{width:100%;min-height:200px;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;line-height:1.5;resize:vertical;font-family:inherit;background-color:#fff;color:#333}.inline-editor:focus{outline:none;border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf733}.inline-editor[data-placeholder]:empty:before{content:attr(data-placeholder);color:#aaa;pointer-events:none}.inline-editor-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:1001;display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eee;background-color:#f5f7f9;cursor:grab;border-top-left-radius:4px;border-top-right-radius:4px}.panel-header:active{cursor:grabbing}.panel-header h4{margin:0;font-size:16px;color:#333;font-weight:600}.close-button{background:none;border:none;font-size:24px;line-height:1;cursor:pointer;color:#777;padding:0}.close-button:hover{color:#333}.panel-content{padding:16px;overflow-y:auto;max-height:calc(80vh - 100px)}.selected-text-display{margin-bottom:12px;padding:8px;background-color:#f8f9fa;border-radius:4px;font-size:14px;word-break:break-all}.form-group{margin-bottom:12px}.form-group label{display:block;margin-bottom:6px;font-size:14px;color:#555;font-weight:500}.form-group input[type=text],.form-group input[type=number],.form-group textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf733}.options{margin-bottom:16px}.options label{display:flex;align-items:center;gap:8px;font-size:14px;color:#555;cursor:pointer}.panel-actions{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 16px;border-top:1px solid #eee;background-color:#f8f9fa}.action-buttons{display:flex;gap:8px}.apply-button,.cancel-button,.delete-button{padding:8px 12px;border-radius:4px;font-size:14px;cursor:pointer;font-weight:500}.apply-button{background-color:#4a6cf7;color:#fff;border:none}.apply-button:hover{background-color:#3a5ce5}.apply-button:disabled{background-color:#a8b8f8;cursor:not-allowed}.cancel-button{background-color:#f1f3f5;color:#495057;border:1px solid #ddd}.cancel-button:hover{background-color:#e9ecef}.delete-button{background-color:#fff0f0;color:#d32f2f;border:1px solid #ffcdd2}.delete-button:hover{background-color:#ffebee;border-color:#ef9a9a}.inline-editor ruby{display:ruby;text-align:center;white-space:nowrap;margin:0;padding:0;line-height:1.5}.inline-editor rt{font-size:.5em;color:#666;font-weight:700;text-align:center;line-height:1}.box-container{display:inline-flex;align-items:center;justify-content:center;min-width:50px;min-height:28px;border:1px solid #000;background-color:#fff;margin:0 3px;padding:4px 8px;vertical-align:middle;position:relative;border-radius:3px;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;max-width:100%}.box-with-text{text-align:center;white-space:normal;word-break:break-word;line-height:1.4}.box-empty:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:#0000001a}.box-container:hover{opacity:.85;box-shadow:0 2px 4px #0000001a}.inline-editor .box-container{display:inline-flex!important;box-sizing:border-box!important;max-width:100%!important}.box-config-content input[type=text],.box-config-content input[type=number],.box-config-content input[type=color],.box-config-content textarea,.box-config-content #box-text{background-color:#fff;color:#333;padding:8px;border-radius:4px;border:1px solid #ddd;width:100%;box-sizing:border-box}.box-config-tabs{display:flex;border-bottom:1px solid #eee;background-color:#f8f9fa}.box-config-tabs button{flex:1;padding:8px 12px;background-color:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;color:#666;transition:all .2s ease}.box-config-tabs button:hover{background-color:#f0f0f0;color:#333}.box-config-tabs button.active{border-bottom-color:#555;color:#333;font-weight:600}.preset-buttons{display:flex;gap:8px;margin-top:8px}.preset-button{padding:8px 40px;border:1px solid #ff0000;border-radius:4px;cursor:pointer;font-size:13px;background-color:#fff;color:#000;min-width:40px;transition:transform .15s ease;text-align:center}.preset-button:hover{background-color:#f8f8f8;box-shadow:0 2px 4px #0000001a}.size-selector{display:flex;gap:8px;margin-top:8px}.size-selector button{flex:1;padding:8px;background-color:#f8f9fa;color:#000;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s ease}.size-selector button:hover{background-color:#e9ecef}.size-selector button.active{background-color:#f0f0f0;border-color:#aaa;color:#333;font-weight:600}.color-selection{display:flex;align-items:center;gap:8px;margin-top:4px}.color-selection input[type=color]{width:40px;height:30px;padding:0;border:1px solid #ddd;border-radius:4px}.color-swatches{display:flex;flex-wrap:wrap;gap:4px}.color-swatch{width:22px;height:22px;border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:transform .1s}.color-swatch:hover{transform:scale(1.15);border-color:#888}.box-preview{margin-top:15px;border-top:1px solid #eee;padding-top:15px}.preview-box{border:1px solid #000;min-height:30px;display:flex;align-items:center;justify-content:center;margin-top:8px;font-size:14px;padding:3px 6px;border-radius:3px;word-break:break-all}.dictionary-panel .panel-content{padding:12px}.search-container{margin-bottom:16px}.search-input{display:flex;gap:8px}.search-input input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.search-input input:focus{outline:none;border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf733}.search-button{background-color:#4a6cf7;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-button:hover{background-color:#3a5ce5}.dictionary-results{max-height:200px;overflow-y:auto;border:1px solid #eee;border-radius:4px;background-color:#f8f9fa}.no-results{padding:20px;text-align:center;color:#777;font-style:italic}.results-list{list-style:none;padding:0;margin:0}.result-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #eee;background-color:#fff}.result-item:last-child{border-bottom:none}.result-item:hover{background-color:#f0f8ff}.result-text{font-size:16px;font-weight:500}.result-type{font-size:12px;color:#777;background-color:#f1f3f5;padding:2px 6px;border-radius:10px}.insert-button{background-color:#4a6cf7;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer}.insert-button:hover{background-color:#3a5ce5}.editor-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-top:1px solid #eee;font-size:12px;color:#777;background-color:#f8f9fa;border-bottom-left-radius:4px;border-bottom-right-radius:4px;flex-shrink:0}.character-counter{font-size:12px;color:#777}.copy-button{background:none;border:1px solid #ddd;padding:4px 8px;cursor:pointer;color:#555;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:4px}.copy-button:hover{background-color:#e9ecef;color:#333}.processing-indicator,.dictionary-loading{font-size:12px;color:#777;font-style:italic;display:flex;align-items:center;gap:6px}.loading-icon{animation:spin 1.5s linear infinite}.dictionary-error{padding:12px;background-color:#fff3f3;border:1px solid #ffcaca;border-radius:4px;margin:10px 12px;color:#d32f2f}.dictionary-error p{margin:0 0 8px;font-weight:500}.dictionary-error small{display:block;font-size:12px;color:#777}@media (max-width: 768px){.inline-editor-panel{width:90%;max-width:300px}.inline-editor-toolbar{flex-direction:column;align-items:flex-start;gap:8px;padding:8px 10px}.inline-editor-toolbar{top:0}.inline-editor-toolbar.sticky{padding:6px 10px;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toolbar-main-actions{flex-wrap:wrap;gap:6px;width:100%}.editor-options{margin-top:8px;width:100%;justify-content:space-between}.color-picker-panel,.symbol-palette-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:250;max-width:90vw}}@media (max-width: 480px){.inline-editor-toolbar.sticky{padding:4px 8px}.toolbar-group{gap:1px;padding:1px 2px}.format-button{padding:4px}}.custom-big-underline{border-bottom:2px solid currentColor;padding-bottom:1px;text-decoration:none;display:inline}._modalOverlay_1gmxh_3{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:1;transition:opacity .3s ease-in-out;animation:_fadeIn_1gmxh_1 .3s ease-in-out}@keyframes _fadeIn_1gmxh_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1gmxh_1{0%{opacity:1}to{opacity:0}}._modalClosing_1gmxh_55{animation:_fadeOut_1gmxh_1 .3s ease-in-out;pointer-events:none}._modalContent_1gmxh_65{background-color:#fff;border-radius:8px;width:90%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 5px 20px #0000004d;transform:translateY(0);transition:transform .3s ease-in-out;animation:_slideIn_1gmxh_691 .3s ease-in-out;position:relative}@keyframes _slideIn_1gmxh_691{0%{transform:translateY(20px);opacity:.8}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_1gmxh_675{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}._modalClosing_1gmxh_55 ._modalContent_1gmxh_65{animation:_slideOut_1gmxh_675 .3s ease-in-out}._customHeader_1gmxh_127{width:100%;margin-bottom:1px;background-color:#000}._customHeader_1gmxh_127 .quiz-header-container{box-shadow:none}._customHeader_1gmxh_127 .quiz-header{height:auto;padding:8px 20px;background-color:#000}._customHeader_1gmxh_127 .test-bar{display:none}._customHeader_1gmxh_127 .save-btn{padding:8px 16px;font-size:14px}._modalHeader_1gmxh_177{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #ddd;background-color:#f5f7fa;color:#333}._headerLeft_1gmxh_197{flex:0 0 auto}._modalHeader_1gmxh_177 h3{margin:0;font-size:1.2rem;color:#333;min-width:140px;font-weight:600}._headerButtons_1gmxh_221{display:flex;align-items:center;gap:10px}._saveHeaderButton_1gmxh_233{display:flex;align-items:center;gap:8px;padding:8px 15px;border:none;border-radius:4px;background-color:#4caf50;color:#fff;font-weight:500;cursor:pointer;transition:background-color .2s}._saveHeaderButton_1gmxh_233:hover{background-color:#388e3c}._saveHeaderButton_1gmxh_233 ._saveIcon_1gmxh_269{display:flex;align-items:center;justify-content:center}._saveHeaderButton_1gmxh_233 ._saveIcon_1gmxh_269 svg{width:18px;height:18px;stroke:currentColor}._closeButton_1gmxh_293{background:none;border:none;cursor:pointer;color:#666;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}._closeButton_1gmxh_293:hover{background-color:#e0e0e0}._iconButton_1gmxh_327{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:4px;border:none;cursor:pointer;font-size:.9rem;transition:all .2s ease}._editButton_1gmxh_351{background-color:#f0f0f0;color:#333}._editButton_1gmxh_351:hover{background-color:#e0e0e0}._saveButton_1gmxh_369{background-color:#4caf50;color:#fff}._saveButton_1gmxh_369:hover{background-color:#388e3c}._saveButtonContainer_1gmxh_389{display:flex;justify-content:flex-end;margin-bottom:16px}._modeSelector_1gmxh_403{display:flex;gap:1px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;margin:0 auto}._viewOnlyIndicator_1gmxh_421{padding:6px 20px;background-color:#f5f5f5;color:#666;font-weight:500;border-radius:4px;margin:0 auto}._modeButton_1gmxh_439{padding:6px 20px;border:none;background-color:#f5f5f5;color:#666;font-weight:500;cursor:pointer;transition:all .2s}._modeButton_1gmxh_439:hover:not(:disabled){background-color:#eee;color:#333}._modeButton_1gmxh_439:disabled{opacity:.5;cursor:not-allowed}._activeMode_1gmxh_479{background-color:#3b82f6;color:#fff}._activeMode_1gmxh_479:hover{background-color:#2563eb;color:#fff}._questionNavigation_1gmxh_501{display:flex;justify-content:space-between;padding:10px 20px;background-color:#f9f9f9;border-bottom:1px solid #eaeaea}._bottomNavigation_1gmxh_517{display:flex;justify-content:space-between;padding:20px 30px;background-color:#f9f9f9;border-top:1px solid #eaeaea;margin-top:20px}._navButton_1gmxh_535{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#333;padding:8px 16px;cursor:pointer;transition:all .2s;font-size:.9rem}._navButtonPrevious_1gmxh_557,._navButtonNext_1gmxh_557{background-color:#4e73df;border:none;border-radius:4px;color:#fff;padding:10px 20px;cursor:pointer;transition:all .2s;font-size:.95rem;font-weight:500}._navButtonPrevious_1gmxh_557{padding-left:15px}._navButtonNext_1gmxh_557{padding-right:15px}._navButtonPrevious_1gmxh_557:hover:not(:disabled),._navButtonNext_1gmxh_557:hover:not(:disabled){background-color:#3a5ccc}._navButton_1gmxh_535:hover:not(:disabled){background-color:#e0e0e0}._navButton_1gmxh_535:disabled,._navButtonPrevious_1gmxh_557:disabled,._navButtonNext_1gmxh_557:disabled{opacity:.5;cursor:not-allowed;color:#ffffffb3;background-color:#a0afd7;box-shadow:none}._activeButton_1gmxh_633{background-color:#4caf50;color:#fff;border-color:#388e3c}._activeButton_1gmxh_633:hover{background-color:#388e3c;color:#fff}._previewContainer_1gmxh_655{flex:1;overflow-y:auto;padding:0;background-color:#f9f9f9;position:relative;transition:all .3s ease-in-out}._slideOutLeft_1gmxh_675{animation:_slideOutToLeft_1gmxh_1 .3s ease-in-out forwards}._slideOutRight_1gmxh_683{animation:_slideOutToRight_1gmxh_1 .3s ease-in-out forwards}._slideInFromRight_1gmxh_691{animation:_slideInFromRight_1gmxh_691 .3s ease-in-out forwards}._slideInFromLeft_1gmxh_699{animation:_slideInFromLeft_1gmxh_699 .3s ease-in-out forwards}@keyframes _slideOutToLeft_1gmxh_1{0%{transform:translate(0);opacity:1}to{transform:translate(-30px);opacity:0}}@keyframes _slideOutToRight_1gmxh_1{0%{transform:translate(0);opacity:1}to{transform:translate(30px);opacity:0}}@keyframes _slideInFromRight_1gmxh_691{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideInFromLeft_1gmxh_699{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}._quizQuestionContainer_1gmxh_749{position:relative;display:flex;flex:1;overflow:hidden;background-color:#fff;padding:0;border-radius:0;box-shadow:none}._questionContent_1gmxh_771{flex:1;padding:20px 30px;overflow-y:auto;max-height:70vh}._questionInstruction_1gmxh_785{background-color:#ecf2f8;padding:10px 15px;margin:10px 0 20px;border-radius:4px;font-style:Bold;color:#000}._questionInstruction_1gmxh_785 p{margin:0;font-size:1.2rem;line-height:1.4}._questionInstructionEnglish_1gmxh_815{margin-top:8px;font-size:.9rem;color:#444;font-style:italic;border-top:1px dashed rgba(0,0,0,.1);padding-top:8px}._questionText_1gmxh_833{font-size:1.5rem;line-height:1.6;margin-bottom:20px;margin-top:20px;color:#080808;font-weight:600}._questionText_1gmxh_833 ruby{display:ruby;ruby-position:over;margin:0 1px}._questionText_1gmxh_833 rt{font-size:.6em;line-height:1;text-align:center;white-space:nowrap;ruby-position:over}._questionImagesGrid_1gmxh_883{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin:15px 0 25px}._questionImagesGrid_1gmxh_883._singleImage_1gmxh_899 ._questionImageItem_1gmxh_899{flex:0 0 auto;width:450px;max-width:100%;position:relative}._questionImagesGrid_1gmxh_883._singleImage_1gmxh_899 ._questionImageThumbnail_1gmxh_913{height:350px}._questionImagesGrid_1gmxh_883._fewImages_1gmxh_921 ._questionImageItem_1gmxh_899{flex:0 0 auto;width:280px;max-width:48%;position:relative}._questionImagesGrid_1gmxh_883._fewImages_1gmxh_921 ._questionImageThumbnail_1gmxh_913{height:250px}._questionImagesGrid_1gmxh_883._manyImages_1gmxh_943 ._questionImageItem_1gmxh_899,._questionImageItem_1gmxh_899{flex:0 0 auto;width:180px;max-width:30%;position:relative}._questionImageThumbnail_1gmxh_913{width:100%;height:150px;object-fit:contain;border-radius:4px;box-shadow:0 1px 3px #0000001a;border:1px solid #eee}._imageFallback_1gmxh_989{display:flex;align-items:center;justify-content:center;background-color:#f0f2f5;border:1px dashed #d9d9d9;border-radius:8px;padding:20px;text-align:center;min-height:150px;color:#666}._imageFallback_1gmxh_989 p{margin:0;font-size:14px}._questionAudioList_1gmxh_1027{display:flex;flex-direction:column;gap:15px;margin:15px 0}._questionAudioItem_1gmxh_1041{background-color:#f8f9fa;padding:12px;border-radius:8px;width:100%}._audioDescription_1gmxh_1055{font-size:.9rem;font-style:italic;color:#666;margin-top:5px;text-align:center}._answerOptions_1gmxh_1073{display:flex;flex-direction:column;gap:12px;padding:0;margin-top:20px;margin-bottom:30px}._answerOption_1gmxh_1073{display:flex;align-items:center;padding:14px;border:1px solid #ddd;border-radius:3px;cursor:pointer;transition:all .2s ease;background-color:#f9f9f9}._answerOption_1gmxh_1073:hover{background-color:#e2b1831a;border-color:#ccc}._answerOption_1gmxh_1073._selected_1gmxh_1123{background-color:#fdd7b3;border-color:#a36e3b;position:relative}._answerOption_1gmxh_1073._correctAnswer_1gmxh_1135{background-color:#dcf9dc;border-color:#4caf50;position:relative}._answerOption_1gmxh_1073._correctAnswer_1gmxh_1135:before{content:"✓";position:absolute;right:10px;top:12px;font-size:16px;color:#4caf50;font-weight:700}._answerOption_1gmxh_1073._selected_1gmxh_1123:before{content:"✓";position:absolute;right:10px;top:12px;font-size:16px;color:#a36e3b;font-weight:700}._optionHeading_1gmxh_1189{font-weight:700;margin-top:20px;margin-bottom:10px;color:#333;padding:12px 16px;cursor:default;border-left:3px solid #3b65cc;width:100%;font-size:1.1rem;position:relative;pointer-events:none;-webkit-user-select:none;user-select:none}._groupedOption_1gmxh_1219{margin-left:24px;position:relative;margin-bottom:8px;border:1px solid #eaecf0}._groupedOptionSelected_1gmxh_1233{border-left:5px solid #a36e3b}._optionText_1gmxh_1241{flex:1;font-size:16px;color:#000}._optionText_1gmxh_1241 ruby{display:ruby;ruby-position:over;margin:0 1px}._optionText_1gmxh_1241 rt{font-size:.6em;line-height:1;text-align:center;white-space:nowrap;ruby-position:over}._imageOptionsHorizontal_1gmxh_1285{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:left;gap:1rem}._imageOption_1gmxh_1285{flex:1 0 200px;max-width:240px;text-align:center;margin:.5rem}._optionImageContainer_1gmxh_1315{display:flex;flex-direction:column;align-items:left;width:100%;height:100%}._optionImage_1gmxh_1315{max-width:100%;max-height:120px;object-fit:contain;border-radius:4px;margin-bottom:8px}._editableQuestionText_1gmxh_1349{margin-bottom:20px;margin-top:20px}._editableInstruction_1gmxh_1359{width:100%;padding:8px 12px;font-size:1.1rem;border:1px solid #ccc;border-radius:4px;background-color:#fff;color:#333}._editableOption_1gmxh_1379{background-color:#f9f9f9;border:1px solid #ddd;position:relative}._editableOption_1gmxh_1379:hover{background-color:#e2b1831a;border-color:#ccc}._optionControls_1gmxh_1401{position:absolute;top:5px;right:5px;display:flex;gap:5px;opacity:0;transition:opacity .2s ease-in-out}._editableOption_1gmxh_1379:hover ._optionControls_1gmxh_1401{opacity:1}._correctToggle_1gmxh_1429{display:flex;align-items:center;justify-content:center;margin-right:8px;position:relative}._correctCheckbox_1gmxh_1445{width:18px;height:18px;cursor:pointer;opacity:.3;transition:opacity .2s ease}._editableOption_1gmxh_1379:hover ._correctCheckbox_1gmxh_1445{opacity:1}._correctIcon_1gmxh_1469{position:absolute;color:#4caf50;pointer-events:none}._editableHeading_1gmxh_1481{width:100%;padding:8px 12px;font-size:1.1rem;font-weight:700;border:none;border-bottom:1px solid transparent;border-radius:0;background-color:transparent;color:#333;transition:border-bottom-color .2s ease}._editableHeading_1gmxh_1481:focus,._editableHeading_1gmxh_1481:hover{border-bottom-color:#3b65cc;outline:none}._editableOptionText_1gmxh_1517{width:100%;padding:8px 0;font-size:16px;border:none;border-bottom:1px solid transparent;border-radius:0;background-color:transparent;color:#000;transition:border-bottom-color .2s ease}._editableOptionText_1gmxh_1517:focus,._editableOptionText_1gmxh_1517:hover{border-bottom-color:#ccc;outline:none}._inlineRichTextWrapper_1gmxh_1551{width:100%;position:relative}._inlineRichTextWrapper_1gmxh_1551 .furigana-editor{border:none;box-shadow:none;padding:0;background:transparent}._inlineRichTextWrapper_1gmxh_1551:hover .furigana-editor,._inlineRichTextWrapper_1gmxh_1551:focus-within .furigana-editor{background:#f1f1f166;border-radius:4px}._editableTextWrapper_1gmxh_1589{width:100%;position:relative;margin-bottom:5px}._editableTextArea_1gmxh_1601{width:100%;min-height:80px;padding:10px;font-size:1rem;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#333;resize:vertical;transition:border-color .3s ease}._editableTextArea_1gmxh_1601:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}._editableInput_1gmxh_1639{width:100%;padding:8px 10px;font-size:1rem;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#333;transition:border-color .3s ease}._editableInput_1gmxh_1639:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}._editableFuriganaText_1gmxh_1675{width:100%;font-size:1rem;border-radius:4px;color:#333;transition:border-color .3s ease}._questionText_1gmxh_833 ._editableFuriganaText_1gmxh_1675{font-size:1.5rem;font-weight:600}._optionHeading_1gmxh_1189 ._editableFuriganaText_1gmxh_1675{font-weight:700;color:#333}._editableMediaContainer_1gmxh_1713{display:flex;flex-direction:column;gap:10px;width:100%;padding:10px;position:relative;border-radius:6px;border:1px solid transparent;transition:all .2s ease}._editableMediaContainer_1gmxh_1713:hover{background-color:#f0f8ff;border-color:#b8daff}._editableMediaInputs_1gmxh_1747{display:flex;flex-direction:column;gap:8px;overflow:hidden;max-height:0;opacity:0;transition:all .3s ease}._editableMediaContainer_1gmxh_1713:hover ._editableMediaInputs_1gmxh_1747,._editableMediaInputs_1gmxh_1747._expanded_1gmxh_1769{max-height:200px;opacity:1;margin-bottom:8px}._mediaControlsOverlay_1gmxh_1781{position:absolute;top:10px;right:10px;display:flex;gap:5px;opacity:0;transition:opacity .2s ease;z-index:5}._editableMediaContainer_1gmxh_1713:hover ._mediaControlsOverlay_1gmxh_1781{opacity:1}._editableMediaUrl_1gmxh_1811,._editableMediaDescription_1gmxh_1831{width:100%;padding:8px 12px;font-size:.9rem;border:1px solid #ccc;border-radius:4px;background-color:#fff;color:#333}._optionImageContainer_1gmxh_1315{position:relative}._optionImageControls_1gmxh_1859{position:absolute;top:8px;right:8px;display:flex;gap:5px;opacity:0;transition:opacity .2s ease;z-index:5}._optionImageContainer_1gmxh_1315:hover ._optionImageControls_1gmxh_1859{opacity:1}._mediaButtons_1gmxh_1891{display:flex;gap:10px;margin:15px 0}._addMediaButton_1gmxh_1903{padding:8px 16px;background-color:#e6f7ff;color:#06c;border:1px solid #91d5ff;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}._addMediaButton_1gmxh_1903:hover{background-color:#bae7ff;border-color:#69c0ff}._iconButton_1gmxh_327{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:#ffffffe6;border:1px solid #ddd;cursor:pointer;font-size:14px;color:#666;transition:all .2s ease}._iconButton_1gmxh_327:hover{background-color:#fff;color:#333;box-shadow:0 2px 4px #0000001a}._editToggleButton_1gmxh_1979{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#f0f0f0;border:none;cursor:pointer;color:#555;transition:all .2s ease}._editToggleButton_1gmxh_1979:hover{background-color:#e0e0e0;color:#333}._editToggleButton_1gmxh_1979._active_1gmxh_479{background-color:#4caf50;color:#fff}._editToggleButton_1gmxh_1979._active_1gmxh_479:hover{background-color:#388e3c}._deleteButton_1gmxh_2035{background-color:#ffe9e9e6;color:#d32f2f}._deleteButton_1gmxh_2035:hover{background-color:#ffebee;color:#c62828}._editButton_1gmxh_351{background-color:#e8f5e9e6;color:#388e3c}._editButton_1gmxh_351:hover{background-color:#e8f5e9;color:#2e7d32}._optionButtons_1gmxh_2075{display:flex;gap:10px;margin-bottom:15px}._addOptionButton_1gmxh_2087{padding:8px 16px;background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}._addOptionButton_1gmxh_2087:hover{background-color:#d9f7be;border-color:#95de64}._explanationSection_1gmxh_2121{margin-top:30px;padding-top:20px;border-top:1px solid #eee}._explanationSection_1gmxh_2121 h3{font-size:1.2rem;margin-bottom:15px;color:#333}._editModeMessage_1gmxh_2147{background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px;padding:20px;margin:20px 0;text-align:center}._editModeMessage_1gmxh_2147 p{color:#2e7d32;margin-bottom:15px;font-size:16px}._viewModeButton_1gmxh_2177{background-color:#4caf50;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:14px;cursor:pointer;transition:background-color .2s}._viewModeButton_1gmxh_2177:hover{background-color:#388e3c}._explanationText_1gmxh_2207{background-color:#f5f5f5;padding:15px;border-radius:4px;font-size:1rem;line-height:1.5}._editableExplanation_1gmxh_2223{margin-bottom:20px}._previewMode_1gmxh_2233{background-color:#f0f5ff}._previewMode_1gmxh_2233 ._modalHeader_1gmxh_177{background-color:#1e40af;color:#fff;border-bottom:none}._previewMode_1gmxh_2233 ._modalHeader_1gmxh_177 h3,._previewMode_1gmxh_2233 ._closeButton_1gmxh_293{color:#fff}._previewMode_1gmxh_2233 ._previewContainer_1gmxh_655{background-color:#e0e7ff}._previewMode_1gmxh_2233 ._quizQuestionContainer_1gmxh_749{border-radius:12px;margin:25px;background-color:#fff;box-shadow:0 8px 25px #1e40af26;transition:all .3s ease}._previewMode_1gmxh_2233 ._questionContent_1gmxh_771{padding:35px}._previewMode_1gmxh_2233 ._questionInstruction_1gmxh_785{background-color:#f0f5ff;border-left:4px solid #3b82f6;padding:15px 20px;margin-bottom:25px}._previewMode_1gmxh_2233 ._questionText_1gmxh_833{font-size:1.6rem;color:#1e3a8a;margin-bottom:30px}._previewMode_1gmxh_2233 ._answerOption_1gmxh_1073{border:2px solid #e5e7eb;background-color:#fff;padding:16px 20px;border-radius:8px;transition:all .2s ease}._previewMode_1gmxh_2233 ._answerOption_1gmxh_1073:hover{border-color:#93c5fd;background-color:#f0f7ff;transform:translateY(-2px)}._previewMode_1gmxh_2233 ._answerOption_1gmxh_1073._selected_1gmxh_1123{background-color:#dbeafe;border-color:#3b82f6}._previewControls_1gmxh_2365{display:flex;justify-content:center;margin-top:40px;margin-bottom:30px}._checkAnswerButton_1gmxh_2379{padding:14px 30px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #2563eb33}._checkAnswerButton_1gmxh_2379:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 8px #2563eb40}._checkAnswerButton_1gmxh_2379:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #2563eb33}._checkAnswerButton_1gmxh_2379:disabled{background-color:#bfdbfe;cursor:not-allowed;box-shadow:none}._previewMode_1gmxh_2233 ._previewTimer_1gmxh_2441{display:flex;justify-content:center;align-items:center;padding:10px;background-color:#1e3a8a;color:#fff;font-size:1.1rem;font-weight:700;border-radius:8px;margin:0 auto 20px;width:120px}@media (max-width: 768px){._modalContent_1gmxh_65{width:95%;max-height:95vh}._questionText_1gmxh_833{font-size:1.2rem}._questionImagesGrid_1gmxh_883{justify-content:center}._questionImageItem_1gmxh_899{width:150px;max-width:45%}._questionImageThumbnail_1gmxh_913{height:120px}._answerOption_1gmxh_1073{padding:12px}._optionText_1gmxh_1241{font-size:15px}}@media (max-width: 480px){._modalContent_1gmxh_65{width:100%;height:100%;max-height:100vh;border-radius:0}._questionImageItem_1gmxh_899{width:120px;max-width:45%}._questionImageThumbnail_1gmxh_913{height:100px}}._questionCard_fe8ww_1{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 4px #0000000d;overflow:hidden;margin-bottom:16px;transition:border-color .2s,box-shadow .2s}._questionCard_fe8ww_1:hover{border-color:#aaa;box-shadow:0 4px 8px #0000001a}._questionCard_fe8ww_1._collapsed_fe8ww_31 ._questionBody_fe8ww_31{display:none}._questionHeader_fe8ww_39{padding:12px 16px;background-color:#f5f7fa;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-bottom:1px solid #eee;color:#333}._questionTitleContainer_fe8ww_61{display:flex;align-items:center;flex:1}._collapseIcon_fe8ww_73{margin-right:8px;color:#666}._questionIcon_fe8ww_83{margin-right:8px;color:#333}._questionTitleText_fe8ww_93{margin:0;font-size:1rem;font-weight:500;color:#333;align-items:center}._questionHeaderActions_fe8ww_111{display:flex;gap:8px}._iconButton_fe8ww_121{background:none;border:none;color:#666;padding:4px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}._iconButton_fe8ww_121:hover{background-color:#0000001a;color:#333}._iconButton_fe8ww_121._deleteButton_fe8ww_157:hover{color:#d32f2f}._iconButton_fe8ww_121._previewButton_fe8ww_165:hover{color:#2196f3}._questionBody_fe8ww_31{padding:16px;background-color:#fff;color:#333}._formGroup_fe8ww_185{margin-bottom:16px}._formGroup_fe8ww_185 label{display:block;margin-bottom:6px;font-weight:500;color:#555}._labelWithAction_fe8ww_207{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}._labelWithAction_fe8ww_207 label{margin-bottom:0}._formControl_fe8ww_229{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;background-color:#fff;color:#333}._questionTypeButtons_fe8ww_249{display:flex;gap:8px;margin-top:6px}._questionTypeButton_fe8ww_249{padding:6px 12px;background-color:#f0f2f5;border:1px solid #ddd;border-radius:4px;font-size:.85rem;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;color:#555}._questionTypeButton_fe8ww_249:hover{background-color:#e1e4e8;border-color:#ccc}._questionTypeButton_fe8ww_249._activeType_fe8ww_293{background-color:#007bff;border-color:#007bff;color:#fff;font-weight:500}._furiganaEditorContainer_fe8ww_307{border:1px solid #ddd;border-radius:4px;background-color:#fff}._collapsibleMediaSection_fe8ww_319{margin-bottom:16px}._collapsibleHeader_fe8ww_327{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;background-color:#f0f2f5;border:1px solid #ddd;border-radius:4px;font-size:.9rem;font-weight:500;text-align:left;cursor:pointer;transition:background-color .2s}._collapsibleHeader_fe8ww_327:hover{background-color:#e1e4e8}._mediaList_fe8ww_367{padding:12px;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;background-color:#f9f9f9}._mediaItem_fe8ww_383{margin-bottom:16px;padding:12px;background-color:#fff;border:1px solid #eee;border-radius:4px}._mediaInputs_fe8ww_399{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}._r2UploadContainer_fe8ww_413{margin:10px 0;padding:10px;background-color:#f5f5f5;border-radius:4px}._r2UploadContainer_fe8ww_413 h6{margin:0 0 8px;font-size:.85rem;color:#555}._previewImage_fe8ww_439{max-width:100%;max-height:200px;margin-top:8px;border:1px solid #eee;border-radius:4px}._emptyMedia_fe8ww_455{padding:16px;text-align:center;color:#777}._questionOptions_fe8ww_467{margin-top:20px}._optionsHeader_fe8ww_475{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}._optionsHeader_fe8ww_475 label{font-weight:500;color:#555}._bulkOptionActionRow_fe8ww_499{margin-bottom:12px;display:flex;justify-content:flex-start}._addButtonsContainer_fe8ww_511{display:flex;gap:8px}._outlineButton_fe8ww_521{display:flex;align-items:center;gap:6px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:8px 12px;font-size:.9rem;cursor:pointer;transition:background-color .2s}._outlineButton_fe8ww_521:hover{background-color:#f0f2f5}._outlineButton_fe8ww_521._small_fe8ww_555{padding:6px 10px;font-size:.85rem}._outlineButton_fe8ww_521._addOptionButton_fe8ww_565{background-color:#e8f5e9;border-color:#a5d6a7;color:#2e7d32}._outlineButton_fe8ww_521._addOptionButton_fe8ww_565:hover{background-color:#c8e6c9}._optionsContainer_fe8ww_585{display:flex;flex-direction:column;gap:8px}._optionRow_fe8ww_597{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#fff;border:1px solid #eee;border-radius:4px}._headingRow_fe8ww_617{background-color:#f5f5f5;border-left:3px solid #2196f3}._groupedOptionRow_fe8ww_627{border-left:3px solid #64b5f6;margin-left:12px}._headingTypeMarker_fe8ww_637{padding:2px 6px;background-color:#e3f2fd;color:#1976d2;border-radius:3px;font-size:.7rem;font-weight:700}._customCheckboxContainer_fe8ww_655{position:relative;display:flex;align-items:center;justify-content:center;width:18px;height:18px}._hiddenInput_fe8ww_673{position:absolute;opacity:0;cursor:pointer;height:0;width:0}._customCheckbox_fe8ww_655{position:relative;height:18px;width:18px;background-color:#fff;border:2px solid #aaa;border-radius:3px}._hiddenInput_fe8ww_673:checked~._customCheckbox_fe8ww_655{background-color:#4caf50;border-color:#4caf50}._customCheckbox_fe8ww_655:after{content:"";position:absolute;display:none}._hiddenInput_fe8ww_673:checked~._customCheckbox_fe8ww_655:after{display:block;left:5px;top:1px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}._optionTypeSelector_fe8ww_751{flex:0 0 80px}._optionTypeSelector_fe8ww_751 select{width:100%;padding:4px 6px;border:1px solid #ddd;border-radius:3px;font-size:.85rem;background-color:#fff;color:#333}._optionText_fe8ww_779,._optionImageContainer_fe8ww_781{flex:1}._questionWarnings_fe8ww_789{display:flex;gap:8px;margin-left:16px}._warningIndicator_fe8ww_801{display:flex;align-items:center;gap:4px;font-size:.75rem}._warningText_fe8ww_815{display:none}@media (min-width: 768px){._warningText_fe8ww_815{display:inline}}._deleteButtonSmall_fe8ww_835,._clearFormatButtonSmall_fe8ww_843{flex-shrink:0}._headingInput_fe8ww_857{font-weight:500}._selectionCheckbox_fe8ww_867{margin-right:10px;display:flex;align-items:center}._selectionCheckbox_fe8ww_867 input[type=checkbox]{width:16px;height:16px;cursor:pointer}._selected_fe8ww_891{border-left:4px solid #4a6baf;background-color:#f0f7ff}._progressBar_fe8ww_901{width:100%;background-color:#e0e0e0;border-radius:4px;height:8px;margin-top:8px;overflow:hidden}._progressBar_fe8ww_901 div{height:100%;background-color:#4caf50;transition:width .2s ease-in-out}._errorMessage_fe8ww_931{color:#dc3545;font-size:.8rem;margin-top:4px}._titleMediaIcon_fe8ww_945{margin-left:8px;color:#555;vertical-align:middle}._modalOverlay_tnwke_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}._modalContent_tnwke_27{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 15px #0003;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;position:relative}._modalHeader_tnwke_51{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}._modalHeader_tnwke_51 h2{margin:0;font-size:1.5rem;color:#333}._closeButton_tnwke_81{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#888;padding:5px;line-height:1}._closeButton_tnwke_81:hover{color:#333}._sectionDetailsInputs_tnwke_119{margin-bottom:20px;padding:15px;border:1px solid #e0e0e0;border-radius:6px;background-color:#f9f9f9}._sectionHeaderTop_tnwke_135{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}._sectionHeaderTop_tnwke_135 h4{margin:0;font-size:1.1rem;color:#444}._sectionTitleInput_tnwke_161,._sectionDescriptionInput_tnwke_163{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem;box-sizing:border-box}._sectionDescriptionInput_tnwke_163{min-height:80px;resize:vertical}._sectionSettingsGrid_tnwke_193{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:10px}._sectionSettingField_tnwke_207{display:flex;flex-direction:column}._sectionSettingField_tnwke_207 label{margin-bottom:5px;font-size:.9rem;color:#555}._sectionSettingInput_tnwke_229{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:.95rem;box-sizing:border-box}._actionButton_tnwke_249{padding:8px 12px;font-size:.9rem;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;text-decoration:none;border:1px solid transparent;transition:background-color .2s ease,border-color .2s ease}._primaryButton_tnwke_275{background-color:#007bff;color:#fff;border-color:#007bff}._primaryButton_tnwke_275:hover{background-color:#0056b3}._outlineButton_tnwke_293{background-color:transparent;color:#007bff;border-color:#007bff}._outlineButton_tnwke_293:hover{background-color:#007bff1a}._modalFooter_tnwke_311{margin-top:20px;padding-top:15px;border-top:1px solid #eee;text-align:right}._categorySelector_13mve_5{margin-bottom:25px;padding:20px;background-color:#fff;border-radius:10px;border:1px solid #e0e7ff;box-shadow:0 1px 3px #0000000a}._categorySelector_13mve_5 h3{font-size:1.2rem;font-weight:600;color:#3730a3;margin-bottom:15px;display:flex;align-items:center;padding-bottom:10px;border-bottom:1px solid #e0e7ff}._categoryList_13mve_45{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}._categoryItem_13mve_59{padding:8px 12px 8px 15px;background-color:#eef2ff;color:#4338ca;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid #c7d2fe;display:flex;align-items:center;gap:8px}._categoryItem_13mve_59:hover{background-color:#e0e7ff;border-color:#a5b4fc;box-shadow:0 1px 3px #0000000d}._categoryItem_13mve_59._active_13mve_101{background-color:#4e5ba6;color:#fff;font-weight:600;border-color:#4e5ba6;box-shadow:0 2px 5px #4e5ba633}._categoryItem_13mve_59._active_13mve_101 ._deleteButtonSmall_13mve_117{color:#eef2ff}._categoryItem_13mve_59._active_13mve_101 ._deleteButtonSmall_13mve_117:hover{color:#fff;background-color:#ffffff1a!important}._deleteButtonSmall_13mve_117{padding:4px!important;margin-left:auto;color:#9ca3af;background-color:transparent!important;border:none!important;border-radius:50%!important;line-height:1;opacity:.7;transition:opacity .2s,color .2s,background-color .2s}._categoryItem_13mve_59:hover ._deleteButtonSmall_13mve_117,._deleteButtonSmall_13mve_117:hover{opacity:1;color:#ef4444!important}._deleteButtonSmall_13mve_117:hover{background-color:#fee2e2!important}._addCategoryButton_13mve_177{padding:8px 15px;background-color:transparent;color:#4e5ba6;border:1px dashed #a5b4fc;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}._addCategoryButton_13mve_177:hover{background-color:#eef2ff;border-color:#4e5ba6}._categoryForm_13mve_217{margin-top:20px;padding:20px;background-color:#fdfdff;border-radius:8px;border:1px solid #e0e7ff;box-shadow:0 1px 4px #0000000a;display:flex;flex-direction:column;gap:15px}._categoryForm_13mve_217 h4{font-size:1.1rem;font-weight:600;color:#3730a3;margin-bottom:5px}._activeCategoryDetails_13mve_255{margin-top:20px;padding:20px;background-color:#f7f7fa;border-radius:8px;border:1px solid #d1d5db}._activeCategoryDetails_13mve_255 h4{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:15px}._formGroup_13mve_287{display:flex;flex-direction:column;gap:6px}._formGroup_13mve_287 label{font-weight:500;color:#374151;font-size:.9rem}._formControl_13mve_311{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;color:#1f2937;background-color:#fff;transition:border-color .2s;width:100%;box-sizing:border-box}._formControl_13mve_311:focus{outline:none;border-color:#4e5ba6;box-shadow:0 0 0 2px #4e5ba633}._primaryButton_13mve_347,._outlineButton_13mve_347{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:8px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease-in-out;border:1px solid transparent}._primaryButton_13mve_347{background-color:#4e5ba6;color:#fff;border-color:#4e5ba6}._primaryButton_13mve_347:hover{background-color:#434c8c}._outlineButton_13mve_347{background-color:transparent;color:#4e5ba6;border:1px solid #4e5ba6}._outlineButton_13mve_347:hover{background-color:#eef2ff}._small_13mve_409{padding:6px 12px;font-size:.85rem}._small_13mve_409 svg{margin-right:4px}._iconButton_13mve_427{background-color:transparent;color:#6b7280;padding:4px;border:none;border-radius:50%}._iconButton_13mve_427:hover{color:#374151;background-color:#f3f4f6}._exportButton_mq7mp_1{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;background-color:#f3f4f6;color:#4b5563;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}._exportButton_mq7mp_1:hover{background-color:#e5e7eb;color:#1f2937}._exportButton_mq7mp_1:disabled{opacity:.5;cursor:not-allowed}._exportButton_mq7mp_1 svg{color:#4e5ba6}._iconButton_mq7mp_63{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:4px;background-color:transparent;border:1px solid #e5e7eb;color:#4b5563;cursor:pointer;transition:all .2s ease}._iconButton_mq7mp_63:hover{background-color:#f9fafb;border-color:#d1d5db;color:#1f2937}._iconButton_mq7mp_63:disabled{opacity:.5;cursor:not-allowed}._iconButton_mq7mp_63 svg{color:#4e5ba6}._buttonGroup_1p5rn_1{display:inline-flex;align-items:center;gap:4px}._iconButtonGroup_1p5rn_15{display:inline-flex;align-items:center}._importButton_1p5rn_25{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;background-color:#f3f4f6;color:#4b5563;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}._importButton_1p5rn_25:hover{background-color:#e5e7eb;color:#1f2937}._importButton_1p5rn_25 svg{color:#4e5ba6}._iconButton_1p5rn_15{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:4px;background-color:transparent;border:1px solid #e5e7eb;color:#4b5563;cursor:pointer;transition:all .2s ease}._iconButton_1p5rn_15:hover{background-color:#f9fafb;border-color:#d1d5db;color:#1f2937}._iconButton_1p5rn_15 svg{color:#4e5ba6}._templateButton_1p5rn_125{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#f3f4f6;color:#4b5563;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}._templateButton_1p5rn_125:hover{background-color:#e5e7eb;color:#1f2937}._templateButton_1p5rn_125 svg{color:#4e5ba6}._errorMessage_1p5rn_175{margin-top:8px;padding:8px 12px;background-color:#fee2e2;color:#b91c1c;border-radius:4px;font-size:.85rem}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background-color:#f5f7fa}.auth-form-container{width:100%;max-width:450px;background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;padding:32px;overflow:hidden}.auth-form-container h2{margin-top:0;margin-bottom:24px;color:#2c3e50;font-size:24px;text-align:center}.auth-instructions{margin-bottom:20px;color:#5a6a7e;text-align:center}.auth-form,.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#2c3e50}.form-group input{width:100%;padding:12px 16px;font-size:16px;border:1px solid #e1e8ed;border-radius:8px;background-color:#f9fafc;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.form-actions{margin-top:30px}.auth-button{width:100%!important;padding:14px!important;font-size:16px!important;font-weight:600!important;color:#fff!important;background-color:#3498db!important;border:none!important;border-radius:8px!important;cursor:pointer!important;transition:background-color .3s ease!important;margin:0!important;outline:none!important;text-align:center!important}.auth-button:hover{background-color:#2980b9!important;border-color:transparent!important}.auth-button:disabled{background-color:#a4c6e2!important;cursor:not-allowed!important;border-color:transparent!important}.auth-error{padding:12px 16px;margin-bottom:20px;background-color:#ffebee;color:#e53935;border-radius:8px;font-size:14px}.auth-success{padding:20px;margin-bottom:20px;background-color:#e8f5e9;color:#43a047;border-radius:8px;text-align:center}.auth-success h3{margin-top:0;margin-bottom:10px;color:#2e7d32}.auth-links{display:flex;flex-direction:column;align-items:center;margin-top:20px}.auth-link{color:#3498db!important;text-decoration:none!important;font-size:14px!important;margin-bottom:8px!important;transition:color .3s ease!important;font-weight:400!important}.auth-link:hover{color:#2980b9!important;text-decoration:underline!important}@media (max-width: 500px){.auth-form-container{padding:24px}.form-group input{padding:10px 14px}.auth-button{padding:12px}}.auth-loading{background-color:#e3f2fd;border:1px solid #bbdefb;color:#1565c0;padding:12px;margin-bottom:20px;border-radius:4px;display:flex;align-items:center;justify-content:space-between}.auth-loading p{margin:0}.auth-loading .loading-spinner{width:20px;height:20px;border:2px solid rgba(21,101,192,.2);border-top-color:#1565c0;border-radius:50%;animation:spin 1s linear infinite;margin-left:10px}.diagnostic-info{margin:15px 0;padding:15px;border-radius:6px;font-size:.9rem;position:relative}.diagnostic-info.success{background-color:#e6f7e6;border:1px solid #c3e6c3;color:#2e7d32}.diagnostic-info.error{background-color:#ffebee;border:1px solid #ffcdd2;color:#c62828}.diagnostic-info h4{margin:0 0 8px;font-size:1rem}.diagnostic-info .details{font-family:monospace;background:#0000000d;padding:6px;border-radius:4px;font-size:.85rem;overflow-wrap:break-word;margin-bottom:10px}.diagnostic-close-btn{background:none;border:none;color:inherit;position:absolute;top:5px;right:5px;cursor:pointer;font-size:.8rem;opacity:.7}.diagnostic-close-btn:hover{opacity:1}.diagnostic-tools{margin-top:20px;text-align:center;border-top:1px solid #eee;padding-top:15px}.retry-button-small{background-color:transparent!important;border:1px solid #4a6cf7!important;color:#4a6cf7!important;padding:.25rem .5rem!important;border-radius:4px!important;font-size:.8rem!important;cursor:pointer!important;font-family:inherit!important}.diagnostic-button{background-color:#f5f5f5!important;color:#666!important;border:1px solid #ddd!important;padding:8px 12px!important;font-size:.85rem!important;border-radius:4px!important;cursor:pointer!important;transition:all .2s!important;font-family:inherit!important}.diagnostic-button:hover{background-color:#e0e0e0!important;border-color:#ddd!important}.diagnostic-button:disabled{opacity:.6!important;cursor:not-allowed!important;border-color:#ddd!important}:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--secondary-color: #6366f1;--sidebar-width: 240px;--header-height: 64px;--bg-light: #f9fafb;--bg-white: #ffffff;--text-dark: #111827;--text-medium: #4b5563;--text-light: #6b7280;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--transition: all .2s ease-in-out;--button-primary-bg: #4f46e5;--button-primary-text: #ffffff}body{overflow:hidden}button{background:none;border:none;cursor:pointer;padding:0}a{text-decoration:none;color:inherit}.dashboard-layout{min-height:100vh;background-color:var(--bg-light);display:flex;position:relative;width:100%}.dashboard-sidebar{position:fixed;left:0;top:0;z-index:50;height:100vh;width:var(--sidebar-width);background-color:var(--bg-white);box-shadow:var(--shadow);transition:var(--transition);overflow-y:auto;overflow-x:hidden}.dashboard-sidebar-expanded{transform:translate(0)}.dashboard-sidebar-collapsed{transform:translate(-100%)}.dashboard-sidebar-container{display:flex;height:100%;flex-direction:column}.dashboard-logo{display:flex;height:var(--header-height);align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border-color);background-color:var(--bg-white);position:sticky;top:0;z-index:10}.dashboard-logo-text{font-size:1.25rem;font-weight:700;color:var(--text-dark);background:linear-gradient(90deg,var(--primary-color),#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dashboard-nav{flex:1;padding:16px 8px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.dashboard-nav-button{display:flex;width:100%;align-items:center;border-radius:8px;padding:12px 16px;color:var(--text-medium);transition:var(--transition)}.dashboard-nav-button:hover{background-color:var(--bg-light);color:var(--primary-color);transform:translate(4px)}.dashboard-nav-button.active{background-color:#4f46e51a;color:var(--primary-color);font-weight:500}.dashboard-nav-icon{display:flex;align-items:center;color:inherit}.dashboard-nav-text{margin-left:12px;font-size:.95rem}.dashboard-logout{border-top:1px solid var(--border-color);padding:16px;margin-top:auto;background-color:var(--bg-white);position:sticky;bottom:0;z-index:10}.dashboard-logout-button{display:flex;width:100%;align-items:center;border-radius:8px;padding:12px 16px;color:var(--text-medium);transition:var(--transition)}.dashboard-logout-button:hover{background-color:var(--bg-light);color:#ef4444}.dashboard-main{flex:1;height:100vh;transition:var(--transition);width:100%;display:flex;flex-direction:column;overflow:hidden}.dashboard-main-expanded{margin-left:var(--sidebar-width)}.dashboard-main-collapsed{margin-left:0}.dashboard-header{position:sticky;top:0;z-index:40;display:flex;height:var(--header-height);min-height:var(--header-height);align-items:center;justify-content:space-between;background-color:var(--bg-white);padding:0 24px;box-shadow:var(--shadow-sm);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#ffffffe6}.dashboard-menu-button{display:flex;align-items:center;justify-content:center;border-radius:8px;padding:8px;color:var(--text-medium);transition:var(--transition)}.dashboard-menu-button:hover{background-color:var(--bg-light);color:var(--primary-color);transform:rotate(180deg)}.dashboard-header-actions{display:flex;align-items:center;gap:16px}.dashboard-notification-button{display:flex;align-items:center;justify-content:center;border-radius:8px;padding:8px;color:var(--text-medium);transition:var(--transition);position:relative}.dashboard-notification-button:hover{background-color:var(--bg-light);color:var(--primary-color);transform:scale(1.1)}.dashboard-user-menu{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:8px;cursor:pointer;transition:var(--transition)}.dashboard-user-menu:hover{background-color:var(--bg-light)}.dashboard-avatar{height:36px;width:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#6366f1);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #4f46e540}.dashboard-avatar-text{font-size:1rem;font-weight:600;color:#fff}.dashboard-user-name{font-size:.95rem;font-weight:500;color:var(--text-dark)}.dashboard-role-badge{display:inline-block;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:9999px;background-color:#fee2e2;color:#ef4444;margin-left:8px}.dashboard-content{padding:0;flex:1;overflow-y:auto;height:calc(100vh - var(--header-height));background-color:var(--bg-light)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin-bottom:24px}.stat-card{background-color:var(--bg-white);border-radius:12px;padding:24px;border:1px solid transparent;transition:var(--transition)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--border-color)}.stat-title{font-size:.875rem;color:var(--text-light);margin-bottom:8px}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-dark);margin-bottom:16px}.stat-icon{margin-bottom:16px;display:flex;align-items:center;color:var(--primary-color)}.stat-trend{font-size:.875rem;display:flex;align-items:center;gap:4px;font-weight:500}.trend-up{color:#10b981}.trend-down{color:#ef4444}.section-title{font-size:1.25rem;font-weight:600;color:#fff;margin-top:0;position:relative}.welcome-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;background-color:var(--bg-white);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm)}.welcome-title{font-size:1.75rem;font-weight:700;color:var(--text-dark);margin-bottom:8px}.welcome-subtitle{font-size:1.1rem;color:var(--text-medium)}.primary-button{background-color:var(--button-primary-bg);color:var(--button-primary-text);border-radius:8px;padding:10px 16px;font-weight:500;display:flex;align-items:center;gap:8px;transition:var(--transition);box-shadow:0 2px 4px #0000001a;border:none}.primary-button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.secondary-button{background-color:transparent;color:var(--primary-color);border-radius:8px;padding:10px 16px;font-weight:500;display:flex;align-items:center;gap:8px;transition:var(--transition);border:1px solid var(--primary-color)}.secondary-button:hover{background-color:#6366f10d}.recent-attempts-table{border-radius:8px;overflow:hidden;border:1px solid var(--border-color);background-color:var(--bg-white)}.recent-attempts-table th{background-color:#f3f4f8;font-weight:600;padding:12px 16px;text-align:left}.recent-attempts-table td{padding:12px 16px;border-top:1px solid var(--border-color)}@media (max-width: 1024px){:root{--sidebar-width: 220px}}@media (max-width: 768px){.dashboard-main-expanded{margin-left:0}.dashboard-sidebar{width:100%;max-width:var(--sidebar-width)}.dashboard-content{padding:16px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}@media (max-width: 640px){.welcome-header{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}.dashboard-header{padding:0 16px}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:32px}.dashboard-card{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.chart-container{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000014;transition:all .3s ease;margin-bottom:24px}.chart-container h3{margin-top:0;margin-bottom:20px;color:#2c3e50;font-size:20px}.chart-container:hover{box-shadow:0 8px 16px #0000001f}.stats-grid{transition:all .3s ease}.stats-grid:hover{transform:translateY(-2px)}.recent-attempts{max-height:400px;overflow-y:auto}.recent-attempts::-webkit-scrollbar{width:6px}.recent-attempts::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.recent-attempts::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.recent-attempts::-webkit-scrollbar-thumb:hover{background:#555}.recharts-tooltip-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000026}.recharts-default-tooltip{background-color:#fff!important;border:none!important;border-radius:8px;box-shadow:0 2px 8px #00000026;padding:10px 14px!important}.recharts-tooltip-label{font-weight:600!important;margin-bottom:5px!important;color:#2c3e50!important}.recharts-tooltip-item{color:#5a6a7e!important;margin-bottom:4px!important}.loading{animation:pulse 1.5s infinite}.activity-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014}.activity-card-header{padding:16px 24px;border-bottom:1px solid #e1e8ed}.activity-card-header h3{margin:0;color:#2c3e50;font-size:20px}.activity-item{padding:16px 24px;border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.activity-item:hover{background-color:#f8fafc}.activity-item:last-child{border-bottom:none}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}.chart-container{height:auto!important}}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-left-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.admin-error{background-color:#fee2e2;border-radius:8px;padding:16px;margin-bottom:24px;color:#ef4444;border-left:4px solid #ef4444}.recent-attempts{overflow-x:auto}.recent-attempts-table{width:100%;border-collapse:collapse}.recent-attempts-table th{background-color:#f3f4f6;padding:12px 16px;text-align:left;font-weight:600;color:var(--text-medium);border-bottom:1px solid var(--border-color)}.recent-attempts-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);color:var(--text-medium)}.recent-attempts-table tr:last-child td{border-bottom:none}.recent-attempts-table tr:hover td{background-color:#f9fafb}.no-data{text-align:center;color:var(--text-light);padding:32px!important}.section-title+.stats-grid{margin-top:16px}.score-cell{display:flex;flex-direction:column;gap:4px}.score-bar-container{height:8px;width:100%;max-width:120px;background-color:#f1f1f1;border-radius:4px;overflow:hidden}.score-bar-progress{height:100%;background-color:var(--primary-color);border-radius:4px}.score-text{font-size:14px;font-weight:500}.view-result-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;background-color:#6366f11a;color:var(--primary-color);border-radius:4px;font-size:13px;text-decoration:none;transition:all .2s ease}.view-result-btn:hover{background-color:var(--primary-color);color:#fff}@media (max-width: 768px){.recent-attempts-table{font-size:14px}.score-bar-container{max-width:80px}.score-text{font-size:13px}}@media (max-width: 600px){.recent-attempts-table thead th:nth-child(4),.recent-attempts-table tbody td:nth-child(4){display:none}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-actions{display:flex;align-items:center;gap:12px}.refresh-button{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#6366f11a;color:var(--primary-color);border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.refresh-button:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.last-updated{font-size:13px;color:var(--text-light)}.spin{animation:spin 1s linear infinite}.refreshing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:12px}.stat-card{position:relative}.admin-role-setter{margin-top:2rem}.role-setter-card{background-color:#fffc;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(0,0,0,.1)}.role-setter-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--color-primary)}.role-setter-header h3{font-size:1.2rem;font-weight:600;margin:0}.set-admin-button{background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:.75rem 1.25rem;font-weight:500;cursor:pointer;margin-top:1rem;transition:all .2s ease}.set-admin-button:hover{background-color:var(--color-primary-dark, #3751e8);transform:translateY(-2px)}.set-admin-button:disabled{background-color:#b0b0b0;cursor:not-allowed;transform:none}.success-message{background-color:#e6f7ec;color:#0b7238;padding:.75rem 1rem;border-radius:8px;margin-top:1rem;font-weight:500}.error-message{background-color:#fee2e2;color:#b91c1c;padding:.75rem 1rem;border-radius:8px;margin-top:1rem;font-weight:500}.analytics-container{padding:24px}.analytics-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:24px}.analytics-stat-card{display:flex;align-items:center;gap:16px;padding:24px}.analytics-stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background-color:var(--primary-color);color:#fff}.analytics-stat-content{flex:1}.analytics-stat-content h3{font-size:.875rem;color:var(--text-medium);margin:0 0 4px}.analytics-stat-value{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin:0}.analytics-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px}.analytics-chart-card{padding:24px}.analytics-chart-card h3{font-size:1rem;color:var(--text-dark);margin:0 0 24px}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--text-medium)}@media (max-width: 768px){.analytics-charts-grid{grid-template-columns:1fr}.analytics-stat-card,.analytics-chart-card{padding:16px}}.recharts-default-tooltip{background-color:var(--bg-white)!important;border:1px solid var(--border-color)!important;border-radius:8px;padding:12px!important}.recharts-tooltip-label{color:var(--text-dark)!important;font-weight:600;margin-bottom:8px}.recharts-tooltip-item{color:var(--text-medium)!important;padding:4px 0!important}.recharts-legend-item{margin-right:24px!important}.recharts-cartesian-grid line{stroke:var(--border-color)!important;opacity:.5}.recharts-cartesian-axis-line{stroke:var(--border-color)!important}.recharts-cartesian-axis-tick-value{fill:var(--text-medium)!important;font-size:12px}.performance-stats-section{background-color:var(--bg-white);border-radius:10px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin:0}.refresh-button{display:flex;align-items:center;gap:6px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;padding:6px 12px;font-size:.875rem;font-weight:500;color:var(--text-medium);cursor:pointer;transition:all .2s ease}.refresh-button:hover{background-color:var(--bg-hover);color:var(--text-dark)}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.stat-card{background-color:var(--bg-white);border:1px solid var(--border-color);border-radius:8px;padding:16px;transition:all .2s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}.stat-card:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background-color:#eef1fe;color:#4a6cf7;margin-bottom:16px}.stat-icon svg{width:24px;height:24px;stroke:#4a6cf7}.stat-title{font-size:.875rem;font-weight:500;color:var(--text-medium, #555);margin:0 0 4px;text-align:left}.stat-value{font-size:2rem;font-weight:700;color:var(--text-dark, #333);margin:0 0 8px;line-height:1.2;text-align:left}.stat-trend{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500;margin-top:auto;text-align:left}.stat-trend span{line-height:1}.trend-up{color:var(--success)}.trend-down{color:var(--error-dark)}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.stats-grid{grid-template-columns:1fr}}.recent-attempts-section{background-color:var(--bg-white);border-radius:10px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.section-actions{display:flex;gap:.75rem;align-items:center}.refresh-button,.action-button{display:flex;align-items:center;gap:6px;background-color:#f3f4f6;border:1px solid #e5e7eb;color:#374151;font-size:.875rem;padding:.5rem .75rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.action-button{background-color:#eef2ff;border-color:#c7d2fe;color:#4f46e5}.refresh-button:hover,.action-button:hover{background-color:#e5e7eb}.action-button:hover{background-color:#dbeafe;border-color:#bfdbfe}.refresh-button:disabled,.action-button:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.section-error{background-color:var(--error-light);color:var(--error-dark);padding:12px;border-radius:6px;margin-bottom:16px;font-size:.875rem}.section-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:12px}.loading-spinner{width:32px;height:32px;border:3px solid var(--primary-color-light);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.table-container{width:100%;overflow-x:auto;border-radius:8px;border:1px solid var(--border-color)}.recent-attempts-section table{width:100%;border-collapse:collapse;text-align:left}.recent-attempts-section th{background-color:var(--bg-light);color:var(--text-medium);font-weight:600;font-size:.875rem;padding:12px 16px;border-bottom:1px solid var(--border-color);white-space:nowrap}.recent-attempts-section td{padding:12px 16px;border-bottom:1px solid var(--border-color);color:var(--text-dark);font-size:.875rem}.recent-attempts-section tr:last-child td{border-bottom:none}.recent-attempts-section tr:hover td{background-color:var(--bg-hover)}.score-container{display:flex;align-items:center;gap:10px}.progress-bar{flex:1;height:8px;background-color:var(--bg-light);border-radius:10px;overflow:hidden}.progress{height:100%;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border-radius:10px}.incomplete-score{display:inline-block;background-color:#f0f9ff;color:#0284c7;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;border:1px solid #bae6fd}.view-results-button{display:inline-flex;align-items:center;gap:4px;background-color:var(--primary-color-light);color:var(--primary-color);border:none;border-radius:4px;padding:6px 12px;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s ease}.view-results-button:hover{background-color:var(--primary-color);color:#fff}.no-data{text-align:center;padding:2rem;color:#6b7280;background-color:#f9fafb;border-radius:.5rem;border:1px dashed #e5e7eb}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.empty-state p{margin:0;line-height:1.5}.empty-state p:first-child{font-weight:600;color:#4b5563}@media (max-width: 768px){.refresh-button{align-self:flex-end}.recent-attempts-section td,.recent-attempts-section th{padding:10px 12px}}@media (max-width: 576px){.score-container{flex-direction:column;align-items:flex-start;gap:6px}.score-container span{font-size:.75rem}}.debug-button{display:flex;align-items:center;gap:6px;background-color:#fef3c7;border:1px solid #fcd34d;color:#92400e;font-size:.875rem;padding:.5rem .75rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.debug-button:hover{background-color:#fde68a;border-color:#fbbf24}.debug-info{background-color:#fffbeb;border:1px solid #fcd34d;border-radius:6px;padding:12px;margin-bottom:16px;font-size:.875rem;overflow:auto}.debug-info h3{margin-top:0;margin-bottom:8px;color:#92400e;font-size:1rem}.debug-info pre{background-color:#f3f4f6;padding:12px;border-radius:4px;overflow:auto;white-space:pre-wrap;max-height:300px}.close-debug-button{background-color:#fcd34d;border:none;color:#92400e;font-size:.875rem;padding:.5rem .75rem;border-radius:4px;cursor:pointer;transition:all .2s ease;margin-top:8px}.close-debug-button:hover{background-color:#fbbf24}.detail-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.detail-modal{background-color:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 12px #00000026}.detail-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.detail-modal-header h3{margin:0;font-size:1.2rem;color:#111827}.close-modal-button{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280}.detail-modal-content{padding:20px}.detail-modal-footer{padding:16px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.close-button{background-color:#e5e7eb;color:#374151;border:none;border-radius:4px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background-color .2s}.close-button:hover{background-color:#d1d5db}.attempt-summary{background-color:#f9fafb;border-radius:6px;padding:16px;margin-bottom:20px}.attempt-summary p{margin:6px 0}.performance-breakdown{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.breakdown-item{width:100%}.breakdown-header{display:flex;justify-content:space-between;margin-bottom:4px;font-size:14px}.breakdown-progress{height:10px;background-color:#e5e7eb;border-radius:5px;overflow:hidden}.breakdown-bar{height:100%;background-color:#4f46e5;border-radius:5px;transition:width .5s ease-out}@media (max-width: 768px){.detail-modal{width:95%;max-height:95vh}.detail-modal-header h3{font-size:1rem}.breakdown-header{font-size:12px}}.student-table th .table-sort-button{background:none;border:none;padding:0;margin:0;display:flex;align-items:center;gap:6px;font-weight:600;color:inherit;cursor:pointer;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.student-table th .table-sort-button:hover{color:var(--primary-color)}.student-profile{display:flex;align-items:center;gap:12px}.student-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-light, #e0e7ff);color:var(--primary-color, #4338ca);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;text-transform:uppercase}.student-info{display:flex;flex-direction:column}.student-name{font-weight:600;color:var(--text-dark, #1f2937);font-size:.9rem;margin:0}.student-joined{font-size:.75rem;color:var(--text-medium, #6b7280);margin:0}.student-attempts{text-align:center;font-weight:500}.student-action-icon{position:relative}.action-tooltip{visibility:hidden;width:max-content;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px 8px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .2s;font-size:.75rem;white-space:nowrap}.action-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent}.student-action-icon:hover .action-tooltip{visibility:visible;opacity:1}.quiz-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#6b7280;width:100%;min-height:150px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;border-radius:12px;padding:24px;width:100%;max-width:500px;position:relative;box-shadow:0 4px 24px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h2{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin:0}.modal-close{background:none;border:none;color:var(--text-medium);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background-color:var(--bg-light);color:var(--text-dark)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-dark)}.form-group input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-dark);background-color:#fff;transition:all .2s ease}.form-group input::placeholder{color:var(--text-medium);opacity:.7}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a}.error-message{color:#ef4444;font-size:14px;margin-bottom:16px;padding:12px;background-color:#ef44441a;border-radius:8px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal-footer button{padding:8px 16px;border-radius:8px;font-weight:500;transition:all .2s ease}.modal-footer button:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.modal-content{margin:16px;padding:20px}.modal-header h2{font-size:1.25rem}}.student-profile-container{max-width:100%;padding:20px 0}.student-profile-header{display:flex;align-items:center;margin-bottom:24px}.student-profile-header h1{font-size:1.75rem;font-weight:600;margin:0;color:var(--text-dark)}.data-toggle{display:flex;align-items:center;gap:8px;margin-left:auto}.toggle-switch{position:relative;display:inline-block;width:46px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--primary-color)}input:focus+.toggle-slider{box-shadow:0 0 1px var(--primary-color)}input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-label{font-size:.75rem;color:var(--text-medium);font-weight:500}.back-button{display:flex;align-items:center;gap:8px;background-color:transparent;color:var(--primary-color);border:none;font-size:.875rem;font-weight:500;padding:8px 12px;margin-right:16px;border-radius:4px;cursor:pointer;transition:all .2s ease}.back-button:hover{background-color:var(--primary-color-light)}.student-info-card{display:flex;flex-wrap:wrap;align-items:center;background-color:var(--bg-white);border-radius:10px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d;gap:24px}.student-avatar-large{width:80px;height:80px;border-radius:50%;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600}.student-details{flex:1;min-width:200px}.student-details h2{font-size:1.5rem;font-weight:600;margin:0 0 4px;color:var(--text-dark)}.student-details p{margin:0;color:var(--text-medium);font-size:.875rem}.student-since{margin-top:8px!important;color:var(--text-light)!important;font-size:.75rem!important}.student-stats-summary{display:flex;flex-wrap:wrap;gap:16px;margin-left:auto}.stat-box{display:flex;align-items:center;gap:12px;background-color:var(--bg-light);padding:12px 16px;border-radius:8px;min-width:150px}.stat-box svg{color:var(--primary-color)}.stat-box h3{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-dark)}.stat-box p{margin:0;color:var(--text-medium);font-size:.75rem}.student-profile-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:24px}.student-profile-tabs button{background-color:transparent;border:none;padding:12px 24px;font-size:.875rem;font-weight:500;color:var(--text-medium);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.student-profile-tabs button:hover{color:var(--primary-color)}.student-profile-tabs button.active{color:var(--primary-color);border-bottom:2px solid var(--primary-color)}.student-profile-content{margin-bottom:40px}.tab-content{animation:fadeIn .3s ease-in-out}.stats-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.stat-card{background-color:var(--bg-white);border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000000d}.stat-card.full-width{grid-column:1 / -1}.stat-card h3{font-size:1rem;font-weight:600;margin:0 0 16px;color:var(--text-dark)}.performance-summary-stats{display:flex;justify-content:space-around;flex-wrap:wrap;gap:16px}.performance-stat{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-circle{width:100px;height:100px;border-radius:50%;padding:5px;background-color:var(--bg-light)}.inner-circle{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:var(--text-dark)}.performance-stat p{margin:0;font-size:.875rem;color:var(--text-medium)}.recent-attempts-list{display:flex;flex-direction:column;gap:12px}.recent-attempt-item{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:6px;background-color:var(--bg-light)}.attempt-quiz-info{display:flex;justify-content:space-between;align-items:center}.attempt-quiz-info h4{margin:0;font-size:.875rem;font-weight:500;color:var(--text-dark)}.attempt-date{font-size:.75rem;color:var(--text-light)}.attempt-score{display:flex;flex-direction:column;gap:4px}.attempt-progress-bar{width:100%;height:6px;background-color:var(--bg-white);border-radius:3px;overflow:hidden}.attempt-progress{height:100%;background-color:var(--primary-color);border-radius:3px}.attempt-score span{font-size:.75rem;color:var(--text-medium);align-self:flex-end}.category-breakdown-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.category-breakdown-item{display:flex;flex-direction:column;gap:6px}.category-info{display:flex;align-items:center;gap:8px}.category-color{width:12px;height:12px;border-radius:2px}.category-info h4{margin:0;font-size:14px;font-weight:500}.category-score{display:flex;align-items:center;gap:8px}.category-progress-bar{flex-grow:1;height:8px;background-color:#f3f4f6;border-radius:4px;overflow:hidden}.category-progress{height:100%;border-radius:4px}.category-score span{font-size:13px;color:#4b5563;white-space:nowrap}.quiz-history-table-container{width:100%;overflow-x:auto}.quiz-history-table{width:100%;border-collapse:collapse}.quiz-history-table th,.quiz-history-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.quiz-history-table th{font-size:.75rem;font-weight:600;color:var(--text-medium);background-color:var(--bg-light);white-space:nowrap}.quiz-history-table td{font-size:.875rem;color:var(--text-dark)}.attempt-table-progress{display:flex;align-items:center;gap:10px}.attempt-table-progress-bar{flex:1;height:6px;background-color:var(--bg-light);border-radius:3px;overflow:hidden}.attempt-table-progress-value{height:100%;background-color:var(--primary-color);border-radius:3px}.attempt-table-progress span{font-size:.75rem;white-space:nowrap;color:var(--text-medium)}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.status-badge.completed{background-color:#ecfdf5;color:#065f46}.status-badge.incomplete{background-color:#fef2f2;color:#b91c1c}.no-data-row{text-align:center;color:var(--text-light);padding:24px 0}.student-profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid var(--primary-color-light);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.student-profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px}.student-profile-error p{color:var(--error-dark);font-size:1rem}.no-data-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:var(--text-light);text-align:center}.custom-tooltip{background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:8px 12px;box-shadow:0 2px 8px #0000001a;font-size:.8rem}.custom-tooltip p{margin:3px 0}.custom-tooltip p:first-child{font-weight:700;margin-bottom:5px}.detail-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background-color:#10b981;color:#fff;border:none;border-radius:4px;padding:6px 10px;font-size:13px;cursor:pointer;transition:background-color .2s ease;text-decoration:none}.detail-button:hover{background-color:#059669}@media (max-width: 1024px){.student-stats-summary{margin-left:0;width:100%;justify-content:space-between}.stat-box{min-width:calc(50% - 8px)}}@media (max-width: 768px){.student-profile-header{flex-wrap:wrap;gap:16px}.student-profile-header h1{flex:1}.data-toggle{order:3;margin-left:0;width:100%;justify-content:flex-end}.student-info-card{flex-direction:column;align-items:flex-start}.student-details{width:100%}.student-stats-summary{width:100%;justify-content:space-between}.stat-box{flex:1;min-width:calc(50% - 8px)}.student-profile-tabs{overflow-x:auto;padding-bottom:2px}.student-profile-tabs button{padding:12px 16px;white-space:nowrap}.category-breakdown-list{margin-top:10px}.category-info h4{font-size:13px}.category-score span{font-size:12px}}@media (max-width: 576px){.stats-grid-container{grid-template-columns:1fr}.stat-box{width:100%}.performance-summary-stats{flex-direction:column;align-items:center}.category-breakdown-item{flex-direction:column;align-items:flex-start}.category-info,.category-score{width:100%}}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px;margin-top:24px}.settings-section-card{padding:20px;overflow:hidden}.settings-card-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--border-color);background-color:#f8fafc80}.settings-card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--primary-color);background-color:#6366f11a}.no-margin{margin:0;padding-left:0}.no-margin:before{display:none}.settings-list{padding:8px 0}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-color)}.settings-item:last-child{border-bottom:none}.settings-item-info{flex:1;margin-right:24px}.settings-item-label{font-weight:500;margin-bottom:4px;color:var(--text-dark)}.settings-item-description{font-size:.875rem;color:var(--text-light)}.settings-toggle{position:relative;display:inline-block;width:48px;height:24px;flex-shrink:0}.settings-toggle-input{opacity:0;width:0;height:0}.settings-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:var(--transition);border-radius:24px}.settings-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:var(--transition);border-radius:50%}.settings-toggle-input:checked+.settings-toggle-slider{background-color:var(--primary-color)}.settings-toggle-input:checked+.settings-toggle-slider:before{transform:translate(24px)}.settings-select{padding:8px 12px;border-radius:6px;border:1px solid var(--border-color);background-color:#fff;font-size:.875rem;color:var(--text-dark);min-width:140px;cursor:pointer;transition:var(--transition)}.settings-select:hover{border-color:var(--primary-color)}.settings-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f133}.save-status{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;font-size:.875rem;font-weight:500;margin-left:16px;animation:fadeIn .3s ease-in-out}.save-status.success{background-color:#ecfdf5;color:#10b981;border:1px solid #a7f3d0}.save-status.error{background-color:#fef2f2;color:#ef4444;border:1px solid #fecaca}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-save-button{background-color:var(--primary-color);color:#fff;border-radius:8px;padding:10px 16px;font-weight:500;display:flex;align-items:center;gap:8px;transition:var(--transition);box-shadow:0 2px 4px #0000001a;border:none}.settings-save-button:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.settings-secondary-button{background-color:transparent;color:var(--primary-color);border-radius:8px;padding:10px 16px;font-weight:500;display:flex;align-items:center;gap:8px;transition:var(--transition);border:1px solid var(--primary-color)}.settings-secondary-button:hover{background-color:#6366f10d}@media (max-width: 768px){.settings-grid{grid-template-columns:1fr}.settings-item{flex-direction:column;align-items:flex-start;gap:12px}.settings-item-info{margin-right:0;margin-bottom:8px}}.quiz-filters{display:flex;align-items:center;gap:16px;margin:24px 0;flex-wrap:wrap}.quiz-search-container{position:relative;flex-grow:1;max-width:400px}.quiz-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-light)}.quiz-search-input{width:100%;padding:12px 12px 12px 40px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-white);font-size:.875rem;transition:all .2s ease}.quiz-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f126}.quiz-filter-select{min-width:140px;padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-white);font-size:.875rem;transition:all .2s ease}.quiz-filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f126}.quiz-table-container{background-color:var(--bg-white);border-radius:12px;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;overflow:hidden;margin-bottom:32px}.quiz-table-wrapper{width:100%;overflow-x:auto}.quiz-list-table{width:100%;border-collapse:collapse;font-size:.95rem}.quiz-list-table th{background-color:#f9fafb;color:#4b5563;font-weight:600;text-align:left;padding:16px;border-bottom:1px solid #e5e7eb;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.quiz-list-table td{padding:16px;border-bottom:1px solid #e5e7eb;color:#374151;vertical-align:middle}.quiz-list-table tr:last-child td{border-bottom:none}.quiz-list-table tr:hover td{background-color:#f9fafb}.quiz-title-cell{display:flex;flex-direction:column;padding:4px 0;max-width:450px}.quiz-title-content{min-width:0;width:100%}.quiz-title{font-weight:600;color:#111827;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:450px;line-height:1.3;font-size:.95rem}.quiz-description{font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:450px;font-style:italic}.quiz-status-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:9999px;line-height:1.5;white-space:nowrap}.quiz-status-published{background-color:#d1fae5;color:#065f46}.quiz-status-draft{background-color:#e5e7eb;color:#4b5563}.quiz-type-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:9999px;line-height:1.5;white-space:nowrap;text-transform:uppercase;letter-spacing:.025em}.quiz-type-jlpt{background-color:#e0e7ff;color:#3730a3}.quiz-type-jft{background-color:#dcfce7;color:#166534}.quiz-type-badge:not(.quiz-type-jlpt):not(.quiz-type-jft){background-color:#f3f4f6;color:#4b5563}.quiz-attempts-cell{font-weight:600;color:#111827;text-align:center;font-size:1rem}.quiz-score-cell{text-align:center}.score-display{display:flex;flex-direction:column;align-items:center;gap:2px}.total-score{font-size:1rem;font-weight:600;color:#4f46e5}.average-score{font-size:.7rem;color:#6b7280}.quiz-time-cell{text-align:center}.time-display{display:flex;align-items:center;justify-content:center;gap:4px}.time-value{font-weight:600;color:#111827;font-size:1rem}.time-unit{font-size:.75rem;color:#6b7280}.no-time-limit{color:#6b7280;font-size:.8rem;font-style:italic}.quiz-date-cell{font-size:.85rem;color:#4b5563;white-space:nowrap;text-align:center}.student-actions{display:flex;gap:8px;justify-content:center}.student-action-icon{position:relative;background:none;border:none;padding:0;cursor:pointer}.action-icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;transition:all .2s ease}.view-action .action-icon-wrapper{color:#2563eb}.edit-action .action-icon-wrapper{color:#4f46e5}.export-action .action-icon-wrapper{color:#059669}.delete-action .action-icon-wrapper{color:#dc2626}.view-action:hover .action-icon-wrapper{background-color:#3b82f61a;transform:translateY(-2px)}.edit-action:hover .action-icon-wrapper{background-color:#4f46e51a;transform:translateY(-2px)}.export-action:hover .action-icon-wrapper{background-color:#0596691a;transform:translateY(-2px)}.delete-action:hover .action-icon-wrapper{background-color:#dc26261a;transform:translateY(-2px)}.quiz-empty-message{text-align:center;padding:48px 24px;color:#6b7280;font-style:italic}.quiz-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#6b7280;width:100%}.quiz-loading-cell{text-align:center;padding:48px}.quiz-loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;width:100%;min-height:100px}.quiz-loading-content .r2-loading-spinner{margin-bottom:16px;animation:spin 1s linear infinite}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background-color:#fff;border-radius:12px;width:90%;max-width:480px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.delete-modal{border-top:4px solid #dc2626}.modal-header{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.modal-title-row{display:flex;align-items:center;gap:12px}.modal-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.modal-icon{flex-shrink:0;color:#dc2626}.modal-close-button{background:none;border:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:#6b7280;transition:all .15s ease;cursor:pointer}.modal-close-button:hover{background-color:#f3f4f6;color:#111827}.modal-close-button:disabled{opacity:.5;cursor:not-allowed}.modal-content{padding:24px;color:#4b5563}.delete-warning{font-size:.95rem;margin-bottom:16px;color:#111827}.delete-item-name{font-weight:600;color:#dc2626}.delete-details{font-weight:500;margin-bottom:12px;color:#111827}.delete-list{margin:0 0 20px 24px;padding:0;color:#4b5563}.delete-list li{margin-bottom:8px;position:relative;padding-left:4px}.delete-no-recovery{padding:12px;background-color:#fee2e2;border-radius:6px;font-size:.875rem;margin-top:16px;text-align:center;color:#b91c1c}.delete-error{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px;background-color:#fee2e2;border-radius:6px;color:#b91c1c}.delete-success{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px;background-color:#d1fae5;border-radius:6px;color:#065f46}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background-color:#f9fafb;border-top:1px solid #e5e7eb}.cancel-button,.delete-button{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;padding:9px 16px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.cancel-button{background-color:#fff;border:1px solid #d1d5db;color:#111827}.cancel-button:hover{background-color:#f9fafb;border-color:#9ca3af}.delete-button{background-color:#dc2626;border:none;color:#fff}.delete-button:hover{background-color:#b91c1c}.cancel-button:disabled,.delete-button:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.quiz-filters{flex-direction:column;align-items:stretch;gap:12px}.quiz-search-container{max-width:100%}.quiz-list-table th:nth-child(3),.quiz-list-table td:nth-child(3),.quiz-list-table th:nth-child(4),.quiz-list-table td:nth-child(4){display:none}.quiz-title-cell{max-width:220px}.quiz-title,.quiz-description{max-width:160px}.modal-container{width:95%;max-width:400px;margin:0 8px}.modal-content{padding:16px}.modal-footer{padding:12px 16px}}.r2-file-list{flex:1;overflow-y:auto;border-radius:8px;background-color:#fff;border:1px solid #e5e7eb}.r2-file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:16px}.r2-file-table{width:100%;border-collapse:collapse}.r2-file-table th{text-align:left;padding:12px 16px;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;border-bottom:1px solid #e5e7eb}.r2-file-table td{padding:12px 16px;font-size:.875rem;color:#374151;border-bottom:1px solid #e5e7eb}.r2-file-card{display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s;cursor:pointer;min-height:200px;position:relative}.r2-file-card:hover{border-color:#9ca3af;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.r2-file-card.selected{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d;background-color:#eff6ff}.r2-file-card-selection-indicator{position:absolute;top:8px;right:8px;z-index:10;color:#3b82f6;background-color:#ffffffb3;border-radius:50%;padding:2px;display:flex;align-items:center;justify-content:center}.r2-file-card.is-folder .r2-file-card-selection-indicator{display:none}.r2-file-preview{height:120px;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.r2-file-preview img{width:100%;height:100%;object-fit:cover}.r2-file-preview svg{color:#9ca3af;width:48px;height:48px}.r2-file-info{padding:12px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.r2-file-name{font-size:.875rem;font-weight:500;color:#111827;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;line-height:1.4}.r2-file-meta{font-size:.75rem;color:#6b7280;line-height:1.3;margin-top:2px}.r2-file-actions{display:flex;gap:8px;margin-top:8px}.r2-file-action{padding:4px;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer}.r2-file-action svg{width:16px;height:16px}.r2-file-action:hover{background-color:#f3f4f6;color:#111827}.r2-file-action.delete:hover{color:#ef4444}.copied-indicator{color:#16a34a;font-size:.75rem;font-weight:500}.r2-file-row{cursor:pointer;transition:background-color .2s}.r2-file-row:hover{background-color:#f9fafb}.r2-file-row.selected{background-color:#eff6ff}.r2-file-cell-name{display:flex;align-items:center;gap:12px}.r2-file-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background-color:#f3f4f6;color:#6b7280}.r2-file-actions-cell{width:100px}.r2-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#6b7280;height:100%}.r2-loading-spinner{margin-bottom:16px;animation:spin 1s linear infinite}.r2-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#ef4444;text-align:center;height:100%}.r2-error-icon{margin-bottom:16px}.r2-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#6b7280;text-align:center;height:100%}.r2-empty-icon{margin-bottom:16px}.r2-uploader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.r2-uploader-container{width:700px;max-width:90%;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;display:flex;flex-direction:column}.r2-uploader-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.r2-uploader-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.r2-uploader-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.r2-uploader-close:hover{background-color:#f3f4f6;color:#111827}.r2-uploader-content{padding:24px;overflow-y:auto;flex-grow:1}.r2-uploader-dropzone{border:2px dashed #d1d5db;border-radius:8px;padding:32px;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:24px}.r2-uploader-dropzone:hover,.r2-uploader-dropzone.active{border-color:#3b82f6;background-color:#eff6ff}.r2-uploader-icon{display:flex;align-items:center;justify-content:center;margin-bottom:16px}.r2-uploader-icon svg{color:#6b7280}.r2-uploader-text{font-size:1rem;color:#374151;margin-bottom:8px}.r2-uploader-subtext{font-size:.875rem;color:#6b7280}.r2-uploader-input{display:none}.r2-uploader-file-list{margin-top:24px;max-height:250px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;padding:8px;background-color:#f9fafb}.r2-uploader-file-list h3{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.r2-file-item{display:flex;align-items:center;justify-content:space-between;padding:10px;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:8px;transition:all .2s;background-color:#fff}.r2-file-item:last-child{margin-bottom:0}.r2-file-item.uploading{background-color:#eff6ff;border-color:#93c5fd}.r2-file-item.success{background-color:#f0fdf4;border-color:#a7f3d0}.r2-file-item.error{background-color:#fef2f2;border-color:#fecaca}.r2-file-info{display:flex;gap:10px;flex:1;overflow:hidden}.r2-file-info>svg{flex-shrink:0}.r2-file-details{flex:1;overflow:hidden}.r2-file-name{font-size:.875rem;font-weight:500;color:#1f2937;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r2-file-meta{font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r2-file-status{display:flex;align-items:center;gap:8px;margin-left:12px}.r2-remove-file{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.r2-remove-file:hover{background-color:#fee2e2}.r2-file-progress{display:flex;align-items:center;gap:8px;min-width:80px;font-size:.75rem;color:#4b5563}.r2-progress-bar-small{width:50px;height:6px;background-color:#e5e7eb;border-radius:3px;overflow:hidden}.r2-progress-fill-small{height:100%;background-color:#3b82f6;border-radius:3px;transition:width .3s}.r2-uploader-options{margin-top:24px}.r2-uploader-option{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.r2-uploader-label{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;color:#374151}.r2-uploader-select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#111827;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236b7280'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25em 1.25em}.r2-uploader-note{font-size:.75rem;color:#6b7280;margin-top:4px;padding:8px 12px;background-color:#f9fafb;border-radius:4px;border-left:3px solid #60a5fa}.r2-uploader-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;flex-shrink:0}.r2-uploader-button{padding:10px 20px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.r2-uploader-button.cancel{background-color:#fff;border-color:#d1d5db;color:#374151}.r2-uploader-button.cancel:hover{background-color:#f3f4f6;border-color:#9ca3af}.r2-uploader-button.upload{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.r2-uploader-button.upload:hover{background-color:#2563eb;border-color:#2563eb}.r2-uploader-button:disabled{opacity:.6;cursor:not-allowed}.r2-upload-error,.r2-upload-success{margin-top:16px;padding:12px 16px;border-radius:6px;font-size:.875rem;display:flex;align-items:center;gap:10px}.r2-upload-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.r2-upload-success{background-color:#f0fdf4;border:1px solid #a7f3d0;color:#059669}.r2-file-viewer{width:350px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.r2-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e5e7eb}.r2-viewer-title{font-size:1rem;font-weight:600;color:#111827;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r2-viewer-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.r2-viewer-close:hover{background-color:#f3f4f6;color:#111827}.r2-viewer-content{flex:1;overflow-y:auto;padding:16px}.r2-viewer-preview{display:flex;align-items:center;justify-content:center;height:200px;background-color:#f3f4f6;border-radius:6px;margin-bottom:16px;overflow:hidden}.r2-viewer-preview img,.r2-viewer-preview video{max-width:100%;max-height:100%;object-fit:contain}.r2-viewer-preview audio{width:100%}.r2-viewer-preview .file-type-icon svg{width:64px;height:64px;color:#9ca3af}.r2-viewer-details{display:flex;flex-direction:column;gap:12px}.r2-viewer-detail{display:flex;flex-direction:column;gap:4px}.r2-viewer-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase}.r2-viewer-value{font-size:.875rem;color:#111827;word-break:break-all}.r2-viewer-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.r2-viewer-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.r2-viewer-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.r2-viewer-button.delete{color:#ef4444;border-color:#ef4444}.r2-viewer-button.delete:hover{background-color:#fef2f2}.r2-viewer-button.copy{color:#3b82f6;border-color:#3b82f6}.r2-viewer-button.copy:hover{background-color:#eff6ff}.r2-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.r2-dialog{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0003,0 5px 10px #0000001a;width:100%;max-width:450px;overflow:hidden;animation:dialogFadeIn .2s ease-out}@keyframes dialogFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.r2-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f0f0f0;background-color:#f9fafb}.r2-dialog-header h2{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:10px}.r2-dialog-close{background:none;border:none;cursor:pointer;color:#9ca3af;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.r2-dialog-close:hover{background-color:#f3f4f6;color:#374151}.r2-dialog-content{padding:24px}.r2-form-group{margin-bottom:20px}.r2-form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:8px}.r2-form-group input[type=text],.r2-form-group input[type=password]{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:.875rem;color:#111827;transition:all .2s;box-shadow:0 1px 2px #0000000d}.r2-form-group input[type=text]:focus,.r2-form-group input[type=password]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.r2-form-error{margin-top:8px;color:#ef4444;font-size:.875rem;display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border:1px solid #fecaca}.r2-form-info{margin-top:16px;padding:10px 14px;background-color:#f3f4f6;border-radius:6px;font-size:.875rem;color:#4b5563;display:flex;align-items:center;gap:8px;border-left:3px solid #9ca3af}.r2-dialog-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #f0f0f0;background-color:#f9fafb}.r2-button{padding:9px 18px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.r2-button.secondary{background-color:#fff;border-color:#d1d5db;color:#374151}.r2-button.secondary:hover{background-color:#f3f4f6;border-color:#adb5bd}.r2-button.primary{background-color:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 1px 2px #0000000d}.r2-button.primary:hover{background-color:#2563eb;border-color:#1d4ed8}.r2-button.danger{background-color:#ef4444;border-color:#ef4444;color:#fff;box-shadow:0 1px 2px #0000000d}.r2-button.danger:hover{background-color:#dc2626;border-color:#b91c1c}.r2-button:disabled{opacity:.6;cursor:not-allowed}.r2-confirmation-message{font-size:.9375rem;line-height:1.6;color:#4b5563;margin-bottom:16px}.r2-confirmation-message.destructive{color:#991b1b;background-color:#fef2f2;padding:12px 16px;border-radius:6px;border-left:4px solid #ef4444}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#3b82f6;animation:spin .8s linear infinite;margin-right:8px}.r2-manager{display:flex;flex-direction:column;height:100%;width:100%;background-color:#f9fafb;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.r2-manager-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.r2-manager-header h1{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:600;color:#111827;margin:0}.r2-manager-header h1 svg{color:#3b82f6}.r2-manager-actions{display:flex;align-items:center;gap:10px}.r2-action-button{display:flex;align-items:center;gap:8px;padding:8px 14px;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease-in-out}.r2-action-button:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#1f2937}.r2-action-button:active{background-color:#e5e7eb;transform:translateY(1px)}.r2-action-button-group{position:relative}.r2-action-button.syncing{background-color:#eff6ff;border-color:#60a5fa;color:#2563eb}.r2-action-button:disabled{opacity:.6;cursor:not-allowed}.r2-action-button svg{width:16px;height:16px}.rotating{animation:spin 1s linear infinite}.r2-manager-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0}.r2-toolbar-content{display:flex;justify-content:space-between;align-items:center;width:100%}.r2-breadcrumbs{display:flex;align-items:center;gap:4px;font-size:.875rem;color:#6b7280;overflow-x:auto;white-space:nowrap;max-width:calc(100% - 320px);padding:4px 0}.breadcrumb-button{display:flex;align-items:center;gap:6px;padding:6px 10px;background:none;border:none;border-radius:6px;font-size:.875rem;color:#4b5563;cursor:pointer;transition:background-color .15s ease-in-out}.breadcrumb-button:hover{background-color:#e5e7eb;color:#1f2937}.breadcrumb-button svg{width:14px;height:14px}.folder-actions-container{position:relative;margin-left:8px;z-index:50}.breadcrumb-button.folder-actions{background-color:#f3f4f6;border:1px solid #d1d5db;padding:6px 8px;border-radius:6px;margin-left:8px;transition:all .15s ease-in-out}.breadcrumb-button.folder-actions:hover{background-color:#e5e7eb;border-color:#9ca3af;color:#1f2937}.breadcrumb-button.folder-actions:active{background-color:#d1d5db;transform:translateY(1px)}.folder-actions-menu,.more-actions-menu{position:fixed;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 6px 12px #00000026;z-index:1050;min-width:200px;padding:8px}.folder-action-item,.more-action-item{display:flex;align-items:center;gap:10px;padding:10px 12px;width:100%;text-align:left;background-color:#fff;border:none;font-size:.875rem;color:#374151;cursor:pointer;border-radius:6px;transition:background-color .15s ease-in-out}.folder-action-item:hover,.more-action-item:hover{background-color:#f3f4f6;color:#1f2937}.folder-action-item svg,.more-action-item svg{width:16px;height:16px;margin-right:8px}.folder-action-item.delete{color:#ef4444}.folder-action-item.delete:hover{background-color:#fef2f2;color:#c81e1e}.folder-action-item.delete svg{color:#ef4444}.folder-action-item.delete:hover svg{color:#c81e1e}.breadcrumb-separator{color:#9ca3af;margin:0 2px}.r2-search{display:flex;align-items:center;gap:8px;padding:0;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:300px;overflow:hidden}.r2-search svg{color:#6b7280;margin-left:10px;flex-shrink:0}.r2-search input{flex:1;border:none;outline:none;font-size:.875rem;color:#111827;background:transparent;padding:9px 10px 9px 0;width:100%}.r2-manager-content{flex:1;overflow:hidden;padding:16px 24px;display:flex}.r2-file-browser{display:flex;gap:16px;height:100%;width:100%}.r2-file-browser.with-preview .r2-file-list-container{flex:1;min-width:0}.r2-file-browser.with-preview .r2-file-viewer{width:350px;flex-shrink:0;border-left:1px solid #e5e7eb}.r2-file-list-container{flex:1;display:flex;flex-direction:column;min-width:0}.r2-url-refresh-monitor{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.monitor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e5e7eb}.monitor-header h2{margin:0;color:#1f2937;font-size:1.5rem;font-weight:600}.service-status{display:flex;align-items:center}.status-indicator{padding:8px 16px;border-radius:20px;font-weight:500;font-size:.9rem}.status-indicator.running{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.status-indicator.stopped{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.error-banner{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.clear-error-btn{background:none;border:none;color:#991b1b;font-size:1.2rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.clear-error-btn:hover{background-color:#fca5a5}.monitor-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.control-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:10px 20px;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem;display:flex;align-items:center;gap:8px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.btn-accent{background-color:#10b981;color:#fff}.btn-accent:hover:not(:disabled){background-color:#059669}.btn-outline{background-color:transparent;color:#374151;border:1px solid #d1d5db}.btn-outline:hover{background-color:#f9fafb}.service-info{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin-bottom:20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.info-item{display:flex;justify-content:space-between;align-items:center}.info-item label{font-weight:500;color:#4b5563}.info-item span{color:#1f2937;font-weight:600}.last-refresh-summary{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:20px;margin-bottom:20px}.last-refresh-summary h3{margin:0 0 15px;color:#0c4a6e;font-size:1.1rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.summary-item label{font-weight:500;color:#0369a1}.summary-item span{color:#0c4a6e;font-weight:600}.refresh-history{background-color:#fefefe;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:20px}.refresh-history h3{margin:0 0 15px;color:#374151;font-size:1.1rem}.history-list{max-height:400px;overflow-y:auto}.history-item{padding:12px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.history-item:last-child{border-bottom:none}.history-timestamp{font-size:.85rem;color:#6b7280;font-weight:500;min-width:150px}.history-details{display:flex;gap:15px;flex-wrap:wrap;font-size:.85rem}.history-details span{color:#374151}.error-text{color:#dc2626!important;font-weight:500}.monitor-footer{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-top:20px}.help-text h4{margin:0 0 10px;color:#374151;font-size:1rem}.help-text ul{margin:0;padding-left:20px;color:#6b7280}.help-text li{margin-bottom:5px;line-height:1.4}@media (max-width: 768px){.r2-url-refresh-monitor{padding:15px}.monitor-header{flex-direction:column;align-items:flex-start;gap:10px}.monitor-controls{flex-direction:column;align-items:stretch}.control-buttons{justify-content:center}.info-grid,.summary-grid{grid-template-columns:1fr}.history-item{flex-direction:column;align-items:flex-start}.history-timestamp{min-width:auto}}.btn:disabled .refresh-icon{animation:spin 1s linear infinite}.service-info,.last-refresh-summary,.refresh-history,.monitor-footer{transition:all .3s ease}.history-item:hover{background-color:#f9fafb}.btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.clear-error-btn:focus{outline:2px solid #991b1b;outline-offset:2px}.rich-text-editor{min-height:100vh;background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.rich-text-editor.full-width{width:100%;margin:0;padding:0}.editor-header{background:#fff;border-bottom:1px solid #f0f0f0;padding:24px 24px 20px;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;min-height:80px}.header-content{max-width:1200px;margin:0 auto;padding:0 16px}.title-section{width:100%;display:flex;flex-direction:column;align-items:center}.document-title{width:100%;font-size:24px;font-weight:400;padding:8px 16px;border:none;background:transparent;color:#1a1a1a;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4;margin-bottom:8px;min-height:40px;overflow:visible;white-space:normal;word-wrap:break-word;resize:none;text-align:center;box-sizing:border-box}.document-title::placeholder{color:#a0a0a0}.document-title:focus{color:#000}.document-meta{display:flex;align-items:center;justify-content:center;margin-top:4px}.last-saved{font-size:12px;color:#9ca3af;font-weight:400;padding:4px 8px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.editor-container{background:#fff;width:100%;min-height:calc(100vh - 60px)}.editor-container.full-width{width:100%;margin:0;padding:0}.furigana-editor-container{border:none;background:#fff;width:100%;min-height:calc(100vh - 60px);padding:0}.inline-rich-text-editor,.inline-editor-container{width:100%;min-height:calc(100vh - 60px);background:#fff}.inline-editor{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;line-height:1.5;color:#202124;min-height:calc(100vh - 60px);outline:none;border:none;background:#fff;width:100%;padding:16px;box-sizing:border-box}.inline-editor:empty:before{content:attr(data-placeholder);color:#9aa0a6;font-style:italic}.inline-rich-text-editor .toolbar{background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e8eaed;padding:8px 16px;position:sticky;top:80px;z-index:99;display:flex;gap:4px;align-items:center;flex-wrap:wrap;box-shadow:0 1px 3px #0000001a;margin-top:0}.inline-rich-text-editor .toolbar-section{display:flex;gap:2px;align-items:center;padding:0 4px}.inline-rich-text-editor .toolbar-section:not(:last-child){border-right:1px solid #e8eaed;margin-right:8px;padding-right:8px}.editor-footer{background:#fff;border-top:1px solid #e8eaed;padding:6px 16px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#5f6368;position:sticky;bottom:0}.character-counter{font-size:11px;color:#5f6368}.copy-button{background:none;border:1px solid #dadce0;color:#5f6368;padding:3px 6px;border-radius:3px;cursor:pointer;font-size:11px;display:flex;align-items:center;gap:3px;transition:all .2s ease}.copy-button:hover:not(:disabled){background:#f8f9fa;border-color:#5f6368}.copy-button:disabled{opacity:.5;cursor:not-allowed}.processing-indicator,.dictionary-loading{font-size:11px;color:#1a73e8;font-style:italic}.dictionary-error{font-size:11px;color:#d93025;font-style:italic}@media (max-width: 768px){.editor-header{padding:20px 16px 16px;min-height:72px}.header-content{padding:0 8px}.document-title{font-size:20px;min-height:36px;padding:6px 12px}.inline-editor{padding:12px}.inline-rich-text-editor .toolbar{padding:6px 12px;top:72px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 3px #0000001a;margin-top:0}.editor-footer{padding:4px 12px}}@media (max-width: 480px){.editor-header{padding:16px 8px 12px;min-height:64px}.header-content{padding:0 4px}.document-title{font-size:18px;min-height:32px;padding:4px 8px}.inline-rich-text-editor .toolbar{top:64px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 3px #0000001a;margin-top:0}}.document-paper,.editor-container,.furigana-editor-container{box-shadow:none;border:none;border-radius:0}*{box-sizing:border-box}.toolbar-section:empty{display:none}*{transition:background-color .15s ease,border-color .15s ease,color .15s ease}.editor-header-minimal{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #e5e7eb;gap:16px;min-height:60px;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000001a}.title-container{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.document-title-minimal{width:100%;font-size:20px;font-weight:600;border:none;background:transparent;color:#111827;padding:0;margin:0;outline:none;resize:none;font-family:inherit}.document-title-minimal:focus{color:#1f2937}.document-title-minimal::placeholder{color:#9ca3af;font-weight:400}.bank-description-minimal{width:100%;border:none;background:transparent;color:#6b7280;padding:0;margin:0;font-size:14px;line-height:1.4;resize:none;outline:none;font-family:inherit}.bank-description-minimal:focus{color:#374151}.bank-description-minimal::placeholder{color:#9ca3af}.status-container,.bank-meta-minimal{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.save-status-minimal{font-size:12px;color:#6b7280;display:flex;align-items:center;gap:4px}.save-status-minimal.saving{color:#3b82f6;animation:pulse 1.5s infinite}.auto-save-hint-minimal{font-size:11px;color:#059669;display:flex;align-items:center;gap:4px}.checkbox-label-minimal{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;cursor:pointer}.checkbox-label-minimal input[type=checkbox]{margin:0;width:14px;height:14px}.editor-actions-minimal{display:flex;align-items:center;gap:8px;flex-shrink:0}.save-btn-minimal{background:#3b82f6;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.save-btn-minimal:hover:not(:disabled){background:#2563eb}.save-btn-minimal:disabled{background:#9ca3af;cursor:not-allowed}.save-btn-minimal svg{flex-shrink:0}.save-close-btn-minimal{background:#059669;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.save-close-btn-minimal:hover:not(:disabled){background:#047857}.save-close-btn-minimal:disabled{background:#9ca3af;cursor:not-allowed}.save-close-btn-minimal svg{flex-shrink:0}.save-status-minimal:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block;margin-right:4px}.save-status-minimal.saving:before{background:#3b82f6;animation:pulse 1.5s infinite}@media (max-width: 768px){.editor-header-minimal{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.title-container{order:1}.editor-actions-minimal{order:2;align-self:flex-end;flex-direction:column;gap:6px}.save-btn-minimal,.save-close-btn-minimal{min-width:120px;justify-content:center}.status-container,.bank-meta-minimal{flex-direction:column;align-items:flex-start;gap:8px}.document-title-minimal{font-size:18px}}@media (max-width: 480px){.editor-header-minimal{padding:8px}.document-title-minimal{font-size:16px}.save-btn-minimal,.save-close-btn-minimal{padding:6px 10px;font-size:12px}.save-status-minimal,.auto-save-hint-minimal,.checkbox-label-minimal{font-size:11px}}.document-title-minimal:focus,.bank-description-minimal:focus{outline:2px solid #3b82f6;outline-offset:-2px;border-radius:4px}.save-btn-minimal:focus{outline:2px solid #3b82f6;outline-offset:2px}.save-close-btn-minimal:focus{outline:2px solid #059669;outline-offset:2px}.checkbox-label-minimal:focus-within{outline:2px solid #3b82f6;outline-offset:2px;border-radius:4px}.save-btn-minimal:disabled svg,.save-close-btn-minimal:disabled svg{animation:spin 1s linear infinite}.rich-text-editor.full-width .editor-header-minimal,.question-bank-editor .editor-header-minimal{margin:0;border-radius:0}.rich-text-editor.full-width{display:flex;flex-direction:column}.rich-text-editor.full-width .editor-container{flex:1}.title-container{max-width:100%;overflow:hidden}.document-title-minimal,.bank-description-minimal{width:100%;max-width:100%}.bank-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:10px}.checkbox-label{display:flex;align-items:center;gap:5px;font-size:14px;color:#333}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.header-content{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:20px}.title-section{flex:1;min-width:0}.document-title,.bank-title{width:100%;font-size:24px;font-weight:600;border:none;background:transparent;color:#333;padding:5px 0;margin-bottom:5px}.document-title:focus,.bank-title:focus{outline:2px solid #007bff;outline-offset:2px;border-radius:4px}.bank-description{width:100%;border:1px solid #e0e0e0;border-radius:4px;padding:8px;font-size:14px;resize:vertical;margin-bottom:10px}.save-status:before{content:"💾 ";margin-right:2px}.save-status.saving:before{content:"⏳ "}.auto-save-hint:before{content:"💡 ";margin-right:2px}@media (max-width: 768px){.header-content{flex-direction:column;gap:15px}.editor-actions{width:100%;justify-content:flex-end}.bank-meta{flex-direction:column;align-items:flex-start;gap:8px}.document-meta{flex-direction:column;align-items:flex-start;gap:5px}}.save-status.success{color:#28a745}.save-status.error{color:#dc3545}.save-status.unsaved{color:#ffc107}.save-status.unsaved:before{content:"⚠️ "}.question-bank-editor{max-width:1200px;margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.editor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.title-section{flex:1;margin-right:20px}.bank-title{width:100%;font-size:24px;font-weight:600;padding:10px 15px;border:2px solid #e0e0e0;border-radius:6px;margin-bottom:10px;transition:border-color .3s ease}.bank-title:focus{outline:none;border-color:#007bff}.bank-description{width:100%;padding:10px 15px;border:2px solid #e0e0e0;border-radius:6px;margin-bottom:10px;resize:vertical;font-family:inherit;transition:border-color .3s ease}.bank-description:focus{outline:none;border-color:#007bff}.bank-meta{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#666}.checkbox-label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{margin-right:8px;transform:scale(1.1)}.last-saved{font-style:italic;color:#28a745}.editor-actions{display:flex;gap:10px}.save-btn{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.save-btn:hover:not(:disabled){background:#0056b3}.save-btn:disabled{background:#6c757d;cursor:not-allowed}.tags-section{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:6px}.tags-input{display:flex;gap:10px;margin-bottom:15px}.tags-input input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.tags-input button{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.tags-input button:hover:not(:disabled){background:#218838}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;background:#007bff;color:#fff;padding:4px 8px;border-radius:16px;font-size:12px;font-weight:500}.remove-tag{background:none;border:none;color:#fff;margin-left:6px;cursor:pointer;font-size:16px;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.remove-tag:hover{background:#fff3}.questions-section{margin-top:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.section-header h3{margin:0;color:#333;font-size:20px}.add-question-btn{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.add-question-btn:hover{background:#218838}.questions-list{display:flex;flex-direction:column;gap:20px}.question-item{border:2px solid #e0e0e0;border-radius:8px;padding:20px;background:#fafafa;transition:border-color .3s ease}.question-item:hover{border-color:#007bff}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ddd}.question-number{font-weight:600;font-size:16px;color:#007bff}.question-controls{display:flex;gap:5px}.move-btn,.remove-btn{background:#6c757d;color:#fff;border:none;width:30px;height:30px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.move-btn:hover:not(:disabled){background:#5a6268}.move-btn:disabled{background:#adb5bd;cursor:not-allowed}.remove-btn{background:#dc3545}.remove-btn:hover{background:#c82333}.question-content{display:flex;flex-direction:column;gap:15px}.question-field{display:flex;flex-direction:column;gap:5px}.question-field label{font-weight:500;color:#333;font-size:14px}.question-field input,.question-field textarea,.question-field select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s ease}.question-field input:focus,.question-field textarea:focus,.question-field select:focus{outline:none;border-color:#007bff}.question-field textarea{resize:vertical;font-family:inherit}.options-list{display:flex;flex-direction:column;gap:10px}.option-item{display:flex;align-items:center;gap:10px;padding:8px;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.option-item input[type=radio]{margin:0;transform:scale(1.2)}.option-item input[type=text]{flex:1;margin:0;border:1px solid #ddd}.remove-option-btn{background:#dc3545;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.remove-option-btn:hover{background:#c82333}.add-option-btn{background:#17a2b8;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease;align-self:flex-start}.add-option-btn:hover{background:#138496}.empty-state{text-align:center;padding:40px;color:#666;font-style:italic}.empty-state p{margin:0;font-size:16px}@media (max-width: 768px){.question-bank-editor{padding:15px;margin:10px}.editor-header{flex-direction:column;gap:15px}.title-section{margin-right:0}.bank-meta{flex-direction:column;align-items:flex-start;gap:10px}.section-header{flex-direction:column;gap:15px;align-items:flex-start}.question-header{flex-direction:column;gap:10px;align-items:flex-start}.question-controls{align-self:flex-end}.option-item{flex-wrap:wrap}.option-item input[type=text]{min-width:200px}}@media print{.question-controls,.editor-actions,.add-question-btn,.add-option-btn,.remove-option-btn{display:none}.question-item{border:1px solid #000;break-inside:avoid}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modalOverlayFadeIn .2s ease-out}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out;border:1px solid #e5e7eb}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-small{width:90%;max-width:400px}.modal-medium{width:90%;max-width:500px}.modal-large{width:90%;max-width:700px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f3f4f6}.modal-title{margin:0;font-size:18px;font-weight:600;color:#111827}.modal-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#f3f4f6;color:#374151}.modal-content{padding:20px 24px 24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid #f3f4f6}.modal-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:flex;align-items:center;gap:8px;min-width:80px;justify-content:center}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.modal-btn-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.modal-btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.modal-btn-danger{background:#dc3545;color:#fff;border-color:#dc3545}.modal-btn-danger:hover:not(:disabled){background:#c82333;border-color:#c82333}.modal-btn-success{background:#28a745;color:#fff;border-color:#28a745}.modal-btn-success:hover:not(:disabled){background:#218838;border-color:#218838}.modal-btn-secondary{background:#f8f9fa;color:#374151;border-color:#d1d5db}.modal-btn-secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.modal-form-group{margin-bottom:16px}.modal-label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#374151}.modal-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease}.modal-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;resize:vertical;min-height:80px;transition:border-color .2s ease}.modal-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-icon{width:48px;height:48px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-icon-danger{background:#fee2e2;color:#dc2626}.modal-icon-success{background:#dcfdf7;color:#059669}.modal-icon-warning{background:#fef3c7;color:#d97706}.modal-icon-info{background:#dbeafe;color:#2563eb}.modal-message{text-align:center;color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:20px}.modal-highlight{font-weight:600;color:#111827}.share-link-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin:16px 0}.share-link-input{width:100%;background:transparent;border:none;font-size:14px;color:#374151;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.share-link-input:focus{outline:none}.copy-success{color:#059669;font-size:12px;margin-top:8px;display:flex;align-items:center;gap:4px}@media (max-width: 640px){.modal{margin:16px;width:calc(100% - 32px);max-width:none}.modal-header{padding:16px 20px 12px}.modal-content{padding:16px 20px 20px}.modal-actions{flex-direction:column-reverse;gap:8px}.modal-btn{width:100%}}.document-manager{width:100%;margin:0;padding:20px;background:#f8f9fa;min-height:100vh}.manager-header-minimal{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.header-title{display:flex;align-items:center;gap:12px}.header-icon{color:#6b7280;flex-shrink:0}.manager-header-minimal h1{margin:0;color:#111827;font-size:20px;font-weight:600}.header-actions-minimal{display:flex;gap:8px}.create-btn-minimal{background:#3b82f6;color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:500;font-size:13px;transition:all .2s ease;display:flex;align-items:center;gap:6px}.create-btn-minimal:hover{background:#2563eb;transform:translateY(-1px)}.create-btn-minimal svg{flex-shrink:0}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.manager-header h1{margin:0;color:#333;font-size:28px}.header-actions{display:flex;gap:15px}.create-btn{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:background-color .3s ease}.create-btn:hover{background:#218838}.manager-controls-minimal{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;gap:16px}.search-section-minimal{flex:1}.search-input-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.search-input-minimal{width:100%;padding:8px 12px 8px 36px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease;background:#f9fafb}.search-input-minimal:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.folder-section-minimal{display:flex;gap:8px;align-items:center}.folder-select-container{position:relative;display:flex;align-items:center}.folder-icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.folder-select-minimal{padding:8px 12px 8px 36px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#f9fafb;cursor:pointer;transition:all .2s ease;min-width:160px}.folder-select-minimal:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.new-folder-btn-minimal{background:#10b981;color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap;transition:all .2s ease;display:flex;align-items:center;gap:6px}.new-folder-btn-minimal:hover{background:#059669;transform:translateY(-1px)}.new-folder-btn-minimal svg{flex-shrink:0}.manager-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;gap:20px}.search-section{flex:1}.search-input{width:100%;padding:10px 15px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#007bff}.folder-section{display:flex;gap:10px;align-items:center}.folder-select{padding:10px 15px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .3s ease}.folder-select:focus{outline:none;border-color:#007bff}.new-folder-btn{background:#17a2b8;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;white-space:nowrap;transition:background-color .3s ease}.new-folder-btn:hover{background:#138496}.manager-tabs-minimal{display:flex;margin-bottom:16px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.tab-btn-minimal{flex:1;padding:12px 16px;border:none;background:#fff;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;border-bottom:2px solid transparent}.tab-btn-minimal:hover{background:#f9fafb;color:#374151}.tab-btn-minimal.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#f9fafb}.tab-btn-minimal svg{flex-shrink:0}.manager-tabs{display:flex;margin-bottom:20px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.tab-btn{flex:1;padding:15px 20px;border:none;background:#fff;cursor:pointer;font-size:16px;font-weight:500;color:#666;transition:all .3s ease;border-bottom:3px solid transparent}.tab-btn:hover{background:#f8f9fa;color:#333}.tab-btn.active{color:#007bff;border-bottom-color:#007bff;background:#f8f9fa}.manager-content{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a;min-height:400px}.documents-grid,.question-banks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.document-card,.question-bank-card{border:2px solid #e0e0e0;border-radius:8px;padding:20px;background:#fafafa;transition:all .3s ease;cursor:pointer}.document-card:hover,.question-bank-card:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 15px #007bff1a}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.card-header h3{margin:0 15px 0 0;color:#333;font-size:18px;font-weight:600;flex:1;line-height:1.3}.card-actions{display:flex;gap:8px;flex-shrink:0}.edit-btn-minimal{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db;padding:6px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.edit-btn-minimal:hover{background:#3b82f6;color:#fff;border-color:#3b82f6;transform:translateY(-1px)}.delete-btn-minimal{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db;padding:6px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.delete-btn-minimal:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-1px)}.bank-stats-minimal{display:flex;gap:12px;font-size:13px;color:#6b7280}.stat-item{display:flex;align-items:center;gap:4px}.stat-item svg{flex-shrink:0}.folder-minimal{display:flex;align-items:center;gap:4px;color:#6b7280;font-size:12px}.folder-minimal svg{flex-shrink:0}.edit-btn{background:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .3s ease}.edit-btn:hover{background:#0056b3}.delete-btn{background:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .3s ease}.delete-btn:hover{background:#c82333}.card-content{margin-bottom:15px}.description{color:#666;font-size:14px;line-height:1.4;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bank-stats{display:flex;gap:15px;font-size:14px;color:#666}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;color:#888}.date{font-style:italic}.folder{color:#666}.public-badge{background:#28a745;color:#fff;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:500;text-transform:uppercase}.card-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#007bff;color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.loading-state{display:flex;justify-content:center;align-items:center;height:200px;color:#666;font-size:18px;font-style:italic}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 20px;color:#6b7280;min-height:300px}.empty-state p{margin:0;font-size:18px;font-weight:500;color:#9ca3af}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:30px;border-radius:8px;box-shadow:0 10px 30px #0000004d;min-width:400px;max-width:20vw}.modal h3{margin:0 0 20px;color:#333;font-size:20px}.folder-name-input{width:100%;padding:10px 15px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;margin-bottom:20px;transition:border-color .3s ease}.folder-name-input:focus{outline:none;border-color:#007bff}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.cancel-btn{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.cancel-btn:hover{background:#5a6268}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:15px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.back-btn{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.back-btn:hover{background:#5a6268}.editor-header h2{margin:0;color:#333;font-size:24px}@media (max-width: 768px){.document-manager{padding:10px}.manager-header{flex-direction:column;gap:20px;text-align:center}.header-actions{width:100%;justify-content:center}.manager-controls{flex-direction:column;gap:15px}.folder-section{width:100%;justify-content:space-between}.folder-select{flex:1}.documents-grid,.question-banks-grid{grid-template-columns:1fr}.card-header{flex-direction:column;gap:10px;align-items:flex-start}.card-actions{align-self:flex-end}.card-meta{flex-direction:column;gap:5px;align-items:flex-start}.modal{min-width:300px;margin:20px}.editor-header{flex-direction:column;gap:15px;text-align:center}}@media (max-width: 480px){.manager-tabs{flex-direction:column}.tab-btn{border-bottom:1px solid #e0e0e0;border-right:none}.tab-btn.active{border-bottom-color:#007bff;border-left:3px solid #007bff}}.refresh-btn-minimal{background:#6b7280;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.refresh-btn-minimal:hover{background:#4b5563}.refresh-btn-minimal:active{transform:scale(.95)}.refresh-btn-minimal svg{flex-shrink:0;transition:transform .3s ease}.refresh-btn-minimal:hover svg{transform:rotate(180deg)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;gap:16px}.loading-state span{font-size:14px;font-weight:500}.cache-indicator{position:fixed;top:20px;right:20px;background:#059669;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;z-index:1000;opacity:0;transform:translateY(-10px);transition:all .3s ease}.cache-indicator.show{opacity:1;transform:translateY(0)}.cache-indicator.database{background:#3b82f6}.visibility-btn-minimal{background:#f9fafb;color:#6b7280;border:1px solid #d1d5db;padding:6px;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.visibility-btn-minimal:hover{background:#f3f4f6;border-color:#9ca3af}.visibility-btn-minimal.public{background:#dcfdf7;color:#059669;border-color:#a7f3d0}.visibility-btn-minimal.public:hover{background:#a7f3d0;border-color:#059669}.visibility-btn-minimal.private{background:#fef3c7;color:#d97706;border-color:#fcd34d}.visibility-btn-minimal.private:hover{background:#fcd34d;border-color:#d97706}.share-btn-minimal{background:#3b82f6;color:#fff;border:1px solid #3b82f6;padding:6px;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.share-btn-minimal:hover{background:#2563eb;border-color:#2563eb}.public-badge{background:#dcfdf7;color:#059669;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500;display:inline-flex;align-items:center;gap:2px}.card-actions{display:flex;gap:4px;align-items:center}.card-actions button{flex-shrink:0}.public-document-viewer{min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:#6b7280}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:40px 20px;color:#6b7280}.error-icon{font-size:48px;margin-bottom:16px}.error-container h2{color:#111827;margin:0 0 8px;font-size:24px;font-weight:600}.error-container p{margin:0 0 24px;font-size:16px}.home-btn{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.home-btn:hover{background:#2563eb}.document-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:24px 0;box-shadow:0 1px 3px #0000001a}.header-content{max-width:800px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.document-info{flex:1;min-width:0}.document-title{margin:0 0 12px;font-size:28px;font-weight:700;color:#111827;line-height:1.2}.document-meta{display:flex;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}.author{font-size:14px;color:#6b7280;font-weight:500}.date{font-size:14px;color:#9ca3af}.public-badge{display:flex;align-items:center;gap:4px;background:#dcfdf7;color:#059669;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.document-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#f3f4f6;color:#374151;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.header-actions{display:flex;gap:8px;flex-shrink:0}.share-btn,.print-btn{background:#f9fafb;color:#374151;border:1px solid #d1d5db;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;white-space:nowrap}.share-btn:hover,.print-btn:hover{background:#f3f4f6;border-color:#9ca3af}.share-btn{background:#3b82f6;color:#fff;border-color:#3b82f6}.share-btn:hover{background:#2563eb;border-color:#2563eb}.document-content{max-width:800px;margin:0 auto;padding:40px 20px;background:#fff;min-height:60vh}.content-html{line-height:1.7;color:#374151;font-size:16px}.content-html h1,.content-html h2,.content-html h3,.content-html h4,.content-html h5,.content-html h6{color:#111827;margin:24px 0 12px;font-weight:600}.content-html h1{font-size:24px}.content-html h2{font-size:20px}.content-html h3{font-size:18px}.content-html p{margin:0 0 16px}.content-html ul,.content-html ol{margin:0 0 16px;padding-left:24px}.content-html li{margin-bottom:4px}.content-html blockquote{border-left:4px solid #e5e7eb;padding-left:16px;margin:16px 0;color:#6b7280;font-style:italic}.content-html code{background:#f3f4f6;padding:2px 4px;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px}.content-html pre{background:#f3f4f6;padding:16px;border-radius:6px;overflow-x:auto;margin:16px 0}.content-html pre code{background:none;padding:0}.content-html img{max-width:100%;height:auto;border-radius:6px;margin:16px 0}.content-html table{width:100%;border-collapse:collapse;margin:16px 0}.content-html th,.content-html td{border:1px solid #e5e7eb;padding:8px 12px;text-align:left}.content-html th{background:#f9fafb;font-weight:600}.document-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:24px 0;margin-top:40px}.footer-content{max-width:800px;margin:0 auto;padding:0 20px;text-align:center}.footer-content p{margin:0 0 16px;color:#6b7280;font-size:14px}.home-link{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease;text-decoration:none;display:inline-block}.home-link:hover{background:#2563eb}@media (max-width: 768px){.header-content{flex-direction:column;align-items:stretch;gap:16px}.header-actions{justify-content:flex-end}.document-title{font-size:24px}.document-meta{flex-direction:column;align-items:flex-start;gap:8px}.document-content{padding:24px 16px}.content-html{font-size:15px}}@media (max-width: 480px){.document-header{padding:16px 0}.header-content{padding:0 16px}.document-title{font-size:20px}.header-actions{flex-direction:column;gap:8px}.share-btn,.print-btn{justify-content:center}.document-content{padding:20px 12px}}@media print{.document-header{box-shadow:none;border-bottom:2px solid #000}.header-actions,.document-footer{display:none}.public-badge{background:none;color:#000;border:1px solid #000}.content-html,.content-html h1,.content-html h2,.content-html h3,.content-html h4,.content-html h5,.content-html h6{color:#000}}.protection-controls{display:flex;align-items:center;gap:8px;margin-right:8px}.protection-mode-select{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;padding:6px 10px;font-size:12px;color:#374151;cursor:pointer;transition:all .2s ease}.protection-mode-select:hover{background:#f3f4f6;border-color:#9ca3af}.protection-mode-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.protection-status{position:fixed;bottom:20px;right:20px;background:#000000e6;color:#fff;padding:12px 16px;border-radius:8px;font-size:12px;max-width:300px;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInRight .3s ease-out}.protection-alerts h4{margin:0 0 8px;font-size:14px;color:#fbbf24}.protection-alert{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.1)}.protection-alert:last-child{border-bottom:none;margin-bottom:0}.alert-time{color:#9ca3af;font-size:10px;margin-right:8px}.alert-message{color:#fbbf24;font-size:11px}.protected-content{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:auto;position:relative;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.protected-content::selection{background:transparent}.protected-content::-moz-selection{background:transparent}.protected-content *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.protected-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 150px,rgba(0,0,0,.01) 150px,rgba(0,0,0,.01) 151px),repeating-linear-gradient(-45deg,transparent,transparent 150px,rgba(0,0,0,.01) 150px,rgba(0,0,0,.01) 151px);pointer-events:none;z-index:1}.protected-content>*{position:relative;z-index:2}.canvas-protected{position:relative;overflow:hidden}.canvas-protected:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;z-index:1;pointer-events:none}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.watermark-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background-image:repeating-linear-gradient(45deg,transparent,transparent 100px,rgba(0,0,0,.02) 100px,rgba(0,0,0,.02) 200px);z-index:1}@media print{.protection-controls,.protection-status,.protected-content{display:none!important}.document-content:after{content:"🛡️ PROTECTED CONTENT\a\aThis document is protected against unauthorized copying and printing.\a\aTo access this content, please view it online at the original location.\a\aUnauthorized reproduction is prohibited.";white-space:pre;display:block;text-align:center;padding:60px 40px;color:#333;font-size:18px;font-weight:600;border:3px solid #333;margin:40px 0;background:#f9f9f9}.canvas-protected{display:none}.canvas-protected:after{content:"This content is protected and cannot be printed.";display:block;text-align:center;padding:40px;color:#666;font-style:italic}}@media (max-width: 768px){.protection-controls{flex-direction:column;gap:4px}.protection-mode-select{font-size:11px;padding:4px 8px}.protection-status{bottom:10px;right:10px;left:10px;max-width:none}}@media (max-width: 480px){.protection-status{position:relative;bottom:auto;right:auto;left:auto;margin-top:20px}}*{margin:0;padding:0;box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:#a5b4fc #f1f5f9}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#a5b4fc;border-radius:10px;border:2px solid #f1f5f9}::-webkit-scrollbar-thumb:hover{background-color:#818cf8}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;width:100%;overflow-y:auto!important;overflow-x:hidden;color:#333;background-color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;width:100%;display:flex;flex-direction:column;overflow-y:auto!important;overflow-x:hidden}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #4a6cf7;--primary-color-light: #eef1fe;--primary-color-dark: #3a5ce5;--text-dark: #333;--text-medium: #555;--text-light: #888;--bg-white: #ffffff;--bg-light: #f8f9fa;--bg-hover: #e9ecef;--border-color: #dbe1ff;--border-color-dark: #adb5bd;--success: #00b894;--warning: #fdcb6e;--error: #e17055;--error-dark: #c82333;--error-light: #f8d7da;--success-light: #d4edda}html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,button,input,textarea,select{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f8f8f8;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:active{border-color:transparent}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.loading-container.error-state{background-color:#fff1f1;border:1px solid #ffcfcf;border-radius:8px;padding:20px;max-width:600px;margin:50px auto;text-align:center;box-shadow:0 4px 8px #0000001a}.loading-container.error-state h2{color:#d32f2f;margin-bottom:15px}.error-options{margin-top:20px}.error-options p{margin-bottom:15px;font-weight:500}.button-group{display:flex;flex-direction:column;gap:10px;align-items:center}@media (min-width: 480px){.button-group{flex-direction:row;justify-content:center}}.retry-button.primary{background-color:#1976d2;color:#fff;font-weight:600}.retry-button.primary:hover{background-color:#1565c0}ruby{display:ruby;text-align:center;white-space:nowrap;margin:0;padding:0;line-height:1.5}rt{font-size:.5em;color:#666;font-weight:700;text-align:center;line-height:1}.ruby-blue rt{color:#4a6cf7}.ruby-red rt{color:#e74c3c}.ruby-green rt{color:#2ecc71}.ruby-orange rt{color:#f39c12}.ruby-purple rt{color:#9b59b6}.ruby-small rt{font-size:.4em}.ruby-large rt{font-size:.6em}.ruby-bold rt{font-weight:700}.ruby-spaced rt{letter-spacing:.05em}.ruby-emphasis rt{color:#e74c3c;font-weight:700;letter-spacing:.05em}.ruby-subtle rt{color:#95a5a6;font-size:.4em}@media (max-width: 768px){ruby{font-size:1em}rt{font-size:.45em}}@media (max-width: 480px){ruby{font-size:.9em}rt{font-size:.4em}}