*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;background:#fff;width:1920px;height:1080px;margin:0 auto;padding:20px;overflow:hidden}.container{max-width:1880px;width:100%;margin:0 auto;display:flex;flex-direction:column;height:100%}header{background:#fff;padding:20px;border-radius:10px;margin-bottom:8px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}header h1{color:#0366d6;font-size:30px;flex-shrink:0}.header-today-date{font-size:30px;color:#586069;font-weight:500;margin-left:16px;white-space:nowrap;flex-shrink:0}.title-btn{cursor:pointer;transition:color .2s}.title-btn:hover,.title-btn:focus{color:#0255b8;outline:none;text-decoration:underline}.screen{background:#fff;padding:16px 40px 40px;border-radius:10px;box-shadow:0 4px 6px #0000001a;flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:0}.screen.practice-mode{background:#fff}.hidden{display:none!important}#startScreen h2{color:#333;text-align:center;margin-bottom:30px;font-size:26px}.subject-tabs{display:flex;gap:0;border-bottom:2px solid #e1e4e8;margin-bottom:20px;overflow-x:auto;scrollbar-width:none}.subject-tabs::-webkit-scrollbar{display:none}.subject-tab{padding:10px 20px;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;background:none;cursor:pointer;font-size:16px;font-weight:600;color:#586069;font-family:inherit;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:color .2s,border-color .2s}.subject-tab:hover{color:#0366d6;background:#f6f8fa}.subject-tab.active{color:#0366d6;border-bottom-color:#0366d6}.start-content-layout{display:grid;grid-template-columns:1fr 2fr;gap:20px;align-items:stretch;flex:1;min-height:0}.category-panel{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:8px;padding:12px;min-height:200px;overflow-y:auto}.category-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:6px}.category-list-title{font-size:14px;font-weight:700;color:#0366d6;flex-shrink:0}.hide-learned-btn{font-size:14px;padding:3px 8px;border:1px solid #d1d5da;border-radius:4px;background:#fff;color:#586069;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,color .15s}.hide-learned-btn:hover{background:#e8f0fe;border-color:#0366d6;color:#0366d6}.hide-learned-btn[aria-pressed=true]{background:#0366d6;border-color:#0366d6;color:#fff}.category-list.hide-learned .category-item.learned{display:none}.category-list.detail-active .category-item.category-item-has-info{grid-template-columns:1fr}.category-list.detail-active .category-item-right{display:none}.category-controls{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:8px}.category-view-toggle{font-size:14px;padding:3px 8px;border:1px solid #d1d5da;border-radius:4px;background:#fff;color:#586069;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,color .15s}.category-view-toggle:hover{background:#e8f0fe;border-color:#0366d6;color:#0366d6}.category-view-toggle[aria-pressed=true]{background:#0366d6;border-color:#0366d6;color:#fff}.grade-filter-label{font-size:14px;color:#586069;margin-left:4px}.grade-filter-btn{font-size:14px;padding:2px 8px;border:1px solid #d1d5da;border-radius:10px;background:#fff;color:#586069;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,color .15s}.grade-filter-btn:hover{background:#e8f0fe;border-color:#0366d6;color:#0366d6}.grade-filter-btn[aria-pressed=true]{background:#0366d6;border-color:#0366d6;color:#fff}.category-grade-group{display:flex;flex-direction:column;gap:2px;margin-bottom:4px}.category-grade-group.collapsed>.category-item{display:none}.category-grade-group .category-item{background:#f6f8fa;color:#24292e}.category-grade-group-header{font-size:15px;font-weight:700;padding:5px 8px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:6px;color:#1a1e23;background:#d1d5da}.category-grade-group-header:hover{background:#d1d5da}.category-grade-group-toggle:before{content:"▼";font-size:10px;transition:transform .2s;display:inline-block}.category-grade-group.collapsed .category-grade-group-toggle:before{transform:rotate(-90deg)}.category-hierarchy{font-size:12px;color:#586069;background:#f0f0f0;padding:1px 6px;border-radius:10px;white-space:nowrap;flex-shrink:1;min-width:0;max-width:45%;overflow:hidden;text-overflow:ellipsis;margin-left:auto}.category-panel::-webkit-scrollbar{width:8px}.category-panel::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.category-panel::-webkit-scrollbar-thumb{background:#c1c7cd;border-radius:4px}.category-panel::-webkit-scrollbar-thumb:hover{background:#a8adb3}.category-list{display:flex;flex-direction:column;gap:2px}.category-top-group{display:flex;flex-direction:column;gap:2px;margin-top:4px}.category-top-group.collapsed>.category-group,.category-top-group.collapsed>.category-item{display:none}.category-top-group-header{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#fff;background:#0366d6;padding:6px 10px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;transition:background .15s;letter-spacing:.3px}.category-top-group-header:hover{background:#0256b8}.category-top-group-header.active{background:#024a9e;box-shadow:0 0 0 2px #fff6}.category-top-group-toggle:before{content:"▼";font-size:10px;display:inline-block;transition:transform .2s;opacity:.8}.category-top-group.collapsed .category-top-group-toggle:before{transform:rotate(-90deg)}.category-top-group .category-group{padding-left:6px;border-left:2px solid #e1e4e8;margin-left:4px}.category-group{display:flex;flex-direction:column;gap:2px}.category-group.collapsed .category-item{display:none}.category-group-header{display:flex;align-items:center;gap:4px;font-size:16px;font-weight:600;color:#586069;text-transform:uppercase;letter-spacing:.5px;padding:8px 10px 4px;margin-top:4px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;transition:background .15s}.category-top-group .category-group-header{font-size:13px;font-weight:600;color:#444d56;text-transform:none;letter-spacing:0;margin-top:2px;padding:5px 8px 3px}.category-group-header:hover{background:#f0f4f8}.category-group-header.active{background:#e8f0f9;color:#0366d6}.category-group-toggle:before{content:"▼";font-size:10px;display:inline-block;transition:transform .2s;color:#8b949e}.category-group.collapsed .category-group-toggle:before{transform:rotate(-90deg)}.category-group-learned-badge{font-size:20px;line-height:1;text-transform:none;letter-spacing:0}.category-item{display:grid;grid-template-columns:1fr;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.category-item.category-item-has-info{grid-template-columns:1fr 2fr}.category-item-left{display:flex;align-items:center;gap:8px;padding:7px 10px;min-width:0}.category-item-right{display:flex;flex-direction:column;gap:3px;justify-content:center;padding:7px 10px 7px 8px;border-left:1px solid rgba(0,0,0,.06);min-width:0}.category-item.active .category-item-right{border-left-color:#fff3}.category-item:hover{background:#e8f0fe}.category-item.active{background:#0366d6;color:#fff}.category-name{font-size:14px;font-weight:600;color:#24292e}.category-item.active .category-name{color:#fff}.category-example{font-size:15px;color:#24292e;align-self:flex-end;text-align:right}.category-example:before{content:"例）";font-style:normal;margin-right:2px;opacity:.7}.category-item.active .category-example{color:#fffc}.category-example-highlight{font-style:normal;background:#0366d61f;color:#0366d6;border-radius:3px;padding:0 2px;font-family:inherit;font-size:inherit}.category-item.active .category-example-highlight{background:#ffffff40;color:#fff}.category-item-description{font-size:14px;color:#586069;line-height:1.4}.category-item.active .category-item-description{color:#fffc}.category-item-inline-info{display:none;flex-direction:column;gap:2px;min-width:0}.category-status{font-size:14px;flex-shrink:0;line-height:1}.category-stats{font-size:15px;color:#586069;white-space:nowrap;background:#0000000f;padding:1px 6px;border-radius:10px}.category-item.active .category-stats{background:#ffffff40;color:#fff}.category-grade{font-size:14px;white-space:nowrap;padding:1px 5px;border-radius:10px;flex-shrink:0}.category-grade.grade-elementary{color:#c0392b;background:#fde8e8}.category-grade.grade-middle{color:#0366d6;background:#e8f0fe}.category-grade.grade-high{color:#1a7f37;background:#e8f8f0}.category-item.active .category-grade{background:#ffffff40;color:#fff}.subject-overview-wrapper{display:flex;flex-direction:column;gap:0}.subject-overview-subject-row{display:flex;align-items:center;gap:5px;padding:4px 4px 2px 2px}.subject-overview-icon{font-size:18px;line-height:1;flex-shrink:0}.subject-overview-name{font-size:14px;font-weight:700;color:#24292e}.subject-overview-outer-info{display:flex;align-items:center;padding:0 4px 2px 2px;font-size:12px;color:#586069}.subject-overview-outer-cat{font-weight:600;color:#444d56}.subject-overview-item{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:8px;border:1px solid #e1e4e8;background:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,border-color .15s;text-align:left}.subject-overview-item:hover{background:#e8f0fe;border-color:#0366d6}.subject-overview-item:focus{outline:2px solid #0366d6;outline-offset:2px}.subject-overview-recommended{display:flex;align-items:center;justify-content:flex-start;gap:6px;font-size:14px;color:#24292e}.subject-overview-rec-name{font-weight:600}.subject-overview-grade{font-size:12px;padding:1px 5px;border-radius:10px;white-space:nowrap}.subject-overview-grade.grade-elementary{color:#c0392b;background:#fde8e8}.subject-overview-grade.grade-middle{color:#0366d6;background:#e8f0fe}.subject-overview-grade.grade-high{color:#1a7f37;background:#e8f8f0}.subject-overview-pct{font-size:11px;color:#586069;background:#f0f0f0;padding:1px 5px;border-radius:10px;white-space:nowrap;margin-left:auto}.subject-overview-pct.progress-fill-done{color:#1a7f37;background:#e8f8f0}.subject-rec-count-controls{display:flex;align-items:center;gap:3px;margin-left:auto}.subject-rec-count-label{font-size:11px;color:#586069;margin-right:2px}.overall-rec-count-label{font-size:12px;color:#586069;margin-right:4px}.overall-rec-count-btn{font-size:12px;padding:2px 8px;border:1px solid #d1d5da;border-radius:4px;background:#fff;color:#24292e;cursor:pointer;transition:background .15s,border-color .15s}.overall-rec-count-btn:hover{background:#e8f0fe;border-color:#0366d6}.overall-rec-count-btn.active{background:#0366d6;border-color:#0366d6;color:#fff}.subject-overview-cat-group{display:flex;flex-direction:column;gap:2px;margin-top:2px}.subject-overview-cat-header{font-size:11px;color:#586069;padding:0 2px 1px}.subject-overview-cat-header-arrow{color:#a0a0a0;margin:0 2px}.all-subject-panel-title{font-size:14px;font-weight:700;color:#0366d6;flex-shrink:0}.activity-date-nav{display:flex;align-items:center;gap:6px;flex-shrink:0;padding:4px 8px}.activity-date-display{font-size:13px;color:#586069;font-weight:500}.overall-summary-panel{display:flex;flex-direction:column;gap:0;flex:1;overflow:hidden;padding:0}.overall-panel-tabs{display:flex;border-bottom:1px solid #e1e4e8;background:#f6f8fa;flex-shrink:0}.overall-activity-panel{display:flex;flex-direction:column;flex:1;overflow-y:auto;padding:12px 16px;gap:8px;min-height:0}.overall-activity-date-row{flex-shrink:0}.overall-activity-date{font-size:13px;font-weight:600;color:#24292e}.today-activity-empty{color:#586069;font-size:13px}.overall-today-list{flex:1;overflow-y:auto;min-height:0}.share-summary-text{font-size:12px;color:#444;background:#f6f8fa;border:1px solid #e1e4e8;border-radius:6px;padding:8px 10px;white-space:pre-wrap;word-break:break-word;min-height:48px;line-height:1.5;flex-shrink:0}.share-actions-row{display:flex;align-items:center;gap:6px;flex-shrink:0}.share-copy-btn{padding:4px 12px;font-size:13px;border:1px solid #0366d6;border-radius:4px;background:#fff;color:#0366d6;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.share-copy-btn:hover{background:#0366d6;color:#fff}.share-url-open-btn{padding:4px 12px;font-size:13px;border:1px solid #1a7f37;border-radius:4px;background:#fff;color:#1a7f37;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.share-url-open-btn:hover{background:#1a7f37;color:#fff}.share-url-inline{flex:1;min-width:0}.share-url-display-btn{max-width:100%;padding:4px 10px;font-size:12px;border:none;border-radius:4px;background:transparent;color:#0366d6;cursor:pointer;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;text-align:left;transition:color .15s,background .15s}.share-url-display-btn:hover{background:#e8f0fe}.share-url-display-btn.share-url-set{color:#999}.share-url-display-btn.share-url-set:hover{background:#f0f0f0;color:#666}.share-url-edit-area{display:flex;gap:4px;align-items:center}.share-url-input{flex:1;min-width:0;padding:4px 8px;font-size:12px;border:1px solid #d1d5da;border-radius:4px;background:#fff;color:#24292e}.share-url-save-btn{padding:4px 10px;font-size:13px;border:1px solid #1a7f37;border-radius:4px;background:#fff;color:#1a7f37;cursor:pointer;white-space:nowrap}.share-url-save-btn:hover{background:#1a7f37;color:#fff}.start-content-layout.all-subject-layout{grid-template-columns:1fr 2fr}.start-content-layout.all-subject-layout .category-panel{order:1}.start-content-layout.all-subject-layout .quiz-panel{order:2}.quiz-panel{background:#fff;border:1px solid #e1e4e8;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.selected-unit-info{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:10px 16px;background:#eef4ff;border-bottom:1px solid #c8d8f8}.selected-unit-info-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.selected-unit-info-header{display:flex;flex-direction:column;gap:4px}.selected-unit-info-detail-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.selected-unit-info-left{display:flex;align-items:center;gap:6px;flex-shrink:0}.selected-unit-info-left .category-grade{font-size:12px}.selected-unit-info-name{font-size:16px;font-weight:700;color:#0366d6}.selected-unit-info-category{font-size:12px;color:#586069;background:#f0f0f0;padding:1px 6px;border-radius:10px;white-space:nowrap}.selected-unit-info-desc{font-size:13px;color:#444d56;margin-left:auto;text-align:right}.selected-unit-info-example{font-size:13px;color:#586069;margin-left:auto;text-align:right}.selected-unit-info-example:before{content:"例）";font-style:normal;margin-right:2px;opacity:.7}.selected-unit-close-btn{flex-shrink:0;background:none;border:1px solid #c8d8f8;border-radius:50%;width:26px;height:26px;font-size:14px;line-height:1;cursor:pointer;color:#586069;transition:background .15s,color .15s,border-color .15s;display:flex;align-items:center;justify-content:center;padding:0}.selected-unit-close-btn:hover{background:#0366d6;border-color:#0366d6;color:#fff}.selected-unit-close-btn:focus-visible{background:#0366d6;border-color:#0366d6;color:#fff;outline:3px solid #9ecbff;outline-offset:2px}.panel-tabs{display:flex;border-bottom:1px solid #e1e4e8;background:#f6f8fa}.panel-tab{flex:1;padding:10px 16px;font-size:16px;font-weight:600;color:#586069;background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.panel-tab:hover{color:#0366d6;background:#e8f0fe}.panel-tab.active{color:#0366d6;border-bottom-color:#0366d6;background:#fff}#quizModePanel{padding:24px 30px;flex:1;overflow-y:auto}#historyContent{padding:16px 20px;flex:1;overflow-y:auto}#guideContent,#questionListContent{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.button-group{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.primary-btn,.secondary-btn,.tertiary-btn{padding:15px 30px;font-size:20px;border:none;border-radius:8px;cursor:pointer;transition:all .3s;font-weight:700}.primary-btn{background:#0366d6;color:#fff}.primary-btn:hover:not(:disabled){background:#0255b8;transform:translateY(-2px);box-shadow:0 6px 12px #0366d666}#startPracticeBtn{background:#ddf4ff;color:#0f2a43}#startPracticeBtn:hover:not(:disabled){background:#b4e1fa;color:#0f2a43;box-shadow:0 6px 12px #0082c840}.secondary-btn{background:#f0f0f0;color:#333}.secondary-btn:hover:not(:disabled){background:#e0e0e0}.tertiary-btn{background:#fff;color:#0366d6;border:2px solid #0366d6}.tertiary-btn:hover{background:#f8f9ff}button:disabled{opacity:.5;cursor:not-allowed}.stats-info{text-align:center;color:#666;font-size:16px;margin-top:20px}.category-description{font-size:16px;color:#444;background:#f6f8fa;border-left:3px solid #0366d6;padding:8px 12px;margin-bottom:16px;border-radius:0 4px 4px 0;line-height:1.6}.quiz-landscape-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch;flex:1;min-height:0}.quiz-main-col{min-width:0;overflow-y:auto;min-height:0}.quiz-notes-col{display:flex;flex-direction:column;min-height:0}.progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;margin-bottom:20px;overflow:hidden}.progress-fill{height:100%;background:#0366d6;transition:width .3s ease}.question-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative}#questionNumber{font-size:18px;color:#666;font-weight:700}.topic-badge{background:#0366d6;color:#fff;padding:4px 12px;border-radius:12px;font-size:14px;position:absolute;left:50%;transform:translate(-50%);max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-link{color:#0366d6;font-size:14px;text-decoration:none;padding:4px 10px;border:1px solid #0366d6;border-radius:12px;transition:background-color .2s}.guide-link:hover{background-color:#f0f7ff}.cancel-quiz-btn{font-size:16px;line-height:1;padding:0;width:30px;height:30px;border:1px solid #999;border-radius:50%;background:#fff;color:#999;cursor:pointer;transition:background-color .2s,color .2s;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.cancel-quiz-btn:hover{background-color:#666;color:#fff}.question-text{font-size:26px;color:#333;margin-bottom:30px;font-weight:700;line-height:1.5}.choices-container{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.choice-label{display:flex;align-items:center;padding:15px 20px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s}.choice-label:hover{border-color:#0366d6;background:#f0f7ff}.choice-label:has(input:disabled){cursor:not-allowed;opacity:.6}.choice-label:has(input:disabled):hover{border-color:#e0e0e0;background:transparent}.choice-label:has(input:disabled:checked){border-color:#0366d6;background:#f0f7ff;opacity:1}.choice-label input[type=radio]{margin-right:15px;width:20px;height:20px;cursor:pointer}.choice-label:has(input:disabled) input[type=radio]{cursor:not-allowed}.choice-label input[type=radio]:checked+.choice-text{color:#0366d6;font-weight:700}.choice-text{font-size:20px;color:#333}.answer-feedback{margin:20px 0;padding:20px;border-radius:8px;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.answer-feedback.correct{background:#e8f5e9;border:2px solid #4caf50}.answer-feedback.incorrect{background:#ffebee;border:2px solid #f44336}.feedback-content{display:flex;flex-direction:column;gap:12px}.feedback-result{font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px}.answer-feedback.correct .feedback-result{color:#2e7d32}.answer-feedback.incorrect .feedback-result{color:#c62828}.feedback-explanation{font-size:18px;color:#333;line-height:1.6;padding:12px;background:#ffffffb3;border-radius:4px}.navigation-buttons{display:flex;gap:15px;justify-content:space-between}.nav-btn,.submit-btn{flex:1;padding:12px 24px;font-size:18px;border:none;border-radius:8px;cursor:pointer;transition:all .3s;font-weight:700}.nav-btn{background:#f0f0f0;color:#333}.nav-btn:hover:not(:disabled){background:#e0e0e0}.submit-btn{background:#0366d6;color:#fff}.submit-btn:hover:not(:disabled){background:#0255b8;transform:translateY(-2px);box-shadow:0 6px 12px #0366d666}#resultScreen h2{color:#333;text-align:center;margin-bottom:30px;font-size:26px}.score-display{display:flex;justify-content:center;margin-bottom:40px}.score-circle{text-align:center;padding:40px;border-radius:50%;width:200px;height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 8px 16px #0000001a}.score-circle.pass{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.score-circle.fail{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff}.score-circle.perfect{background:linear-gradient(135deg,#f7971e,#ffd200);color:#fff}.score-perfect-icon{font-size:38px;margin-bottom:4px}.score-percentage{font-size:50px;font-weight:700;margin-bottom:10px}.score-text{font-size:18px}.result-details h3{color:#333;margin-bottom:20px;font-size:22px}.result-item{border-left:4px solid #e0e0e0;padding:15px;margin-bottom:15px;background:#f9f9f9;border-radius:4px}.result-item.correct{border-left-color:#38ef7d}.result-item.incorrect{border-left-color:#f45c43}.result-header{display:flex;align-items:center;margin-bottom:10px}.result-icon{font-size:26px;margin-right:10px;font-weight:700}.result-item.correct .result-icon{color:#38ef7d}.result-item.incorrect .result-icon{color:#f45c43}.result-question{font-size:18px;color:#333;font-weight:700;flex:1}.result-topic{font-size:14px;color:#0366d6;background:#f0f7ff;padding:2px 8px;border-radius:10px;margin-left:10px}.result-answer{margin-left:34px;font-size:16px;color:#666}.result-answer div{margin-bottom:5px}.result-answer strong{color:#333}.explanation{margin-top:8px;padding:8px 12px;background:#f0f7ff;border-radius:4px;font-style:italic;color:#0366d6}.question-list-panel-body{padding:8px 0;flex:1;overflow-y:auto;min-height:0}.question-list-item{border:1px solid #e1e4e8;border-radius:8px;padding:12px 16px;margin-bottom:8px;background:#fafbfc}.question-list-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.question-list-text{font-size:17px;color:#24292e;font-weight:600;flex:1 1 auto;line-height:1.5}.question-list-correct{font-size:15px;color:#22863a;font-weight:600;background:#e6ffed;padding:4px 8px;border-radius:4px;white-space:nowrap}.question-list-stat{font-size:13px;color:#586069;background:#0000000f;padding:2px 6px;border-radius:10px;white-space:nowrap;flex-shrink:0}.question-list-item.question-list-completed{background:#fffbf0;border-left:3px solid #f9c513}.question-list-hint-btn{background:none;border:none;cursor:pointer;font-size:18px;padding:2px 4px;border-radius:4px;line-height:1;flex-shrink:0}.question-list-hint-btn:hover{background:#f0f7ff}.question-list-hint{font-size:15px;color:#586069;padding:8px 10px;margin-top:8px;background:#f0f7ff;border-radius:4px;line-height:1.5}.question-list-hint.hidden{display:none}@media(max-width:767px){body{width:100%;height:auto;min-height:100svh;overflow-y:auto;overflow-x:hidden;padding:8px}.container{max-width:100%;height:auto}.screen{flex:none;overflow-y:visible}header{flex-wrap:wrap;gap:6px 12px;padding:10px 12px}header h1{font-size:20px}.header-today-date{font-size:16px;margin-left:4px}.header-right-area{gap:8px;flex-wrap:wrap}.start-content-layout,.start-content-layout.all-subject-layout,.quiz-landscape-layout{grid-template-columns:1fr}.quiz-notes-col{max-height:300px}.notes-canvas{min-height:150px}}@media(max-width:900px){.quiz-landscape-layout{grid-template-columns:1fr}}@media(max-width:600px){body{padding:10px}header{flex-direction:column;gap:15px;text-align:center}.screen{padding:20px}.start-content-layout{grid-template-columns:1fr}.question-text{font-size:22px}.choice-text{font-size:18px}.score-circle{width:160px;height:160px;padding:30px}.score-percentage{font-size:38px}.navigation-buttons{flex-direction:column}}.header-right-area{display:flex;align-items:center;gap:16px}.font-size-btns{display:flex;align-items:center;gap:4px}.font-size-icon{font-size:18px;font-weight:700;color:#586069;margin-right:2px;-webkit-user-select:none;user-select:none;line-height:1}.font-size-btn{padding:4px 10px;border:1px solid #d1d5da;border-radius:6px;background:#f6f8fa;color:#586069;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s;font-family:inherit}.font-size-btn[data-size=small]{font-size:11px}.font-size-btn[data-size=medium]{font-size:15px}.font-size-btn[data-size=large]{font-size:19px}.font-size-btn:hover{border-color:#0366d6;color:#0366d6;background:#f0f7ff}.font-size-btn.active{background:#0366d6;color:#fff;border-color:#0366d6}.header-user-area{display:flex;align-items:center;gap:8px}.header-user-name{font-size:17px;color:#586069;font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;border:none;border-radius:6px;padding:4px 8px;cursor:pointer;transition:background .15s,color .15s}.header-user-name:hover,.header-user-name:focus{background:#f0f4f8;color:#0366d6;outline:none}.header-user-edit{display:flex;align-items:center;gap:4px}.header-user-name-input{padding:4px 8px;border:1px solid #0366d6;border-radius:6px;font-size:16px;width:140px;box-shadow:0 0 0 3px #0366d61a;outline:none}.header-user-save-btn{padding:4px 8px;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;transition:background .2s}.header-user-save-btn:hover{background:#218838}.download-data-btn{padding:4px 10px;border:1px solid #d1d5da;border-radius:6px;background:#f6f8fa;color:#586069;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s;font-family:inherit;white-space:nowrap}.download-data-btn:hover{border-color:#0366d6;color:#0366d6;background:#f0f7ff}.support-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d1d5da;border-radius:50%;background:#f6f8fa;color:#586069;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,color .2s,border-color .2s;white-space:nowrap;flex-shrink:0}.support-btn:hover{border-color:#0366d6;color:#0366d6;background:#f0f7ff}.support-btn:focus-visible{border-color:#0366d6;color:#0366d6;background:#f0f7ff;outline:2px solid #0366d6;outline-offset:2px}.user-info{text-align:right;margin-bottom:15px;padding:10px;background:#f6f8fa;border-radius:6px;font-size:18px}.user-info span{color:#0366d6;font-weight:600}.guide-frame{width:100%;flex:1;min-height:0;border:none;display:block;background:#fff;overflow-y:auto;padding:0 8px;box-sizing:border-box}.guide-shadow-host{display:block;width:100%}.category-name-area{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.category-title-row{display:flex;flex-direction:column;gap:2px;min-width:0}@media(min-width:601px){.category-title-row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:2px 12px}.category-example{margin-left:auto}}.category-progress-row{display:flex;align-items:center;gap:6px}.category-progress-row .category-progress-bar{flex:1;width:auto}.category-progress-bar{height:4px;background:#e1e4e8;border-radius:2px;overflow:hidden;width:100%}.category-progress-fill{height:100%;width:0%;background:#0366d6;border-radius:2px}.category-progress-fill.progress-fill-done{background:#28a745}.category-item.active .category-progress-fill{background:#ffffffb3}.category-progress-pct{font-size:13px;color:#586069;white-space:nowrap;min-width:28px;text-align:right;flex-shrink:0}.category-item.active .category-progress-pct{color:#ffffffd9}.start-content-layout.category-only{grid-template-columns:1fr}.start-content-layout.category-only .quiz-panel{display:none}.notes-area{border:2px solid #e1e4e8;border-radius:8px;overflow:hidden;background:#fff;flex:1;display:flex;flex-direction:column;min-height:0}.notes-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#f6f8fa;border-bottom:1px solid #e1e4e8;flex-shrink:0}.notes-title{font-size:16px;font-weight:600;color:#333}.notes-controls{display:flex;gap:8px;align-items:center}.notes-btn{padding:4px 8px;border:1px solid #d1d5da;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s;font-size:18px}.notes-btn:hover{background:#f0f0f0;border-color:#b0b0b0}.pen-size-select,.pen-color-select{padding:4px 8px;border:1px solid #d1d5da;border-radius:4px;background:#fff;cursor:pointer;font-size:14px}.pen-color-select{width:60px}.notes-canvas{display:block;width:100%;flex:1;min-height:300px;cursor:crosshair;touch-action:none;background:#f6f8fa}.notes-btn.eraser-active{background:#ffe8b3;border-color:#f0a800}#notesMemoContent{flex:1;display:flex;flex-direction:column;min-height:0}@media(max-width:600px){.notes-header{flex-direction:column;gap:10px;align-items:flex-start}.notes-controls{width:100%;justify-content:space-between}}.question-count-section{margin-bottom:20px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.question-count-label{font-weight:600;color:#333;font-size:18px}.question-count-group{display:flex;gap:16px}.count-label{display:flex;align-items:center;gap:5px;font-size:17px;color:#333;cursor:pointer}.count-label input[type=radio]{cursor:pointer;accent-color:#0366d6}@media(max-width:600px){.question-count-section{flex-direction:column;align-items:flex-start}.header-user-name{max-width:120px}}.history-section-title{font-size:18px;font-weight:600;color:#24292e;margin-bottom:12px}.history-list{display:flex;flex-direction:column;gap:10px}.history-empty{color:#586069;text-align:center;padding:40px 20px;font-size:17px}.history-item{border:1px solid #e1e4e8;border-radius:8px;overflow:hidden}.history-item-header{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;background:#f6f8fa;-webkit-user-select:none;user-select:none;transition:background .15s}.history-item-header:hover{background:#e8f0fe}.history-meta{flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.history-date{font-size:15px;color:#586069}.history-subject{font-size:16px;font-weight:600;color:#24292e}.history-mode{font-size:14px;font-weight:700;padding:2px 8px;border-radius:8px}.history-mode--random{background:#0366d6;color:#fff}.history-mode--practice{background:#5b9bd5;color:#0f2a43}.history-mode--retry{background:#f0f0f0;color:#333}.history-mode--manual{background:#fff;color:#0366d6;border:2px solid #0366d6}.history-score{font-size:16px;font-weight:700;white-space:nowrap}.history-score.pass{color:#28a745}.history-score.fail{color:#dc3545}.history-toggle{font-size:14px;color:#586069;transition:transform .2s}.history-detail{border-top:1px solid #e1e4e8;padding:8px 16px;display:flex;flex-direction:column;gap:6px;background:#fff}.history-entry{display:flex;align-items:flex-start;gap:10px;padding:8px;border-radius:6px;font-size:15px}.history-entry.correct{background:#f0fff4}.history-entry.incorrect{background:#fff0f0}.history-entry-icon{font-size:16px;font-weight:700;flex-shrink:0;margin-top:1px}.history-entry.correct .history-entry-icon{color:#28a745}.history-entry.incorrect .history-entry-icon{color:#dc3545}.history-entry-content{flex:1}.history-entry-question{color:#24292e;margin-bottom:2px}.history-entry-answer{color:#586069;font-size:14px}.text-answer-wrapper{display:flex;flex-direction:column;gap:12px;padding:10px 0}.text-answer-input{width:100%;padding:14px 16px;font-size:24px;border:2px solid #e1e4e8;border-radius:8px;outline:none;transition:border-color .2s;box-sizing:border-box;font-family:inherit}.text-answer-input:focus{border-color:#0366d6;box-shadow:0 0 0 3px #0366d633}.text-answer-input:disabled{background:#f6f8fa;color:#586069;cursor:not-allowed}.text-answer-submit-btn{align-self:flex-start;padding:10px 24px;background:#0366d6;color:#fff;border:none;border-radius:6px;font-size:18px;font-weight:600;cursor:pointer;transition:background .2s}.text-answer-submit-btn:hover:not(:disabled){background:#0256b9}.text-answer-submit-btn:disabled{background:#c8e1ff;cursor:not-allowed}#handwritingConfirmArea{padding:8px;border-top:1px solid #e1e4e8;display:flex;flex-direction:column;gap:8px}.handwriting-text-input{width:100%;padding:10px 12px;border:2px solid #e1e4e8;border-radius:6px;font-size:18px;outline:none;transition:border-color .2s;box-sizing:border-box;font-family:inherit}.handwriting-text-input:focus{border-color:#0366d6;box-shadow:0 0 0 3px #0366d633}.handwriting-confirm-btn{width:100%;padding:10px 16px;background:#0366d6;color:#fff;border:none;border-radius:6px;font-size:18px;font-weight:600;cursor:pointer;transition:background .2s}.handwriting-confirm-btn:hover:not(:disabled){background:#0256b9}.handwriting-confirm-btn:disabled{background:#c8e1ff;cursor:not-allowed}#kanjiInputArea{padding:8px;border-top:1px solid #e1e4e8;display:flex;flex-direction:column;gap:8px}.kanji-input-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.kanji-input-label{font-size:15px;color:#586069}.kanji-input-controls{display:flex;gap:6px}.kanji-ctrl-btn{padding:4px 10px;border:1px solid #e1e4e8;border-radius:4px;background:#fff;cursor:pointer;font-size:16px;transition:background .15s}.kanji-ctrl-btn:hover{background:#f3f4f6}.kanji-canvas{display:block;width:100%;max-width:256px;height:256px;border:2px solid #e1e4e8;border-radius:6px;cursor:crosshair;background:#fff;touch-action:none}.kanji-candidate-list{display:flex;flex-wrap:wrap;gap:6px;min-height:40px}.kanji-candidate-btn{padding:6px 12px;border:2px solid #e1e4e8;border-radius:6px;background:#fff;font-size:24px;cursor:pointer;transition:background .15s,border-color .15s;line-height:1}.kanji-candidate-btn:hover{background:#0366d6;color:#fff;border-color:#0366d6}.confirm-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.confirm-dialog{background:#fff;border-radius:10px;padding:32px 28px 24px;max-width:400px;width:90%;box-shadow:0 8px 32px #0003;text-align:center}.confirm-dialog-message{font-size:18px;color:#333;margin-bottom:24px;line-height:1.6}.confirm-dialog-buttons{display:flex;gap:12px;justify-content:center}body.font-size-medium header h1{font-size:34px}body.font-size-medium .subject-tab,body.font-size-medium .panel-tab,body.font-size-medium .stats-info{font-size:18px}body.font-size-medium .question-count-label{font-size:21px}body.font-size-medium .count-label{font-size:20px}body.font-size-medium .category-description{font-size:18px}body.font-size-medium #questionNumber{font-size:21px}body.font-size-medium .topic-badge{font-size:16px}body.font-size-medium #resultScreen h2{font-size:30px}body.font-size-medium .result-details h3{font-size:25px}body.font-size-medium .result-question{font-size:21px}body.font-size-medium .result-answer{font-size:18px}body.font-size-medium .history-empty{font-size:19px}body.font-size-medium .history-date{font-size:17px}body.font-size-medium .history-subject,body.font-size-medium .history-score{font-size:18px}body.font-size-medium .history-mode{font-size:16px}body.font-size-medium .history-entry{font-size:17px}body.font-size-medium .history-section-title{font-size:21px}body.font-size-medium .question-list-text{font-size:19px}body.font-size-medium .question-list-correct,body.font-size-medium .question-list-hint{font-size:17px}body.font-size-medium .question-text{font-size:32px}body.font-size-medium .choice-text,body.font-size-medium .feedback-result{font-size:25px}body.font-size-medium .feedback-explanation{font-size:22px}body.font-size-medium .primary-btn,body.font-size-medium .secondary-btn,body.font-size-medium .tertiary-btn{font-size:25px}body.font-size-medium .nav-btn,body.font-size-medium .submit-btn{font-size:22px}body.font-size-medium .selected-unit-info-name{font-size:20px}body.font-size-medium .selected-unit-info-category{font-size:15px}body.font-size-medium .selected-unit-info-desc,body.font-size-medium .selected-unit-info-example{font-size:16px}body.font-size-medium .selected-unit-close-btn{font-size:17px;width:30px;height:30px}body.font-size-medium .category-top-group-header{font-size:16px}body.font-size-medium .category-group-header{font-size:20px}body.font-size-medium .category-top-group .category-group-header{font-size:14px}body.font-size-medium .category-grade-group-header{font-size:16px}body.font-size-medium .category-name{font-size:17px}body.font-size-medium .category-example{font-size:18px}body.font-size-medium .category-item-description{font-size:17px}body.font-size-medium .category-status{font-size:16px}body.font-size-medium .category-stats{font-size:18px}body.font-size-medium .category-grade{font-size:17px}body.font-size-medium .category-progress-pct{font-size:16px}body.font-size-medium .subject-overview-icon{font-size:22px}body.font-size-medium .subject-overview-name{font-size:16px}body.font-size-medium .subject-overview-outer-cat{font-size:15px}body.font-size-medium .subject-overview-pct{font-size:14px}body.font-size-medium .subject-overview-recommended{font-size:17px}body.font-size-medium .subject-overview-grade{font-size:15px}body.font-size-medium .activity-date-display{font-size:16px}body.font-size-medium .share-summary-text{font-size:15px}body.font-size-medium .share-copy-btn,body.font-size-medium .share-url-open-btn{font-size:16px}body.font-size-medium .share-url-display-btn,body.font-size-medium .share-url-input,body.font-size-medium .share-url-save-btn{font-size:15px}body.font-size-medium .history-date{font-size:18px}body.font-size-medium .history-subject{font-size:19px}body.font-size-medium .history-mode{font-size:17px}body.font-size-medium .history-score{font-size:19px}body.font-size-medium .today-activity-empty{font-size:16px}body.font-size-medium .header-today-date{font-size:34px}body.font-size-medium .grade-filter-btn,body.font-size-medium .grade-filter-label,body.font-size-medium .category-list-title,body.font-size-medium .hide-learned-btn,body.font-size-medium .category-view-toggle,body.font-size-medium .all-subject-panel-title{font-size:16px}body.font-size-medium .handwriting-text-input,body.font-size-medium .handwriting-confirm-btn{font-size:22px}body.font-size-medium .subject-overview-cat-header{font-size:14px}body.font-size-large header h1{font-size:40px}body.font-size-large .subject-tab,body.font-size-large .panel-tab{font-size:22px}body.font-size-large .stats-info{font-size:21px}body.font-size-large .question-count-label{font-size:25px}body.font-size-large .count-label{font-size:23px}body.font-size-large .category-description{font-size:21px}body.font-size-large #questionNumber{font-size:24px}body.font-size-large .topic-badge{font-size:19px}body.font-size-large #resultScreen h2{font-size:36px}body.font-size-large .result-details h3{font-size:30px}body.font-size-large .result-question{font-size:24px}body.font-size-large .result-answer{font-size:21px}body.font-size-large .history-empty{font-size:22px}body.font-size-large .history-date{font-size:20px}body.font-size-large .history-subject,body.font-size-large .history-score{font-size:21px}body.font-size-large .history-mode{font-size:19px}body.font-size-large .history-entry{font-size:20px}body.font-size-large .history-section-title{font-size:24px}body.font-size-large .question-list-text{font-size:22px}body.font-size-large .question-list-correct,body.font-size-large .question-list-hint{font-size:20px}body.font-size-large .question-text{font-size:39px}body.font-size-large .choice-text,body.font-size-large .feedback-result{font-size:30px}body.font-size-large .feedback-explanation{font-size:27px}body.font-size-large .primary-btn,body.font-size-large .secondary-btn,body.font-size-large .tertiary-btn{font-size:30px}body.font-size-large .nav-btn,body.font-size-large .submit-btn{font-size:27px}body.font-size-large .selected-unit-info-name{font-size:24px}body.font-size-large .selected-unit-info-category{font-size:18px}body.font-size-large .selected-unit-info-desc,body.font-size-large .selected-unit-info-example{font-size:19px}body.font-size-large .selected-unit-close-btn{font-size:20px;width:34px;height:34px}body.font-size-large .category-top-group-header{font-size:20px}body.font-size-large .category-group-header{font-size:24px}body.font-size-large .category-top-group .category-group-header{font-size:22px}body.font-size-large .category-grade-group-header{font-size:20px}body.font-size-large .category-name{font-size:21px}body.font-size-large .category-example{font-size:22px}body.font-size-large .category-item-description{font-size:21px}body.font-size-large .category-status{font-size:19px}body.font-size-large .category-stats{font-size:22px}body.font-size-large .category-grade{font-size:21px}body.font-size-large .category-progress-pct{font-size:20px}body.font-size-large .subject-overview-icon{font-size:28px}body.font-size-large .subject-overview-name{font-size:19px}body.font-size-large .subject-overview-outer-cat{font-size:18px}body.font-size-large .subject-overview-recommended{font-size:21px}body.font-size-large .subject-overview-grade{font-size:18px}body.font-size-large .subject-overview-pct{font-size:17px}body.font-size-large .activity-date-display,body.font-size-large .share-summary-text{font-size:18px}body.font-size-large .share-copy-btn,body.font-size-large .share-url-open-btn{font-size:19px}body.font-size-large .share-url-display-btn,body.font-size-large .share-url-input,body.font-size-large .share-url-save-btn{font-size:18px}body.font-size-large .history-date{font-size:21px}body.font-size-large .history-subject{font-size:23px}body.font-size-large .history-mode{font-size:20px}body.font-size-large .history-score{font-size:23px}body.font-size-large .today-activity-empty{font-size:19px}body.font-size-large .header-today-date{font-size:40px}body.font-size-large .grade-filter-btn,body.font-size-large .grade-filter-label,body.font-size-large .category-list-title,body.font-size-large .hide-learned-btn,body.font-size-large .category-view-toggle,body.font-size-large .all-subject-panel-title{font-size:19px}body.font-size-large .handwriting-text-input,body.font-size-large .handwriting-confirm-btn{font-size:26px}body.font-size-large .subject-overview-cat-header{font-size:17px}