/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--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;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.contents{display:contents}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.text-\[\#71717a\]{color:#71717a}.text-muted-foreground{color:var(--muted-foreground)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--paper-0:#fbf8f1;--paper-1:#f4eee1;--paper-2:#efe7d6;--surface:#fff;--surface-2:#faf6ec;--surface-sink:#f7f2e7;--ink:#221d16;--ink-2:#564e40;--ink-3:#8c8270;--ink-4:#b6ac97;--line:#e7dfcd;--line-2:#dcd2bc;--line-strong:#c9bd9f;--shu:#bc3a26;--shu-deep:#9b2c1b;--shu-soft:#f3ddd6;--shu-tint:#fbeeea;--ai:#2b4c66;--ai-soft:#e1e8ee;--matcha:#5c7a4a;--matcha-soft:#e4ead9;--gold:#a8812f;--accent:var(--shu);--accent-deep:var(--shu-deep);--accent-soft:var(--shu-soft);--accent-tint:var(--shu-tint);--accent-button-bg:var(--accent);--accent-button-border:var(--accent);--accent-button-hover-bg:var(--accent-deep);--accent-button-hover-border:var(--accent-deep);--accent-button-text:#fff;--selected-bg:var(--ink);--selected-border:var(--ink);--selected-text:#fff;--selected-muted:#fff9;--background:var(--paper-0);--foreground:var(--ink);--card:var(--surface);--card-foreground:var(--ink);--popover:var(--surface);--popover-foreground:var(--ink);--primary:var(--accent);--primary-foreground:var(--accent-button-text);--secondary:var(--paper-2);--secondary-foreground:var(--ink);--muted:var(--paper-2);--muted-foreground:var(--ink-3);--destructive:var(--shu);--destructive-foreground:var(--accent-button-text);--input:var(--line-2);--ring:var(--accent);--radius:var(--r-md);--font-ui:"Noto Sans Thai","Noto Sans JP",system-ui,sans-serif;--font-jp:"Noto Sans JP","Noto Sans Thai",sans-serif;--font-mincho:"Noto Serif JP",serif;--font-paper:"Noto Serif JP","Noto Sans Thai",serif;--font-mono:"Noto Sans Mono",ui-monospace,monospace;--r-xs:3px;--r-sm:5px;--r-md:8px;--r-lg:12px;--r-xl:16px;--sh-1:0 1px 2px #3c301c0f;--sh-2:0 2px 8px #3c301c14;--sh-3:0 8px 28px #3228161f;--sh-card:0 1px 0 #fff9 inset,0 1px 3px #3c301c12;--gap:16px;--bg:var(--paper-0);--bg-2:var(--paper-1);--border:var(--line);--border-strong:var(--line-strong);--text:var(--ink);--muted-text:var(--ink-3);--soft:var(--ink-2);--teal:var(--ai);--blue:var(--ai);--amber:var(--gold);--danger:var(--shu);--good:var(--matcha);--shadow:var(--sh-3)}*{box-sizing:border-box}body,html{background:var(--paper-0);height:100%;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;margin:0;padding:0;font-size:15.5px;overflow-x:hidden}body[data-live-quiz=true],html[data-live-quiz=true]{color:#f8fafc;color-scheme:dark;background:#070913}::selection{background:var(--accent-soft);color:var(--ink)}button{cursor:pointer;color:inherit;touch-action:manipulation;font-family:inherit}input,textarea{font-family:inherit;font:inherit}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--line-2);background-clip:content-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--line-strong)}::-webkit-scrollbar-track{background:0 0}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:11px;font-weight:700}.hanko{font-family:var(--font-mincho);color:var(--surface);background:var(--accent);justify-content:center;align-items:center;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1.5px #ffffff2e}.hanko,.kbd{border-radius:var(--r-xs)}.kbd{font-family:var(--font-mono);background:var(--surface);color:var(--ink-2);border:solid var(--line-2);border-width:1px 1px 2px;padding:1px 5px;font-size:11px}.route-state{background:var(--paper-0);min-height:100vh;color:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.route-state h1{margin:0;font-size:28px;line-height:1.15}.route-state p{max-width:520px;color:var(--ink-2);margin:0}.app{background:var(--paper-0);width:100vw;height:100vh;color:var(--ink);color-scheme:light;grid-template-columns:252px minmax(0,1fr);display:grid;overflow:hidden}.app[data-theme=dark]{color-scheme:dark;--paper-0:#06111c;--paper-1:#0a1724;--paper-2:#102234;--surface:#0d1b2a;--surface-2:#102235;--surface-sink:#081522;--ink:#f3f8fc;--ink-2:#c9d8e6;--ink-3:#91a4b7;--ink-4:#62758a;--line:#1e3144;--line-2:#2a4055;--line-strong:#3f5b73;--shu:#ff7a45;--shu-deep:#ffb181;--shu-soft:#4b261c;--shu-tint:#2b1a16;--ai:#5b8cff;--ai-soft:#142a4a;--matcha:#34d399;--matcha-soft:#123326;--gold:#f59e0b;--accent:#17c9bd;--accent-deep:#7af7ec;--accent-soft:#0b3a43;--accent-tint:#0a2d35;--shadow:0 20px 60px #00000075;--sh-1:0 1px 2px #0000003d;--sh-2:0 2px 12px #00000047;--sh-3:0 14px 42px #0000005c;--sh-card:0 1px 0 #ffffff0a inset,0 1px 3px #00000038;--accent-button-bg:var(--accent);--accent-button-border:var(--accent);--accent-button-hover-bg:var(--accent-deep);--accent-button-hover-border:var(--accent-deep);--accent-button-text:#031b20;--selected-bg:#0a4b56;--selected-border:var(--accent);--selected-text:#f3fffe;--selected-muted:#e0fffcad;--background:var(--paper-0);--foreground:var(--ink);--card:var(--surface);--card-foreground:var(--ink);--popover:var(--surface);--popover-foreground:var(--ink);--primary:var(--accent);--primary-foreground:var(--accent-button-text);--secondary:var(--paper-2);--secondary-foreground:var(--ink);--muted:var(--paper-2);--muted-foreground:var(--ink-3);--destructive:var(--shu);--destructive-foreground:#101215;--border:var(--line);--input:var(--line-2);--ring:var(--accent);--bg:var(--paper-0);--bg-2:var(--paper-1);--border-strong:var(--line-strong);--text:var(--ink);--muted-text:var(--ink-3);--soft:var(--ink-2);--teal:var(--accent);--blue:var(--ai);--amber:var(--gold);--danger:var(--shu);--good:var(--matcha)}.sidebar{background:var(--paper-1);border-right:1px solid var(--line-2);flex-direction:column;gap:6px;padding:18px 14px;display:flex;overflow-y:auto}.brand{align-items:center;gap:11px;padding:4px 6px 16px;display:flex}.brand .hanko{letter-spacing:-1px;width:40px;height:40px;box-shadow:var(--sh-1),inset 0 0 0 1.5px #ffffff2e;flex-direction:column;font-size:19px;line-height:1}.brand .brand-name{color:var(--ink);letter-spacing:-.01em;font-size:15px;font-weight:700}.brand .brand-sub{color:var(--ink-3);margin-top:1px;font-size:11px}.nav-group-label{letter-spacing:.13em;text-transform:uppercase;color:var(--ink-4);padding:14px 8px 6px;font-size:10.5px;font-weight:700}.course-item{text-align:left;border-radius:var(--r-md);width:100%;color:var(--ink-2);background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:11px 12px;transition:background .14s,border-color .14s,color .14s;display:flex}.course-item:hover{background:var(--surface-sink)}.course-item.active{background:var(--surface);border-color:var(--line-2);box-shadow:var(--sh-1);color:var(--ink)}.course-item.active .ci-glyph{background:var(--accent-button-bg);color:var(--accent-button-text);border-color:#0000}.app[data-theme=dark] .course-item.active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.app[data-theme=dark] .course-item.active{background:color-mix(in srgb,var(--accent) 18%,var(--surface))}}.app[data-theme=dark] .course-item.active{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.app[data-theme=dark] .course-item.active{border-color:color-mix(in srgb,var(--accent) 56%,var(--line-2))}}.ci-glyph{border-radius:var(--r-sm);width:34px;height:34px;font-family:var(--font-mincho);background:var(--surface);border:1px solid var(--line-2);color:var(--ink-2);flex:none;place-items:center;font-size:18px;font-weight:600;display:grid}.ci-body{flex:1;gap:2px;min-width:0;display:grid}.ci-title{font-size:13.5px;font-weight:600}.ci-meta,.ci-title{overflow-wrap:anywhere;min-width:0;line-height:1.25;display:block}.ci-meta{margin-top:1px}.ci-count,.ci-meta{color:var(--ink-3);font-size:11px}.ci-count{font-weight:700;font-family:var(--font-mono);flex:none}.side-link{text-align:left;border-radius:var(--r-sm);width:100%;color:var(--ink-2);background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;font-size:13px;text-decoration:none;display:flex}.side-link:hover{background:var(--surface-sink)}.side-link .sl-ic{width:17px;height:17px;color:var(--ink-3);flex:none}.badge-soon{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);border:1px dashed var(--line-strong);border-radius:99px;padding:1px 6px;font-size:9.5px}.badge-num,.badge-soon{margin-left:auto;font-weight:700}.badge-num{color:var(--accent);font-size:11px;font-family:var(--font-mono)}.badge-new{letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--accent);border-radius:99px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:800}.game-link{border:1px solid var(--line);background:var(--surface);box-shadow:var(--sh-1)}.game-link>span:not(.badge-new){gap:1px;min-width:0;display:grid}.game-link b{font-size:13px}.game-link small{color:var(--ink-3);font-size:10px;font-weight:500}.side-foot{margin-top:auto;padding-top:14px}.sync-chip{color:var(--ink-3);border-radius:var(--r-sm);background:var(--surface-sink);border:1px solid var(--line);align-items:center;gap:8px;padding:9px 11px;font-size:11px;display:flex}.sync-dot{background:var(--gold);border-radius:99px;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #a8812f29}.main{flex-direction:column;min-width:0;overflow:hidden}.main,.topbar{background:var(--paper-0);display:flex}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:13px 26px}@supports (color:color-mix(in lab,red,red)){.topbar{background:color-mix(in srgb,var(--paper-0) 86%,transparent)}}.topbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;flex-shrink:0;position:relative}.tb-title-wrap{min-width:0}.tb-crumb{color:var(--ink-3);align-items:center;gap:6px;font-size:11.5px;display:flex}.tb-crumb b{color:var(--ink-2);font-weight:600}.tb-title{letter-spacing:-.015em;margin-top:1px;font-size:19px;font-weight:700;line-height:1.15}.tb-spacer{flex:1}.tb-tool{align-items:center;gap:9px;display:flex}.lang-switch{background:var(--surface-sink);border:1px solid var(--line-2);border-radius:99px;padding:2px;display:inline-flex}.lang-switch button{color:var(--ink-3);background:0 0;border:none;border-radius:99px;padding:5px 12px;font-size:12px;font-weight:600}.lang-switch button.on{color:var(--ink)}.lang-switch button.on,.theme-toggle{background:var(--surface);box-shadow:var(--sh-1)}.theme-toggle{border:1px solid var(--line-2);min-height:34px;color:var(--ink-2);border-radius:99px;justify-content:center;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.theme-toggle:hover{background:var(--surface-sink);border-color:var(--line-strong);color:var(--ink)}.stroke-mini{background:var(--surface);border:1px solid var(--line-2);border-radius:99px;align-items:center;gap:9px;padding:6px 13px;display:flex}.stroke-mini label{color:var(--ink-3);font-size:11px;font-weight:600}.stroke-mini input[type=range]{width:84px;accent-color:var(--accent)}.stroke-mini .sw-val{font-family:var(--font-mono);color:var(--ink-2);text-align:right;width:26px;font-size:11px}.streak-chip{color:var(--ink-2);background:var(--surface);border:1px solid var(--line-2);border-radius:99px;align-items:center;gap:7px;padding:6px 11px;font-size:12px;font-weight:600;display:flex}.streak-chip .fire{color:var(--gold)}.streak-date{color:var(--ink-4);white-space:nowrap;font-weight:500}.avatar{background:linear-gradient(150deg,var(--ai),var(--accent));color:#fff;border:2px solid var(--surface);width:34px;height:34px;box-shadow:var(--sh-1);border-radius:99px;place-items:center;font-size:13px;font-weight:700;display:grid}.modebar{border-bottom:1px solid var(--line);background:var(--paper-0);flex-shrink:0;align-items:center;gap:4px;padding:8px 26px 0;display:flex}.mode-tab{color:var(--ink-3);border-radius:var(--r-sm) var(--r-sm) 0 0;background:0 0;border:none;align-items:center;gap:7px;padding:11px 16px 13px;font-size:13.5px;font-weight:600;display:inline-flex;position:relative}.mode-tab:hover{color:var(--ink-2);background:var(--surface-sink)}.mode-tab.on{color:var(--ink)}.mode-tab.on:after{content:"";background:var(--accent);border-radius:99px;height:2.5px;position:absolute;bottom:-1px;left:12px;right:12px}.mode-tab .mt-ic{flex-shrink:0;width:15px;height:15px}.content{flex:1;min-height:0;padding:22px 26px 60px}.content,.rail{overflow-y:auto}.rail{background:var(--paper-1);border-left:1px solid var(--line-2);flex-direction:column;gap:18px;padding:20px 18px;display:flex}.rail-sec-title{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);gap:7px;margin-bottom:11px;font-size:11px;font-weight:700}.rail-sec-title,.ring-wrap{align-items:center;display:flex}.ring-wrap{gap:16px}.ring{flex:none;width:78px;height:78px}.ring-meta .rm-big{letter-spacing:-.02em;font-size:22px;font-weight:800}.ring-meta .rm-sub{color:var(--ink-3);font-size:11.5px}.prog-list{flex-direction:column;gap:10px;margin-top:14px;display:flex}.prog-row .pr-top{justify-content:space-between;margin-bottom:5px;font-size:12px;display:flex}.pr-top .pr-name{color:var(--ink-2);font-weight:600}.pr-top .pr-num{color:var(--ink-3);font-family:var(--font-mono)}.bar{background:var(--paper-2);height:6px;overflow:hidden}.bar,.bar>i{border-radius:99px}.bar>i{background:var(--accent);height:100%;display:block}.stat-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:12px}.stat-card .sc-val{letter-spacing:-.02em;font-size:20px;font-weight:800}.stat-card .sc-val small{color:var(--ink-3);font-size:12px;font-weight:600}.stat-card .sc-lab{color:var(--ink-3);margin-top:2px;font-size:11px}.continue-card{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--sh-card);padding:14px}.continue-card .cc-lab{color:var(--ink-3);font-size:11px;font-weight:600}.continue-card .cc-title{margin:3px 0 11px;font-size:14px;font-weight:700}.weekbar{align-items:flex-end;gap:5px;height:42px;display:flex}.weekbar .wb{background:var(--paper-2);border-radius:3px;flex-direction:column;flex:1;justify-content:flex-end;display:flex;position:relative}.weekbar .wb>i{background:var(--accent);opacity:.85;border-radius:3px;width:100%;display:block}.weekbar .wb.today>i{background:var(--ai)}.weeklab{gap:5px;margin-top:5px;display:flex}.weeklab span{text-align:center;color:var(--ink-4);flex:1;font-size:9.5px}.future-note{color:var(--ink-3);background:var(--surface-sink);border:1px dashed var(--line-strong);border-radius:var(--r-md);align-items:flex-start;gap:9px;padding:11px 13px;font-size:11.5px;line-height:1.5;display:flex}.future-note svg{width:15px;height:15px;color:var(--gold);flex:none;margin-top:1px}.btn{border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--surface);color:var(--ink);justify-content:center;align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:600;transition:background .13s,border-color .13s,transform 50ms;display:inline-flex}.btn:hover{background:var(--surface-sink);border-color:var(--line-strong)}.btn:active{transform:translateY(1px)}.btn .b-ic{width:16px;height:16px}.btn-primary{background:var(--accent-button-bg);border-color:var(--accent-button-border);color:var(--accent-button-text)}.btn-primary:hover{background:var(--accent-button-hover-bg);border-color:var(--accent-button-hover-border)}.btn-ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-sink)}.btn-sm{padding:6px 11px;font-size:12px}.btn.on{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-deep)}.btn[disabled]{opacity:.45;pointer-events:none}.seg{background:var(--surface-sink);border:1px solid var(--line-2);border-radius:var(--r-md);gap:2px;padding:3px;display:inline-flex}.seg button{border-radius:var(--r-sm);color:var(--ink-3);white-space:nowrap;background:0 0;border:none;padding:6px 13px;font-size:12.5px;font-weight:600}.seg button.on{color:var(--ink);box-shadow:var(--sh-1)}.panel,.seg button.on{background:var(--surface)}.panel{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-card)}.panel-h{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:13px 16px;display:flex}.panel-h h3{letter-spacing:-.01em;margin:0;font-size:13.5px;font-weight:700}.panel-h .ph-sub{color:var(--ink-3);font-size:11.5px}.panel-h .ph-right{align-items:center;gap:8px;margin-left:auto;display:flex}.panel-b{padding:16px}.stat-chip{color:var(--ink-3);border:1px solid var(--line);background:var(--surface);border-radius:99px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.lessonbar{align-items:center;gap:10px;width:min(100%,620px);margin-bottom:18px;display:flex}.lessonbar.compact{flex:220px;width:min(100%,440px);margin-bottom:0}.lessonbar .lb-label{color:var(--ink-3);flex:none;font-size:12px;font-weight:700}.lesson-select-wrap{flex:1;min-width:0;display:block;position:relative}.lesson-select-wrap:after{content:"";border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);pointer-events:none;width:7px;height:7px;position:absolute;top:50%;right:15px;transform:translateY(-70%)rotate(45deg)}.lesson-select-wrap select{appearance:none;border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface);width:100%;min-height:42px;color:var(--ink);font:inherit;cursor:pointer;outline:none;padding:9px 42px 9px 13px;font-size:13px;font-weight:700;transition:border-color .14s,box-shadow .14s,background .14s}.lessonbar.compact .lesson-select-wrap select{min-height:36px;padding-top:6px;padding-bottom:6px}.lesson-select-wrap select:hover{border-color:var(--line-strong);background:var(--surface-sink)}.lesson-select-wrap select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab,red,red)){.lesson-select-wrap select:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}}.kanji-layout{grid-template-columns:366px minmax(0,1fr);align-items:start;gap:18px;display:grid}.kcard{position:relative;overflow:hidden}.kcard-top{grid-template-columns:auto 1fr;gap:18px;padding:18px;display:grid}.kglyph-box{border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--paper-0);flex:none;place-items:center;width:150px;height:150px;display:grid;position:relative}.kglyph-box:before{content:"";background:repeating-linear-gradient(90deg,var(--line-strong) 0 5px,transparent 5px 11px);height:1px;position:absolute;top:50%;left:0;right:0}.kglyph-box:after{content:"";background:repeating-linear-gradient(0deg,var(--line-strong) 0 5px,transparent 5px 11px);width:1px;position:absolute;top:0;bottom:0;left:50%}.kglyph{font-family:var(--font-mincho);color:var(--ink);z-index:2;font-size:104px;font-weight:500;line-height:1;position:relative}.kcard-info{flex-direction:column;display:flex}.kcard-mean{letter-spacing:-.01em;font-size:19px;font-weight:700;line-height:1.2}.kreadings{flex-direction:column;gap:7px;margin-top:11px;display:flex}.kr-row{align-items:baseline;gap:9px;display:flex}.kr-tag{letter-spacing:.08em;text-align:center;border-radius:var(--r-xs);width:34px;color:var(--ink-4);border:1px solid var(--line);flex:none;padding:2px 0;font-size:10px;font-weight:800}.kr-tag.on{background:var(--ai-soft);color:var(--ai);border-color:#0000}.kr-tag.kun{background:var(--matcha-soft);color:var(--matcha);border-color:#0000}.kr-val{font-family:var(--font-jp);color:var(--ink);font-size:15px}.kcard-foot{border-top:1px solid var(--line);background:var(--surface-2);gap:12px;padding:12px 18px}.kcard-foot,.str-badge{align-items:center;display:flex}.str-badge{color:var(--ink-2);gap:6px;font-size:12px;font-weight:600}.str-badge b{font-family:var(--font-mono);color:var(--ink);font-size:14px}.bookmark-btn{border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);align-items:center;gap:6px;margin-left:auto;padding:7px 12px;font-size:12px;font-weight:600;display:flex}.bookmark-btn.on{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-deep)}.bookmark-btn svg{width:15px;height:15px}.vocab-float{z-index:40;position:fixed;bottom:20px;left:20px}.vocab-float-toggle{border-radius:var(--r-lg);border:1px solid var(--line-2);background:var(--surface);box-shadow:var(--sh-3);color:var(--ink);cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;display:flex}.vocab-float-toggle strong{font-family:var(--font-mincho);font-size:20px}.vocab-float-count{background:var(--ai-soft);color:var(--ai);border-radius:99px;padding:2px 7px;font-size:11px;font-weight:700}.vocab-float.open .vocab-float-toggle{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-deep)}.vocab-float-panel{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);width:320px;max-height:360px;box-shadow:var(--sh-3);position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto}.vocab-float-header{border-bottom:1px solid var(--line);background:var(--surface);z-index:2;padding:10px 14px;position:sticky;top:0}.vocab-float-panel .vrow{grid-template-columns:auto 1fr}@media (max-width:900px){.vocab-float{bottom:80px}}@media (max-width:600px){.vocab-float{bottom:80px;left:12px}.vocab-float-panel{width:calc(100vw - 24px)}}.stroke-stage{padding:12px}.stroke-target{border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--paper-0);width:200px;height:200px;position:relative}.stroke-fallback{font-family:var(--font-mincho);color:var(--ink);place-items:center;height:100%;font-size:130px;display:grid}.stroke-ctrls{justify-content:center;gap:8px;padding:0 12px 14px;display:flex}.kgrid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.kgrid button{aspect-ratio:1;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r-sm);font-family:var(--font-mincho);color:var(--ink);font-size:24px;transition:background .12s,border-color .12s;position:relative}.kgrid button:hover{background:var(--surface-sink)}.kgrid button.on{background:var(--selected-bg);color:var(--selected-text);border-color:var(--selected-border)}.kgrid button.bm:after{content:"";background:var(--accent);border-radius:99px;width:5px;height:5px;position:absolute;top:4px;right:4px}.hw-panel{flex-direction:column;display:flex}.hw-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:11px 14px;display:flex}.tool-group{background:var(--surface-sink);border:1px solid var(--line-2);border-radius:var(--r-md);gap:4px;padding:3px;display:flex}.tool-btn{border-radius:var(--r-sm);width:38px;height:34px;color:var(--ink-2);background:0 0;border:none;place-items:center;display:grid}.tool-btn.on,.tool-btn:hover{background:var(--surface)}.tool-btn.on{color:var(--accent);box-shadow:var(--sh-1)}.tool-btn svg{width:18px;height:18px}.hw-sw{align-items:center;gap:8px;padding:0 6px;display:flex}.hw-sw input[type=range]{width:96px;accent-color:var(--accent)}.hw-hint{color:var(--ink-3);text-align:center;padding:0 16px 14px;font-size:11.5px}.vocab-list{flex-direction:column;display:flex}.vrow{cursor:default;text-align:left;background:0 0;border:none;border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;padding:11px 16px;transition:background .1s;display:grid}.vrow:last-child{border-bottom:none}.vrow:hover{background:var(--surface-sink)}.vrow.on{background:var(--accent-tint);box-shadow:inset 3px 0 0 var(--accent)}.vrow .vw{color:var(--ink);font-size:18px;font-weight:600}.vrow .vr,.vrow .vw{font-family:var(--font-jp);display:block}.vrow .vr{color:var(--ink-3);font-size:11.5px;margin-top:1px}.vrow .vm{color:var(--ink-2);font-size:13px}.vrow .vtag{letter-spacing:.05em;text-transform:uppercase;border-radius:99px;padding:2px 7px;font-size:9.5px;font-weight:700}.vtag.basic{background:var(--ai-soft);color:var(--ai)}.vtag.extra{background:var(--shu-soft);color:var(--shu-deep)}.topic-tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.topic-tab{border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);border-radius:99px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:600;display:flex}.topic-tab .tt-jp{font-family:var(--font-jp);color:var(--ink-3);font-size:11px}.topic-tab:hover{border-color:var(--line-strong)}.topic-tab.on{background:var(--selected-bg);border-color:var(--selected-border);color:var(--selected-text)}.topic-tab.on .tt-jp{color:var(--selected-muted)}.review-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:18px;display:grid}.pattern-hero{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--sh-card);padding:22px}.pattern-hero .ph-jp{font-family:var(--font-mincho);color:var(--accent);font-size:15px;font-weight:600}.pattern-hero .ph-en{letter-spacing:-.02em;margin:4px 0 14px;font-size:23px;font-weight:800}.pattern-box{font-family:var(--font-jp);background:var(--selected-bg);color:var(--selected-text);border-radius:var(--r-md);margin-bottom:14px;padding:14px 18px;font-size:18px;font-weight:600;line-height:1.5}.points{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.points li{color:var(--ink-2);gap:10px;font-size:13.5px;line-height:1.5;display:flex}.points li:before{content:"";background:var(--accent);border-radius:99px;flex:none;width:6px;height:6px;margin-top:7px}.points li b{font-family:var(--font-jp);color:var(--ink);font-weight:600}.ex-list{flex-direction:column;gap:0;display:flex}.ex-row{border-bottom:1px dashed var(--line-2);padding:13px 0}.ex-row:last-child{border-bottom:none}.ex-jp{font-family:var(--font-jp);color:var(--ink);font-size:17px;line-height:1.55}.ex-en{color:var(--ink-3);margin-top:3px;font-size:12.5px}.drill-box{background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:var(--r-md);padding:14px}.drill-box .db-q{font-family:var(--font-jp);color:var(--ink);font-size:15px}.drill-line{border-bottom:1.5px solid var(--line-strong);height:30px;margin-top:8px}.vp-table{border-collapse:collapse;width:100%;font-size:13px}.vp-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);border-bottom:2px solid var(--line-2);padding:8px 10px;font-size:11px}.vp-table td{border-bottom:1px solid var(--line);padding:9px 10px}.vp-table .vp-jp{font-family:var(--font-jp);font-size:16px;font-weight:600}.vp-table .vp-r{color:var(--ink-3);font-size:11px}.vp-table .vp-intr{color:var(--ai)}.vp-table .vp-tr{color:var(--shu-deep)}.vp-table tr:hover td{background:var(--surface-sink)}.gvocab{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px;display:grid}.gv{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);align-items:baseline;gap:8px;padding:9px 12px;display:flex}.gv .gv-w{font-family:var(--font-jp);font-size:15px;font-weight:600}.gv .gv-r{color:var(--ink-4);font-size:10.5px}.gv .gv-m{color:var(--ink-3);margin-left:auto;font-size:12px}.gl-group{margin-bottom:26px}.gl-group-h{align-items:center;gap:12px;margin-bottom:13px;display:flex}.gl-group-h .glh-num{font-family:var(--font-mincho);color:var(--accent-button-text);background:var(--accent-button-bg);border-radius:var(--r-sm);place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid}.gl-group-h h3{margin:0;font-size:15px;font-weight:700}.gl-group-h .glh-line{background:var(--line-2);flex:1;height:1px}.gl-grid{grid-template-columns:repeat(auto-fill,minmax(316px,1fr));gap:12px;display:grid}.gl-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:14px}.gl-card .glc-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:9px;display:flex}.gl-card .glc-jp{font-family:var(--font-mincho);color:var(--ink);font-size:16px;font-weight:700}.gl-card .glc-en{color:var(--ink-3);font-size:11.5px}.gl-card .glc-idx{font-family:var(--font-mono);color:var(--ink-4);font-size:10.5px}.gl-card .glc-form{font-family:var(--font-jp);background:var(--surface-sink);border-radius:var(--r-sm);color:var(--ink-2);border:1px solid var(--line);padding:7px 10px;font-size:13px}.gl-card .glc-note{color:var(--ink-2);margin-top:8px;font-size:12px;line-height:1.5}.fc-wrap{max-width:620px;margin:0 auto}.fc-meta{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.fc-progress{color:var(--ink-3);font-size:12.5px}.fc-progress b{color:var(--ink);font-family:var(--font-mono)}.fc-progress .known{color:var(--matcha)}.fc-progress .rev{color:var(--accent)}.flashcard{perspective:1600px;cursor:pointer;border-radius:var(--r-xl);width:calc(100% - 6px);height:360px;margin:0 auto 18px;overflow:hidden}.fc-inner{width:calc(100% - 8px);height:100%;transform-style:preserve-3d;margin:0 auto;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.fc-inner.flipped{transform:rotateY(180deg)}.fc-face{backface-visibility:hidden;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-xl);box-shadow:var(--sh-2);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px;display:flex;position:absolute;inset:0}.fc-back{background:var(--surface-2);transform:rotateY(180deg)}.fc-front .fc-big{font-family:var(--font-mincho);font-size:90px;line-height:1}.fc-front .fc-word{font-family:var(--font-jp);font-size:54px;font-weight:600}.fc-flip-hint{color:var(--ink-4);font-size:11px;position:absolute;bottom:16px}.fc-back .fc-read{font-family:var(--font-jp);color:var(--accent-deep);font-size:24px;font-weight:600}.fc-back .fc-mean{text-align:center;font-size:26px;font-weight:700}.fc-back .fc-ex{font-family:var(--font-jp);color:var(--ink-2);text-align:center;margin-top:6px;font-size:15px}.fc-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);font-size:10px;font-weight:700;position:absolute;top:16px;left:16px}.fc-actions{justify-content:center;gap:10px;display:flex}.hint-line{color:var(--ink-3);text-align:center;margin:12px 0 0;font-size:13px}.convo-grid{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.dialog{flex-direction:column;gap:10px;display:flex}.bubble{max-width:84%;font-family:var(--font-jp);border-radius:14px;padding:11px 14px;font-size:15px;line-height:1.5}.bubble .b-en{font-family:var(--font-ui);color:var(--ink-3);margin-top:4px;font-size:11.5px;display:block}.bubble.a{background:var(--surface-2);border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start}.bubble.b{background:var(--ai-soft);border:1px solid var(--ai);align-self:flex-end}@supports (color:color-mix(in lab,red,red)){.bubble.b{border:1px solid color-mix(in srgb,var(--ai) 25%,transparent)}}.bubble.b{border-bottom-right-radius:4px}.phrase-row{border-bottom:1px dashed var(--line-2);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.phrase-row:last-child{border-bottom:none}.phrase-row .pjp{font-family:var(--font-jp);color:var(--ink);font-size:15px}.phrase-row .pen{color:var(--ink-3);text-align:right;flex:none;max-width:45%;font-size:11.5px}.speak-area{border:1px solid var(--line-2);border-radius:var(--r-md);width:100%;min-height:140px;font-family:var(--font-jp);resize:vertical;background:repeating-linear-gradient(180deg,transparent 0 27px,var(--line) 27px 28px);color:var(--ink);background-attachment:local;padding:14px;font-size:15px;line-height:1.7}.speak-area:focus{border-color:var(--accent);outline:none}.rubric{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rubric li{color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);align-items:center;gap:11px;padding:9px 12px;font-size:13.5px;display:flex}.rubric .rk-check{border:1.5px solid var(--line-strong);border-radius:5px;flex:none;place-items:center;width:20px;height:20px;display:grid}.rubric li.done .rk-check{background:var(--matcha);border-color:var(--matcha);color:#fff}.rubric li.done{color:var(--ink-3)}.lesson-panel{min-width:0;max-width:100%;overflow:hidden}.panel-title-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.panel-title-row h2,.panel-title-row h3{margin:4px 0 0}.panel-title-row p:not(.eyebrow){color:var(--ink-3);margin:6px 0 0}.info-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);min-width:0;box-shadow:var(--sh-card);padding:16px}.info-panel.warm{background:var(--surface-2)}.info-panel.full{margin-top:14px}.info-panel h3{color:var(--accent);margin:0 0 12px}.info-panel li,.info-panel p{color:var(--ink-2)}.info-panel strong{color:var(--ink);white-space:pre-wrap}.example-row small,.info-panel small,.vocab-list small{color:var(--ink-3)}.drill-row,.example-row{border-top:1px solid var(--line);gap:3px;margin:0;padding:11px 0;display:grid}.drill-row{grid-template-columns:1fr auto;align-items:center}.drill-row strong{color:var(--accent)}.dialogue{border-top:1px solid var(--line);grid-template-columns:32px 1fr;gap:3px;margin:0;padding:11px 0;display:grid}.two-column{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:14px;display:grid}.verb-pair-panel{gap:12px;display:grid}.verb-pair-panel.compact{border-top:1px solid var(--line);padding-top:12px}.verb-pair-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.verb-pair-heading h3,.verb-pair-heading h5{color:var(--ink);margin:0}.verb-pair-heading h5{font-size:14px}.verb-pair-table{gap:8px;display:grid}.verb-pair-header,.verb-pair-row{grid-template-columns:minmax(76px,.55fr) minmax(116px,.85fr) minmax(116px,.85fr) minmax(250px,1.6fr);align-items:start;gap:10px;display:grid}.verb-pair-header{color:var(--ink-3);letter-spacing:0;text-transform:uppercase;padding:0 10px;font-size:11px;font-weight:900}.verb-pair-row{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);padding:10px}.verb-pair-meaning{color:var(--ai);font-size:13px;font-weight:900}.verb-cell{align-content:start;gap:3px;min-width:0;display:grid}.verb-cell strong{color:var(--ink);font-size:18px;line-height:1.2}.verb-cell small{color:var(--ink-3);font-weight:800}.verb-cell span{color:var(--ink-2);font-size:12px;line-height:1.35}.verb-examples{gap:8px;min-width:0;display:grid}.verb-example-line{border-radius:var(--r-sm);background:var(--surface-sink);grid-template-columns:28px minmax(0,1fr);align-items:start;gap:8px;padding:8px;display:grid}.verb-example-line>span{border:1px solid var(--ai);place-items:center;width:24px;height:24px;display:grid}@supports (color:color-mix(in lab,red,red)){.verb-example-line>span{border:1px solid color-mix(in srgb,var(--ai) 40%,transparent)}}.verb-example-line>span{color:var(--ai);border-radius:999px;font-size:12px;font-weight:900}.verb-example-line em,.verb-example-line small,.verb-example-line strong{line-height:1.35;display:block}.verb-example-line strong{color:var(--ink);white-space:normal;font-size:13px}.verb-example-line small{color:var(--ink-2)}.verb-example-line em{color:var(--ink-3);font-size:12px;font-style:normal}.verb-pair-panel.compact .verb-pair-header{display:none}.verb-pair-panel.compact .verb-pair-row{grid-template-columns:1fr}.genki-vocab-panel .panel-title-row{align-items:flex-start}.genki-vocab-grid{gap:14px;display:grid}.genki-vocab-section{border-top:1px solid var(--line);padding-top:14px}.genki-vocab-section h4{color:var(--ink);margin:0 0 10px;font-size:14px}.genki-vocab-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;display:grid}.genki-vocab-item{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);grid-template-columns:minmax(86px,.88fr) minmax(74px,.72fr);gap:4px 10px;min-width:0;padding:10px 11px;display:grid}.genki-vocab-item strong{color:var(--ink);overflow-wrap:anywhere;font-size:16px}.genki-vocab-item span{color:var(--ai);overflow-wrap:anywhere;font-size:13px}.genki-vocab-item small{color:var(--ink-2);grid-column:1/-1}.genki-vocab-item em{border:1px solid var(--ai);grid-column:1/-1;justify-self:start}@supports (color:color-mix(in lab,red,red)){.genki-vocab-item em{border:1px solid color-mix(in srgb,var(--ai) 30%,transparent)}}.genki-vocab-item em{color:var(--ai);border-radius:999px;padding:3px 7px;font-size:11px;font-style:normal}.grammar-list-panel .panel-title-row{align-items:flex-start;margin-bottom:12px}.grammar-list{gap:18px;display:grid}.grammar-lesson-group{border-top:1px solid var(--line);padding-top:16px}.grammar-lesson-heading{gap:4px;margin-bottom:12px;display:grid}.grammar-lesson-heading span{color:var(--accent);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:900}.grammar-lesson-heading h3{margin:0;font-size:18px}.grammar-card-grid{grid-template-columns:1fr;gap:14px;display:grid}.grammar-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);align-content:start;gap:10px;padding:16px;display:grid}.grammar-card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.grammar-card h4{color:var(--ink);margin:0;font-size:17px}.grammar-page-chip{color:var(--ink-3);white-space:nowrap;font-size:11px;font-weight:700}.grammar-card h5{letter-spacing:.03em;text-transform:uppercase;color:var(--accent);margin:6px 0 0;font-size:11px;font-weight:900}.grammar-form-grid{gap:7px;display:grid}.grammar-form-row{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-sink);grid-template-columns:minmax(86px,.36fr) minmax(0,1fr);align-items:start;gap:10px;padding:9px 10px;display:grid}.grammar-form-row span{color:var(--ink-3);font-size:12px;font-weight:800}.grammar-form-row strong{color:var(--ai);overflow-wrap:anywhere;font-size:13px;line-height:1.45}.grammar-card p{color:var(--ink-2);margin:0}.grammar-card ul{color:var(--ink-3);margin:0;padding-left:18px}.grammar-card li{line-height:1.5}.grammar-card li+li{margin-top:5px}.grammar-examples{gap:2px;display:grid}.grammar-examples .ex-row{padding:9px 0}.review-grammar-card{margin-bottom:14px;padding:clamp(16px,2.5vw,22px)}.review-grammar-card .grammar-secondary-text{color:var(--ink-3);font-size:12.5px}.review-grammar-card>ul{color:var(--ink-2)}.review-pattern-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;display:grid}.review-pattern-item{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-sink);align-content:start;gap:5px;padding:11px 12px;display:grid}.review-pattern-item span{color:var(--accent);font-size:11px;font-weight:900;line-height:1.35}.review-pattern-item strong{color:var(--ai);font-family:var(--font-jp);overflow-wrap:anywhere;font-size:15px;line-height:1.65}.review-structure-notes{gap:8px;margin-top:2px;display:grid}.review-note-row{border-left:3px solid var(--accent);background:var(--accent-tint);grid-template-columns:minmax(110px,.3fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}@supports (color:color-mix(in lab,red,red)){.review-note-row{background:color-mix(in srgb,var(--accent-tint) 55%,transparent)}}.review-note-row{border-radius:0 var(--r-sm) var(--r-sm) 0;padding:10px 12px}.review-note-row>span{color:var(--ink);font-size:12px;font-weight:800;line-height:1.5}.review-note-row p{color:var(--ink-2);font-family:var(--font-jp);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.7}.review-explanation{border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-2);padding:13px 14px;font-size:14px;line-height:1.8}.katakana-panel{gap:16px;display:grid}.katakana-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.katakana-summary>div{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);min-width:0;box-shadow:var(--sh-card);padding:14px}.katakana-summary strong{color:var(--ink);font-size:24px;line-height:1;display:block}.katakana-summary span{color:var(--ink-3);margin-top:5px;font-size:12px;display:block}.katakana-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;display:grid}.katakana-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);min-width:0;box-shadow:var(--sh-card);align-content:start;gap:10px;padding:16px;display:grid}.katakana-card-head{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:12px;display:grid}.katakana-card .paper-question-number{color:var(--ink);border-color:var(--line-strong);background:var(--surface-sink)}.katakana-target{font-family:var(--font-jp);color:var(--ink);overflow-wrap:anywhere;font-size:clamp(28px,5vw,42px);line-height:1.1;display:block}.katakana-meta{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.katakana-meta span{border:1px solid var(--line);background:var(--surface-sink);color:var(--ink-3);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;line-height:1.2}.katakana-card p{color:var(--ink-2);margin:0;font-size:13px;line-height:1.5}.kanji-large,.writing-ghost{font-family:var(--font-mincho)}.stroke-diagram-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.stroke-diagram-heading strong{font-family:var(--font-mincho);color:var(--ink);font-size:24px;font-weight:600}.stroke-source{border:1px solid var(--matcha)}@supports (color:color-mix(in lab,red,red)){.stroke-source{border:1px solid color-mix(in srgb,var(--matcha) 40%,var(--line))}}.stroke-source{color:var(--matcha);letter-spacing:.02em;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800}.stroke-stage{place-items:center;min-height:244px;display:grid;position:relative}.stroke-order-diagram{aspect-ratio:1;width:min(100%,236px);display:block;overflow:visible}.diagram-kanji-paths path{stroke:var(--ink);stroke-width:3.15px}.diagram-kanji-paths path,.stroke-direction-arrow,.stroke-direction-halo{fill:none;stroke-linecap:round;stroke-linejoin:round}.stroke-direction-halo{stroke:var(--surface);stroke-width:3.5px}.stroke-direction-arrow{stroke:var(--shu);stroke-width:1.25px}.direction-marker-halo path{fill:var(--surface);stroke:var(--surface);stroke-width:1.2px}.direction-marker path{fill:var(--shu)}.diagram-stroke-numbers text{fill:var(--ink);stroke:var(--surface);stroke-width:2.5px;paint-order:stroke fill;font-family:var(--font-mono);font-size:7px;font-weight:900}.stroke-diagram-message{max-width:210px;color:var(--ink-3);text-align:center;margin:0;font-size:13px;line-height:1.5}.stroke-diagram-message.error{color:var(--shu-deep)}.stroke-diagram-legend{color:var(--ink-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;font-size:11px;line-height:1.4;display:flex}.stroke-diagram-legend b{color:var(--ink);font-family:var(--font-mono)}.direction-key{color:var(--shu);font-size:18px;font-weight:900;line-height:1}.stroke-attribution{color:var(--ink-4);text-align:center;margin:8px 0 0;font-size:10px}.stroke-attribution a{color:var(--ink-3);text-underline-offset:2px}.practice-panel,.stroke-panel{min-width:0;padding:16px}.canvas-toolbar button{border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface);min-height:38px;color:var(--ink-2);box-shadow:var(--sh-1);justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.canvas-toolbar button:hover{background:var(--surface-sink);border-color:var(--line-strong);color:var(--ink)}.canvas-toolbar button.active{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-deep)}.pencil-only-toggle{border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface);min-height:40px;color:var(--ink-2);align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:inline-flex}.pencil-only-toggle input{accent-color:var(--accent)}.ghost-toggle{color:var(--ink-3);align-items:center;gap:8px;font-size:13px;display:inline-flex}.ghost-toggle input{accent-color:var(--accent)}.writing-boxes-row{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.writing-box{aspect-ratio:1;border:1px solid var(--line-2);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:contain;background:var(--surface);margin:-.5px;position:relative;overflow:hidden}.writing-box.has-guide{background:var(--paper-0)}.writing-box canvas{touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;position:absolute;inset:0}.writing-box canvas,.writing-box-ghost{-webkit-user-select:none;user-select:none}.writing-box-ghost{font-family:var(--font-mincho);color:#221d162e;pointer-events:none;z-index:1;place-items:center;font-size:min(80cqw,80cqh,120px);line-height:1;display:grid;position:absolute;inset:0}.writing-box{container-type:size}.app[data-theme=dark] .writing-box{background:#fffdf8}.app[data-theme=dark] .writing-box-ghost{color:#221d1633}.canvas-toolbar{flex-wrap:wrap;gap:8px;padding:10px 0;display:flex}.writing-actions{justify-content:flex-end;padding:0 0 12px}.writing-actions button:disabled{cursor:not-allowed;opacity:.42}.writing-actions .delete-writing:not(:disabled){color:var(--shu-deep);border-color:var(--shu)}@supports (color:color-mix(in lab,red,red)){.writing-actions .delete-writing:not(:disabled){border-color:color-mix(in srgb,var(--shu) 38%,var(--line-2))}}.mock-panel{overflow:visible}.paper-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:16px}.paper-toolbar,.timer{align-items:center;display:flex}.timer{font-family:var(--font-mono);color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-md);gap:8px;padding:7px 14px;font-size:15px;font-weight:700}.timer .t-dot{background:var(--matcha);border-radius:99px;width:7px;height:7px}.timer.running .t-dot{background:var(--accent);animation:tpulse 1s infinite}@keyframes tpulse{0%,to{opacity:1}50%{opacity:.3}}.timer-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);place-items:center;min-width:112px;padding:12px;display:grid}.timer-card strong{font-size:24px}.timer-card span{color:var(--ink-3);font-size:12px}.mock-toolbar{flex-wrap:wrap;gap:8px;padding:12px 0;display:flex}.mock-lesson-control{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin:14px 0 10px;display:grid}.mock-lesson-control>span,.mock-section-label{color:var(--ink-3);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:800}.question-list{gap:12px;margin-top:14px;display:grid}.question-block{gap:8px;display:grid}.mock-section-label{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--ai-soft);color:var(--ai);padding:8px 10px}.question{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);padding:14px}.question.correct{border-color:var(--matcha)}@supports (color:color-mix(in lab,red,red)){.question.correct{border-color:color-mix(in srgb,var(--matcha) 50%,transparent)}}.question.incorrect{border-color:var(--shu)}@supports (color:color-mix(in lab,red,red)){.question.incorrect{border-color:color-mix(in srgb,var(--shu) 50%,transparent)}}.question-head{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.question-head span{background:var(--ai-soft);width:26px;height:26px;color:var(--ai);border-radius:50%;flex:none;place-items:center;display:grid}.answer-input,.question textarea{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);width:100%;color:var(--ink);outline:none;padding:12px}.answer-input:focus,.question textarea:focus{border-color:var(--accent)}.question textarea{resize:vertical}.choice-list{gap:8px;display:grid}.choice-list label{border:1px solid var(--line);border-radius:var(--r-sm);align-items:center;gap:10px;padding:10px 12px;display:flex}.choice-list input{accent-color:var(--accent)}.feedback{color:var(--ink-2);gap:3px;margin-top:12px;display:grid}.score-card{border:1px solid var(--matcha);margin-top:14px}@supports (color:color-mix(in lab,red,red)){.score-card{border:1px solid color-mix(in srgb,var(--matcha) 40%,transparent)}}.score-card{border-radius:var(--r-md);background:var(--matcha-soft);padding:14px}.score-card h2{margin:4px 0}.quiz-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.quiz-actions button{border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r-md);min-height:38px;color:var(--ink-2);align-items:center;gap:8px;padding:8px 13px;font-size:13px;font-weight:600;display:inline-flex}.quiz-actions button:hover{background:var(--surface-sink);border-color:var(--line-strong)}.quiz-actions button.primary{background:var(--accent-button-bg);border-color:var(--accent-button-border);color:var(--accent-button-text)}.quiz-paper{--surface:#fff;--surface-2:#faf6ec;--surface-sink:#f7f2e7;--ink:#111827;--ink-2:#4b5563;--ink-3:#6b7280;--line:#e7dfcd;--line-2:#dcd2bc;--line-strong:#111827;border:1px solid var(--line-strong);color:#111827;max-width:920px;box-shadow:var(--sh-3);background:#fffdf8;border-radius:4px;margin:18px auto 0;padding:clamp(18px,3vw,34px);position:relative}.quiz-paper:before{content:"";background:var(--accent);opacity:.5;width:3px;position:absolute;top:0;bottom:0;left:0}.eight-h-paper{max-width:980px}.quiz-paper-header{border-bottom:2px solid #111827;grid-template-columns:minmax(170px,auto) 1fr;align-items:end;gap:18px;padding-bottom:12px;display:grid}.quiz-paper-header p{margin:0;font-family:Courier New,monospace;font-size:clamp(20px,3vw,30px);font-weight:800}.quiz-paper-header h1{margin:2px 0 0;font-family:Courier New,monospace;font-size:18px}.quiz-student-fields{grid-template-columns:minmax(120px,1fr) minmax(160px,1.3fr);gap:14px;display:grid}.quiz-student-fields label{grid-template-columns:auto 1fr;align-items:end;gap:8px;font-family:Courier New,monospace;font-size:14px;font-weight:700;display:grid}.quiz-student-fields i{border-bottom:2px solid #111827;min-height:24px;display:block}.quiz-paper-meta{color:#4b5563;justify-content:space-between;gap:12px;margin:10px 0 18px;font-size:12px;display:flex}.paper-section{margin-top:20px}.paper-section h3{align-items:baseline;gap:8px;margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(17px,2vw,21px);line-height:1.25;display:flex}.paper-section h3 span{font-family:Courier New,monospace}.paper-reading-list,.paper-writing-list{gap:13px;margin:0;padding-left:28px;display:grid}.paper-section.compact .paper-writing-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.paper-reading-list li,.paper-writing-list li{padding-left:4px}.paper-reading-question{grid-template-columns:minmax(110px,max-content) minmax(230px,auto);align-items:start;gap:14px;display:grid}.paper-kanji-term{font-family:var(--font-mincho);border-bottom:2px solid #111827;align-self:center;font-size:24px;line-height:1.2}.paper-writing-question{grid-template-columns:minmax(0,1fr) minmax(230px,max-content);align-items:start;gap:12px;display:grid}.paper-writing-prompt{gap:2px;display:grid}.paper-japanese{font-family:var(--font-mincho);font-size:clamp(18px,2vw,22px);line-height:1.45}.paper-hiragana-target{border-bottom:2px solid #111827;padding:0 2px}.paper-writing-prompt small{color:#6b7280;font-size:11px}.eight-h-paper-list{gap:16px;margin:0;padding-left:0;list-style:none;display:grid}.eight-h-paper-question{border-top:1px solid #d1d5db;grid-template-columns:minmax(230px,.78fr) minmax(330px,1fr);align-items:start;gap:14px;padding-top:14px;display:grid}.eight-h-paper-list li:first-child .eight-h-paper-question{border-top:0;padding-top:0}.eight-h-paper-prompt{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px;display:grid}.paper-question-number{border:1.5px solid #111827;border-radius:50%;place-items:center;width:24px;height:24px;font-family:Courier New,monospace;font-size:13px;font-weight:800;display:grid}.eight-h-paper-prompt strong{font-size:15px;line-height:1.45;display:block}.vocab-term-wrap{vertical-align:baseline;align-items:baseline;display:inline-flex;position:relative}.vocab-term-button{appearance:none;color:var(--shu-deep);cursor:pointer;font:inherit;letter-spacing:0;font-weight:800;line-height:inherit;background:0 0;border:0;border-bottom:1px dotted;border-radius:0;padding:0 1px}.vocab-term-button:hover,.vocab-term-button[aria-expanded=true]{color:var(--shu);background:var(--shu-tint)}.vocab-term-popover{z-index:8;border:1px solid var(--shu-soft);border-radius:var(--r-md);width:max-content;max-width:min(280px,78vw);box-shadow:var(--sh-3);color:var(--ink);text-align:left;background:#fffdf8;gap:2px;padding:8px 10px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.vocab-term-popover strong{color:var(--shu-deep);font-size:13px;line-height:1.25;display:block}.vocab-term-popover span{color:var(--ink-2);font-size:12px;font-weight:700;line-height:1.25}.vocab-term-popover small{color:var(--ink-3);font-size:11px;font-weight:600;line-height:1.35}.paper-choice-bank{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.paper-choice-bank span{border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);border-radius:999px;padding:5px 8px;font-size:12px;line-height:1.2}.paper-digital-answer{width:min(100%,max(230px,calc(var(--answer-cells) * 46px)));justify-self:end;gap:6px;display:grid}.paper-digital-answer.wide{justify-self:stretch;width:100%}.paper-answer-pad{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:contain;background:linear-gradient(90deg,#0000 calc(50% - .5px),#1118272e calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)) 0 0/100% 100%,linear-gradient(#0000 calc(50% - .5px),#1118272e calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)) 0 0/100% 100%,linear-gradient(#e7dfcd 1px,#0000 0) 0 0/46px 46px,linear-gradient(90deg,#e7dfcd 1px,#0000 0) 0 0/46px 46px,#fffdf8;border:1.5px solid #111827;border-radius:3px;height:96px;position:relative;overflow:hidden}.paper-digital-answer.wide .paper-answer-pad{min-height:108px}.paper-answer-pad canvas{z-index:2;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;position:absolute;inset:0}.paper-answer-reveal{border:1px solid var(--shu-soft);border-radius:var(--r-sm);min-height:46px;color:var(--ink);background:#fff8ed;gap:3px;padding:7px 9px;display:grid}.paper-answer-reveal span{color:var(--ink-3);font-size:10.5px;font-weight:800;line-height:1.1}.paper-answer-reveal strong{color:var(--shu-deep);font-family:var(--font-mincho);overflow-wrap:anywhere;font-size:clamp(18px,2vw,24px);line-height:1.2}.paper-digital-answer.wide .paper-answer-reveal strong{font-size:clamp(14px,1.8vw,20px)}.paper-answer-note{border-left:3px solid var(--shu);color:#4b5563;padding-left:8px;font-size:12px;line-height:1.45;display:block}.paper-answer-controls{grid-template-columns:minmax(82px,1fr) 36px 36px;gap:6px;display:grid}.paper-answer-controls button{min-height:34px;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);justify-content:center;align-items:center;gap:5px;padding:6px 8px;font-size:12px;font-weight:700;display:inline-flex}.paper-answer-controls button:disabled{cursor:not-allowed;opacity:.58}.paper-answer-controls button.active{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-deep)}.quiz-score-grid{border:1.5px solid #111827;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));margin-top:24px;display:grid}.quiz-score-grid span{border-right:1.5px solid #111827;place-items:end center;min-height:42px;padding-bottom:4px;display:grid}.quiz-score-grid span:last-child{border-right:0}.quiz-score-grid b{color:#4b5563;font-size:11px;font-weight:600}.section-title{align-items:center;gap:10px;margin:0 0 14px;display:flex}.section-title h2{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:800}.section-title .st-line{background:var(--line);flex:1;height:1px}.empty-pad{color:var(--ink-4);text-align:center;padding:30px;font-size:13px}.icon-button{border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r-md);width:42px;height:42px;color:var(--ink-3);place-items:center;display:grid}.icon-button:hover{background:var(--surface-sink);color:var(--ink-2)}.icon-button.active{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-deep)}.primary{background:var(--accent-button-bg);border-color:var(--accent-button-border);color:var(--accent-button-text);border-radius:var(--r-md)}.primary:hover{background:var(--accent-button-hover-bg)}.mobile-nav{display:none}@media (max-width:1240px){.app{grid-template-columns:220px minmax(0,1fr)}.rail{display:none}.kanji-layout{grid-template-columns:300px minmax(0,1fr)}}@media (max-width:900px){.app{grid-template-columns:1fr;min-height:100vh}.app,.main{height:auto}.app,.content,.main{overflow:visible}.sidebar{display:none}.convo-grid,.kanji-layout,.review-grid,.two-column{grid-template-columns:1fr}.kgrid{grid-template-columns:repeat(5,1fr)}.modebar{overscroll-behavior-x:contain;scrollbar-width:none;overflow-x:auto}.modebar::-webkit-scrollbar{display:none}.mode-tab{flex:none}.mobile-nav{z-index:30;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--paper-1);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:12px;left:12px;right:12px}@supports (color:color-mix(in lab,red,red)){.mobile-nav{background:color-mix(in srgb,var(--paper-1) 96%,transparent)}}.mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--sh-3);overflow:hidden}.mobile-nav a,.mobile-nav button{min-height:60px;color:var(--ink-3);background:0 0;border:none;place-items:center;gap:2px;text-decoration:none;display:grid}.mobile-nav button.active{background:var(--accent-tint);color:var(--accent)}.app[data-theme=dark] .mobile-nav button.active{background:var(--selected-bg);color:var(--selected-text)}.mobile-nav span{font-size:11px;font-weight:700}.content{padding-bottom:92px}}@media (max-width:760px){.topbar{grid-template-columns:1fr;align-items:start;gap:10px;display:grid}.tb-spacer{display:none}.tb-title-wrap{width:100%;min-width:0}.tb-crumb,.tb-tool{flex-wrap:wrap}.tb-tool{justify-content:flex-start;width:100%;min-width:0}.stroke-mini{flex:190px;min-width:0}.stroke-mini input[type=range]{flex:auto;width:auto;min-width:72px}.panel-title-row{flex-wrap:wrap}.quiz-actions{justify-content:flex-start}.fc-meta{flex-direction:column;align-items:stretch;gap:10px}.fc-actions{flex-wrap:wrap}.fc-actions .btn{flex:140px}.eight-h-paper-question,.paper-reading-question,.paper-section.compact .paper-writing-list,.paper-writing-question,.quiz-paper-header,.quiz-student-fields{grid-template-columns:1fr}.paper-digital-answer{justify-self:stretch;width:100%}.paper-answer-pad{height:108px}.quiz-paper-meta{display:grid}.quiz-paper{padding:16px}.katakana-grid,.katakana-summary{grid-template-columns:1fr}}@media (max-width:600px){.topbar{padding:10px 14px}.content{padding:14px 12px 92px}.modebar{grid-template-columns:repeat(3,minmax(0,1fr));padding:6px 14px 0;display:grid;overflow-x:visible}.modebar:has(.mode-tab:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}.mode-tab{justify-content:center;width:100%;padding:9px 12px 11px;font-size:12.5px}.katakana-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.katakana-summary>div{padding:10px 9px}.katakana-summary strong{font-size:21px}.katakana-summary span{font-size:10.5px;line-height:1.25}.genki-vocab-list,.verb-pair-row{grid-template-columns:1fr}.verb-pair-header{display:none}.grammar-card-grid,.grammar-form-row,.review-note-row,.review-pattern-grid{grid-template-columns:1fr}.review-note-row{gap:4px}.kanji-layout{grid-template-columns:1fr}.kgrid{grid-template-columns:repeat(4,1fr)}.flashcard{height:280px}.fc-front .fc-big{font-size:60px}}@media (max-width:420px){.stroke-mini{flex-basis:100%}.streak-date{text-overflow:ellipsis;max-width:96px;overflow:hidden}.avatar{width:32px;height:32px}.kcard-top{grid-template-columns:126px minmax(0,1fr);gap:14px;padding:16px}.kglyph-box{width:126px;height:126px}.kglyph{font-size:86px}.kcard-foot{flex-wrap:wrap}.bookmark-btn{margin-left:0}.canvas-toolbar{gap:6px}.canvas-toolbar button{flex:calc(50% - 6px)}.pencil-only-toggle{flex:100%;justify-content:center}}@media print{@page{margin:12mm}body,html{min-height:auto;color:#111827!important;background:#fff!important}body{font-size:12pt}.mobile-nav,.modebar,.no-print,.rail,.sidebar,.topbar{display:none!important}.app{height:auto!important}.app,.main{display:block!important}.content,.main{overflow:visible}.content{padding:0!important}.lesson-panel,.mock-panel{box-shadow:none!important;background:#fff!important;border:0!important;padding:0!important;overflow:visible!important}.quiz-paper{max-width:none;box-shadow:none;border:0;border-radius:0;margin:0;padding:0}.quiz-paper:before{display:none}.paper-section{break-inside:avoid;page-break-inside:avoid}.paper-section.compact .paper-writing-list{grid-template-columns:repeat(2,minmax(0,1fr))}.paper-section.compact .paper-writing-question{grid-template-columns:1fr}.paper-digital-answer{width:min(100%,max(160px,calc(var(--answer-cells) * 34px)))}.paper-answer-pad{background-size:100% 100%,100% 100%,34px 34px,34px 34px,auto;height:42px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}