.base-button[data-v-7638d54d]{cursor:pointer;border-radius:var(--border-radius);border:none;justify-content:center;align-items:center;font-weight:600;transition:all .15s;display:inline-flex}.base-button[data-v-7638d54d]:disabled{opacity:.4;cursor:not-allowed}.base-button.design-filled[data-v-7638d54d]{padding:var(--spacer-base);font-size:var(--text-base)}.base-button.design-filled.intent-default[data-v-7638d54d]{background:var(--primary);color:#fff}.manages-hover-programmatically .base-button.design-filled.intent-default.is-programmatically-hovered[data-v-7638d54d]:not(:disabled),:not(.manages-hover-programmatically):not(.manages-hover-programmatically *)>.base-button.design-filled.intent-default[data-v-7638d54d]:hover:not(:disabled){background:var(--primary-dark)}.base-button.design-filled.intent-warning[data-v-7638d54d]{background:var(--warning);color:#fff}.manages-hover-programmatically .base-button.design-filled.intent-warning.is-programmatically-hovered[data-v-7638d54d]:not(:disabled),:not(.manages-hover-programmatically):not(.manages-hover-programmatically *)>.base-button.design-filled.intent-warning[data-v-7638d54d]:hover:not(:disabled){background:#d97706}.base-button.design-filled.intent-error[data-v-7638d54d]{background:var(--error);color:#fff}.manages-hover-programmatically .base-button.design-filled.intent-error.is-programmatically-hovered[data-v-7638d54d]:not(:disabled),:not(.manages-hover-programmatically):not(.manages-hover-programmatically *)>.base-button.design-filled.intent-error[data-v-7638d54d]:hover:not(:disabled){background:#b91c1c}.base-button.design-filled.intent-success[data-v-7638d54d]{background:var(--correct);color:#fff}.manages-hover-programmatically .base-button.design-filled.intent-success.is-programmatically-hovered[data-v-7638d54d]:not(:disabled),:not(.manages-hover-programmatically):not(.manages-hover-programmatically *)>.base-button.design-filled.intent-success[data-v-7638d54d]:hover:not(:disabled){background:#059669}.base-button.design-outline[data-v-7638d54d]{padding:var(--spacer-sm) var(--spacer-base);font-size:var(--text-sm);background:0 0;border:1px solid #0000}.base-button.design-outline.intent-default[data-v-7638d54d]{border-color:var(--border);color:var(--text-muted)}.manages-hover-programmatically .base-button.design-outline.intent-default.is-programmatically-hovered[data-v-7638d54d]:not(:disabled),:not(.manages-hover-programmatically):not(.manages-hover-programmatically *)>.base-button.design-outline.intent-default[data-v-7638d54d]:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.base-button.design-outline.intent-default.is-active[data-v-7638d54d]{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.base-button.design-outline.intent-warning[data-v-7638d54d]{border-color:var(--warning);color:var(--warning)}.manages-hover-programmatically .base-button.design-outline.intent-warning.is-programmatically-hovered[data-v-7638d54d]:not(:disabled),:not(.manages-hover-programmatically):not(.manages-hover-programmatically *)>.base-button.design-outline.intent-warning[data-v-7638d54d]:hover:not(:disabled){background:var(--warning-light)}.base-button.design-outline.intent-error[data-v-7638d54d]{border-color:var(--error);color:var(--error)}.manages-hover-programmatically .base-button.design-outline.intent-error.is-programmatically-hovered[data-v-7638d54d]:not(:disabled),:not(.manages-hover-programmatically):not(.manages-hover-programmatically *)>.base-button.design-outline.intent-error[data-v-7638d54d]:hover:not(:disabled){background:#fef2f2}.base-button.design-plain[data-v-7638d54d]{font-size:var(--text-sm);background:0 0;font-weight:400}.base-button.design-plain.intent-default[data-v-7638d54d]{color:var(--text-muted)}.manages-hover-programmatically .base-button.design-plain.intent-default.is-programmatically-hovered[data-v-7638d54d]:not(:disabled),:not(.manages-hover-programmatically):not(.manages-hover-programmatically *)>.base-button.design-plain.intent-default[data-v-7638d54d]:hover:not(:disabled){color:var(--text)}.base-button.design-plain.intent-warning[data-v-7638d54d]{color:var(--warning)}.manages-hover-programmatically .base-button.design-plain.intent-warning.is-programmatically-hovered[data-v-7638d54d]:not(:disabled),:not(.manages-hover-programmatically):not(.manages-hover-programmatically *)>.base-button.design-plain.intent-warning[data-v-7638d54d]:hover:not(:disabled){opacity:.8}.base-button.design-link[data-v-7638d54d]{padding:unset;font-size:var(--text-sm);text-underline-offset:2px;background:0 0;border:none;font-weight:400;text-decoration:underline}.base-button.design-link.intent-default[data-v-7638d54d]{color:var(--primary)}.manages-hover-programmatically .base-button.design-link.intent-default.is-programmatically-hovered[data-v-7638d54d]:not(:disabled),:not(.manages-hover-programmatically):not(.manages-hover-programmatically *)>.base-button.design-link.intent-default[data-v-7638d54d]:hover:not(:disabled){color:var(--primary-dark)}[data-icon],[data-icon-before],[data-icon-after]{align-items:center;gap:var(--spacer-xs);display:inline-flex}[data-icon]:before,[data-icon]:after,[data-icon-before]:before,[data-icon-before]:after,[data-icon-after]:before,[data-icon-after]:after{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-family:Material Symbols Outlined;font-size:1.25em;line-height:1}[data-icon][data-icon]:after,[data-icon-before][data-icon]:after,[data-icon-after][data-icon]:after{content:attr(data-icon)}[data-icon][data-icon-after]:after,[data-icon-before][data-icon-after]:after,[data-icon-after][data-icon-after]:after{content:attr(data-icon-after)}[data-icon][data-icon-before]:before,[data-icon-before][data-icon-before]:before,[data-icon-after][data-icon-before]:before{content:attr(data-icon-before)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#5a67d8;--primary-light:#eef2ff;--primary-dark:#3730a3;--correct:#10b981;--error:#ef4444;--warning:#f59e0b;--warning-light:#fff9e6;--text:#1c1b1f;--text-muted:#49454f;--border:#e5e7eb;--bg:#fff;--bg-subtle:#f3f4f6;--border-radius:.75rem;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--text-2xs:.6rem;--text-xs:.7rem;--text-sm:.85rem;--text-base:.95rem;--text-lg:1.15rem;--text-xl:1.5rem;--text-2xl:1.8rem;--text-spacing-base:.05em;--spacer-2xs:.125rem;--spacer-xs:.25rem;--spacer-sm:.5rem;--spacer-base:.75rem;--spacer-lg:1rem;--spacer-xl:1.5rem;--spacer-2xl:2rem;--progress-height:8px}@media (width>=480px){:root{--text-2xs:.66rem;--text-xs:.77rem;--text-sm:.88rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.85rem;--text-2xl:2.3rem;--spacer-2xs:.125rem;--spacer-xs:.25rem;--spacer-sm:.5rem;--spacer-base:1rem;--spacer-lg:1.5rem;--spacer-xl:2rem;--spacer-2xl:3rem}}body{color:var(--text);background:var(--bg-subtle);min-height:100vh;font-family:BIZ UDPGothic,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--text);margin-bottom:var(--spacer-base);border-left-style:solid;border-left-color:var(--primary);padding-left:var(--spacer-sm);line-height:1.2;transition:border-color .3s}h1.accent-off,h2.accent-off,h3.accent-off,h4.accent-off,h5.accent-off,h6.accent-off{border-color:var(--border)}h1{font-size:var(--text-2xl);border-left-width:4px;font-weight:700}h2{font-size:var(--text-xl);border-left-width:4px;font-weight:700}h3{font-size:var(--text-lg);border-left-width:2px;font-weight:700}p{margin-bottom:var(--spacer-base)}.use-japanese-font{font-family:LXGW WenKai TC;font-weight:700}.text-muted{color:var(--text-muted)!important}.text-primary{color:var(--primary)!important}main{padding:var(--spacer-base)}.header-bar{padding:var(--spacer-base);background:var(--bg);border-bottom:1px solid var(--border);justify-content:center;display:flex}.header-content{flex-grow:1;justify-content:space-between;align-items:center;max-width:680px;display:flex}.logo{font-size:var(--text-2xl);color:var(--primary);font-weight:700}.lang-switcher{gap:var(--spacer-xs);display:flex}.home[data-v-621eb355]{gap:var(--spacer-xl);flex-direction:column;max-width:680px;margin:0 auto;display:flex}.alert[data-v-621eb355]{justify-content:space-between;align-items:center;gap:var(--spacer-base);font-size:var(--text-sm);color:var(--warning);padding:var(--spacer-sm);border-radius:var(--border-radius);border:2px solid var(--warning);background:var(--warning-light);font-weight:700;display:flex}.section-header[data-v-621eb355]{margin-bottom:var(--spacer-xs);justify-content:space-between;align-items:center;display:flex}.section-header~.section-header[data-v-621eb355]{margin-top:var(--spacer-base)}.section-title[data-v-621eb355]{font-size:var(--text-lg);text-transform:uppercase;color:var(--text-muted);margin-bottom:0;font-weight:600}.section-title[data-v-621eb355]:is(h3){text-transform:unset;font-size:var(--text-base)}.sr-only[data-v-621eb355]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.counter-grid[data-v-621eb355]{gap:var(--spacer-xs);grid-template-columns:repeat(4,1fr);display:grid}.counter-card[data-v-621eb355]{justify-content:center;align-items:center;gap:var(--spacer-xs);padding:var(--spacer-sm) var(--spacer-xs);border:2px solid var(--border);border-radius:var(--border-radius);background:var(--bg);cursor:pointer;flex-direction:column;transition:background .15s,border-color .15s;display:flex;position:relative}.counter-card[data-v-621eb355]:hover,.counter-card.selected[data-v-621eb355]{border-color:var(--primary);background:var(--primary-light)}.counter-writing[data-v-621eb355]{font-family:LXGW WenKai TC,cursive;font-size:var(--text-2xl);color:var(--primary);ruby-align:center}.counter-writing rt[data-v-621eb355]{font-size:var(--text-base);color:var(--primary);opacity:.8}.counter-role[data-v-621eb355]{font-size:var(--text-sm);color:var(--text-muted);text-align:center}.check-badge[data-v-621eb355]{top:var(--spacer-xs);right:var(--spacer-xs);background:var(--primary);color:#fff;width:1.1rem;height:1.1rem;padding:var(--spacer-xs);font-size:var(--text-xs);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.mode-list[data-v-621eb355],.active-modes[data-v-621eb355]{gap:var(--spacer-xs);flex-direction:column;display:flex}.mode-row[data-v-621eb355]{align-items:center;gap:var(--spacer-sm);padding:var(--spacer-base);border:2px solid var(--border);border-radius:var(--border-radius);background:var(--bg);transition:background .15s,border-color .15s;display:flex}.mode-row[data-v-621eb355]:hover,.mode-row--active[data-v-621eb355]{background:var(--primary-light);border-color:var(--primary);cursor:pointer}.mode-row:hover .mode-label[data-v-621eb355],.mode-row--active .mode-label[data-v-621eb355]{color:var(--primary)}.drag-handle[data-v-621eb355]{color:var(--primary);opacity:.45;cursor:grab;padding:var(--spacer-xs) var(--spacer-sm);border-radius:var(--border-radius);flex-shrink:0;align-items:center;transition:opacity .15s,background .15s;display:flex}.drag-handle[data-v-621eb355]:hover{opacity:1;background:#5a67d81a}.drag-handle[data-v-621eb355]:active{cursor:grabbing}.mode-order[data-v-621eb355]{background:var(--primary);color:#fff;width:1.4rem;height:1.4rem;font-size:var(--text-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.mode-info[data-v-621eb355]{gap:var(--spacer-2xs);flex-direction:column;flex:1;display:flex}.mode-label[data-v-621eb355]{font-weight:600;font-size:var(--text-base);color:var(--text)}.mode-desc[data-v-621eb355]{font-size:var(--text-sm);color:var(--text-muted)}.number-selection-bar[data-v-621eb355]{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;display:flex}.number-selection-bar span[data-v-621eb355]{flex:1;display:flex;position:relative}.number-selection-bar span[data-v-621eb355]:not(:last-child){margin-right:-1px}.number-selection-bar span[data-v-621eb355]:not(:first-child) .base-button{border-left-color:#0000}.number-selection-bar span[data-v-621eb355] .base-button{padding:var(--spacer-sm) 0;font-size:var(--text-base);cursor:col-resize;border-radius:0;flex:1;font-family:LXGW WenKai TC,sans-serif;transition:border-color;position:relative}.number-selection-bar span[data-v-621eb355]:first-child .base-button{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.number-selection-bar span[data-v-621eb355]:last-child .base-button{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.start-row[data-v-621eb355]{display:flex}.start-row[data-v-621eb355]>*{width:100%}.start-button-text[data-v-621eb355]{font-family:LXGW WenKai TC,cursive;font-weight:700;font-size:var(--text-2xl)}@media (width<=480px){.counter-grid[data-v-621eb355]{grid-template-columns:repeat(2,1fr)}}.audio-button[data-v-47e49914]{font-size:var(--text-lg)!important}.sentence-display[data-v-b02baa1c]{padding:var(--spacer-2xl);border-radius:var(--border-radius);border:1px solid var(--border);background:var(--bg);text-align:center;position:relative}.audio-button[data-v-b02baa1c]{top:var(--spacer-base);right:var(--spacer-lg);position:absolute}.sentence[data-v-b02baa1c]{font-family:LXGW WenKai TC,sans-serif;font-weight:700;font-size:var(--text-2xl);color:var(--text);line-height:1.5}.highlight[data-v-b02baa1c]{color:var(--primary);border-bottom:3px solid var(--primary);margin:0 .05em;padding-bottom:.05em;font-weight:700;display:inline-block}.selection-blocker[data-v-b02baa1c]:before{content:attr(data-text)}.hint-panel[data-v-1db36696]{align-items:center;gap:var(--spacer-sm);flex-direction:column;display:flex}.hint-body[data-v-1db36696]{background:var(--warning-light);border:1px solid var(--warning);border-radius:var(--border-radius);padding:var(--spacer-base);width:100%;max-width:28rem}.hint-text[data-v-1db36696]{font-size:var(--text-sm);color:var(--warning);text-align:center}.answer-input[data-v-5e7c7d55]{width:100%;padding:var(--spacer-xs) var(--spacer-sm);border:1px solid var(--border);border-radius:var(--border-radius);font-size:var(--text-base);outline:none;transition:border-color .15s}.answer-input[data-v-5e7c7d55]:focus{border-color:var(--primary)}.answer-input.error[data-v-5e7c7d55]{border-color:var(--error)}.free-input-mode[data-v-12bc6fd2]{align-items:center;gap:var(--spacer-lg);flex-direction:column;width:100%;display:flex}.question-label[data-v-12bc6fd2]{font-size:var(--text-sm);color:var(--text-muted)}.selection-blocker[data-v-12bc6fd2]:before{content:attr(data-text)}.input-area[data-v-12bc6fd2]{gap:var(--spacer-sm);width:100%;max-width:28rem;display:flex}.error-message[data-v-12bc6fd2]{padding:var(--spacer-xs);color:var(--error);font-weight:700}.reading-quiz-mode[data-v-4edf0600]{align-items:center;gap:var(--spacer-lg);flex-direction:column;width:100%;display:flex}.question-label[data-v-4edf0600]{font-size:var(--text-sm);color:var(--text-muted)}.selection-blocker[data-v-4edf0600]:before{content:attr(data-text)}.options-grid[data-v-4edf0600]{gap:var(--spacer-sm);grid-template-columns:1fr 1fr;width:100%;max-width:28rem;display:grid}.option-btn[data-v-4edf0600]{padding:var(--spacer-base);border:2px solid var(--border);border-radius:var(--border-radius);background:var(--bg);font-size:var(--text-lg);text-align:center;cursor:pointer;font-family:inherit;transition:all}.option-btn[data-v-4edf0600]:hover:not(:disabled){border-color:var(--primary);background:var(--primary-light)}.option-btn.option-btn--correct[data-v-4edf0600]{border-color:var(--correct);color:#166534;background:#f0fdf4;transition:all .15s}.option-btn.option-btn--wrong[data-v-4edf0600]{border-color:var(--error);color:#991b1b;background:#fef2f2;transition:all .15s}.option-btn[data-v-4edf0600]:disabled{cursor:default}.counter-choice-mode[data-v-b48cc8df]{align-items:center;gap:var(--spacer-lg);flex-direction:column;width:100%;display:flex}.question-label[data-v-b48cc8df]{font-size:var(--text-sm);color:var(--text-muted)}.options-grid[data-v-b48cc8df]{gap:var(--spacer-sm);grid-template-columns:1fr 1fr;width:100%;max-width:28rem;display:grid}.counter-btn[data-v-b48cc8df]{align-items:center;gap:var(--spacer-xs);padding:var(--spacer-lg);border:2px solid var(--border);border-radius:var(--border-radius);background:var(--bg);flex-direction:column;transition:all;display:flex}.counter-btn[data-v-b48cc8df]:hover{border-color:var(--primary);background:var(--primary-light)}.counter-btn.counter-btn--correct[data-v-b48cc8df]{border-color:var(--correct);background:#f0fdf4;transition:all .15s}.counter-btn.counter-btn--wrong[data-v-b48cc8df]{border-color:var(--error);background:#fef2f2;transition:all .15s}.counter-writing[data-v-b48cc8df]{font-size:var(--text-xl);color:var(--primary);line-height:1}.counter-btn--correct .counter-writing[data-v-b48cc8df]{color:var(--correct)}.counter-btn--wrong .counter-writing[data-v-b48cc8df]{color:var(--error)}.burst-mode[data-v-18cd40c0]{align-items:center;gap:var(--spacer-base);width:100%;padding-top:var(--spacer-sm);flex-direction:column;display:flex}.timer-bar-wrapper[data-v-18cd40c0]{width:100%;height:var(--progress-height);background:var(--border);border-radius:var(--border-radius);overflow:hidden}.timer-bar-fill[data-v-18cd40c0]{background:var(--primary);border-radius:var(--border-radius);height:100%;transition:width 1s linear,background .3s}.timer-bar-fill--low[data-v-18cd40c0]{background:var(--error)}.score-row[data-v-18cd40c0]{width:100%;max-width:28rem;font-size:var(--text-sm);justify-content:space-between;align-items:center;font-weight:600;display:flex}.score-correct[data-v-18cd40c0]{color:var(--correct)}.score-error[data-v-18cd40c0]{color:var(--error)}.timer-label[data-v-18cd40c0]{color:var(--text-muted);font-variant-numeric:tabular-nums}.combo-stack[data-v-18cd40c0]{align-items:center;gap:var(--spacer-2xl);padding:var(--spacer-lg) var(--spacer-sm);flex-direction:column;font-family:LXGW WenKai TC,cursive;display:flex}.combo-next[data-v-18cd40c0]{font-size:var(--text-lg);color:var(--text-muted);opacity:.55;letter-spacing:.05em}.combo-current[data-v-18cd40c0]{font-size:var(--text-2xl);color:var(--primary);letter-spacing:.02em;border-bottom:solid 3px var(--primary);padding-bottom:var(--spacer-sm);font-weight:700;line-height:1}.input-area[data-v-18cd40c0]{width:100%;max-width:28rem}.skip-hint[data-v-18cd40c0]{font-size:var(--text-xs);color:var(--text-muted)}.score[data-v-18cd40c0]{margin-top:var(--spacer-base)}.progress-bar[data-v-7a60f9f8]{height:var(--progress-height);background:var(--border);border-radius:var(--border-radius);overflow:hidden}.progress-fill[data-v-7a60f9f8]{background:var(--primary);border-radius:var(--border-radius);height:100%;transition:width .3s}.quiz-view[data-v-5bdaaa0f]{max-width:680px;padding:var(--spacer-2xl);gap:var(--spacer-lg);flex-direction:column;min-height:100%;margin:0 auto;display:flex}.quiz-header[data-v-5bdaaa0f]{align-items:center;gap:var(--spacer-base);display:flex}.progress-area[data-v-5bdaaa0f]{align-items:center;gap:var(--spacer-sm);flex:1;display:flex}.progress-label[data-v-5bdaaa0f]{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.progress-label[data-v-5bdaaa0f]+*{flex-grow:1}.mode-stepper[data-v-5bdaaa0f]{margin-bottom:var(--spacer-lg);justify-content:center;align-items:center;gap:0;display:flex}.step[data-v-5bdaaa0f]{align-items:center;gap:var(--spacer-xs);padding:unset;cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-direction:column;transition:color .15s;display:flex}.step[data-v-5bdaaa0f]:hover{color:var(--primary)}.step-circle[data-v-5bdaaa0f]{width:var(--spacer-lg);height:var(--spacer-lg);font-size:var(--text-2xs);border:2px solid;border-radius:50%;justify-content:center;align-items:center;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:flex}.step--active[data-v-5bdaaa0f]{color:var(--primary)}.step--active .step-circle[data-v-5bdaaa0f]{background:var(--primary);border-color:var(--primary);color:#fff}.step--done[data-v-5bdaaa0f]{color:var(--primary)}.step--done .step-circle[data-v-5bdaaa0f]{background:var(--primary);border-color:var(--primary);color:#fff}.step-label[data-v-5bdaaa0f]{font-size:var(--text-2xs);white-space:nowrap}.step-connector[data-v-5bdaaa0f]{background:var(--border);height:2px;margin-bottom:var(--spacer-base);min-width:var(--spacer-base);flex:1;transition:background .15s}.step-connector--done[data-v-5bdaaa0f]{background:var(--primary)}.mode-container[data-v-5bdaaa0f]{flex-direction:column;flex:1;align-items:center;display:flex}@media (width<=480px){.quiz-view[data-v-5bdaaa0f]{gap:var(--spacer-sm)}.mode-stepper[data-v-5bdaaa0f]{margin-bottom:var(--spacer-sm)}.step-label[data-v-5bdaaa0f]{font-size:var(--text-2xs)}}