/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.table{display:table}.resize{resize:both}}:root{--ink:#20242a;--muted:#6f756f;--paper:#fffdf8;--canvas:#f5f1e8;--canvas-deep:#ece5d7;--line:#ded7c9;--indigo:#253b62;--indigo-soft:#e8edf6;--red:#d8553f;--red-dark:#b84231;--red-soft:#f8e8e2;--green:#34765a;--green-soft:#e5f0e9;--gold:#b58b3a;--shadow:0 18px 50px #36302514}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{background:radial-gradient(circle at 88% 0%, #d8553f14, transparent 28rem), var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Noto Sans SC,Noto Sans JP,PingFang SC,Hiragino Sans GB,Yu Gothic UI,Microsoft YaHei,sans-serif}button,input{color:inherit;font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #d8553f61}.app-frame{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:30;background:#fffdf8e8;border-bottom:1px solid #ded7c9db;grid-template-columns:258px minmax(260px,1fr) 220px;align-items:center;height:74px;padding:0 28px;display:grid;position:sticky;top:0}.brand{text-align:left;background:0 0;align-items:center;gap:11px;padding:0;display:flex}.brand-mark{background:var(--red);color:#fff;border-radius:13px 13px 13px 5px;justify-content:center;align-items:center;width:42px;height:42px;font-family:Yu Mincho,Noto Serif JP,serif;font-size:22px;display:flex;box-shadow:0 7px 18px #d8553f3d}.brand>span:last-child{flex-direction:column;display:flex}.brand strong{letter-spacing:.04em;font-size:17px}.brand small{color:var(--muted);margin-top:2px;font-size:11px}.topbar-center{justify-self:center;position:relative}.lesson-switcher{background:#f3eee4;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;min-width:285px;height:44px;padding:0 14px 0 9px;transition:border-color .16s,background .16s;display:flex}.lesson-switcher:hover{border-color:var(--line);background:#eee7da}.lesson-switcher>span{background:var(--indigo);color:#fff;letter-spacing:.08em;border-radius:8px;padding:7px 8px;font-size:11px;font-weight:800}.lesson-switcher strong{text-align:left;flex:1;font-size:14px}.lesson-switcher i{color:var(--muted);font-style:normal}.lesson-picker{background:var(--paper);border:1px solid var(--line);overscroll-behavior:contain;z-index:40;border-radius:18px;width:min(760px,100vw - 32px);max-height:calc(100dvh - 70px);padding:14px;position:absolute;top:54px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 24px 70px #2a261e2e}.unit-tabs{background:var(--paper);border-bottom:1px solid var(--line);scrollbar-width:thin;z-index:1;gap:4px;padding-bottom:10px;display:flex;position:sticky;top:0;overflow-x:auto}.unit-tabs button{color:var(--muted);text-align:left;background:0 0;border-radius:8px;flex-direction:column;flex:0 0 98px;align-items:flex-start;gap:2px;padding:8px 9px;font-size:11px;font-weight:700;display:flex}.unit-tabs button small{opacity:.72;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:8px;font-weight:500;overflow:hidden}.unit-tabs button.active{background:var(--indigo-soft);color:var(--indigo)}.lesson-picker-grid{grid-template-columns:1fr 1fr;gap:8px;padding-top:12px;display:grid}.lesson-picker-grid>button{text-align:left;background:#f8f5ee;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;padding:10px;display:flex}.lesson-picker-grid>button:hover,.lesson-picker-grid>button.active{border-color:var(--indigo)}.lesson-picker-grid>button>span{border:1px solid var(--line);background:#fff;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:flex}.lesson-picker-grid>button>div{flex-direction:column;min-width:0;display:flex}.lesson-picker-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.lesson-picker-grid small{color:var(--muted);margin-top:3px;font-size:10px}.top-stats{justify-self:end;gap:10px;display:flex}.topbar-actions{justify-self:end;align-items:center;gap:10px;display:flex}.wordbook-shortcut{background:var(--paper);border:1px solid var(--line);color:var(--indigo);border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:21px;display:flex;position:relative}.wordbook-shortcut:hover,.wordbook-shortcut.active{background:var(--indigo);border-color:var(--indigo);color:#fff}.wordbook-shortcut small{background:var(--red);border:2px solid var(--paper);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:8px;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px}.top-stats>span{background:#f3eee4;border-radius:11px;grid-template-rows:auto auto;grid-template-columns:25px auto;align-items:center;min-width:85px;padding:7px 10px;display:grid}.top-stats i{background:var(--red-soft);color:var(--red);border-radius:50%;grid-row:1/3;justify-content:center;align-items:center;width:25px;height:25px;margin-right:6px;font-size:10px;font-style:normal;font-weight:800;display:flex}.top-stats strong{font-size:13px;line-height:1}.top-stats small{color:var(--muted);margin-top:2px;font-size:9px}.app-body{grid-template-columns:258px minmax(0,1fr);min-height:calc(100vh - 74px);display:grid}.sidebar{border-right:1px solid var(--line);background:#efe9ddad;height:calc(100vh - 74px);padding:26px 18px;position:sticky;top:74px}.overall-progress{background:#fffdf8bd;border:1px solid #ded7c9d6;border-radius:15px;align-items:center;gap:12px;padding:12px;display:flex}.mini-ring{--progress:0deg;background:conic-gradient(var(--red) var(--progress), #e5ded1 0deg);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.mini-ring:before{background:var(--paper);content:"";border-radius:50%;position:absolute;inset:5px}.mini-ring strong{font-size:10px;position:relative}.overall-progress>div:last-child{flex-direction:column;display:flex}.overall-progress>div:last-child strong{font-size:12px}.overall-progress>div:last-child span{color:var(--muted);margin-top:3px;font-size:10px}.mode-nav{flex-direction:column;gap:5px;margin-top:22px;display:flex}.mode-nav>button{text-align:left;background:0 0;border-radius:13px;align-items:center;gap:11px;width:100%;min-height:58px;padding:9px 10px;transition:background .15s,transform .15s;display:flex}.mode-nav>button:hover{background:#fffdf8b3}.mode-nav>button.active{background:var(--paper);color:var(--indigo);box-shadow:0 8px 22px #37312614}.mode-nav>button>span:first-child{color:var(--indigo);background:#253b6214;border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex}.mode-nav>button.active>span:first-child{background:var(--indigo);color:#fff}.mode-nav>button>div{flex-direction:column;flex:1;display:flex}.mode-nav strong{font-size:13px}.mode-nav small{color:var(--muted);margin-top:2px;font-size:10px}.stage-stamp{border:1px solid var(--line);color:var(--muted);border-radius:50%;flex:none;justify-content:center;align-items:center;width:23px;height:23px;font-family:Yu Mincho,serif;font-size:10px;display:inline-flex}.stage-stamp.is-done{background:var(--red-soft);color:var(--red);border-color:#d8553f59}.sidebar-note{border-top:1px solid var(--line);padding:18px 8px 0;position:absolute;bottom:24px;left:18px;right:18px}.sidebar-note span{color:var(--green);letter-spacing:.08em;font-size:10px;font-weight:800}.sidebar-note p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.6}.content-area{width:100%;max-width:1140px;margin:0 auto;padding:23px 34px 64px}.content-topline{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:18px;font-size:11px;display:flex}.content-topline>div:first-child{gap:8px;display:flex}.content-topline strong{color:var(--ink)}.lesson-arrows{align-items:center;gap:9px;display:flex}.lesson-arrows button{background:var(--paper);border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.paper-card{background:var(--paper);box-shadow:var(--shadow);border:1px solid #ded7c9e6;border-radius:20px}.eyebrow,.module-kicker{color:var(--red);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:800}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.section-heading.compact{margin-bottom:16px}.section-heading h2{margin:5px 0 0;font-size:19px}.quiet-label{color:var(--muted);font-size:10px}.primary-button,.ghost-button{border-radius:12px;justify-content:center;align-items:center;gap:14px;min-height:46px;padding:0 20px;font-size:13px;font-weight:700;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex}.primary-button{background:var(--red);color:#fff;box-shadow:0 9px 22px #d8553f33}.primary-button:hover:not(:disabled){background:var(--red-dark);transform:translateY(-1px)}.ghost-button{border:1px solid var(--line);background:0 0}.ghost-button:hover{background:#f6f1e8}.overview-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:18px;display:grid}.hero-card{background:linear-gradient(105deg,#fffdf8fa,#fff9f1e0),repeating-linear-gradient(0deg,#0000,#0000 26px,#253b620d 27px);grid-column:1/3;justify-content:space-between;min-height:306px;padding:42px 46px;display:flex;position:relative;overflow:hidden}.hero-card:after{content:"日";color:#d8553f0f;text-align:center;border:1px solid #d8553f2e;border-radius:50%;width:285px;height:285px;font-family:Yu Mincho,serif;font-size:190px;line-height:270px;position:absolute;top:-76px;right:-68px}.hero-copy{z-index:1;max-width:650px;position:relative}.hero-copy h1{letter-spacing:-.045em;margin:13px 0 5px;font-size:clamp(32px,4vw,49px);line-height:1.1}.jp-subtitle{color:var(--indigo);margin:0;font-family:Yu Mincho,Noto Serif JP,serif;font-size:17px}.hero-summary{color:#5d625f;max-width:570px;margin:20px 0 25px;font-size:14px;line-height:1.8}.textbook-anchor{background:#253b620e;border:1px solid #253b621c;border-radius:11px;flex-wrap:wrap;align-items:center;gap:7px 10px;width:fit-content;margin:-8px 0 20px;padding:9px 11px;display:flex}.textbook-anchor>span{background:var(--indigo);color:#fff;letter-spacing:.08em;border-radius:6px;padding:4px 6px;font-size:8px;font-weight:800}.textbook-anchor strong{color:var(--indigo);font-size:10px}.textbook-anchor small{color:var(--muted);border-left:1px solid #253b6226;padding-left:10px;font-size:9px}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.hero-progress{--progress:0deg;background:conic-gradient(var(--red) var(--progress), #d8553f1f 0deg);z-index:1;border-radius:50%;flex:none;justify-content:center;align-self:center;align-items:center;width:128px;height:128px;margin-right:16px;display:flex;position:relative}.hero-progress:before{background:var(--paper);content:"";border-radius:50%;position:absolute;inset:9px}.hero-progress div{flex-direction:column;align-items:center;display:flex;position:relative}.hero-progress strong{font-size:26px}.hero-progress span{color:var(--muted);margin-top:2px;font-size:9px}.route-card,.goals-card,.stats-card{padding:25px}.route-list{flex-direction:column;display:flex}.route-step{text-align:left;background:0 0;border-bottom:1px solid #ece6db;align-items:center;gap:12px;min-height:55px;padding:8px 2px;display:flex}.route-step:last-child{border-bottom:0}.route-step:hover .route-arrow{transform:translate(3px)}.route-copy{flex-direction:column;flex:1;display:flex}.route-copy strong{font-size:13px}.route-copy small{color:var(--muted);margin-top:3px;font-size:10px}.route-arrow{color:var(--red);font-size:14px;transition:transform .15s}.goal-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.goal-list li{color:#555b59;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;display:flex}.goal-list li span{background:var(--indigo-soft);color:var(--indigo);border-radius:7px;flex:none;justify-content:center;align-items:center;width:21px;height:21px;margin-top:1px;font-size:9px;font-weight:800;display:flex}.stats-card{background:var(--indigo);border-color:var(--indigo);color:#fff}.stats-card .eyebrow{color:#bfcbe1}.stats-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px;display:grid}.stats-row>div{border-left:1px solid #ffffff2b;flex-direction:column;padding-left:13px;display:flex}.stats-row>div:first-child{border-left:0;padding-left:0}.stats-row strong{font-size:22px}.stats-row span{color:#bfc7d7;margin-top:5px;font-size:9px}.module-stack{flex-direction:column;gap:18px;display:flex}.module-intro{border-radius:22px;justify-content:space-between;align-items:center;min-height:170px;padding:34px 40px;display:flex;position:relative;overflow:hidden}.preview-intro{background:var(--red-soft)}.study-intro{background:var(--indigo);color:#fff}.module-intro h1{letter-spacing:-.04em;margin:9px 0 8px;font-size:clamp(26px,3.4vw,40px);line-height:1.18}.module-intro p{color:#68635e;margin:0;font-size:13px;line-height:1.7}.module-intro .preview-bookline{color:var(--red);margin-top:10px;font-size:10px;font-weight:700}.intro-section-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.intro-section-grid li{border:1px solid var(--line);background:#f8f5ee;border-radius:12px;grid-template-columns:31px 1fr;align-items:center;gap:3px 9px;min-height:68px;padding:10px;display:grid}.intro-section-grid li>span{background:var(--indigo-soft);color:var(--indigo);border-radius:8px;grid-row:1/3;justify-content:center;align-items:center;height:31px;font-size:10px;font-weight:800;display:flex}.intro-section-grid strong{font-size:11px;line-height:1.35}.intro-section-grid small{color:var(--muted);font-size:9px}.model-sentence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.model-sentence-grid li{border:1px solid var(--line);background:#f8f5ee;border-radius:13px;grid-template-columns:32px minmax(0,1fr) 40px;align-items:center;gap:12px;min-height:82px;padding:12px;display:grid}.model-sentence-grid li>span{background:var(--red-soft);color:var(--red);border-radius:9px;justify-content:center;align-items:center;height:32px;font-size:11px;font-weight:800;display:flex}.model-sentence-grid li>div{flex-direction:column;min-width:0;display:flex}.model-sentence-grid strong{color:var(--indigo);font-family:Yu Mincho,Noto Serif JP,serif;font-size:15px;line-height:1.55}.model-sentence-grid small{color:var(--muted);margin-top:4px;font-size:10px}.expression-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.expression-grid>article{border:1px solid var(--line);background:#f8f5ee;border-radius:14px;padding:17px}.expression-grid>article>div:first-child{align-items:center;gap:9px;display:flex}.expression-grid>article>div:first-child>span{background:var(--indigo-soft);color:var(--indigo);border-radius:7px;padding:5px 7px;font-size:9px;font-weight:800}.expression-grid h3{margin:0;font-size:15px}.expression-grid>article>p{color:#62645f;margin:12px 0;font-size:11px;line-height:1.75}.expression-example{background:#fff;border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.expression-example>div{flex-direction:column;min-width:0;display:flex}.expression-example strong{color:var(--indigo);font-size:11px;line-height:1.55}.expression-example small{color:var(--muted);margin-top:3px;font-size:9px}.proper-noun-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.proper-noun-grid article{border:1px solid var(--line);background:#f8f5ee;border-radius:11px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px;padding:9px;display:grid}.proper-noun-grid article>div{flex-direction:column;min-width:0;display:flex}.proper-noun-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.proper-noun-grid article>div>span,.proper-noun-grid small{color:var(--muted);font-size:8px}.proper-noun-grid small{grid-column:2}.proper-noun-grid article>.proper-noun-foot{flex-direction:row;grid-column:2;justify-content:space-between;align-items:center;display:flex}.proper-noun-foot small{grid-column:auto}.study-intro p{color:#c8d0df}.study-intro .module-kicker{color:#edaa9e}.study-test-jump{color:#fff;text-align:left;background:#ffffff1a;border:1px solid #fff3;border-radius:14px;flex-direction:column;align-items:flex-start;width:100%;max-width:560px;margin-top:18px;padding:13px 16px;transition:background .15s,border-color .15s,transform .15s;display:flex}.study-test-jump:hover{background:#ffffff29;border-color:#ffffff57;transform:translateY(-1px)}.study-test-jump>span{color:#edaa9e;letter-spacing:.08em;font-size:9px;font-weight:800}.study-test-jump strong{margin-top:4px;font-size:14px}.study-test-jump strong i{margin-left:5px;font-style:normal}.study-test-jump small{color:#c8d0df;margin-top:4px;font-size:9px;line-height:1.5}.time-badge{background:#fffdf8b3;border:1px solid #d8553f2e;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:91px;height:91px;display:flex}.time-badge strong{color:var(--red);font-family:Yu Mincho,serif;font-size:34px;line-height:1}.time-badge span{color:var(--muted);margin-top:5px;font-size:10px}.chapter-mark{color:#fff;opacity:.8;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:95px;height:95px;font-family:Yu Mincho,serif;font-size:44px;display:flex}.section-card{padding:29px 32px}.word-preview-grid{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.word-preview{background:#faf6ee;border:1px solid #ece4d6;border-radius:15px;flex-direction:column;min-height:174px;padding:17px;transition:border-color .15s,background .15s;display:flex;position:relative}.word-preview.is-known{background:var(--green-soft);border-color:#34765a47}.sound-button{border:1px solid var(--line);color:var(--indigo);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:flex}.sound-button:hover{background:var(--indigo-soft)}.word-preview .sound-button{position:absolute;top:13px;right:13px}.word-jp{margin-top:11px;font-family:Yu Mincho,Noto Serif JP,serif;font-size:24px;font-weight:700}.word-kana{color:var(--muted);margin-top:2px;font-size:10px}.word-zh{margin-top:8px;font-size:12px}.known-toggle{color:var(--muted);background:0 0;align-self:flex-start;padding:8px 0;font-size:10px}.word-preview.is-known .known-toggle{color:var(--green);font-weight:700}.word-card-actions{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:auto;display:flex}.favorite-toggle{color:var(--muted);background:#f3eee4;border-radius:8px;min-height:32px;padding:0 10px;font-size:9px}.favorite-toggle:hover,.favorite-toggle.is-saved{color:#8a6414;background:#fff0c8}.favorite-toggle.compact{flex:none;width:34px;padding:0;font-size:15px}.grammar-map{grid-template-columns:1fr 1fr;gap:14px;display:grid}.grammar-map article{background:var(--indigo-soft);border-radius:14px;align-items:flex-start;gap:13px;padding:19px;display:flex}.number-tag{color:var(--red);font-family:Yu Mincho,serif;font-size:13px;font-weight:800}.grammar-map h3{color:var(--indigo);margin:0;font-family:Yu Mincho,Noto Serif JP,serif;font-size:19px}.grammar-map p{color:#606b7c;margin:7px 0 0;font-size:11px;line-height:1.6}.module-finish{border-top:1px solid var(--line);background:0 0;justify-content:space-between;align-items:center;margin-top:4px;padding:21px 4px 0;display:flex}.module-finish>div{flex-direction:column;display:flex}.module-finish strong{font-size:12px}.module-finish>div span{color:var(--muted);margin-top:4px;font-size:10px}.study-grammar-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.grammar-card{padding:26px 28px}.grammar-card-top{justify-content:space-between;align-items:center;display:flex}.grammar-card-top>span{color:var(--red);letter-spacing:.12em;font-size:9px;font-weight:800}.sound-button.dark{background:var(--indigo);border-color:var(--indigo);color:#fff}.grammar-card h2{color:var(--indigo);margin:18px 0 8px;font-family:Yu Mincho,Noto Serif JP,serif;font-size:25px}.grammar-note{color:var(--muted);min-height:40px;font-size:12px;line-height:1.7}.example-block{background:#f5f1e8;border-radius:12px;align-items:flex-start;gap:11px;margin-top:18px;padding:14px;display:flex}.example-block>span{background:var(--red);color:#fff;border-radius:6px;flex:none;justify-content:center;align-items:center;width:21px;height:21px;font-size:9px;display:flex}.example-block>div{flex-direction:column;display:flex}.example-block strong{font-size:13px;font-weight:600}.example-block small{color:var(--muted);margin-top:5px;font-size:10px}.vocab-table{border-top:1px solid var(--line)}.vocab-row{border-bottom:1px solid #ece6db;grid-template-columns:40px minmax(135px,.8fr) 1fr auto;align-items:center;gap:14px;min-height:66px;padding:7px 0;display:grid}.vocab-main{flex-direction:column;display:flex}.vocab-main strong{font-family:Yu Mincho,Noto Serif JP,serif;font-size:17px}.vocab-main span{color:var(--muted);margin-top:2px;font-size:9px}.vocab-meaning{font-size:12px}.memory-button{color:var(--muted);background:#f3eee4;border-radius:9px;min-height:34px;padding:0 12px;font-size:10px}.memory-button.is-known{background:var(--green-soft);color:var(--green)}.vocab-actions{align-items:center;gap:7px;display:flex}.scene-card{background:linear-gradient(120deg,#fffdf8,#f6f0e4);grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:26px 30px;display:grid}.scene-label{border:1px solid var(--red);color:var(--red);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-family:Yu Mincho,serif;font-size:11px;display:flex}.scene-copy{flex-direction:column;display:flex}.scene-copy>span{color:var(--muted);font-size:10px}.scene-copy h2{margin:5px 0 9px;font-size:15px}.scene-copy p{color:var(--indigo);margin:0;font-family:Yu Mincho,Noto Serif JP,serif;font-size:18px;font-weight:700}.scene-copy small{color:var(--muted);margin-top:6px;font-size:9px}.round-play{background:var(--red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:17px;display:flex}.test-shell,.review-shell,.speaking-shell{max-width:850px;margin:0 auto}.test-header,.review-header,.speaking-hero{justify-content:space-between;align-items:flex-end;margin:26px 0 20px;display:flex}.test-header h1,.review-header h1,.speaking-hero h1{letter-spacing:-.04em;margin:8px 0 0;font-size:clamp(28px,4vw,42px)}.test-depth-note{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.55;display:block}.question-count{align-items:baseline;display:flex}.question-count strong{color:var(--red);font-family:Yu Mincho,serif;font-size:32px}.question-count span{color:var(--muted);font-size:12px}.test-blueprint{flex-wrap:wrap;gap:7px;margin-bottom:13px;display:flex}.test-blueprint>span{color:var(--muted);background:#253b6212;border:1px solid #253b621a;border-radius:99px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;display:inline-flex}.test-blueprint strong{color:var(--indigo);font-size:10px}.test-progress{background:#dfd8cb;border-radius:99px;height:5px;margin-bottom:19px;overflow:hidden}.test-progress span{background:var(--red);height:100%;transition:width .25s;display:block}.question-card{padding:34px 38px}.question-meta{justify-content:space-between;align-items:center;display:flex}.question-type{background:var(--indigo-soft);color:var(--indigo);border-radius:7px;padding:6px 9px;font-size:9px;font-weight:800}.question-points{color:var(--red);font-size:10px;font-weight:800}.question-card>h2{margin:22px 0 26px;font-family:Yu Mincho,Noto Serif JP,serif;font-size:24px;line-height:1.55}.answer-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.romaji-spelling{grid-template-columns:190px minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.romaji-kana-card{background:var(--indigo-soft);border:1px solid #253b6224;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:150px;display:flex;position:relative}.romaji-kana-card .sound-button{position:absolute;top:12px;right:12px}.romaji-kana-card strong{color:var(--indigo);font-family:Yu Mincho,Noto Serif JP,serif;font-size:58px;font-weight:600;line-height:1}.romaji-kana-card small{color:var(--muted);margin-top:12px;font-size:9px}.romaji-input{border:1px solid var(--line);background:#f8f5ee;border-radius:16px;flex-direction:column;justify-content:center;align-items:stretch;gap:10px;padding:24px;transition:background .15s,border-color .15s;display:flex}.romaji-input>span{color:var(--muted);letter-spacing:.08em;font-size:10px;font-weight:800}.romaji-input input{border:2px solid var(--line);color:var(--ink);letter-spacing:.08em;text-transform:lowercase;background:#fff;border-radius:11px;outline:none;width:100%;min-height:58px;padding:0 16px;font-size:25px;font-weight:700}.romaji-input input:focus{border-color:var(--indigo);box-shadow:0 0 0 4px #253b6217}.romaji-input.correct{background:var(--green-soft);border-color:var(--green)}.romaji-input.wrong{background:var(--red-soft);border-color:var(--red)}.romaji-input input:disabled{color:var(--ink);opacity:1}.word-recall{grid-template-columns:190px minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.word-cue-card{border:1px solid var(--line);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:166px;padding:20px;display:flex}.word-cue-card.translation{background:var(--red-soft)}.word-cue-card.dictation{background:var(--indigo-soft)}.word-cue-card small{color:var(--muted);letter-spacing:.08em;font-size:9px;font-weight:800}.word-cue-card strong{color:var(--indigo);margin:10px 0 8px;font-size:24px;line-height:1.35}.word-cue-card span{color:var(--muted);font-size:9px;line-height:1.5}.word-audio-button{background:var(--indigo);color:#fff;border-radius:11px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:50px;margin-bottom:10px;padding:8px 13px;display:flex}.word-audio-button:hover{background:var(--red)}.word-audio-button b{font-size:19px}.word-audio-button span{color:#fff;font-size:10px;font-weight:800}.word-audio-notice{overflow-wrap:anywhere;color:var(--red)!important}.word-audio-fallback{gap:8px;width:100%;margin-top:9px;display:grid}.word-audio-fallback>button{border:1px solid var(--red);color:var(--red);background:#fff;border-radius:8px;width:100%;min-height:36px;padding:6px 9px;font-size:9px}.production-answer{gap:14px;display:grid}.production-guidance{background:var(--indigo-soft);border:1px solid #253b6224;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;display:flex}.production-guidance strong{color:var(--indigo);flex:none;font-size:10px}.production-guidance span{color:var(--muted);font-size:10px;line-height:1.55}.typed-input{border:1px solid var(--line);background:#f8f5ee;border-radius:16px;flex-direction:column;gap:9px;padding:20px;transition:background .15s,border-color .15s;display:flex}.typed-input>span{color:var(--muted);letter-spacing:.08em;font-size:10px;font-weight:800}.typed-input textarea{border:2px solid var(--line);color:var(--ink);resize:vertical;background:#fff;border-radius:11px;outline:none;width:100%;min-height:108px;padding:13px 15px;font-family:Yu Mincho,Noto Serif JP,serif;font-size:17px;line-height:1.7}.typed-input input{border:2px solid var(--line);color:var(--ink);background:#fff;border-radius:11px;outline:none;width:100%;min-height:62px;padding:0 15px;font-family:Yu Mincho,Noto Serif JP,serif;font-size:22px}.typed-input textarea:focus,.typed-input input:focus{border-color:var(--indigo);box-shadow:0 0 0 4px #253b6217}.typed-input small{color:var(--muted);font-size:9px}.typed-input.correct{background:var(--green-soft);border-color:var(--green)}.typed-input.wrong{background:var(--red-soft);border-color:var(--red)}.typed-input textarea[readonly],.typed-input input[readonly]{color:var(--ink);opacity:1}.word-input{justify-content:center}.reorder-builder{gap:15px;display:grid}.reorder-answer-panel{border:1px solid var(--line);background:#f8f5ee;border-radius:15px;padding:15px}.reorder-panel-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.reorder-panel-heading>span{color:var(--muted);font-size:10px;font-weight:800}.reorder-panel-heading>div{gap:6px;display:flex}.reorder-panel-heading button{border:1px solid var(--line);color:var(--indigo);background:#fff;border-radius:7px;min-height:30px;padding:0 9px;font-size:9px}.reorder-panel-heading button:disabled{cursor:default;opacity:.42}.reorder-answer{background:#fff;border:1px dashed #c8bfae;border-radius:11px;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:8px;min-height:74px;padding:11px;display:flex}.reorder-answer>small{color:var(--muted);font-size:10px}.reorder-answer>span{background:var(--indigo-soft);color:var(--indigo);border:1px solid #253b6229;border-radius:9px;align-items:center;gap:7px;min-height:38px;padding:7px 10px 7px 7px;font-size:13px;line-height:1.45;display:inline-flex}.reorder-answer>span b{background:#fff;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-family:system-ui,sans-serif;font-size:9px;display:flex}.reorder-pool{flex-wrap:wrap;gap:9px;display:flex}.reorder-token{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;align-items:center;gap:7px;min-height:44px;padding:8px 12px;display:inline-flex}.reorder-token:hover:not(:disabled){border-color:var(--indigo)}.reorder-token[aria-pressed=true]{background:var(--indigo-soft);border-color:var(--indigo);color:var(--indigo)}.reorder-token>span{background:var(--indigo);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:8px;display:flex}.reorder-token strong{font-size:12px;font-weight:600}.reorder-token:disabled{cursor:default;opacity:1}.answer-option{border:1px solid var(--line);text-align:left;background:#f8f5ee;border-radius:13px;align-items:center;gap:12px;min-height:58px;padding:9px 14px;display:flex;position:relative}.answer-option>span{border:1px solid var(--line);background:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:31px;height:31px;font-size:11px;font-weight:800;display:flex}.answer-option strong{font-size:13px;font-weight:600}.answer-option:hover:not(:disabled),.answer-option.selected{background:var(--indigo-soft);border-color:var(--indigo)}.answer-option.correct{background:var(--green-soft);border-color:var(--green)}.answer-option.wrong{background:var(--red-soft);border-color:var(--red)}.answer-option em{color:var(--green);margin-left:auto;font-size:9px;font-style:normal}.answer-feedback{border-radius:12px;margin-top:18px;padding:14px 16px}.answer-feedback.correct{background:var(--green-soft);color:#285c46}.answer-feedback.wrong{background:var(--red-soft);color:#8b392c}.answer-feedback strong{font-size:12px}.answer-feedback p{margin:5px 0 0;font-size:11px;line-height:1.65}.question-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:25px;padding-top:20px;display:flex}.question-actions>span{color:var(--muted);font-size:10px}.result-card{text-align:center;flex-direction:column;align-items:center;max-width:700px;margin:62px auto 0;padding:46px;display:flex}.result-seal{background:var(--red-soft);border:2px solid var(--red);color:var(--red);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:112px;height:112px;margin-bottom:22px;display:flex;transform:rotate(-3deg)}.result-seal.is-pass{background:var(--green-soft);border-color:var(--green);color:var(--green)}.result-seal strong{font-size:36px;line-height:1}.result-seal span{margin-top:5px;font-size:10px}.result-card h1{margin:10px 0 12px;font-size:28px}.result-card>p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.result-actions{gap:10px;margin-top:28px;display:flex}.review-header{align-items:center}.review-header p{color:var(--muted);margin:8px 0 0;font-size:11px}.review-counter{background:var(--indigo);color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:94px;height:94px;display:flex}.review-counter strong{font-size:29px;line-height:1}.review-counter span{color:#c7d0df;margin-top:5px;font-size:8px}.review-card-wrap{position:relative}.review-card{text-align:left;width:100%;min-height:355px;padding:33px 42px;display:grid}.review-audio-button{background:var(--indigo-soft);color:var(--indigo);z-index:2;border:1px solid #253b6224;border-radius:11px;align-items:center;gap:8px;min-height:42px;padding:0 13px;display:flex;position:absolute;top:26px;right:28px}.review-audio-button:hover,.review-audio-button.is-playing{background:var(--indigo);color:#fff}.review-audio-button>span{font-size:14px}.review-audio-button>strong{font-size:9px}.review-type{background:var(--red-soft);color:var(--red);border-radius:7px;place-self:flex-start;padding:6px 9px;font-size:9px;font-weight:800}.review-front{flex-direction:column;justify-content:center;align-items:center;min-height:100px;display:flex}.review-front strong{color:var(--indigo);font-family:Yu Mincho,Noto Serif JP,serif;font-size:clamp(32px,5vw,50px)}.review-front span{color:var(--muted);margin-top:8px;font-size:11px}.review-divider{align-items:center;gap:12px;display:flex}.review-divider:before,.review-divider:after{background:var(--line);content:"";flex:1;height:1px}.review-divider span{color:var(--muted);font-size:9px}.review-back{text-align:center;justify-content:center;align-items:center;min-height:80px;display:flex}.review-back p{color:#4e5552;margin:0;font-size:13px;line-height:1.75}.hidden-answer{color:#e7dfd2;font-family:Yu Mincho,serif;font-size:27px}.review-rating{flex-direction:column;align-items:center;margin-top:18px;display:flex}.review-rating>span,.review-hint{color:var(--muted);font-size:10px}.review-rating>div{gap:10px;width:100%;margin-top:10px;display:flex}.review-rating button{border-radius:12px;flex-direction:column;flex:1;min-height:58px;padding:11px;display:flex}.review-rating button strong{font-size:12px}.review-rating button small{opacity:.75;margin-top:3px;font-size:8px}.review-rating .again{background:var(--red-soft);color:var(--red-dark)}.review-rating .hard{color:#846422;background:#f4ead3}.review-rating .good{background:var(--green-soft);color:var(--green)}.review-hint{text-align:center}.speaking-hero{align-items:center}.speaking-hero p{color:var(--muted);margin:8px 0 0;font-size:11px}.privacy-chip{background:var(--green-soft);color:var(--green);border-radius:99px;padding:9px 12px;font-size:9px;font-weight:700}.speaking-card{padding:34px 39px}.speaking-scene{align-items:center;gap:9px;display:flex}.speaking-scene span{background:var(--indigo-soft);color:var(--indigo);border-radius:7px;padding:6px 9px;font-size:9px;font-weight:800}.speaking-scene strong{font-size:12px}.speaking-prompt{color:#555c59;margin:20px 0;font-size:14px;line-height:1.7}.target-sentence{background:linear-gradient(120deg, var(--indigo), #314e7d);color:#fff;border-radius:17px;padding:26px}.target-heading{justify-content:space-between;align-items:center;display:flex}.target-heading>span{color:#afbdd5;letter-spacing:.1em;font-size:9px;font-weight:800}.target-heading>small{color:#afbdd5;font-size:9px}.target-sentence p{margin:12px 0 8px;font-family:Yu Mincho,Noto Serif JP,serif;font-size:clamp(22px,3.3vw,30px);font-weight:700}.target-sentence small{color:#c6d0e0;font-size:10px}.segment-picker{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.segment-picker button{color:#d5dceb;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:8px;min-height:31px;padding:0 10px;font-size:9px}.segment-picker button.active{color:var(--indigo);background:#fff;border-color:#fff;font-weight:800}.voice-quality-panel{background:#f5f0e7;border:1px solid #e8dfd0;border-radius:14px;grid-template-columns:minmax(160px,1fr) minmax(190px,1fr) auto;align-items:end;gap:16px;margin-top:16px;padding:15px 17px;display:grid}.selected-voice-copy,.voice-select-label,.pace-control{flex-direction:column;display:flex}.selected-voice-copy>span,.voice-select-label>span,.pace-control>span{color:var(--muted);letter-spacing:.08em;margin-bottom:6px;font-size:8px;font-weight:800}.selected-voice-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.selected-voice-copy small{color:var(--muted);margin-top:3px;font-size:8px}.voice-select-label select{appearance:none;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;max-width:100%;height:37px;padding:0 28px 0 10px;font-size:10px}.pace-control>div{background:#e8e1d5;border-radius:9px;padding:3px;display:flex}.pace-control button{color:var(--muted);background:0 0;border-radius:7px;height:31px;padding:0 11px;font-size:9px}.pace-control button.active{color:var(--indigo);background:#fff;font-weight:800;box-shadow:0 2px 8px #36302514}.voice-notice{color:#755a24;background:#fff4dd;border-radius:9px;margin:10px 0 0;padding:9px 11px;font-size:9px;line-height:1.6}.global-voice-notice{margin:-6px 0 16px}.selection-hint{color:var(--muted);align-items:center;gap:7px;margin:-7px 0 14px;font-size:9px;display:flex}.selection-hint span{background:var(--indigo-soft);color:var(--indigo);border-radius:6px;padding:4px 6px;font-size:8px;font-weight:800}.speaking-controls{grid-template-columns:1fr 1.5fr;gap:12px;margin-top:18px;display:grid}.demo-button,.record-button{border-radius:14px;align-items:center;min-height:62px;padding:10px 17px;display:flex}.demo-button{text-align:left;background:#f4efe6;gap:12px}.demo-button.is-playing{background:var(--indigo-soft);color:var(--indigo)}.demo-button>span{border:1px solid var(--line);color:var(--indigo);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.demo-button>div{flex-direction:column;display:flex}.demo-button strong{font-size:12px}.demo-button small{color:var(--muted);margin-top:3px;font-size:9px}.record-button{background:var(--red);color:#fff;justify-content:center;gap:13px;font-size:13px;font-weight:700}.record-button.is-listening{background:var(--red-dark)}.whole-demo-button{color:var(--indigo);background:0 0;margin-top:10px;padding:3px 0;font-size:9px;font-weight:700}.record-dot{box-sizing:content-box;background:#fff;border:4px solid #ffffff47;border-radius:50%;width:11px;height:11px}.record-button.is-listening .record-dot{animation:1.2s ease-in-out infinite listening}@keyframes listening{0%,to{box-shadow:0 0 #fff6}50%{box-shadow:0 0 0 9px #fff0}}.speech-message{color:var(--muted);background:#f7f2e9;border-radius:10px;margin:14px 0 0;padding:10px 12px;font-size:10px;line-height:1.6}.speech-result{border-top:1px solid var(--line);grid-template-columns:92px 1fr;align-items:center;gap:25px;margin-top:20px;padding-top:22px;display:grid}.speech-score{--score:0deg;background:conic-gradient(var(--green) var(--score), #e4ded2 0deg);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:86px;height:86px;display:flex;position:relative}.speech-score:before{background:var(--paper);content:"";border-radius:50%;position:absolute;inset:6px}.speech-score strong,.speech-score span{position:relative}.speech-score strong{font-size:25px}.speech-score span{color:var(--muted);font-size:8px}.speech-result-copy>span{color:var(--muted);font-size:9px}.speech-result-copy>p{color:var(--indigo);margin:5px 0 12px;font-family:Yu Mincho,Noto Serif JP,serif;font-size:18px}.score-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.score-metrics>span{background:#f3eee5;border-radius:9px;flex-direction:column;padding:9px 10px;display:flex}.score-metrics strong{color:var(--green);font-size:13px}.score-metrics small{color:var(--muted);margin-top:3px;font-size:7px}.self-check{justify-content:space-between;align-items:center;margin-top:15px;padding:21px 24px;display:flex}.self-check h2{margin:5px 0 4px;font-size:15px}.self-check p{color:var(--muted);margin:0;font-size:9px}.self-check>div:last-child{gap:7px;display:flex}.self-check button{background:#f3eee4;border-radius:9px;min-height:35px;padding:0 10px;font-size:9px}.self-check button:hover{background:var(--indigo-soft);color:var(--indigo)}.speaking-disclaimer{color:var(--muted);text-align:center;font-size:9px;line-height:1.6}.selection-translator{background:var(--paper);z-index:70;border:1px solid #253b622e;border-radius:17px;width:380px;max-height:min(520px,70vh);padding:15px;position:fixed;overflow-y:auto;transform:translate(-50%);box-shadow:0 22px 64px #2a261e3d}.selection-translator.is-above{transform:translate(-50%,-100%)}.selection-translator-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.selection-translator-top>div{flex-direction:column;min-width:0;display:flex}.selection-translator-top span{color:var(--red);letter-spacing:.13em;font-size:8px;font-weight:800}.selection-translator-top strong{overflow-wrap:anywhere;margin-top:5px;font-family:Yu Mincho,Noto Serif JP,serif;font-size:18px;line-height:1.45}.selection-translator-top>button{color:var(--muted);background:#f2ede4;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:17px;display:flex}.selection-phrase-result{background:var(--indigo-soft);border-radius:11px;margin-top:12px;padding:11px 12px}.selection-phrase-result span{color:var(--indigo);font-size:8px;font-weight:800}.selection-phrase-result p{margin:5px 0 0;font-size:11px;line-height:1.65}.selection-word-list{flex-direction:column;gap:8px;margin-top:11px;display:flex}.selection-word-list>small{color:var(--muted);font-size:8px}.selection-word-list article{border:1px solid var(--line);background:#f8f5ee;border-radius:12px;padding:11px 12px}.selection-word-main{justify-content:space-between;align-items:center;display:flex}.selection-word-main>div{flex-direction:column;display:flex}.selection-word-main strong{color:var(--indigo);font-family:Yu Mincho,Noto Serif JP,serif;font-size:18px}.selection-word-main span{color:var(--muted);margin-top:2px;font-size:9px}.selection-sound{border:1px solid var(--line);color:var(--indigo);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;display:flex}.selection-word-list article>p{margin:7px 0 9px;font-size:12px}.selection-word-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.selection-word-actions small{color:var(--muted);font-size:8px}.selection-word-actions button{color:var(--indigo);background:#ece6da;border-radius:8px;min-height:32px;padding:0 10px;font-size:9px;font-weight:700}.selection-word-actions button.is-saved{color:#8a6414;background:#fff0c8}.selection-no-result{background:#f8f5ee;border-radius:11px;margin-top:12px;padding:13px}.selection-no-result strong{font-size:11px}.selection-no-result p{color:var(--muted);margin:6px 0 0;font-size:9px;line-height:1.65}.wordbook-shell{max-width:980px;margin:0 auto}.wordbook-intro{color:#fff;background:linear-gradient(130deg,#263e66,#1f2f4c)}.wordbook-intro p{color:#c8d0df;max-width:650px}.wordbook-count{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;width:108px;height:108px;display:flex}.wordbook-count strong{font-size:30px}.wordbook-count span{color:#c8d0df;font-size:9px}.wordbook-toolbar{justify-content:space-between;align-items:flex-end;gap:16px;margin:18px 0;padding:16px 18px;display:flex}.wordbook-toolbar label{flex-direction:column;flex:1;gap:6px;display:flex}.wordbook-toolbar label>span{color:var(--muted);font-size:9px;font-weight:700}.wordbook-toolbar input{border:1px solid var(--line);background:#f7f3ec;border-radius:10px;width:100%;height:42px;padding:0 13px;font-size:12px}.wordbook-toolbar input:focus{border-color:var(--indigo);outline:3px solid #253b621a}.wordbook-scope{background:#f1ece3;border-radius:10px;gap:3px;padding:3px;display:flex}.wordbook-scope button{color:var(--muted);background:0 0;border-radius:8px;min-height:36px;padding:0 12px;font-size:9px}.wordbook-scope button.active{color:var(--indigo);background:#fff;font-weight:800;box-shadow:0 2px 8px #36302514}.wordbook-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.wordbook-entry{flex-direction:column;min-height:220px;padding:18px;display:flex}.wordbook-entry-top{justify-content:space-between;align-items:center;display:flex}.wordbook-entry-top>span{color:var(--red);font-size:8px;font-weight:800}.wordbook-entry-top button{background:var(--indigo-soft);color:var(--indigo);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.wordbook-entry>strong{color:var(--indigo);margin-top:12px;font-family:Yu Mincho,Noto Serif JP,serif;font-size:25px}.wordbook-entry>span{color:var(--muted);margin-top:2px;font-size:10px}.wordbook-entry>p{margin:12px 0;font-size:12px}.wordbook-entry-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:11px;display:flex}.wordbook-entry-foot small{color:var(--muted);font-size:8px}.wordbook-entry-foot button{color:var(--muted);text-underline-offset:3px;font-size:8px;text-decoration:underline}.wordbook-entry-foot button:hover{color:var(--red)}.wordbook-empty{text-align:center;flex-direction:column;align-items:center;margin-top:18px;padding:54px 24px;display:flex}.wordbook-empty>span{color:var(--indigo);font-size:42px}.wordbook-empty h2{margin:10px 0 8px;font-size:22px}.wordbook-empty p{color:var(--muted);max-width:510px;margin:0 0 20px;font-size:11px;line-height:1.7}.wordbook-empty small{color:var(--muted);margin-top:13px;font-size:8px}.wordbook-empty.compact-empty{padding:38px 24px}.mobile-nav{display:none}@media (width<=1050px){.topbar{grid-template-columns:235px 1fr auto;padding:0 20px}.top-stats>span:last-child{display:none}.top-stats>span{min-width:78px}.app-body{grid-template-columns:235px minmax(0,1fr)}.content-area{padding-left:24px;padding-right:24px}.hero-card{padding:37px 36px}.word-preview-grid{grid-template-columns:repeat(2,1fr)}.wordbook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.topbar{grid-template-columns:auto 1fr auto;height:64px;padding:0 15px}.brand>span:last-child,.top-stats{display:none}.brand-mark{border-radius:11px 11px 11px 4px;width:38px;height:38px;font-size:19px}.wordbook-shortcut{width:40px;height:40px}.lesson-switcher{width:min(100%,360px);min-width:0}.lesson-picker{min-width:min(92vw,520px);max-height:calc(100dvh - 136px)}.app-body{min-height:calc(100vh - 64px);display:block}.sidebar{display:none}.content-area{padding:18px 18px 96px}.overview-grid{grid-template-columns:1fr}.intro-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-sentence-grid,.expression-grid{grid-template-columns:1fr}.proper-noun-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card,.route-card,.goals-card,.stats-card{grid-column:auto}.mobile-nav{border-top:1px solid var(--line);padding:7px 8px calc(7px + env(safe-area-inset-bottom));z-index:30;background:#fffdf8f2;grid-template-columns:repeat(5,1fr);align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{background:0 0;border-radius:10px;flex-direction:column;align-items:center;gap:3px;min-height:48px;padding:5px;display:flex}.mobile-nav button>span{background:#f1ebe0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:27px;font-size:11px;font-weight:800;display:flex}.mobile-nav button small{color:var(--muted);font-size:9px}.mobile-nav button.active>span{background:var(--indigo);color:#fff}.mobile-nav button.active small{color:var(--indigo);font-weight:700}}@media (width<=620px){.selection-translator,.selection-translator.is-above{bottom:calc(76px + env(safe-area-inset-bottom));width:auto;max-height:min(55vh,460px);right:12px;transform:none;top:auto!important;left:12px!important}.wordbook-shortcut{border-radius:10px;width:38px;height:38px;font-size:18px}.wordbook-intro{align-items:flex-start}.wordbook-count{width:76px;height:76px}.wordbook-count strong{font-size:22px}.wordbook-toolbar{flex-direction:column;align-items:stretch}.wordbook-scope{grid-template-columns:1fr 1fr;display:grid}.wordbook-grid{grid-template-columns:1fr}.wordbook-entry{min-height:200px}.topbar-center{justify-self:stretch;margin-left:12px}.lesson-switcher{width:100%}.lesson-switcher strong{text-overflow:ellipsis;white-space:nowrap;max-width:145px;overflow:hidden}.lesson-picker{left:auto;right:-6px;transform:none}.unit-tabs{grid-template-columns:repeat(3,1fr);display:grid}.unit-tabs button{min-width:0}.lesson-picker-grid{grid-template-columns:1fr}.content-topline{margin-bottom:14px}.content-topline>div:first-child strong,.content-topline>div:first-child i{display:none}.hero-card{flex-direction:column;min-height:0;padding:30px 24px}.hero-card:after{width:200px;height:200px;font-size:130px;line-height:190px;top:-75px;right:-70px}.hero-copy h1{font-size:34px}.hero-summary{margin:17px 0 20px;font-size:12px}.textbook-anchor{flex-direction:column;align-items:flex-start;margin-top:-7px}.textbook-anchor small{border-left:0;padding-left:0}.hero-actions{flex-direction:column;align-items:stretch}.hero-progress{width:90px;height:90px;margin:24px 0 0}.hero-progress strong{font-size:19px}.route-card,.goals-card,.stats-card,.section-card,.grammar-card,.question-card,.speaking-card{padding:23px 20px}.module-intro{flex-direction:column;align-items:flex-start;gap:20px;padding:27px 23px}.time-badge,.chapter-mark{width:68px;height:68px;position:absolute;top:22px;right:22px}.time-badge strong{font-size:25px}.chapter-mark{font-size:30px}.module-intro>div:first-child{max-width:calc(100% - 58px)}.study-intro>div:first-child{width:100%;max-width:100%}.study-intro h1,.study-intro>div:first-child>p{padding-right:52px}.study-test-jump{max-width:100%}.word-preview-grid,.grammar-map,.study-grammar-grid,.answer-list,.intro-section-grid,.proper-noun-grid,.romaji-spelling,.word-recall{grid-template-columns:1fr}.romaji-kana-card{min-height:130px}.word-cue-card{min-height:138px}.romaji-input,.typed-input{padding:17px}.section-heading{flex-direction:column;align-items:flex-start;gap:6px}.module-finish{flex-direction:column;align-items:stretch;gap:15px}.vocab-row{grid-template-columns:40px 1fr auto;gap:9px;padding:9px 0}.vocab-meaning{display:none}.memory-button{padding:0 9px}.scene-card{grid-template-columns:auto 1fr;padding:21px}.round-play{grid-column:2;justify-self:start;width:42px;height:42px}.test-header,.review-header,.speaking-hero{align-items:flex-start;gap:16px}.test-header h1,.review-header h1,.speaking-hero h1{font-size:29px}.question-card>h2{font-size:20px}.question-actions{flex-direction:column;align-items:stretch;gap:12px}.result-card{margin-top:24px;padding:32px 22px}.result-actions{flex-direction:column-reverse;align-items:stretch;width:100%}.review-counter{width:72px;height:72px}.review-counter strong{font-size:22px}.review-card{min-height:340px;padding:26px 22px}.review-audio-button{top:18px;right:18px}.review-rating>div{gap:6px}.privacy-chip{display:none}.speaking-controls{grid-template-columns:1fr}.voice-quality-panel{grid-template-columns:1fr;align-items:stretch}.selected-voice-copy strong{white-space:normal}.pace-control>div{align-self:flex-start}.speech-result{grid-template-columns:76px 1fr}.speech-score{width:72px;height:72px}.score-metrics{grid-template-columns:1fr}.self-check{flex-direction:column;align-items:stretch;gap:14px}.self-check>div:last-child{grid-template-columns:repeat(3,1fr);display:grid}}.auth-shell,.account-shell{min-height:100dvh}.auth-shell{background:radial-gradient(circle at 15% 15%, #d8553f1f, transparent 26rem), var(--canvas);grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);display:grid}.auth-card,.account-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;place-self:center;width:calc(100% - 80px);max-width:560px;margin:40px;padding:48px}.auth-brand{align-items:center;gap:12px;display:flex}.auth-brand>div{flex-direction:column;display:flex}.auth-brand strong{letter-spacing:.04em;font-size:18px}.auth-brand small{color:var(--muted);margin-top:3px;font-size:10px}.auth-heading{margin-top:42px}.auth-heading>span{color:var(--red);letter-spacing:.2em;font-size:10px;font-weight:800}.auth-heading h1{letter-spacing:-.035em;margin:12px 0 14px;font-family:Noto Serif SC,Songti SC,Yu Mincho,serif;font-size:clamp(34px,4vw,48px);font-weight:600;line-height:1.12}.auth-heading p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.auth-notice{border-radius:11px;margin:20px 0 -4px;padding:11px 13px;font-size:11px;line-height:1.6}.auth-notice.error{background:var(--red-soft);color:var(--red-dark)}.auth-notice.success{background:var(--green-soft);color:var(--green)}.auth-form{flex-direction:column;gap:17px;margin-top:30px;display:flex}.auth-form label{flex-direction:column;gap:8px;display:flex}.auth-form label>span{font-size:11px;font-weight:750}.auth-form input{border:1px solid var(--line);background:#faf7f0;border-radius:12px;outline:0;width:100%;height:50px;padding:0 15px;font-size:14px;transition:border-color .15s,box-shadow .15s}.auth-form input:focus{border-color:var(--indigo);box-shadow:0 0 0 4px #253b6217}.auth-form>button{background:var(--indigo);color:#fff;border-radius:12px;justify-content:space-between;align-items:center;height:52px;margin-top:4px;padding:0 18px;font-size:13px;font-weight:750;display:flex}.auth-form>button:hover{background:#182b4e}.password-hint{color:var(--muted);margin-top:-7px;font-size:10px;line-height:1.6}.auth-footnote{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.auth-footnote span{color:var(--green);letter-spacing:.1em;font-size:9px;font-weight:800}.auth-footnote p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.6}.auth-side{background:var(--indigo);color:#fff;flex-direction:column;justify-content:center;padding:clamp(48px,8vw,110px);display:flex;position:relative;overflow:hidden}.auth-side:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:440px;height:440px;position:absolute;top:-180px;right:-210px}.auth-side-kicker{color:#f1b5a9;letter-spacing:.28em;font-size:11px;font-weight:800}.auth-side blockquote{margin:30px 0 16px;font-family:Yu Mincho,Noto Serif JP,serif;font-size:clamp(40px,5.5vw,72px);font-weight:500;line-height:1.25}.auth-side>p{color:#ffffffa3;margin:0;font-size:13px;line-height:1.8}.auth-side ol{border-top:1px solid #ffffff21;flex-direction:column;gap:18px;margin:54px 0 0;padding:28px 0 0;list-style:none;display:flex}.auth-side li{color:#ffffffd6;align-items:center;gap:15px;font-size:12px;display:flex}.auth-side li span{color:#f1b5a9;letter-spacing:.12em;font-size:9px;font-weight:800}.account-shell{background:radial-gradient(circle at 82% 12%, #253b621a, transparent 30rem), var(--canvas);justify-content:center;align-items:center;padding:30px;display:flex}.account-card{width:min(560px,100%);margin:0}.account-back{color:var(--indigo);margin-top:24px;font-size:11px;font-weight:700;text-decoration:none;display:inline-block}.topbar{grid-template-columns:258px minmax(260px,1fr) 390px}.account-control{flex:none;position:relative}.account-trigger{background:#f3eee4;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;height:44px;padding:5px 9px 5px 6px;display:flex}.account-trigger:hover,.account-trigger[aria-expanded=true]{border-color:var(--line);background:var(--paper)}.account-avatar{background:var(--indigo);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.account-summary{text-align:left;flex-direction:column;min-width:58px;display:flex}.account-summary strong{white-space:nowrap;font-size:10px}.account-summary small{color:var(--green);margin-top:2px;font-size:8px}.account-popover{background:var(--paper);border:1px solid var(--line);z-index:50;border-radius:15px;grid-template-columns:10px 1fr;align-items:center;gap:10px;min-width:220px;padding:14px;display:grid;position:absolute;top:52px;right:0;box-shadow:0 18px 50px #2c271f2e}.sync-dot{background:var(--green);border-radius:50%;width:8px;height:8px}.sync-dot.saving{background:var(--gold)}.sync-dot.offline,.sync-dot.error{background:var(--red)}.account-popover-copy{flex-direction:column;display:flex}.account-popover-copy strong{font-size:12px}.account-popover-copy small{color:var(--muted);margin-top:3px;font-size:9px}.account-popover>a,.account-popover form{grid-column:1/-1}.account-popover>a,.account-popover form button{color:var(--ink);text-align:left;background:#f6f1e8;border-radius:9px;width:100%;padding:10px 11px;font-size:10px;font-weight:700;text-decoration:none;display:block}.account-popover form{margin:-5px 0 0}.legacy-import-banner{background:linear-gradient(135deg, var(--indigo), #334f7c);color:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin:0 0 18px;padding:19px 20px;display:flex}.legacy-import-banner>div:first-child{flex-direction:column;display:flex}.legacy-import-banner span{color:#f1b5a9;letter-spacing:.08em;font-size:9px;font-weight:800}.legacy-import-banner strong{margin-top:4px;font-size:14px}.legacy-import-banner p{color:#ffffffb3;margin:4px 0 0;font-size:10px;line-height:1.6}.legacy-import-banner>div:last-child{flex:none;gap:8px;display:flex}.legacy-import-banner .ghost-button{color:#fff;background:#ffffff14;border-color:#ffffff38}.legacy-import-banner .primary-button{color:var(--indigo);background:#fff}.cloud-notice{border-radius:11px;justify-content:space-between;align-items:center;margin:0 0 16px;padding:10px 12px;font-size:10px;line-height:1.6;display:flex}.cloud-notice.success{background:var(--green-soft);color:var(--green)}.cloud-notice.error,.cloud-notice.warning{background:var(--red-soft);color:var(--red-dark)}.cloud-notice button{color:inherit;background:0 0;margin-left:12px;font-size:17px;line-height:1}@media (width<=1050px){.topbar{grid-template-columns:235px minmax(200px,1fr) auto}.account-summary{display:none}.account-trigger{width:44px;padding:5px}}@media (width<=820px){.topbar{grid-template-columns:auto minmax(0,1fr) auto}.auth-shell{padding:24px 0;display:block}.auth-card{width:calc(100% - 32px);margin:0 auto}.auth-side{display:none}.account-trigger{width:40px;height:40px}.account-avatar{width:28px;height:28px}.legacy-import-banner{flex-direction:column;align-items:stretch}.legacy-import-banner>div:last-child{justify-content:flex-end}}@media (width<=520px){.auth-card,.account-card{border-radius:20px;padding:30px 22px}.auth-card{width:calc(100% - 24px)}.account-shell{padding:12px}.auth-heading{margin-top:34px}.auth-heading h1{font-size:34px}.legacy-import-banner>div:last-child{grid-template-columns:1fr 1.25fr;display:grid}.legacy-import-banner .primary-button,.legacy-import-banner .ghost-button{min-height:44px;padding:0 12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}