:root{--bg:#f4f7ff;--bg-soft:#edf3ff;--panel:#fff;--panel-soft:#f8faff;--text:#17233d;--text-strong:#0e1830;--muted:#687894;--muted-strong:#4f607c;--border:#dfe7f4;--border-strong:#cad7ea;--primary:#3568ef;--primary-hover:#2859d7;--primary-soft:#e9efff;--primary-pale:#f2f6ff;--japanese:#7559df;--japanese-soft:#efeaff;--english:#078f99;--english-soft:#e4f7f7;--green:#178963;--green-soft:#e8f7f1;--amber:#b66a08;--amber-soft:#fff3dc;--coral:#d75d4a;--coral-soft:#ffebe7;--danger:#c63f48;--danger-soft:#ffecef;--shadow-sm:0 1px 2px #192e560a, 0 8px 24px #203a6e0d;--shadow-md:0 18px 48px #1f36681f;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--sidebar-width:244px;--font-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}.ai-page{--ai-accent:#7757d8}.ai-overview-grid{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:18px;display:grid}.ai-generator-card{padding:0;overflow:hidden}.ai-tab-list{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--primary-soft) 34%, var(--panel));grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;display:grid}.ai-tab-list button{min-height:48px;color:var(--muted);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;font-weight:700;display:flex}.ai-tab-list button:hover{background:var(--panel);color:var(--text)}.ai-tab-list button.active{background:var(--panel);color:var(--ai-accent);box-shadow:0 3px 12px #24315617}.ai-generator-form{gap:22px;padding:26px;display:grid}.ai-generator-form h2{margin:4px 0 6px}.ai-generator-form p{color:var(--muted);margin:0}.ai-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.ai-form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-form-grid label{min-width:0;color:var(--muted);gap:7px;font-size:12px;font-weight:700;display:grid}.ai-form-grid label.wide{grid-column:span 2}.ai-form-grid input,.ai-form-grid select,.ai-secret-editor input,.ai-secret-editor select,.ai-history-filters select,.ai-collection-save input{border:1px solid var(--border);background:var(--panel);width:100%;min-height:42px;color:var(--text);border-radius:10px;padding:0 12px}.ai-generate-actions{border-top:1px solid var(--border);background:color-mix(in srgb, var(--primary-soft) 20%, var(--panel));justify-content:space-between;align-items:center;gap:16px;padding:18px 26px;display:flex}.ai-generate-actions>div{gap:3px;display:grid}.ai-generate-actions span{color:var(--muted);font-size:11px}.ai-usage-column{gap:14px;display:grid}.ai-usage-card,.ai-privacy-card{padding:20px}.ai-usage-card h2{margin:5px 0 16px;font-size:18px}.ai-usage-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ai-usage-grid>div{background:var(--primary-soft);border-radius:10px;gap:2px;padding:10px;display:grid}.ai-usage-grid span{color:var(--muted);font-size:10px}.ai-usage-grid strong{font-size:20px}.ai-usage-card>p,.ai-privacy-card p{color:var(--muted);font-size:11px;line-height:1.65}.ai-privacy-card>svg{color:var(--ai-accent)}.ai-privacy-card h3{margin:10px 0 0}.ai-privacy-card a{color:var(--primary);font-size:12px;font-weight:700}.ai-generation-progress{border-color:color-mix(in srgb, var(--ai-accent) 40%, var(--border));align-items:center;gap:14px;padding:18px 22px;display:flex}.ai-generation-progress>div{flex:1}.ai-generation-progress p{color:var(--muted);margin:2px 0 0}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-result-section{gap:16px;display:grid}.ai-result-section .section-title-row p{color:var(--muted);margin:4px 0 0}.ai-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.ai-preview-card{gap:8px;padding:18px;display:grid;position:relative}.ai-preview-card h3,.ai-preview-card p{margin:0}.ai-preview-card p{line-height:1.6}.ai-preview-card small{color:var(--muted)}.ai-card-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;margin-top:8px;padding-top:8px;display:flex}.ai-rejection-details{border:1px solid color-mix(in srgb, #d98a23 45%, var(--border));background:color-mix(in srgb, #fff0d6 65%, var(--panel));border-radius:12px;padding:13px 16px}.ai-rejection-details summary{cursor:pointer;align-items:center;gap:7px;font-weight:700;display:flex}.ai-rejection-details li{margin:7px 0}.ai-quiz-preview{gap:12px;display:grid}.ai-collection-save{border:1px solid var(--border);background:var(--panel);border-radius:12px;justify-content:space-between;align-items:end;gap:12px;padding:15px;display:flex}.ai-collection-save label{color:var(--muted);flex:1;gap:5px;font-size:11px;display:grid}.ai-question-preview{grid-template-columns:34px 1fr;gap:12px;padding:17px;display:grid}.ai-question-preview>span{background:var(--primary-soft);width:30px;height:30px;color:var(--primary);border-radius:50%;place-items:center;font-weight:800;display:grid}.ai-question-preview ol{grid-template-columns:1fr 1fr;gap:5px 22px;padding-left:21px;display:grid}.ai-question-preview p{color:var(--muted);margin:8px 0 0}.ai-result-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;font-size:11px;display:flex}.ai-result-meta svg{color:#2a9b68}.ai-history-section{gap:16px;padding:22px;display:grid}.ai-history-filters{gap:12px;display:flex}.ai-history-filters label{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.ai-history-filters select{width:auto;min-width:130px}.ai-history-list{display:grid}.ai-history-row{border-top:1px solid var(--border);grid-template-columns:11px minmax(0,1fr) auto;align-items:start;gap:12px;padding:15px 4px;display:grid}.ai-history-row p{margin:4px 0}.ai-history-row small{color:var(--muted)}.ai-status-dot{background:#9aa3b7;border-radius:50%;width:9px;height:9px;margin-top:5px}.ai-status-dot.succeeded{background:#2aa06b}.ai-status-dot.partial{background:#df9b2e}.ai-status-dot.failed{background:#d65656}.ai-history-actions{justify-items:end;gap:6px;display:grid}.ai-settings-panel{scroll-margin-top:20px}.ai-settings-grid{grid-template-columns:1.05fr .95fr;gap:18px;padding-top:16px;display:grid}.ai-setting-block{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 92%, var(--primary-soft));border-radius:14px;align-content:start;gap:15px;padding:18px;display:grid}.ai-setting-block h3{margin:0}.ai-setting-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.ai-setting-title p{color:var(--muted);margin:3px 0 0;font-size:11px}.ai-connection-badge{border-radius:99px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:800;display:flex}.ai-connection-badge.online{color:#24774f;background:#e4f8ed}.ai-connection-badge.offline{color:#a73d3d;background:#fee9e7}.ai-secret-editor{gap:9px;padding-top:6px;display:grid}.ai-secret-heading,.ai-secret-actions,.ai-connection-test{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ai-secret-heading{justify-content:space-between}.ai-secret-heading span{font-size:10px}.status-ok{color:#23815a}.status-muted{color:var(--muted)}.ai-secret-input{grid-template-columns:auto 1fr auto;align-items:center;gap:7px;display:grid}.ai-secret-actions label{color:var(--muted);flex:1;align-items:center;gap:7px;font-size:11px;display:flex}.ai-secret-actions select{min-width:170px}.field-help{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.ai-connection-test>span{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.ai-connection-test .error-text{color:#b34242}.ai-toggle-list{display:grid}.ai-toggle-list>div{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.ai-toggle-list>div>span{gap:2px;display:grid}.ai-toggle-list small{color:var(--muted)}.ai-data-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;padding-top:16px;display:flex}.ai-data-actions>span{color:var(--muted);margin-right:auto;font-size:11px}.ai-explanation-panel{border:1px solid color-mix(in srgb, var(--ai-accent,#7757d8) 28%, var(--border));background:color-mix(in srgb, var(--primary-soft) 34%, var(--panel));border-radius:12px;gap:11px;margin-top:12px;padding:13px;display:grid}.ai-explanation-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.ai-explanation-heading>span,.ai-busy-line{align-items:center;gap:7px;display:flex}.ai-explanation-heading .segmented-control button{min-height:28px;padding:3px 8px;font-size:10px}.ai-busy-line{color:var(--muted)}.ai-explanation-content{gap:8px;display:grid}.ai-explanation-content p{margin:0;line-height:1.65}.inline-alert.error{border-color:color-mix(in srgb, #d65656 45%, var(--border))}@media (max-width:980px){.ai-overview-grid,.ai-settings-grid{grid-template-columns:1fr}.ai-usage-column{grid-template-columns:1fr 1fr}.ai-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.ai-tab-list{grid-template-columns:repeat(2,1fr)}.ai-form-grid,.ai-form-grid.compact,.ai-preview-grid,.ai-usage-column{grid-template-columns:1fr}.ai-form-grid label.wide{grid-column:auto}.ai-generate-actions,.ai-collection-save,.ai-explanation-heading{flex-direction:column;align-items:stretch}.ai-history-row{grid-template-columns:10px 1fr}.ai-history-actions{grid-column:2;justify-items:start}.ai-question-preview ol{grid-template-columns:1fr}}:root[data-theme=dark]{--bg:#0d1424;--bg-soft:#121c31;--panel:#151f34;--panel-soft:#192640;--text:#e9effc;--text-strong:#f7f9ff;--muted:#a0aec5;--muted-strong:#c0cada;--border:#2a3851;--border-strong:#3a4a66;--primary:#7298ff;--primary-hover:#8aabff;--primary-soft:#22345f;--primary-pale:#192a4d;--japanese:#aa91ff;--japanese-soft:#32295a;--english:#45c6ca;--english-soft:#173f46;--green:#5bd0a2;--green-soft:#183e35;--amber:#f1ae4e;--amber-soft:#4b381e;--coral:#ff8f7b;--coral-soft:#4c2d2e;--danger:#ff7e88;--danger-soft:#4d2731;--shadow-sm:0 1px 2px #0003, 0 12px 26px #0000001f;--shadow-md:0 20px 56px #0000004d}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-width:320px}body{background:radial-gradient(circle at 74% -18%, color-mix(in srgb, var(--primary) 8%, transparent) 0, transparent 34rem), var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6}button,input,select,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{color:var(--text-strong)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 42%, transparent);outline-offset:3px}::selection{background:color-mix(in srgb, var(--primary) 25%, transparent)}:root[data-animations=off] *,:root[data-animations=off] :before,:root[data-animations=off] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{z-index:30;border-right:1px solid var(--border);background:color-mix(in srgb, var(--panel) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;height:100vh;padding:26px 18px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:0;padding:0 8px;display:inline-flex}.brand-mark{color:#fff;letter-spacing:-.04em;background:linear-gradient(145deg,#4778f6,#654fd8);border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:20px;font-weight:800;display:grid;box-shadow:0 8px 22px #3b63dd47}.brand>span:last-child{flex-direction:column;min-width:0;line-height:1.22;display:flex}.brand strong{letter-spacing:-.02em;font-size:16px}.brand small{color:var(--muted);letter-spacing:.12em;font-size:11px}.sidebar-nav{flex-direction:column;flex:1;gap:4px;margin-top:38px;display:flex}.nav-group{flex-direction:column;gap:3px;display:flex}.nav-group+.nav-group{margin-top:12px}.nav-group-label{color:var(--muted);letter-spacing:.14em;padding:0 14px 4px;font-size:9px;font-weight:800}.nav-item{min-height:46px;color:var(--muted-strong);border-radius:12px;align-items:center;gap:12px;padding:0 14px;font-weight:560;transition:background .16s,color .16s,transform .16s;display:flex;position:relative}.nav-item:hover{background:var(--panel-soft);color:var(--text-strong)}.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.nav-item.active:before{background:var(--primary);content:"";border-radius:0 8px 8px 0;width:4px;height:24px;position:absolute;left:-18px}.sidebar-footer{padding:16px 6px 0}.sidebar-footer>p{color:var(--muted);margin:12px 3px 0;font-size:11px;line-height:1.5}.level-pill{border:1px solid var(--border);background:var(--panel-soft);border-radius:13px;padding:12px 13px}.level-pill span,.level-pill strong{display:block}.level-pill span{color:var(--muted);font-size:11px}.level-pill strong{margin-top:2px;font-size:12px}.content-column{min-width:0}.page-content{width:min(100%,1320px);margin:0 auto;padding:40px clamp(28px,4vw,58px) 72px}.mobile-header,.mobile-nav,.mobile-sheet-backdrop{display:none}.focus-shell{background:radial-gradient(circle at 50% -20%, color-mix(in srgb, var(--primary) 15%, transparent), transparent 36rem), var(--bg);min-height:100vh;padding:24px}.focus-content{width:min(100%,880px);margin:46px auto 0}.focus-exit{z-index:20;border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 88%, transparent);min-height:38px;color:var(--muted-strong);box-shadow:var(--shadow-sm);border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex;position:fixed;top:20px;right:22px}kbd{border:1px solid var(--border-strong);background:var(--panel);min-width:24px;height:22px;color:var(--muted-strong);border-bottom-width:2px;border-radius:5px;place-items:center;padding:0 5px;font-family:inherit;font-size:11px;line-height:1;display:inline-grid}.page-stack{flex-direction:column;gap:28px;display:flex}.page-header{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.page-header>div:first-child{max-width:720px}.page-header h1{letter-spacing:-.045em;margin-bottom:8px;font-size:clamp(28px,3.2vw,38px);line-height:1.22}.page-header p:not(.eyebrow){color:var(--muted);margin-bottom:0;font-size:15px}.eyebrow,.section-kicker{color:var(--primary);letter-spacing:.16em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:800}.page-actions{flex:none}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-sm)}.button{border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 17px;font-size:14px;font-weight:700;line-height:1;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{background:var(--primary);box-shadow:0 9px 20px color-mix(in srgb, var(--primary) 24%, transparent);color:#fff}:root[data-theme=dark] .button-primary{color:#0b1730}.button-primary:hover:not(:disabled){background:var(--primary-hover)}.button-secondary{border-color:var(--border-strong);background:var(--panel);color:var(--text)}.button-secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.button-ghost{color:var(--muted-strong);background:0 0}.button-danger{background:var(--danger);color:#fff}.button:disabled{opacity:.48;box-shadow:none}.button-large{border-radius:13px;min-height:50px;padding-inline:22px}.icon-button{border:1px solid var(--border);background:var(--panel);width:38px;height:38px;color:var(--muted-strong);border-radius:10px;place-items:center;display:inline-grid}.icon-button:disabled{opacity:.35}.text-button{color:var(--muted-strong);background:0 0;border:0;font-weight:650}.segmented-control{border:1px solid var(--border);background:var(--panel-soft);border-radius:12px;gap:3px;padding:4px;display:inline-flex}.segmented-control button{min-height:34px;color:var(--muted-strong);background:0 0;border:0;border-radius:8px;padding:0 13px;font-size:13px;font-weight:650}.segmented-control button.active{background:var(--panel);color:var(--primary);box-shadow:0 2px 8px #1e376414}.progress-block{width:100%}.progress-label{color:var(--muted-strong);justify-content:space-between;gap:16px;margin-bottom:8px;font-size:12px;display:flex}.progress-label strong{font-size:12px}.progress-track,.session-progress{background:var(--bg-soft);border-radius:999px;height:7px;overflow:hidden}.progress-track span,.session-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), #7157df);height:100%;transition:width .26s;display:block}.loading-state{min-height:60vh;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.inline-alert{border:1px solid color-mix(in srgb, var(--amber) 28%, var(--border));background:var(--amber-soft);color:var(--amber);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;display:flex}.empty-state{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--panel) 72%, transparent);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px 24px;display:flex}.empty-icon{background:var(--primary-soft);width:52px;height:52px;color:var(--primary);border-radius:16px;place-items:center;margin-bottom:16px;display:grid}.empty-state h2{margin-bottom:6px;font-size:19px}.empty-state p{max-width:460px;color:var(--muted);margin-bottom:18px}.section-title-row,.card-heading-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-title-row h2,.card-heading-row h2{letter-spacing:-.025em;margin-bottom:0;font-size:20px}.section-title-row p{color:var(--muted);margin-bottom:0;font-size:13px}.count-label,.date-chip{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.tag-row>span{background:var(--bg-soft);color:var(--muted-strong);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:650}.language-label{border-radius:7px;place-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:inline-grid}.language-label.jp,.language-chip.jp{background:var(--japanese-soft);color:var(--japanese)}.language-label.en,.language-chip.en{background:var(--english-soft);color:var(--english)}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metric-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);min-width:0;box-shadow:var(--shadow-sm);align-items:center;gap:13px;padding:17px;display:flex}.metric-icon,.study-entry-icon,.task-icon,.favorite-type-icon{border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.tone-blue{background:var(--primary-soft);color:var(--primary)}.tone-purple{background:var(--japanese-soft);color:var(--japanese)}.tone-amber{background:var(--amber-soft);color:var(--amber)}.tone-coral{background:var(--coral-soft);color:var(--coral)}.tone-green{background:var(--green-soft);color:var(--green)}.tone-cyan{background:var(--english-soft);color:var(--english)}.metric-card p{color:var(--muted);margin-bottom:1px;font-size:12px}.metric-card strong{font-size:23px;line-height:1}.metric-card strong small,.stat-card strong small,.mini-stat-card strong small{color:var(--muted);margin-left:3px;font-size:12px;font-weight:600}.today-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:18px;display:grid}.single-column{grid-template-columns:minmax(0,1fr)}.next-action-block{justify-content:space-between;align-items:center;gap:18px;padding-top:4px;display:flex}.next-action-block p{color:var(--muted);margin:0;font-size:12px}.next-action-block .button{min-width:min(100%,280px)}.today-card{padding:28px}.today-card .card-heading-row{align-items:flex-start}.today-card h2,.next-up-card h2{margin-bottom:4px;font-size:22px}.today-card .card-heading-row p,.next-up-card>p{color:var(--muted);margin-bottom:0;font-size:13px}.round-badge{border:5px solid var(--primary-soft);border-top-color:var(--primary);width:52px;height:52px;color:var(--primary);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.today-card .progress-block{margin:22px 0 18px}.task-list{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.task-row{border:1px solid #0000;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.task-row.primary-task{border-color:color-mix(in srgb, var(--primary) 18%, var(--border));background:var(--primary-pale)}.task-icon.japanese{background:var(--japanese-soft);color:var(--japanese)}.task-icon.review{background:var(--primary-soft);color:var(--primary)}.task-icon.grammar{background:var(--english-soft);color:var(--english)}.task-icon.mistake{background:var(--amber-soft);color:var(--amber)}.task-row strong,.task-row small{display:block}.task-row strong{font-size:14px}.task-row small{color:var(--muted);font-size:11px}.task-row>span:last-child{color:var(--muted-strong);font-size:12px;font-weight:700}.today-card>.button{width:100%}.next-up-card{background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--japanese) 18%, transparent), transparent 16rem), var(--panel);padding:28px;overflow:hidden}.focus-preview{border:1px solid var(--border);background:var(--panel-soft);text-align:center;border-radius:16px;margin:24px 0 18px;padding:20px}.focus-preview>span{color:var(--muted);font-size:11px}.focus-preview>strong{margin:10px 0 13px;font-size:28px;display:block}.focus-preview>div{justify-content:center;gap:7px;display:flex}.language-chip{border-radius:7px;padding:4px 8px;font-size:11px;font-weight:700}.keyboard-note{text-align:center;line-height:2.1}.free-study-section{flex-direction:column;gap:15px;display:flex}.compact-details>summary,.header-more>summary{cursor:pointer;list-style:none}.compact-details>summary::-webkit-details-marker{display:none}.header-more>summary::-webkit-details-marker{display:none}.compact-details>summary{justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.compact-details>summary strong,.compact-details>summary small{display:block}.compact-details>summary small{color:var(--muted);margin-top:2px;font-size:11px;font-weight:500}.compact-details[open]>summary{border-bottom:1px solid var(--border)}.free-study-section{padding:0}.free-study-section .free-study-grid{padding:16px}.header-more{position:relative}.header-more>summary{border:1px solid var(--border);background:var(--panel);color:var(--muted-strong);border-radius:10px;padding:9px 13px;font-size:12px;font-weight:700}.header-more[open]>.text-button{z-index:10;border:1px solid var(--border);background:var(--panel);min-width:210px;box-shadow:var(--shadow-md);border-radius:11px;padding:12px;position:absolute;top:calc(100% + 7px);right:0}.free-study-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.study-entry{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow-sm);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px;transition:border-color .15s,transform .15s;display:grid}.study-entry:hover{border-color:var(--primary);transform:translateY(-2px)}.study-entry-icon.japanese{background:var(--japanese-soft);color:var(--japanese)}.study-entry-icon.grammar{background:var(--english-soft);color:var(--english)}.study-entry-icon.test{background:var(--primary-soft);color:var(--primary)}.study-entry strong,.study-entry small{display:block}.study-entry small{color:var(--muted);margin-top:1px;font-size:11px}.study-entry>svg{color:var(--muted)}.word-deck-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:18px;display:grid}.inline-settings{border:1px solid var(--border);background:var(--panel-soft);border-radius:13px;margin-top:18px}.inline-settings>summary{justify-content:flex-start;padding:13px 15px;font-size:12px;font-weight:700}.inline-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:15px 15px 5px;display:grid}.inline-settings-grid label{color:var(--muted);flex-direction:column;gap:5px;font-size:10px;display:flex}.inline-settings-grid select{min-height:38px}.inline-settings>p{color:var(--muted);margin:7px 0 0;padding:0 15px 14px;font-size:10px}.study-filter-block{border:1px solid var(--border);background:var(--panel-soft);border-radius:13px;margin-top:18px;padding:16px}.study-filter-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.study-filter-heading strong,.study-filter-heading span{display:block}.study-filter-heading span{color:var(--muted);margin-top:3px;font-size:11px;font-weight:500}.study-filter-count{color:var(--primary);flex:none;font-size:12px}.study-filter-block .filter-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.study-filter-block .filter-toggles{margin-top:12px;padding-top:12px}.study-mode-picker{border-block:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;margin-bottom:13px;padding:13px 0;display:flex}.study-mode-picker>span{color:var(--muted-strong);font-size:11px;font-weight:700}.study-filter-actions{justify-content:flex-end;margin-top:12px;display:flex}.method-card{padding:0}.method-card .step-list{padding:5px 22px 20px}.advanced-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow-sm);overflow:hidden}.advanced-panel>.search-filter-panel{box-shadow:none;border:0;border-radius:0}.next-learning-card{justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.next-learning-card h2{margin:2px 0;font-size:19px}.next-learning-card p{color:var(--muted);margin:0;font-size:11px}.deck-card,.method-card{padding:24px}.deck-card-top{grid-template-columns:auto repeat(3,1fr);align-items:center;gap:18px;display:grid}.deck-icon,.test-icon{background:linear-gradient(145deg, var(--primary-soft), var(--japanese-soft));width:58px;height:58px;color:var(--primary);border-radius:18px;place-items:center;display:grid}.deck-stat{border-left:1px solid var(--border);padding-left:18px}.deck-stat strong,.deck-stat span{display:block}.deck-stat strong{font-size:24px}.deck-stat span{color:var(--muted);font-size:11px}.deck-card .progress-block{margin:24px 0 18px}.deck-controls{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:18px;padding-top:18px;display:flex}.deck-controls label>span{color:var(--muted-strong);align-items:center;gap:7px;margin-bottom:7px;font-size:12px;font-weight:650;display:flex}select,input[type=number]{border:1px solid var(--border-strong);background:var(--panel);border-radius:10px;min-height:40px;padding:0 12px}.deck-actions{gap:9px;display:flex}.method-card h2{margin-bottom:16px;font-size:19px}.step-list{flex-direction:column;gap:13px;margin:0;padding:0;list-style:none;display:flex}.step-list li{align-items:center;gap:11px;display:flex}.step-list li>span{background:var(--primary-soft);width:28px;height:28px;color:var(--primary);border-radius:9px;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.step-list strong,.step-list small{display:block}.step-list strong{font-size:13px}.step-list small{color:var(--muted);font-size:11px}.library-section{flex-direction:column;gap:16px;display:flex}.word-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.word-library-grid.density-full{grid-template-columns:repeat(2,minmax(0,1fr))}.word-item-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);min-width:0;box-shadow:var(--shadow-sm);padding:18px;position:relative}.ai-source-badge{background:var(--primary-soft);width:fit-content;color:var(--primary);letter-spacing:.04em;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:800;display:inline-flex}.favorite-button{border:1px solid var(--border);background:var(--panel);width:34px;height:34px;color:var(--muted);border-radius:10px;place-items:center;display:grid}.favorite-button.active{border-color:color-mix(in srgb, var(--coral) 35%, var(--border));background:var(--coral-soft);color:var(--coral)}.word-item-card>.favorite-button{position:absolute;top:13px;right:13px}.word-meaning{color:var(--muted-strong);margin-bottom:13px;padding-right:32px;font-size:12px;font-weight:650;display:block}.word-pair-line{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.word-pair-line>div{grid-template-columns:auto 1fr;align-items:center;gap:6px 8px;min-width:0;display:grid}.word-pair-line strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.word-pair-line small{color:var(--muted);grid-column:2;font-size:10px}.word-full-details{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.word-full-details p{margin-bottom:5px;font-size:12px}.word-full-details p b{width:60px;color:var(--muted);font-size:10px;display:inline-block}.word-full-details .translation{color:var(--muted);padding-left:60px;font-size:11px}.pagination{color:var(--muted-strong);justify-content:center;align-items:center;gap:13px;font-size:12px;display:flex}.study-session,.quiz-session{width:min(100%,820px);margin:0 auto}.session-topline{color:var(--muted-strong);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;display:flex}.session-topline strong{color:var(--primary);font-size:12px}.study-session>.session-progress,.quiz-session>.session-progress{margin-bottom:22px}.flashcard{border:1px solid var(--border);background:var(--panel);min-height:430px;box-shadow:var(--shadow-md);border-radius:26px;padding:32px;position:relative;overflow:hidden}.favorite-button.floating{position:absolute;top:22px;right:22px}.prompt-side{text-align:center;padding-bottom:25px}.card-side-label{color:var(--muted);letter-spacing:.12em;font-size:11px;font-weight:700}.prompt-side h1{letter-spacing:-.04em;margin:15px 0 7px;font-size:clamp(34px,6vw,52px)}.prompt-side p{color:var(--muted);margin-bottom:0;font-size:13px}.reveal-area{border:1px dashed var(--border-strong);background:var(--panel-soft);width:100%;min-height:180px;color:var(--primary);border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.reveal-area:hover{border-color:var(--primary);background:var(--primary-pale)}.reveal-area>span{color:var(--muted);font-size:11px}.answer-panel{border:1px solid var(--border);border-radius:17px;padding:19px 21px}.answer-panel+.answer-panel{margin-top:11px}.japanese-answer{background:linear-gradient(110deg, var(--japanese-soft), var(--panel))}.english-answer{background:linear-gradient(110deg, var(--english-soft), var(--panel))}.answer-heading{color:var(--muted);align-items:center;gap:9px;font-size:11px;display:flex}.answer-panel>strong{margin:10px 9px 0 0;font-size:27px;display:inline-block}.answer-panel>.reading{color:var(--muted-strong);font-size:13px}.example-block{border-top:1px solid color-mix(in srgb, var(--border) 75%, transparent);margin-top:13px;padding-top:12px}.example-block p{margin-bottom:2px;font-size:13px}.example-block>span,.example-block small{color:var(--muted);font-size:11px;display:block}.example-block small{margin-top:7px}.reveal-next-language{background:var(--primary-soft);width:100%;color:var(--primary);border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin:11px 0;padding:11px;font-size:12px;font-weight:700;display:flex}.word-note{color:var(--muted);margin:14px 2px 0;font-size:12px}.rating-panel{margin-top:18px}.rating-panel>p{color:var(--muted-strong);text-align:center;margin-bottom:10px;font-size:12px}.rating-buttons{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.rating{border:1px solid var(--border);background:var(--panel);border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:62px;display:flex}.rating>span:last-child,.rating strong,.rating small{text-align:left;display:block}.rating small{color:var(--muted);font-size:10px}.rating.known{color:var(--green)}.rating.fuzzy{color:var(--amber)}.rating.unknown{color:var(--danger)}.rating:hover{border-color:currentColor;transform:translateY(-1px)}.rating-dot{border:3px solid;border-radius:50%;width:13px;height:13px}.rating-cross{font-size:23px;line-height:1}.session-navigation{justify-content:space-between;margin-top:14px;display:flex}.session-navigation button{color:var(--muted-strong);background:0 0;border:0;align-items:center;gap:6px;padding:8px;font-size:12px;display:flex}.session-navigation button:disabled{opacity:.35}.session-summary{text-align:center;width:min(100%,680px);margin:8vh auto 0;padding:42px}.summary-icon{background:var(--primary-soft);width:60px;height:60px;color:var(--primary);border-radius:20px;place-items:center;margin:0 auto 18px;display:grid}.session-summary h1{margin-bottom:7px;font-size:30px}.session-summary>p{color:var(--muted);margin-bottom:24px}.summary-metrics{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:22px;display:grid}.summary-metrics>div{background:var(--panel-soft);border-radius:12px;padding:14px 8px}.summary-metrics span,.summary-metrics strong{display:block}.summary-metrics span{color:var(--muted);font-size:10px}.summary-metrics strong{font-size:22px}.summary-metrics .known strong{color:var(--green)}.summary-metrics .fuzzy strong{color:var(--amber)}.summary-metrics .unknown strong{color:var(--danger)}.summary-actions{justify-content:center;gap:10px;margin-top:26px;display:flex}.grammar-layout{grid-template-columns:minmax(230px,.55fr) minmax(0,1.45fr);align-items:start;gap:18px;display:grid}.grammar-list{position:sticky;top:24px;overflow:hidden}.grammar-list-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 17px;display:flex}.grammar-list-heading span{color:var(--muted);font-size:11px}.grammar-list-heading strong{font-size:11px}.grammar-list-scroll{max-height:calc(100vh - 210px);padding:7px;overflow-y:auto}.grammar-list-item{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 10px;text-decoration:none;display:grid}.grammar-list-item:hover{background:var(--panel-soft)}.grammar-list-item.active{background:var(--primary-soft)}.grammar-list-item.active strong,.grammar-list-item.active .grammar-index{color:var(--primary)}.grammar-index{color:var(--muted);font-size:10px;font-weight:800}.grammar-list-item strong,.grammar-list-item small{display:block}.grammar-list-item strong{font-size:13px}.grammar-list-item small{color:var(--muted);margin-top:2px;font-size:10px}.grammar-list-item>svg{color:var(--green)}.grammar-detail{padding:clamp(22px,3vw,34px)}.grammar-layout:not(.detail-mode){display:block}.grammar-layout:not(.detail-mode) .grammar-detail{display:none}.grammar-layout.detail-mode{display:block}.grammar-layout.detail-mode .grammar-list{display:none}.detail-back-button{border:1px solid var(--border);background:var(--panel-soft);color:var(--muted-strong);border-radius:9px;align-items:center;gap:6px;margin-bottom:17px;padding:7px 10px;font-size:11px;font-weight:700;display:inline-flex}.detail-back-button:hover{border-color:var(--primary);color:var(--primary)}.grammar-title-row{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.grammar-title-row h2{letter-spacing:-.04em;margin:10px 0 0;font-size:31px}.favorite-button.large{width:40px;height:40px}.grammar-explanation{border-left:3px solid var(--primary);background:var(--primary-pale);border-radius:0 13px 13px 0;margin:22px 0;padding:18px 20px}.grammar-explanation p{color:var(--muted-strong);margin-bottom:0;font-size:14px;line-height:1.85}.grammar-core-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.info-panel{border:1px solid var(--border);background:var(--panel-soft);border-radius:14px;align-items:flex-start;gap:11px;padding:16px;display:flex}.info-icon{background:var(--japanese-soft);width:34px;height:34px;color:var(--japanese);border-radius:10px;flex:none;place-items:center;display:grid}.info-panel.connection .info-icon{background:var(--english-soft);color:var(--english)}.info-panel small,.info-panel strong{display:block}.info-panel small{color:var(--muted);margin-bottom:3px;font-size:10px}.info-panel strong{font-size:13px;line-height:1.55}.detail-section{margin-top:26px}.detail-section h3,.warning-panel h3{align-items:center;gap:7px;margin-bottom:11px;font-size:15px;display:flex}.detail-section>p{color:var(--muted-strong);font-size:13px}.plain-list,.warning-panel ul{color:var(--muted-strong);margin:0;padding-left:20px;font-size:13px}.plain-list li,.warning-panel li{margin:5px 0}.example-list{flex-direction:column;gap:8px;display:flex}.grammar-example{background:var(--panel-soft);border-radius:12px;padding:14px 16px}.grammar-example p{margin-bottom:2px;font-weight:650}.grammar-example span{color:var(--muted);font-size:12px}.comparison-box{border:1px solid color-mix(in srgb, var(--primary) 20%, var(--border));background:linear-gradient(120deg, var(--primary-pale), var(--panel));border-radius:15px;margin-top:25px;padding:18px}.comparison-heading{color:var(--primary);align-items:center;gap:8px;margin-bottom:12px;display:flex}.comparison-lines p{align-items:center;gap:9px;margin-bottom:7px;font-size:13px;display:flex}.comparison-lines small{color:var(--muted);margin:9px 0 0 33px;display:block}.warning-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.warning-panel{background:var(--amber-soft);border-radius:14px;padding:16px}.warning-panel h3{color:var(--amber)}.warning-panel.confusion{background:var(--japanese-soft)}.warning-panel.confusion h3{color:var(--japanese)}.grammar-cta{background:var(--bg-soft);border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-top:26px;padding:18px;display:flex}.grammar-cta strong,.grammar-cta span{display:block}.grammar-cta span{color:var(--muted);font-size:11px}.question-card{padding:clamp(24px,4vw,38px)}.question-type{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:4px 9px;font-size:10px;font-weight:800;display:inline-block}.question-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.question-context{background:var(--panel-soft);color:var(--muted-strong);border-radius:10px;margin:20px 0 -8px;padding:12px 14px}.question-card h1{letter-spacing:-.025em;margin:24px 0;font-size:clamp(22px,3vw,29px);line-height:1.5}.option-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quiz-option{border:1px solid var(--border);background:var(--panel);min-height:58px;color:var(--text);text-align:left;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:10px 13px;display:grid}.quiz-option:not(:disabled):hover,.quiz-option.selected{border-color:var(--primary);background:var(--primary-pale)}.quiz-option.correct{border-color:var(--green);background:var(--green-soft);color:var(--green)}.quiz-option.wrong{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.quiz-option:disabled{opacity:1;cursor:default}.option-letter{background:var(--bg-soft);width:29px;height:29px;color:var(--muted-strong);border-radius:9px;place-items:center;font-size:11px;font-weight:800;display:grid}.quiz-option.selected .option-letter{background:var(--primary);color:#fff}.quiz-option.correct .option-letter{background:var(--green);color:#fff}.quiz-option.wrong .option-letter{background:var(--danger);color:#fff}.answer-explanation{border-radius:13px;margin-top:17px;padding:15px 17px}.answer-explanation.correct{background:var(--green-soft)}.answer-explanation.wrong{background:var(--danger-soft)}.answer-explanation.correct strong{color:var(--green)}.answer-explanation.wrong strong{color:var(--danger)}.answer-explanation p{color:var(--muted-strong);margin:4px 0 0;font-size:12px}.question-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;margin-top:22px;padding-top:18px;display:flex}.question-footer>span{color:var(--muted);font-size:11px}.big-score{justify-content:center;align-items:baseline;margin:18px 0;display:flex}.big-score strong{color:var(--primary);font-size:52px}.big-score span{color:var(--muted)}.test-overview-grid{grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:18px;display:grid}.test-config-card{padding:clamp(24px,4vw,36px)}.test-config-card .test-icon{margin-bottom:22px}.test-config-card h2{margin-bottom:8px;font-size:25px}.test-config-card>p{color:var(--muted)}.quick-test-actions{grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0;display:grid}.quick-test-actions .button:first-child{grid-column:1/-1}.test-config-card .advanced-panel{box-shadow:none;margin-top:18px}.test-config-card .advanced-panel .setting-stack{padding:0 18px 18px}.advanced-start-action{justify-content:flex-end;padding:0 18px 18px;display:flex}.practice-mode-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 18px;display:grid}.practice-mode-picker>button{border:1px solid var(--border);background:var(--panel-soft);min-height:92px;color:var(--muted-strong);text-align:left;border-radius:13px;align-items:center;gap:11px;padding:15px;display:flex}.practice-mode-picker>button:hover{border-color:var(--primary)}.practice-mode-picker>button.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.practice-mode-picker strong,.practice-mode-picker small{display:block}.practice-mode-picker strong{color:var(--text);font-size:14px}.practice-mode-picker small{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.45}.practice-options-grid{border:1px solid var(--border);background:var(--panel-soft);border-radius:13px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:11px;padding:16px;display:grid}.practice-options-grid label{color:var(--muted-strong);flex-direction:column;gap:6px;font-size:11px;font-weight:700;display:flex}.practice-start-action{justify-content:flex-end;margin-top:16px;display:flex}.test-features{flex-wrap:wrap;gap:10px 18px;margin:20px 0;display:flex}.test-features span{color:var(--muted-strong);align-items:center;gap:7px;font-size:12px;display:inline-flex}.test-features svg{color:var(--green)}.question-count-control{border-block:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;margin:24px 0;padding:16px 0;display:flex}.question-count-control>span{font-size:13px;font-weight:700}.test-config-card>.button{width:100%}.test-config-card .empty-state{min-height:230px}.test-stats-column{flex-direction:column;gap:12px;display:flex}.exam-setup-layout{grid-template-columns:minmax(0,1fr) minmax(245px,.32fr);gap:18px;display:grid}.exam-config-card{padding:clamp(22px,4vw,34px)}.exam-step-heading{align-items:center;gap:11px;margin:20px 0 11px;display:flex}.exam-step-heading:first-child{margin-top:0}.exam-step-heading>span{background:var(--primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:29px;height:29px;font-size:12px;font-weight:800;display:grid}.exam-step-heading strong,.exam-step-heading small{display:block}.exam-step-heading small{color:var(--muted);margin-top:1px;font-size:10px}.exam-language-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.exam-language-picker button,.exam-section-picker button{border:1px solid var(--border);background:var(--panel-soft);min-width:0;color:var(--muted-strong);text-align:left;border-radius:13px;align-items:center;gap:11px;padding:15px;display:flex}.exam-language-picker button:hover,.exam-section-picker button:hover{border-color:var(--primary)}.exam-language-picker button.active,.exam-section-picker button.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.exam-language-picker strong,.exam-language-picker small,.exam-section-picker strong,.exam-section-picker small{display:block}.exam-language-picker strong,.exam-section-picker strong{color:var(--text-strong)}.exam-language-picker small,.exam-section-picker small{color:var(--muted);margin-top:2px;font-size:10px}.exam-level-picker{grid-template-columns:repeat(3,1fr);display:grid}.exam-section-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.exam-question-count{margin:0;padding:14px 0}.exam-question-count .segmented-control{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.exam-start-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding-top:20px;display:flex}.exam-start-row>div span,.exam-start-row>div strong,.exam-start-row>div small{display:block}.exam-start-row>div span,.exam-start-row>div small{color:var(--muted);font-size:10px}.exam-start-row>div strong{margin:3px 0;font-size:17px}.exam-next-step{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding-top:20px;display:flex}.exam-next-step p{max-width:420px;color:var(--muted);margin:0;font-size:12px;line-height:1.6}.exam-back-button{margin-top:22px;margin-bottom:0}.exam-info-column{flex-direction:column;gap:12px;display:flex}.session-top-actions{align-items:center;gap:14px;display:flex}.session-top-actions .text-button{align-items:center;gap:5px;display:inline-flex}.exam-passage{border:1px solid var(--border);background:var(--panel-soft);border-radius:13px;margin:14px 0 22px;padding:18px}.exam-passage>span{color:var(--primary);align-items:center;gap:7px;font-size:11px;font-weight:750;display:flex}.exam-passage p{color:var(--text-strong);white-space:pre-line;margin:10px 0 0;line-height:1.95}.mini-stat-card{padding:20px}.mini-stat-card>span{color:var(--muted);font-size:12px}.mini-stat-card>strong{margin:6px 0;font-size:28px;display:block}.mini-stat-card>p{color:var(--muted);margin-bottom:0;font-size:11px}.mini-stat-card>a{color:var(--primary);align-items:center;gap:5px;margin-top:8px;font-size:12px;font-weight:700;display:inline-flex}.mini-stat-card .progress-block{margin-top:12px}.result-hero{grid-template-columns:auto 1fr auto;align-items:center;gap:25px;padding:28px;display:grid}.result-ring{border:8px solid var(--primary-soft);border-top-color:var(--primary);border-right-color:var(--primary);border-radius:50%;justify-content:center;align-items:baseline;width:92px;height:92px;padding-top:23px;display:flex}.result-ring.good{border-top-color:var(--green);border-right-color:var(--green)}.result-ring.medium{border-top-color:var(--amber);border-right-color:var(--amber)}.result-ring.needs-work{border-top-color:var(--danger);border-right-color:var(--danger)}.result-ring strong{font-size:27px;line-height:1}.result-ring small{color:var(--muted);font-size:11px}.result-hero h1{margin-bottom:5px;font-size:24px}.result-hero p{color:var(--muted);margin-bottom:0;font-size:13px}.result-actions{flex-direction:column;gap:8px;display:flex}.answer-review{flex-direction:column;gap:11px;display:flex}.answer-review>.section-title-row{margin-bottom:4px}.answer-review-card{border-left:3px solid var(--green);grid-template-columns:auto 1fr;gap:15px;padding:19px;display:grid}.answer-review-card.wrong{border-left-color:var(--danger)}.review-number{background:var(--bg-soft);width:31px;height:31px;color:var(--muted-strong);border-radius:9px;place-items:center;font-size:11px;font-weight:800;display:grid}.review-heading{justify-content:space-between;gap:10px;display:flex}.review-heading>span{color:var(--muted);font-size:10px}.review-heading strong{align-items:center;gap:5px;font-size:11px;display:inline-flex}.correct-text{color:var(--green)!important}.wrong-text{color:var(--danger)!important}.review-content h3{margin:7px 0;font-size:15px}.review-content>p{color:var(--muted-strong);margin-bottom:3px;font-size:12px}.review-explanation{background:var(--panel-soft);color:var(--muted-strong);border-radius:9px;margin-top:9px;padding:10px 12px;font-size:12px}.mistake-list{flex-direction:column;gap:11px;display:flex}.mistake-card{border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;padding:19px;display:grid}.mistake-card.mastered{opacity:.74}.mistake-status-column{align-self:start}.source-icon{border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.source-icon.word{background:var(--japanese-soft);color:var(--japanese)}.source-icon.grammar{background:var(--english-soft);color:var(--english)}.priority-bars{gap:2px;margin-top:8px;display:flex}.priority-bars i{background:var(--border);border-radius:2px;width:6px;height:3px}.priority-bars i.active{background:var(--amber)}.mistake-meta{color:var(--muted);gap:14px;font-size:10px;display:flex}.mistake-meta span{align-items:center;gap:5px;display:inline-flex}.mistake-main h2{margin:5px 0;font-size:16px}.mistake-main>p{color:var(--muted-strong);margin-bottom:6px;font-size:12px}.mistake-explanation{background:var(--panel-soft);color:var(--muted);border-radius:8px;padding:8px 10px;font-size:11px}.mistake-stats{color:var(--muted);gap:14px;margin-top:9px;font-size:10px;display:flex}.mastered-label{color:var(--green);font-weight:800}.favorite-word-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.favorite-card{grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:18px;display:grid;position:relative}.favorite-card>.favorite-button{position:static}.favorite-card>.word-meaning,.favorite-card>.favorite-pair,.favorite-card>.favorite-note{grid-column:1/-1}.favorite-card>.word-meaning{margin-top:2px;margin-bottom:0}.favorite-type-icon.word{background:var(--japanese-soft);color:var(--japanese)}.favorite-type-icon.grammar{background:var(--english-soft);color:var(--english)}.favorite-pair p{grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;margin-bottom:9px;display:grid}.favorite-pair small{color:var(--muted);grid-column:2;font-size:10px}.favorite-note{border-top:1px solid var(--border);color:var(--muted);margin:14px 0 0;padding-top:12px;font-size:11px}.favorite-grammar-list{flex-direction:column;gap:11px;margin-top:14px;display:flex}.favorite-grammar-card{border-radius:16px;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:15px;padding:18px;display:grid}.favorite-grammar-card h2{margin:7px 0 5px;font-size:18px}.favorite-grammar-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:12px;display:-webkit-box;overflow:hidden}.structure-preview{color:var(--primary);font-size:12px}.stats-metric-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.stat-card{min-width:0;padding:15px}.stat-card>span:not(.metric-icon){color:var(--muted);margin-top:12px;font-size:10px;display:block}.stat-card>strong{margin-top:2px;font-size:22px;display:block}.stats-detail-grid{grid-template-columns:1.2fr .8fr;gap:15px;display:grid}.progress-overview-card,.today-breakdown-card{padding:24px}.progress-overview-list{flex-direction:column;gap:20px;margin-top:24px;display:flex}.today-breakdown{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:22px;display:grid}.today-breakdown>div{background:var(--panel-soft);border-radius:11px;padding:13px}.today-breakdown span,.today-breakdown strong{display:block}.today-breakdown span{color:var(--muted);font-size:10px}.today-breakdown strong{margin-top:3px;font-size:20px}.recent-test-list{flex-direction:column;gap:9px;margin-top:14px;display:flex}.recent-test-row{grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px 17px;display:grid}.result-mini-ring{border:4px solid var(--primary-soft);border-top-color:var(--primary);width:39px;height:39px;color:var(--primary);border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid}.recent-test-row strong,.recent-test-row small{display:block}.recent-test-row small,.recent-test-row>span:last-child{color:var(--muted);font-size:10px}.settings-section{overflow:hidden}.settings-danger-zone{padding:0}.settings-danger-zone>summary{color:var(--danger)}.settings-section-heading{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:20px 22px;display:flex}.settings-icon{background:var(--primary-soft);width:38px;height:38px;color:var(--primary);border-radius:11px;flex:none;place-items:center;display:grid}.settings-icon.ai{background:var(--japanese-soft);color:var(--japanese)}.settings-section-heading h2{margin-bottom:0;font-size:16px}.settings-section-heading p{color:var(--muted);margin-bottom:0;font-size:10px}.setting-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:28px;padding:18px 22px;display:grid}.setting-row:last-child{border-bottom:0}.setting-row strong{font-size:13px}.setting-row p{color:var(--muted);margin:2px 0 0;font-size:10px}.theme-options{gap:7px;display:flex}.theme-options button{border:1px solid var(--border);background:var(--panel);min-height:42px;color:var(--muted-strong);border-radius:10px;align-items:center;gap:7px;padding:0 12px;font-size:12px;display:flex}.theme-options button.active{border-color:var(--primary);background:var(--primary-pale);color:var(--primary)}.switch{background:var(--border-strong);border:0;border-radius:999px;width:47px;height:27px;padding:3px;position:relative}.switch span{background:#fff;border-radius:50%;width:21px;height:21px;transition:transform .16s;display:block;box-shadow:0 2px 5px #0000002e}.switch.active{background:var(--primary)}.switch.active span{transform:translate(20px)}.number-options{align-items:center;gap:5px;display:flex}.number-options>button{border:1px solid var(--border);background:var(--panel);width:42px;height:38px;color:var(--muted-strong);border-radius:9px;font-size:12px}.number-options>button.active{border-color:var(--primary);background:var(--primary-pale);color:var(--primary);font-weight:700}.number-options label{color:var(--muted);align-items:center;gap:6px;margin-left:5px;font-size:10px;display:flex}.number-options input{width:68px}.ratio-summary{color:var(--muted-strong);align-items:center;gap:9px;font-size:11px;display:flex}.ratio-summary span{background:var(--primary-pale);border-radius:9px;padding:7px 10px}.ratio-summary b{color:var(--primary);margin-left:3px;font-size:14px}.ratio-summary i{color:var(--muted);font-style:normal;font-weight:800}.coming-soon{background:var(--japanese-soft);color:var(--japanese);border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.disabled-ai-section{background:linear-gradient(120deg, var(--panel), var(--japanese-soft))}.disabled-ai-content{justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.disabled-ai-content strong{font-size:13px}.disabled-ai-content p{max-width:650px;color:var(--muted);margin:3px 0 0;font-size:11px}.reset-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:20px 22px;display:grid}.reset-actions button{border:1px solid var(--border);background:var(--panel);color:var(--muted-strong);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:13px;display:flex}.reset-actions button:hover{border-color:var(--primary);color:var(--primary)}.reset-actions button.danger:hover{border-color:var(--danger);color:var(--danger)}.reset-actions strong,.reset-actions small{display:block}.reset-actions strong{font-size:12px}.reset-actions small{color:var(--muted);font-size:9px}.about-card{grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:17px 20px;display:grid}.about-card strong{font-size:13px}.about-card p{color:var(--muted);margin-bottom:0;font-size:10px}.about-card>span:last-child{color:var(--muted);font-size:10px}.modal-backdrop,.mobile-sheet-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#060c1994;justify-content:center;align-items:center;padding:20px;position:fixed;inset:0}.modal-backdrop{display:flex}.confirm-modal{text-align:center;width:min(100%,450px);box-shadow:var(--shadow-md);padding:28px}.modal-warning-icon{background:var(--danger-soft);width:52px;height:52px;color:var(--danger);border-radius:16px;place-items:center;margin:0 auto 15px;display:grid}.confirm-modal h2{margin-bottom:7px;font-size:21px}.confirm-modal>p{color:var(--muted);font-size:12px}.confirm-check{background:var(--panel-soft);color:var(--muted-strong);text-align:left;border-radius:10px;align-items:flex-start;gap:8px;margin:20px 0;padding:12px;font-size:11px;display:flex}.confirm-check input{accent-color:var(--primary);margin-top:3px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}:root[data-font-size=large] body{font-size:17px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.mobile-filter-toggle,.filter-drawer-heading,.filter-drawer-backdrop{display:none}.mode-picker{justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.mode-picker h2{margin-bottom:0;font-size:18px}.search-filter-panel,.mistake-filter-panel{grid-template-columns:minmax(240px,1.35fr) minmax(420px,2fr);gap:16px 20px;padding:20px;display:grid}.search-field{align-items:center;display:flex;position:relative}.search-field>svg{color:var(--muted);pointer-events:none;position:absolute;left:14px}.search-field input{border:1px solid var(--border-strong);background:var(--panel-soft);border-radius:11px;width:100%;min-height:44px;padding:0 14px 0 42px}.filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.filter-grid.compact-filters{grid-template-columns:repeat(2,minmax(130px,1fr))}.filter-grid label,.setting-stack>label{min-width:0;color:var(--muted-strong);flex-direction:column;gap:5px;font-size:11px;font-weight:650;display:flex}.filter-grid select,.setting-stack select{width:100%;min-width:0}.filter-toggles{border-top:1px solid var(--border);color:var(--muted-strong);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:9px 16px;padding-top:14px;font-size:12px;display:flex}.filter-toggles label,.checkbox-filter,.select-item{align-items:center;gap:7px;display:inline-flex}.filter-toggles input,.checkbox-filter input,.select-item input{accent-color:var(--primary)}.filter-toggles .text-button{align-items:center;gap:5px;display:inline-flex}.filter-toggles>strong{color:var(--primary);margin-left:auto;font-size:12px}.compact-empty{min-height:180px}.plan-complete{color:var(--green);font-weight:750}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.comparison-card{padding:22px}.comparison-card.compact{padding:18px}.comparison-card.compact .comparison-language-grid p,.comparison-card.compact .review-explanation,.comparison-card.compact .plain-list{display:none}.comparison-card-heading{color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block}.comparison-card-heading h2{margin:4px 0 0;font-size:18px}.comparison-card-heading:hover h2{color:var(--primary)}.comparison-open-button{color:var(--primary);align-items:center;gap:5px;margin-top:12px;display:inline-flex}.comparison-open-arrow{transform:rotate(180deg)}.comparison-grid.detail-mode{display:block}.comparison-grid.detail-mode .comparison-card{max-width:900px;margin:0 auto}.comparison-back-button{margin-bottom:12px}.comparison-card>p{color:var(--muted-strong);font-size:12px}.comparison-card>.button{width:100%;margin-top:14px}.comparison-language-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 13px;display:grid}.comparison-language-grid>div{border:1px solid var(--border);background:var(--panel-soft);border-radius:13px;grid-template-columns:auto minmax(0,1fr);gap:7px 9px;padding:14px;display:grid}.comparison-language-grid strong{align-self:center}.comparison-language-grid p{color:var(--muted);grid-column:1/-1;margin-bottom:0;font-size:11px}.comparison-quiz{width:min(100%,820px);margin:0 auto}.mistake-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.mistake-filter-panel>.segmented-control,.mistake-filter-panel>.filter-grid{grid-column:1/-1;align-self:start}.mistake-filter-panel>.segmented-control{width:fit-content;max-width:100%}.mistake-actions-column{flex-direction:column;gap:7px;display:flex}.mistake-actions-column .button{width:100%;min-height:36px;padding-inline:10px}.item-more-actions{font-size:11px}.item-more-actions>summary{cursor:pointer;color:var(--muted);text-align:center;font-weight:700}.item-more-actions>div{flex-direction:column;gap:6px;margin-top:8px;display:flex}.method-card.compact-details{padding:0}.history-details{color:var(--muted-strong);margin-top:10px;font-size:11px}.history-details summary{cursor:pointer;font-weight:700}.history-details ol{margin-bottom:0;padding-left:20px}.mistake-detail-panel{margin-top:12px}.mistake-detail-panel>summary{color:var(--primary)}.mistake-detail-content{background:var(--panel-soft);border-radius:10px;gap:10px;margin-top:10px;padding:12px;display:grid}.mistake-detail-content>p{margin:0;font-size:12px}.mistake-detail-content .mistake-explanation{background:var(--panel)}.mistake-management-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px 14px;padding-top:4px;display:flex}.mistake-actions-column .icon-button{flex:0 0 38px}.danger-text{color:var(--danger)}.favorites-page .page-header .page-actions{align-items:center;gap:8px;display:flex}.favorites-page .page-header .page-actions .button{white-space:nowrap;min-width:136px}.favorites-page .search-filter-panel{align-items:end}.favorites-page .search-filter-panel .search-field{align-self:end}.favorites-page .search-filter-panel .filter-toggles{align-items:center;min-height:30px}.selected-card{border-color:color-mix(in srgb, var(--primary) 50%, var(--border));box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 12%, transparent)}.select-item{align-self:center}.setting-stack{flex-direction:column;gap:15px;display:flex}.compact-setting-stack{margin:22px 0}.compact-setting-stack>label>span{font-size:12px}.compact-setting-stack .segmented-control{align-self:flex-start}.switch-setting{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:12px 0;flex-direction:row!important;display:flex!important}.switch-setting strong,.switch-setting small{display:block}.switch-setting small{color:var(--muted);margin-top:2px;font-weight:500}.breakdown-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.expanded-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.trend-grid,.distribution-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.compact-distribution{grid-template-columns:minmax(0,1fr)}.trend-card,.distribution-card{padding:22px}.trend-chart{border-bottom:1px solid var(--border-strong);background:linear-gradient(to top, transparent 24%, var(--border) 25%, transparent 26%, transparent 49%, var(--border) 50%, transparent 51%, transparent 74%, var(--border) 75%, transparent 76%);grid-auto-columns:minmax(7px,1fr);grid-auto-flow:column;align-items:end;gap:5px;height:220px;margin-top:24px;padding:14px 8px 0;display:grid}.trend-column{text-align:center;flex-direction:column;justify-content:flex-end;gap:5px;min-width:0;height:100%;display:flex}.trend-column small{color:var(--muted);white-space:nowrap;font-size:8px;overflow:visible}.chart-empty{border:1px dashed var(--border-strong);background:var(--panel-soft);min-height:220px;color:var(--muted);text-align:center;border-radius:14px;place-items:center;margin-top:24px;font-size:12px;display:grid}.single-bar,.stacked-bar{border-radius:5px 5px 2px 2px;min-height:3px;display:flex}.single-bar{background:var(--primary);width:100%}.single-bar.accuracy{background:var(--green)}.stacked-bar{flex-direction:column-reverse;width:100%;overflow:hidden}.bar-learned{background:var(--primary)}.bar-reviewed,.bar-japanese{background:var(--japanese)}.bar-english{background:var(--english)}.bar-combined{background:var(--primary)}.chart-summary,.distribution-legend{color:var(--muted-strong);flex-wrap:wrap;align-items:center;gap:9px 16px;margin-top:16px;font-size:11px;display:flex}.chart-summary span,.distribution-legend span{align-items:center;gap:5px;display:inline-flex}.chart-summary b,.distribution-legend b{color:var(--text-strong);margin-left:2px}.legend{background:var(--border-strong);border-radius:50%;width:8px;height:8px;display:inline-block}.legend.learned,.legend.combined{background:var(--primary)}.legend.reviewed,.legend.japanese{background:var(--japanese)}.legend.english{background:var(--english)}.legend.known{background:var(--green)}.legend.fuzzy{background:var(--amber)}.legend.unknown{background:var(--coral)}.legend.unlearned{background:var(--border-strong)}.distribution-section{flex-direction:column;gap:14px;display:flex}.distribution-bar{background:var(--bg-soft);border-radius:999px;height:16px;margin-top:26px;display:flex;overflow:hidden}.distribution-known{background:var(--green)}.distribution-fuzzy{background:var(--amber)}.distribution-unknown{background:var(--coral)}.distribution-unlearned{background:var(--border-strong)}@media (max-width:1180px){.metric-grid{grid-template-columns:repeat(2,1fr)}.stats-metric-grid{grid-template-columns:repeat(4,1fr)}.word-library-grid,.favorite-word-grid{grid-template-columns:repeat(2,1fr)}.expanded-metrics{grid-template-columns:repeat(4,1fr)}.breakdown-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:980px){.today-layout,.word-deck-layout,.test-overview-grid,.exam-setup-layout,.free-study-grid{grid-template-columns:1fr}.test-stats-column,.exam-info-column{grid-template-columns:repeat(3,1fr);display:grid}.grammar-layout{grid-template-columns:minmax(210px,.6fr) 1.4fr}.result-hero{grid-template-columns:auto 1fr}.result-actions{flex-direction:row;grid-column:1/-1}.search-filter-panel{grid-template-columns:1fr}.search-field,.filter-toggles{grid-column:1/-1}}@media (max-width:860px){body{overflow-x:hidden}.app-shell{display:block}.sidebar{display:none}.content-column{padding-bottom:calc(86px + env(safe-area-inset-bottom))}.mobile-header{z-index:40;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--panel) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:9px 18px;display:flex;position:sticky;top:0}.brand.compact{padding:0}.brand.compact .brand-mark{border-radius:10px;width:34px;height:34px;font-size:17px}.brand.compact strong{font-size:14px}.mobile-header-context{color:var(--muted-strong);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;overflow:hidden}.mobile-nav{right:10px;bottom:max(10px, env(safe-area-inset-bottom));z-index:50;border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 94%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;grid-template-columns:repeat(5,1fr);min-height:62px;padding:6px;display:grid;position:fixed;left:10px;box-shadow:0 12px 36px #1223482e}.mobile-nav-item{min-width:0;color:var(--muted);background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:9px;display:flex}.mobile-nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.mobile-sheet-backdrop{align-items:flex-end;padding:0;display:flex}.mobile-sheet{width:100%;max-height:min(82vh,720px);padding:9px 18px calc(28px + env(safe-area-inset-bottom));background:var(--panel);box-shadow:var(--shadow-md);border-radius:24px 24px 0 0;overflow-y:auto}.sheet-handle{background:var(--border-strong);border-radius:999px;width:42px;height:4px;margin:0 auto 13px}.sheet-title-row{justify-content:space-between;align-items:center;display:flex}.sheet-title-row h2{margin-bottom:0;font-size:19px}.mobile-more-groups{gap:18px;margin-top:15px;display:grid}.mobile-more-group{gap:8px;display:grid}.mobile-more-group-label{color:var(--muted);letter-spacing:.08em;font-size:11px;font-weight:800}.mobile-more-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.mobile-more-item{border:1px solid var(--border);background:var(--panel-soft);border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:13px;font-size:12px;font-weight:650;display:grid}.mobile-more-icon{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);border-radius:10px;place-items:center;display:grid}.muted-icon{color:var(--muted)}.page-content{padding:24px 20px 46px}.page-stack{gap:18px}.page-header{gap:11px}.page-header h1{max-width:100%;font-size:clamp(25px,7vw,30px);line-height:1.15}.page-header p:not(.eyebrow){max-width:34rem;font-size:12px;line-height:1.6}.page-actions{width:100%}.page-actions .segmented-control{scrollbar-width:none;justify-content:flex-start;max-width:100%;overflow-x:auto}.page-actions .segmented-control::-webkit-scrollbar{display:none}.page-actions .segmented-control button{white-space:nowrap;flex:none;min-height:40px}.card{border-radius:15px}.section-title-row{align-items:flex-start;gap:10px}.focus-shell{padding:18px}.focus-content{margin-top:52px}.grammar-layout{grid-template-columns:1fr}.grammar-list{position:static}.grammar-list-scroll{scroll-snap-type:x proximity;grid-auto-columns:minmax(180px,230px);grid-auto-flow:column;max-height:none;padding:8px;display:grid;overflow-x:auto}.grammar-list-item{scroll-snap-align:start}.comparison-grid,.trend-grid{grid-template-columns:1fr}}@media (max-width:680px){body{font-size:14px}.page-content{padding-inline:14px}.page-stack{gap:21px}.page-header{flex-direction:column;align-items:flex-start;gap:14px}.page-header h1{font-size:28px}.page-actions{width:100%;overflow-x:visible}.favorites-page .page-header .page-actions{width:100%}.favorites-page .page-header .page-actions .button{flex:1 1 0;min-width:0;padding-inline:10px}.page-actions .segmented-control{width:100%;min-width:0;display:flex}.page-actions .segmented-control button{white-space:nowrap;min-width:max-content;padding-inline:13px}.metric-grid{gap:9px}.metric-card{gap:9px;padding:13px}.metric-icon{border-radius:10px;width:34px;height:34px}.metric-card strong{font-size:20px}.today-card,.next-up-card,.deck-card,.method-card{padding:20px}.today-card .card-heading-row{gap:10px}.task-row{padding-inline:7px}.task-row>span:last-child{display:none}.deck-card-top{grid-template-columns:repeat(3,1fr);gap:9px}.deck-icon{grid-column:1/-1}.deck-stat{padding-left:9px}.deck-controls{flex-direction:column;align-items:stretch}.deck-actions{grid-template-columns:1fr;display:grid}.word-library-grid,.word-library-grid.density-full,.favorite-word-grid{grid-template-columns:1fr}.focus-shell{padding:11px}.focus-exit{top:10px;right:10px}.flashcard{border-radius:20px;min-height:420px;padding:25px 18px}.prompt-side h1{font-size:38px}.answer-panel{padding:16px}.answer-panel>strong{font-size:23px}.rating-buttons{gap:6px}.rating{flex-direction:column;gap:2px;min-height:66px}.rating>span:last-child,.rating strong,.rating small{text-align:center}.session-summary{margin-top:44px;padding:26px 18px}.summary-metrics{grid-template-columns:repeat(2,1fr)}.summary-actions{flex-direction:column}.summary-actions .button{width:100%}.grammar-detail{padding:20px 16px}.grammar-title-row h2{font-size:25px}.grammar-core-grid,.warning-grid{grid-template-columns:1fr}.grammar-cta{flex-direction:column;align-items:stretch}.option-list{grid-template-columns:1fr}.question-card{padding:22px 16px}.question-card h1{font-size:21px}.question-footer{flex-direction:column;align-items:stretch}.question-footer>span{text-align:center}.test-stats-column,.exam-info-column{grid-template-columns:1fr}.exam-config-card{padding:20px 15px}.exam-language-picker{grid-template-columns:1fr 1fr}.exam-language-picker button{padding:13px 11px}.exam-section-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.exam-section-picker button{text-align:center;justify-content:center;padding:12px 7px}.exam-section-picker button svg{display:none}.exam-start-row{flex-direction:column;align-items:stretch}.exam-start-row .button{width:100%}.exam-next-step{flex-direction:column;align-items:stretch}.session-topline{align-items:flex-start;gap:8px}.session-top-actions{flex-direction:column;align-items:flex-end;gap:5px}.exam-passage{padding:15px}.question-count-control{flex-direction:column;align-items:stretch}.exam-question-count .segmented-control{width:100%}.result-hero{text-align:center;grid-template-columns:1fr;justify-items:center}.result-actions{flex-direction:column;width:100%}.answer-review-card{gap:10px;padding:14px}.mistake-card{grid-template-columns:auto 1fr;align-items:start;padding:15px}.mistake-actions-column{flex-direction:row;grid-column:1/-1}.mistake-actions-column .button{flex:1}.mistake-stats{flex-wrap:wrap}.favorite-card{grid-template-columns:auto 1fr auto;padding:16px}.favorite-grammar-card{grid-template-columns:auto 1fr auto;gap:11px;padding:16px}.favorite-grammar-card>.favorite-button{grid-column:auto;width:34px}.stats-metric-grid{grid-template-columns:repeat(2,1fr)}.stats-detail-grid{grid-template-columns:1fr}.recent-test-row{grid-template-columns:auto 1fr}.recent-test-row>span:last-child{grid-column:2}.setting-row{grid-template-columns:1fr;gap:12px}.setting-control{overflow-x:auto}.theme-options,.number-options{flex-wrap:wrap;min-width:0}.number-options label{width:100%}.disabled-ai-content{flex-direction:column;align-items:stretch}.reset-actions{grid-template-columns:1fr}.about-card{grid-template-columns:auto 1fr}.about-card>span:last-child{grid-column:2}.mobile-more-list{grid-template-columns:1fr}.mode-picker{flex-direction:column;align-items:stretch}.mode-control{width:100%;overflow-x:auto}.mode-control button{flex:1 0 auto}.search-filter-panel,.mistake-filter-panel{grid-template-columns:1fr;padding:15px}.mobile-filter-toggle{align-self:flex-start;display:inline-flex}.filter-panel.mobile-collapsed{display:none}.filter-panel.mobile-open{z-index:120;max-height:min(82vh,720px);box-shadow:var(--shadow-md);border-radius:24px 24px 0 0;display:grid;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.filter-drawer-heading{border-bottom:1px solid var(--border);grid-column:1/-1;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.filter-drawer-heading h2{margin-bottom:0;font-size:18px}.filter-drawer-backdrop{z-index:119;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060c1994;border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.filter-grid,.filter-grid.compact-filters{grid-template-columns:1fr}.filter-toggles>strong{width:100%;margin-left:0}.comparison-language-grid,.distribution-grid{grid-template-columns:1fr}.breakdown-grid{grid-template-columns:repeat(2,1fr)}.trend-card,.distribution-card{padding:17px}.trend-chart{gap:3px;height:190px;padding-inline:2px}.trend-column small{font-size:7px}}@media (max-width:720px){.study-mode-picker{flex-direction:column;align-items:stretch}.study-mode-picker .segmented-control{grid-template-columns:repeat(3,1fr);display:grid}.practice-mode-picker{grid-template-columns:1fr}.practice-mode-picker>button{min-height:76px}.practice-start-action .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.mobile-home-hero,.mobile-home-insight,.mobile-settings-switcher{display:none}@media (max-width:680px){:root{--mobile-gutter:14px;--mobile-bar-height:68px;--mobile-header-height:54px;--radius-lg:18px}html,body{background:var(--bg);overscroll-behavior-y:none}body{font-size:14px}.app-shell{background:var(--bg);height:100dvh;min-height:0;display:block;position:fixed;inset:0;overflow:hidden}.content-column{height:100%;padding-top:calc(var(--mobile-header-height) + env(safe-area-inset-top));padding-bottom:calc(var(--mobile-bar-height) + env(safe-area-inset-bottom) + 20px);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;overflow:hidden auto}.mobile-header{z-index:70;min-height:calc(var(--mobile-header-height) + env(safe-area-inset-top));padding:calc(7px + env(safe-area-inset-top)) var(--mobile-gutter) 7px;border-bottom-color:color-mix(in srgb, var(--border) 75%, transparent);background:color-mix(in srgb, var(--panel) 96%, transparent);position:absolute;top:0;left:0;right:0}.mobile-home-mark,.mobile-header-menu{background:0 0;border:0;place-items:center;width:38px;height:38px;display:grid}.mobile-home-mark .brand-mark{border-radius:10px;width:32px;height:32px;font-size:16px;box-shadow:0 5px 14px #3b63dd33}.mobile-header-copy{justify-items:center;line-height:1.15;display:grid;position:absolute;left:50%;transform:translate(-50%)}.mobile-header-copy strong{font-size:14px}.mobile-header-copy span{color:var(--muted);letter-spacing:.05em;font-size:9px}.mobile-header-menu{color:var(--muted-strong);border-radius:11px;margin-left:auto}.mobile-nav{z-index:70;min-height:calc(var(--mobile-bar-height) + env(safe-area-inset-bottom));padding:6px 8px max(6px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--panel) 97%, transparent);border-width:1px 0 0;border-radius:18px 18px 0 0;position:absolute;bottom:0;left:0;right:0;transform:translateZ(0);box-shadow:0 -8px 28px #1223481c}.mobile-nav-item{border-radius:13px;gap:3px;min-height:52px;font-size:10px}.mobile-nav-item svg{width:21px;height:21px}.mobile-nav-item.active{background:0 0}.mobile-nav-item.active svg{background:var(--primary-soft);border-radius:11px;width:32px;height:32px;padding:5px}.mobile-sheet{max-height:76vh;padding:9px var(--mobile-gutter) calc(24px + env(safe-area-inset-bottom))}.mobile-more-groups{gap:15px}.mobile-more-list{gap:7px}.mobile-more-item{background:var(--panel-soft);border:0;min-height:58px;padding:10px 12px}.mobile-more-item.active{background:var(--primary-soft);color:var(--primary)}.page-content{padding:18px var(--mobile-gutter) 24px}.page-stack{gap:14px}.page-header{gap:9px}.page-header .eyebrow{display:none}.page-header h1{margin-bottom:4px;font-size:25px;line-height:1.2}.page-header p:not(.eyebrow){display:none}.page-actions .segmented-control,.page-header>.segmented-control{background:color-mix(in srgb, var(--border) 38%, transparent);border:0;padding:3px}.page-actions .segmented-control button,.page-header>.segmented-control button{min-height:38px;padding-inline:12px}.card{border-color:color-mix(in srgb, var(--border) 82%, transparent);box-shadow:0 7px 22px #1f36680e}.button,select,input{min-height:44px}.button-primary{box-shadow:0 8px 18px color-mix(in srgb, var(--primary) 20%, transparent)}.home-page>.page-header,.home-page>.metric-grid,.home-page>.today-layout,.home-page>.free-study-section{display:none}.mobile-home-hero{border:1px solid color-mix(in srgb, var(--primary) 16%, var(--border));background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--japanese) 17%, transparent), transparent 18rem), linear-gradient(155deg, var(--panel), color-mix(in srgb, var(--primary-pale) 68%, var(--panel)));border-radius:24px;align-content:center;gap:18px;min-height:calc(100dvh - 250px);padding:24px 20px;display:grid;overflow:hidden;box-shadow:0 18px 44px #1b33691a}.mobile-home-progress-row{color:var(--muted-strong);justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.mobile-home-progress-row strong{color:var(--primary)}.mobile-home-copy{padding:12px 0 4px}.mobile-home-copy h1{letter-spacing:-.045em;margin:5px 0 8px;font-size:clamp(29px,9vw,38px);line-height:1.12}.mobile-home-copy p{color:var(--muted);margin:0;font-size:13px}.mobile-primary-action{border-radius:15px;width:100%;min-height:54px}.mobile-home-metrics{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.mobile-home-metrics>div{background:color-mix(in srgb, var(--panel) 76%, transparent);min-width:0;color:var(--muted);border-radius:13px;grid-template-columns:auto 1fr;align-items:center;gap:2px 6px;padding:11px 9px;font-size:10px;display:grid}.mobile-home-metrics svg{color:var(--primary);grid-row:1/3}.mobile-home-metrics strong{line-height:1}.mobile-home-record{border-top:1px solid color-mix(in srgb, var(--border) 74%, transparent);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding-top:13px;font-size:10px;display:flex}.mobile-home-record strong{text-align:right;font-size:11px}.mobile-home-insight{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.mobile-home-insight>div{border:1px solid color-mix(in srgb, var(--border) 82%, transparent);background:var(--panel);border-radius:15px;gap:2px;padding:13px 14px;display:grid;box-shadow:0 7px 22px #1f36680b}.mobile-home-insight span{color:var(--muted);font-size:10px}.mobile-home-insight strong{font-size:13px}.words-page .page-header{margin-bottom:2px}.words-page .deck-card{padding:17px}.words-page .deck-card-top,.words-page .deck-card>.progress-block,.words-page .method-card,.words-page .study-filter-heading,.words-page .study-filter-actions{display:none}.words-page .study-filter-block{background:0 0;border:0;margin:0;padding:0}.words-page .study-mode-picker{border-width:0 0 1px;gap:9px;margin:0 0 15px;padding:0 0 15px;display:grid}.words-page .study-mode-picker .segmented-control{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.words-page .filter-grid{gap:12px}.words-page .deck-controls,.words-page .deck-actions,.words-page .deck-actions .button{width:100%}.words-page .deck-controls{margin-top:16px}.words-page .mobile-filter-toggle,.grammar-page .mobile-filter-toggle,.mistakes-page .mobile-filter-toggle,.favorites-page .mobile-filter-toggle{background:var(--panel);width:100%;box-shadow:var(--shadow-sm);border:0;justify-content:flex-start}.library-section .section-title-row .section-kicker{display:none}.library-section .section-title-row h2{margin:0;font-size:18px}.word-item-card{min-height:0;padding:15px}.word-item-card .word-full-details{display:none}.word-item-card .word-pair-line{gap:8px}.focus-shell{min-height:100dvh;padding:10px 10px calc(88px + env(safe-area-inset-bottom))}.focus-content{margin-top:46px}.study-session,.quiz-session{width:100%}.study-session.rating-visible{padding-bottom:96px}.flashcard{min-height:auto;padding:22px 16px}.prompt-side .card-side-label,.prompt-side p,.reveal-area kbd,.rating small,.session-navigation{display:none}.prompt-side h1{margin:18px 0 26px;font-size:34px}.answer-panel{padding:14px}.rating-panel{right:10px;bottom:calc(var(--mobile-bar-height) + env(safe-area-inset-bottom) + 8px);z-index:80;background:color-mix(in srgb, var(--panel) 96%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;margin:0;padding:10px;position:fixed;left:10px;box-shadow:0 10px 30px #14275024}.focus-shell .rating-panel{bottom:max(8px, env(safe-area-inset-bottom))}.rating-panel>p{display:none}.rating{min-height:54px}.grammar-page .next-learning-card{flex-direction:column;align-items:stretch;padding:17px}.grammar-page .next-learning-card .button{width:100%}.grammar-page .advanced-panel,.mistakes-page .advanced-panel,.favorites-page .advanced-panel{box-shadow:none;background:0 0;border:0;overflow:visible}.grammar-page .advanced-panel>summary{display:none}.mistakes-page .advanced-panel>summary,.favorites-page .advanced-panel>summary{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-sm);border-radius:14px;padding:14px 15px;display:flex}.mistakes-page .advanced-panel[open]>summary,.favorites-page .advanced-panel[open]>summary{margin-bottom:10px}.grammar-list{overflow:hidden}.grammar-list-scroll{flex-direction:column;max-height:none;padding:4px 8px 8px;display:flex;overflow:visible}.grammar-list-item{scroll-snap-align:none;min-height:62px}.grammar-list-item+.grammar-list-item{border-top:1px solid var(--border)}.grammar-list-item.active{background:0 0}.grammar-detail{padding:17px 15px 84px}.grammar-title-row h2{font-size:24px}.grammar-cta{z-index:8;background:color-mix(in srgb, var(--panel) 96%, transparent);border-radius:16px;padding:10px;position:sticky;bottom:8px;box-shadow:0 10px 30px #14275024}.grammar-cta>div{display:none}.grammar-cta .button{width:100%}.comparison-card.compact .comparison-language-grid{grid-template-columns:1fr;margin:10px 0 0}.comparison-card.compact .comparison-language-grid>div{padding:10px}.exam-home-page .exam-info-column{display:none}.exam-home-page .exam-config-card{padding:17px 14px}.exam-language-picker{gap:8px}.exam-language-picker button{text-align:center;flex-direction:column;justify-content:center;min-height:84px}.exam-next-step p{display:none}.exam-next-step .button,.exam-start-row .button{min-height:50px}.exam-session .session-topline>span,.question-footer>span{display:none}.question-card{padding:18px 14px}.quiz-option{min-height:54px;padding:11px}.mistakes-page .page-actions .button,.mistakes-page .page-header>.button{width:100%}.mistake-card{grid-template-columns:1fr auto;gap:10px;padding:15px}.mistake-status-column,.mistake-meta span:nth-child(2),.mistake-stats{display:none}.mistake-main h2{margin-top:7px;font-size:15px}.mistake-actions-column{flex-direction:column;grid-column:auto;display:flex}.mistake-actions-column .button{width:44px;padding:0;font-size:0}.favorites-page .page-actions .button-secondary{display:none}.favorites-page .page-actions .button-primary{width:100%}.favorites-page .select-item,.favorite-card .favorite-note{display:none}.favorite-card{grid-template-columns:auto 1fr auto;gap:10px;padding:14px}.favorite-card>.word-meaning,.favorite-card>.favorite-pair{grid-column:1/-1}.favorite-grammar-card{grid-template-columns:auto 1fr auto;padding:14px}.favorite-grammar-card>div>p{display:none}.stats-page .page-actions .segmented-control{grid-template-columns:1fr 1fr;display:grid}.stats-metric-grid{gap:8px}.stat-card{min-height:104px;padding:13px}.stat-card .metric-icon{width:30px;height:30px}.trend-grid .trend-card:nth-child(2),.recent-tests{display:none}.distribution-section .section-title-row{flex-direction:column;align-items:stretch}.distribution-section .segmented-control{grid-template-columns:repeat(3,1fr);display:grid}.mobile-settings-switcher{background:color-mix(in srgb, var(--border) 42%, transparent);border-radius:13px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.mobile-settings-switcher button{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:10px;font-weight:700}.mobile-settings-switcher button.active{background:var(--panel);box-shadow:var(--shadow-sm);color:var(--primary)}.mobile-settings-section:not(.mobile-open){display:none}.settings-section{padding:16px}.settings-section-heading{margin-bottom:4px}.settings-section-heading p,.setting-row p{display:none}.setting-row{gap:9px;padding:14px 0}.setting-control,.setting-control>.segmented-control,.setting-control>.number-options,.setting-control>.theme-options{width:100%}.setting-control>.segmented-control{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));display:grid}.number-options{grid-template-columns:repeat(3,1fr);display:grid}.number-options label{grid-column:1/-1}.theme-options{grid-template-columns:repeat(3,1fr);display:grid}.theme-options button{justify-content:center;padding-inline:8px}.settings-danger-zone,.about-card{margin-top:2px}.about-card p{display:none}}