/*! tailwindcss v4.3.3 | 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)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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-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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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,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:where(:not(iframe)){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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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{.collapse{visibility:collapse}.visible{visibility:visible}.static{position:static}.block{display:block}.contents{display:contents}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}:root{color:#23332d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--ink:#203239;--muted:#66777b;--line:#e2e9e7;--paper:#fff;--green:#16776e;--green-dark:#123f3c;--coral:#cf715d;--yellow:#edbb62;--sans:"DM Sans", "Noto Sans Gujarati", "Noto Sans Devanagari", sans-serif;background:#f3f6f5;font-family:DM Sans,Noto Sans Gujarati,Noto Sans Devanagari,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #d7665077}::selection{color:#193b32;background:#e9bd63}@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}#root,.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:4;display:flex;width:248px;flex-direction:column;padding:28px 18px 18px;border-right:1px solid var(--line);background:#fbfaf6}.brand{display:flex;align-items:center;gap:11px;padding:2px 10px 32px;color:inherit;text-decoration:none}.brand-mark{display:grid;width:39px;height:39px;place-items:center;border-radius:13px 13px 13px 4px;background:var(--green);color:#fff9e9;font-family:Noto Sans Gujarati,sans-serif;font-size:24px;font-weight:700}.brand-copy{display:grid;gap:2px}.brand-copy strong{font-size:16px;font-weight:700;letter-spacing:0}.brand-copy small{color:var(--muted);font-size:10px}.sidebar-label{padding:0 12px 10px;color:#9a9e97;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.primary-nav{display:grid;gap:4px}.nav-item{position:relative;display:flex;min-height:44px;align-items:center;gap:12px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:#707b73;cursor:pointer;text-align:left;font-size:12px;transition:background .2s ease,color .2s ease}.nav-item:hover{background:#f1f0e9;color:var(--ink)}.nav-item.active{background:#e9efe9;color:var(--green-dark);font-weight:700}.nav-dot{width:5px;height:5px;margin-left:auto;border-radius:50%;background:var(--coral)}.sidebar-bottom{margin-top:auto}.weekly-note{position:relative;overflow:hidden;margin:0 2px 18px;padding:16px 14px 14px;border:1px solid #e8e1cf;border-radius:7px;background:linear-gradient(135deg,#f7f0dd,#fbf8ee)}.weekly-icon{display:grid;width:27px;height:27px;margin-bottom:12px;place-items:center;border-radius:50%;background:#f0dfb8;color:#8d6a25}.weekly-note strong{display:block;font-size:12px}.weekly-note p{margin:7px 0 0;color:#73756d;font-size:10px;line-height:1.7}.profile-row{display:flex;align-items:center;gap:10px;padding:14px 5px 3px;border-top:1px solid var(--line)}.avatar{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:50%;background:#f4d8cb;color:#7e4032;font-weight:700}.profile-row>div:nth-child(2){display:grid;min-width:0;gap:3px}.profile-row strong{font-size:11px}.profile-row small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.profile-lock{margin-left:auto;color:#a0a49d}.main-area{width:min(100% - 248px,1360px);min-height:100vh;margin-left:248px;padding:0 54px 25px}.topbar{display:flex;height:73px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;align-items:center;gap:9px;color:#999f98;font-size:10px}.breadcrumb strong{color:var(--ink);font-weight:600}.top-actions{display:flex;align-items:center;gap:12px}.language-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:6px;background:#fffefa}.language-switch button{min-width:31px;height:27px;padding:0 7px;border:0;border-radius:4px;background:transparent;color:#8c938b;cursor:pointer;font-size:11px}.language-switch button.selected{background:var(--green);color:#fff}.signin-button{display:flex;height:34px;align-items:center;gap:8px;padding:0 10px;border:1px solid #dedfd8;border-radius:5px;background:#fffefa;cursor:pointer;font-size:10px;font-weight:600;transition:border-color .2s,transform .2s}.signin-button:hover{transform:translateY(-1px);border-color:var(--green)}.google-g{color:#4285f4;font-family:Arial,sans-serif;font-size:15px;font-weight:700}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;padding:34px 0 23px;animation:rise-in .45s ease both}.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 9px;color:#7c8980;font-size:10px;font-weight:600}.eyebrow-line{display:inline-block;width:17px;height:1px;background:var(--coral)}h1,h2,p{letter-spacing:0}.welcome-row h1{margin:0;color:var(--ink);font-size:29px;font-weight:600;line-height:1.28}.welcome-subtitle{margin:8px 0 0;color:#7c837d;font-size:12px}.date-stamp{display:grid;justify-items:end;padding:0 5px 4px 20px;color:#8c938b}.date-stamp span,.date-stamp small{font-size:9px}.date-stamp strong{margin:1px 0;color:var(--ink);font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1}.hero-panel{position:relative;display:flex;min-height:232px;overflow:hidden;align-items:center;border-radius:7px;background:var(--green-dark);color:#f9f6e8;animation:rise-in .5s .04s ease both}.hero-panel:before{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#ffffff18 .6px,transparent .6px);background-size:8px 8px;content:"";opacity:.2}.hero-copy{position:relative;z-index:1;width:58%;padding:30px 0 30px 36px}.hero-kicker{display:inline-flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid #ffffff35;border-radius:3px;color:#d9e3ce;font-size:9px}.kicker-dot{width:5px;height:5px;border-radius:50%;background:#e8c66d}.hero-copy h2{max-width:470px;margin:15px 0 2px;color:#fff9e9;font-size:25px;font-weight:500}.hero-copy p{margin:0;color:#b7c8bb;font-size:11px}.primary-button{display:inline-flex;min-height:37px;align-items:center;justify-content:center;gap:13px;margin-top:20px;padding:0 13px;border:0;border-radius:4px;background:#e9bd63;color:#27392e;cursor:pointer;font-size:10px;font-weight:700;transition:background .2s,transform .2s}.primary-button:hover{transform:translateY(-1px);background:#f1cf82}.hero-art{position:absolute;inset:0 0 0 auto;width:43%;overflow:hidden}.sun-disc{position:absolute;top:23px;right:108px;width:150px;height:150px;border-radius:50%;background:#d76852;box-shadow:0 0 0 12px #d7685217,0 0 0 26px #d768520c}.japanese-stamp{position:absolute;top:52px;right:151px;color:#f5dfb7;font-family:serif;font-size:83px;font-weight:400;line-height:1;transform:rotate(-8deg)}.art-caption{position:absolute;right:43px;bottom:30px;color:#c6d4c7;font-family:Georgia,serif;font-size:11px;letter-spacing:.04em}.art-wave{position:absolute;right:-10px;bottom:-60px;width:360px;height:115px;border:1px solid #d8c58a60;border-radius:50%;transform:rotate(-15deg)}.wave-two{right:23px;bottom:-76px;width:320px;border-color:#d8c58a35}.stats-row{display:grid;grid-template-columns:1fr 1fr 1fr 1.55fr;align-items:center;margin:20px 0 30px;padding:14px 0;border-bottom:1px solid var(--line);animation:rise-in .5s .08s ease both}.stat-item{display:flex;align-items:center;gap:10px;min-width:0;padding:1px 12px;border-right:1px solid var(--line)}.stat-item:first-child{padding-left:0}.stat-icon{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:50%}.stat-icon.coral{background:#fae9e3;color:#c9654d}.stat-icon.green{background:#e5eee4;color:#427456}.stat-icon.blue{background:#e6edf0;color:#537783}.stat-item>div{display:grid;gap:2px}.stat-item strong{font-size:15px;font-weight:600}.stat-item strong small{color:#838b83;font-size:9px;font-weight:500}.stat-item>div>span{color:#858b85;font-size:9px}.weekly-progress{padding-left:19px}.progress-copy{display:flex;justify-content:space-between;gap:4px;color:#838b83;font-size:9px}.progress-copy strong{color:var(--ink);font-size:10px}.progress-copy small{color:#92978f;font-size:8px;font-weight:400}.progress-track,.quiz-progress{height:5px;margin-top:9px;overflow:hidden;border-radius:9px;background:#e7e8df}.progress-track span,.quiz-progress span{display:block;height:100%;border-radius:inherit;background:var(--coral);transition:width .3s ease}.content-section{margin:0 0 29px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.section-heading .eyebrow{margin-bottom:3px;font-size:9px}.section-heading h2{margin:0;font-size:17px;font-weight:600}.text-button{display:inline-flex;align-items:center;gap:5px;padding:5px 0;border:0;background:none;color:var(--green);cursor:pointer;font-size:10px;font-weight:600}.lesson-list{display:grid}.lesson-row{display:grid;min-height:64px;grid-template-columns:34px minmax(140px,1fr) 100px 100px 17px;align-items:center;gap:12px;padding:0 11px;border:1px solid transparent;border-bottom-color:var(--line);background:transparent;cursor:pointer;text-align:left;transition:border .2s,background .2s}.lesson-row:hover,.lesson-row.lesson-highlight{border-color:#e6e5db;border-radius:5px;background:#fffefa}.lesson-index,.course-number{display:grid;width:29px;height:29px;place-items:center;border-radius:5px;background:#f0eee5;color:#8b9388;font-size:10px;font-weight:600}.lesson-index.is-done,.course-number.is-done{background:#e5eee4;color:#427456}.lesson-info{display:grid;min-width:0;gap:3px}.lesson-info strong{overflow:hidden;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.lesson-info small{overflow:hidden;color:#858c85;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.lesson-tag{justify-self:start;padding:4px 7px;border:1px solid #e6e8df;border-radius:3px;color:#727d73;font-size:8px}.lesson-time,.course-duration{display:inline-flex;align-items:center;gap:5px;color:#838b83;font-size:9px;white-space:nowrap}.row-chevron{color:#a3a89f}.path-section{margin-top:34px}.path-meta{display:flex;align-items:center;gap:5px;color:#718078;font-size:9px}.level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.level-card{display:flex;min-height:145px;flex-direction:column;align-items:flex-start;padding:11px 11px 10px;border:1px solid transparent;border-radius:5px;cursor:pointer;text-align:left;transition:transform .18s ease,box-shadow .18s ease}.level-card:hover{transform:translateY(-2px);box-shadow:0 5px 14px #27392e10}.level-card.mint{background:#e8f0e8;border-color:#d9e6d9}.level-card.orange{background:#f8ece0;border-color:#f0dfcf}.level-card.blue{background:#e8eff0;border-color:#dce7e8}.level-card.pink{background:#f4e9e7;border-color:#ebdcda}.level-card.yellow{background:#f4f0dc;border-color:#ebe4c7}.level-card.level-current{box-shadow:inset 0 0 0 1px #47775b}.level-top{display:flex;width:100%;align-items:center;justify-content:space-between;color:#65756a}.level-top>strong{font-size:10px}.level-top svg{color:#929b8f}.level-status{padding:3px 5px;border-radius:3px;background:#d9e8d7;color:#3b6546;font-size:7px}.level-title{margin-top:15px;font-size:11px;font-weight:600}.level-subtitle{min-height:25px;margin-top:4px;color:#7b847b;font-size:8px;line-height:1.5}.level-cta{display:flex;align-items:center;gap:3px;margin-top:auto;padding-top:8px;color:var(--green);font-size:8px;font-weight:700}.native-note{position:relative;display:flex;min-height:70px;align-items:center;gap:12px;overflow:hidden;margin:8px 0 28px;padding:14px 19px;border-left:3px solid var(--coral);background:#f2efe5}.note-mark{align-self:flex-start;color:#cc765b;font-family:Georgia,serif;font-size:30px;line-height:1}.native-note strong{font-size:10px}.native-note p{max-width:650px;margin:3px 0 0;color:#777e74;font-size:9px;line-height:1.7}.note-kanji{position:absolute;right:22px;color:#dfe0d3;font-family:serif;font-size:54px}.app-footer{display:flex;justify-content:space-between;padding:16px 0 3px;border-top:1px solid var(--line);color:#939991;font-size:8px}.footer-separator{margin:0 4px;color:var(--coral)}.view-page{min-height:calc(100vh - 118px);padding:35px 0 24px;animation:rise-in .35s ease both}.page-intro{margin-bottom:24px}.page-intro h1{margin:0;font-size:27px;font-weight:600}.page-intro>p:last-child{margin:6px 0 0;color:#818881;font-size:11px}.level-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:12px;border-bottom:1px solid var(--line)}.level-tabs button{flex:0 0 auto}.level-tabs button{min-width:54px;height:34px;border:1px solid transparent;border-radius:4px;background:#eeede6;color:#7e887f;cursor:pointer;font-size:10px;font-weight:600}.level-tabs button.active{background:var(--green);color:#fff9e9}.lesson-tools{display:flex;align-items:center;justify-content:space-between;padding:14px 1px;color:#7e877f;font-size:10px}.search-box{display:flex;width:210px;height:33px;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--line);border-radius:4px;background:#fffefa;color:#8d958d}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:10px}.course-list{border-top:1px solid var(--line)}.course-card{display:grid;width:100%;min-height:75px;grid-template-columns:40px minmax(0,1fr) auto 17px;align-items:center;gap:12px;padding:0 10px;border:0;border-bottom:1px solid var(--line);background:transparent;cursor:pointer;text-align:left;transition:background .18s}.course-card:hover{background:#fffefa}.course-number{width:32px;height:32px}.course-copy{display:grid;gap:3px}.course-copy small{color:#819086;font-size:8px}.course-copy strong{font-size:11px;font-weight:600}.course-copy>span{color:#848b84;font-size:9px}.course-card>svg{color:#a5aaa3}.empty-state{padding:42px 10px;color:#818881;text-align:center;font-size:11px}.back-button{padding:3px 0;border:0;background:transparent;color:var(--green);cursor:pointer;font-size:10px}.lesson-detail-heading{margin:22px 0 24px}.lesson-detail-heading h1{margin:9px 0 3px;font-size:27px;font-weight:600}.lesson-detail-heading>p{margin:0 0 9px;color:#838a83;font-size:11px}.lesson-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(210px,.75fr);gap:24px;align-items:start}.lesson-explainer,.lesson-aside{padding:20px;border:1px solid var(--line);border-radius:5px;background:#fffefa}.lesson-step{color:#9a8377;font-size:8px;font-weight:700;letter-spacing:.08em}.lesson-explainer h2{margin:10px 0 5px;font-size:17px;font-weight:600}.lesson-explainer>p{margin:0;color:#717a72;font-size:11px;line-height:1.8}.lesson-explanation{margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}.lesson-explanation p{margin:6px 0 0;color:#59645b;font-size:12px;line-height:1.8}.grammar-glossary{display:grid;gap:9px;margin-top:14px;padding:12px;border:1px solid #e8e6dc;border-radius:4px;background:#fbfaf6}.grammar-term-list{display:grid;gap:7px}.grammar-term{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;gap:7px}.grammar-term strong{font-family:serif;font-size:15px;font-weight:500}.grammar-term>span{color:#977e59;font-size:10px}.grammar-term small{color:#626d64;font-size:10px}.example-box{position:relative;display:grid;gap:7px;margin-top:18px;padding:15px;border:1px solid #e7e4d8;border-radius:4px;background:#f8f6ef}.example-box>span{color:#859087;font-size:8px}.example-box>strong{font-family:serif;font-size:23px;font-weight:500}.example-reading{color:#9a7a5a;font-family:serif;font-size:11px}.example-romaji{color:#738078;font-size:10px}.example-box>small{color:#778177;font-size:9px}.example-box button{position:absolute;top:12px;right:12px;display:grid;width:31px;height:31px;place-items:center;border:1px solid #e1dfd5;border-radius:50%;background:#fffefa;color:var(--green);cursor:pointer}.lesson-tip{display:flex;gap:9px;margin-top:13px;padding:11px;background:#f3efe0;color:#8e702f}.lesson-tip strong{color:#514d3e;font-size:9px}.lesson-tip p{margin:3px 0 0;color:#777467;font-size:9px;line-height:1.6}.lesson-aside{display:grid;gap:12px}.aside-kicker{display:flex;align-items:center;gap:7px;color:#79867b;font-size:9px}.lesson-aside>strong{font-family:serif;font-size:16px;font-weight:500}.audio-button,.kana-detail button{display:inline-flex;width:fit-content;min-height:33px;align-items:center;gap:7px;padding:0 10px;border:1px solid #dce2d9;border-radius:4px;background:#f5f8f3;color:var(--green);cursor:pointer;font-size:9px}.aside-divider{height:1px;margin:5px 0;background:var(--line)}.lesson-aside>p{margin:-4px 0 2px;color:#818881;font-size:9px;line-height:1.65}.complete-button{display:flex;min-height:36px;align-items:center;justify-content:space-between;padding:0 10px;border:0;border-radius:4px;background:var(--green);color:#fff;cursor:pointer;font-size:9px;font-weight:600}.complete-button.done{justify-content:center;gap:6px;background:#e6efe5;color:#427456;cursor:default}.lesson-bottom{display:flex;justify-content:space-between;margin-top:14px;color:#8c938a;font-size:8px}.lesson-bottom span:first-child{display:flex;align-items:center;gap:5px}.kana-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.kana-controls{display:flex;flex-wrap:wrap;gap:8px}.segmented-control{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:5px;background:#eeede6}.segmented-control button{min-height:30px;padding:0 11px;border:0;border-radius:3px;background:transparent;color:#7d867e;cursor:pointer;font-size:10px}.segmented-control button.active{background:#fffefa;color:var(--green);box-shadow:0 1px 3px #162b2012}.kana-listen{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:0;background:transparent;color:var(--green);cursor:pointer;font-size:9px}.kana-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:17px;align-items:start}.kana-board{display:grid;max-height:620px;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;overflow-y:auto;padding:1px 5px 1px 1px}.kana-cell{display:grid;aspect-ratio:1.2;min-width:0;place-content:center;gap:2px;border:1px solid #e8e6dc;border-radius:4px;background:#fffefa;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}.kana-cell:hover{transform:translateY(-2px);border-color:#8eaa91}.kana-cell.selected{border-color:var(--green);background:#e8f0e8}.kana-cell{position:relative}.kana-cell strong{font-family:serif;font-size:23px;font-weight:500;line-height:1}.kana-cell span{color:#929990;font-size:8px;text-align:center}.kana-detail{position:sticky;top:20px;display:grid;justify-items:center;gap:9px;padding:18px 14px;border:1px solid var(--line);border-radius:5px;background:#fffefa;text-align:center}.kana-detail-label{color:#8b978d;font-size:8px;font-weight:700;letter-spacing:.1em}.kana-detail>strong{font-family:serif;font-size:63px;font-weight:400;line-height:1.1}.kana-romaji{color:#957d5b;font-size:12px}.kana-detail p{margin:4px 0 0;color:#80877f;font-size:8px;line-height:1.7}.stroke-practice{min-width:0}.stroke-panel{width:min(100%,390px);min-width:0;margin:0 auto;padding:14px;border:1px solid var(--line);border-radius:5px;background:#fffefa}.stroke-panel-heading{display:flex;align-items:center;justify-content:space-between}.stroke-panel-heading>div{display:grid;gap:3px}.stroke-kicker{color:#859087;font-size:8px;font-weight:700}.stroke-panel-heading strong{color:var(--green);font-size:11px}.stroke-audio{display:grid;width:31px;height:31px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#f7f8f2;color:var(--green);cursor:pointer}.stroke-display{display:grid;min-height:184px;aspect-ratio:1;place-items:center;margin:10px 0;overflow:hidden;border:1px solid #eeece4;border-radius:4px;background:linear-gradient(90deg,transparent 49.8%,#ece9df 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#ece9df 50%,transparent 50.2%),#fbfaf6}.stroke-glyph{width:100%;max-height:230px;padding:10px}.stroke-glyph path{fill:none;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.stroke-glyph .stroke-complete{stroke:#668c6e}.stroke-glyph .stroke-active{stroke:#d76650;stroke-dasharray:1;stroke-dashoffset:1;animation:stroke-reveal .65s ease forwards}.stroke-glyph .stroke-pending{stroke:#d6d8cf}@keyframes stroke-reveal{to{stroke-dashoffset:0}}.stroke-status{max-width:90%;color:#838b83;font-size:9px;line-height:1.6;text-align:center}.stroke-fallback{display:grid;justify-items:center;gap:5px;padding:16px;text-align:center}.stroke-fallback strong{font-family:serif;font-size:64px;font-weight:400;line-height:1}.stroke-fallback span{color:#957d5b;font-size:12px}.stroke-fallback small{color:#838b83;font-size:9px;line-height:1.5}.stroke-counter{display:grid;gap:7px;color:#7d867e;font-size:8px}.stroke-count-dots{display:flex;flex-wrap:wrap;gap:4px}.stroke-count-dots span{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:#f0efe8;color:#8d958d;font-size:7px}.stroke-count-dots span.done{background:#e5eee4;color:#427456}.stroke-count-dots span.current{background:#fae9e3;color:#bd644c}.stroke-controls{display:flex;justify-content:center;gap:6px;margin-top:9px}.stroke-controls button{display:grid;width:29px;height:29px;place-items:center;border:1px solid var(--line);border-radius:4px;background:#fffefa;color:#6c796f;cursor:pointer}.stroke-controls button:disabled{opacity:.4;cursor:default}.stroke-controls button.stroke-play{border-color:var(--green);background:var(--green);color:#fff}.kana-writing{width:min(100%,390px);min-width:0;margin:0 auto;padding:14px;border:1px solid var(--line);border-radius:5px;background:#fffefa}.kana-writing-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.kana-writing-heading>div{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:4px 8px}.kana-writing-heading .stroke-kicker{grid-column:1 / -1}.kana-writing-heading strong{font-family:serif;font-size:30px;font-weight:400;line-height:1}.kana-writing-reading{color:#957d5b;font-size:11px}.stroke-controls-button{display:inline-flex;min-height:30px;align-items:center;gap:5px;padding:0 8px;border:1px solid var(--line);border-radius:4px;background:#fffefa;color:#6c796f;cursor:pointer;font-size:9px}.kana-writing-canvas{display:block;width:min(100%,320px);aspect-ratio:1;margin:12px auto 8px;border:1px dashed #d9d8cd;border-radius:4px;background:#fbfaf6;cursor:crosshair;touch-action:none}.writing-guide-line{fill:none;stroke:#e6e3d9;stroke-width:1;stroke-dasharray:4 5}.kana-writing-guide{fill:#e5e2d7;font-family:serif;font-size:170px;pointer-events:none;-webkit-user-select:none;user-select:none}.kana-writing-ink{fill:none;stroke:#527b60;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.kana-writing-hint{min-height:30px;margin:0 0 8px;color:#858c85;font-size:9px;line-height:1.6}.trace-complete{display:flex;width:100%;min-height:34px;align-items:center;justify-content:space-between;gap:8px;padding:0 9px;border:0;border-radius:3px;background:var(--green);color:#fff;cursor:pointer;font-size:9px}.trace-complete:disabled{background:#e6efe5;color:#427456;cursor:default}.kana-quiz{max-width:520px;margin:0 auto;padding:20px;border:1px solid var(--line);border-radius:5px;background:#fffefa}.kana-quiz-heading{display:flex;align-items:center;justify-content:space-between;color:#748077;font-size:9px}.kana-quiz-heading strong{color:var(--green)}.kana-quiz-target{display:grid;justify-items:center;gap:5px;padding:22px 0}.kana-quiz-target span{color:#8a938b;font-size:8px}.kana-quiz-target strong{color:var(--green-dark);font-size:24px}.kana-quiz-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kana-quiz-option{display:grid;min-height:86px;place-content:center;gap:5px;border:1px solid var(--line);border-radius:4px;background:#fffefa;cursor:pointer}.kana-quiz-option:hover{border-color:#9bab97}.kana-quiz-option strong{font-family:serif;font-size:34px;font-weight:400}.kana-quiz-option span{color:#8c938b;font-size:8px;text-align:center}.kana-quiz-option.correct{border-color:#88a98c;background:#eef5eb}.kana-quiz-option.incorrect{border-color:#d99986;background:#fcf1ec}.kana-quiz .primary-button{width:100%;justify-content:space-between}.lesson-vocabulary{display:grid;gap:7px;margin-top:14px;padding:12px;border:1px solid #e8e6dc;border-radius:4px;background:#fbfaf6}.lesson-vocabulary>.lesson-step{margin-bottom:2px}.vocabulary-row{display:grid;grid-template-columns:28px minmax(75px,auto) minmax(110px,auto) 1fr;align-items:center;gap:8px}.vocabulary-row button{display:grid;width:27px;height:27px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fffefa;color:var(--green);cursor:pointer}.vocabulary-row strong{font-family:serif;font-size:16px}.vocabulary-row>span{color:#977e59;font-family:serif;font-size:10px}.vocabulary-row small{color:#6f7a72;font-size:9px}.vocabulary-readings{display:grid;gap:3px}.vocabulary-readings>span{color:#977e59;font-family:serif;font-size:10px}.vocabulary-readings>small{color:#738078;font-family:sans-serif;font-size:9px}.vocabulary-word-type,.vocabulary-usage,.vocabulary-word-example{grid-column:2 / -1}.vocabulary-word-type{color:#758177;font-size:12px}.vocabulary-usage{margin:0;color:#59645b;font-size:14px;line-height:1.65}.vocabulary-word-example{display:grid;gap:3px;padding:8px 10px;border-left:2px solid #d5dfd1;background:#f7f8f2}.vocabulary-word-example strong{font-family:serif;font-size:18px;font-weight:500}.vocabulary-word-example span,.vocabulary-word-example small{color:#748077;font-size:12px}.vocabulary-word-example p{margin:0;color:#59645b;font-size:14px}.vocabulary-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;color:#7e877f;font-size:10px}.learned-vocabulary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.learned-vocabulary-card{min-width:0;padding:15px;border:1px solid var(--line);border-radius:5px;background:#fffefa}.learned-word-heading{display:flex;align-items:center;gap:9px;padding-bottom:10px;border-bottom:1px solid var(--line)}.learned-word-heading>strong{font-family:serif;font-size:24px;font-weight:500}.learned-word-heading>span{color:#977e59;font-size:11px}.learned-word-heading .vocabulary-readings>span{font-size:11px}.learned-word-heading .vocabulary-readings>small{font-size:9px}.vocabulary-speak{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:50%;background:#f7f8f2;color:var(--green);cursor:pointer}.learned-word-meaning{display:grid;gap:4px;padding:10px 0}.learned-word-meaning p,.learned-word-context p,.learned-word-detail p{margin:0;color:#59645b;font-size:14px;line-height:1.65}.learned-word-detail{display:grid;gap:4px;padding:7px 0}.learned-word-context{display:grid;gap:5px;padding-top:10px;border-top:1px solid var(--line)}.learned-word-context>strong{font-family:serif;font-size:19px;font-weight:500}.vocabulary-lesson-link{display:flex;width:fit-content;align-items:center;gap:4px;padding:4px 0;border:0;background:transparent;color:var(--green);cursor:pointer;font-size:13px;text-align:left}.lesson-exercise{display:grid;gap:10px;margin-top:14px;padding:14px;border:1px solid #dfe6dc;border-radius:4px;background:#f6f8f2}.translation-practice{background:#fffefa}.translation-prompt{display:grid;gap:7px;padding-top:10px;border-top:1px solid var(--line)}.translation-prompt p{margin:0;color:#59645b;font-size:11px}.translation-prompt details{display:grid;gap:5px;color:#59645b;font-size:10px}.translation-prompt summary{width:fit-content;color:var(--green);cursor:pointer}.translation-prompt details>strong{font-family:serif;font-size:15px;font-weight:500}.translation-prompt details>small{color:#7a837b}.exercise-title{display:flex;align-items:center;justify-content:space-between;color:#879188;font-size:8px}.lesson-exercise>p{margin:0;color:#68756c;font-size:10px;line-height:1.6}.practice-sentence{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px;padding:11px;border:1px solid #e8e5db;border-radius:3px;background:#fffefa;font-family:serif;font-size:17px}.practice-sentence strong{min-width:30px;border-bottom:1px solid var(--coral);color:var(--coral);text-align:center}.lesson-exercise .quiz-options{grid-template-columns:1fr}.lesson-exercise .quiz-option{min-height:36px}.quiz-card{max-width:630px;margin:0 auto;padding:22px;border:1px solid var(--line);border-radius:5px;background:#fffefa}.quiz-meta{display:flex;justify-content:space-between;color:#838c84;font-size:9px}.quiz-meta span:first-child{display:flex;align-items:center;gap:6px;color:#9a7939}.quiz-progress{height:4px;margin-top:12px}.quiz-progress span{background:var(--green)}.quiz-card h2{margin:25px 0 4px;font-family:serif;font-size:23px;font-weight:500}.quiz-instruction{margin:0 0 14px;color:#858d85;font-size:9px}.quiz-options{display:grid;gap:7px}.quiz-option{display:flex;min-height:43px;align-items:center;gap:10px;padding:0 10px;border:1px solid #e8e7df;border-radius:4px;background:#fffefa;cursor:pointer;text-align:left;font-size:10px}.quiz-option:hover{border-color:#9bab97}.quiz-option>svg{margin-left:auto;color:#447653}.option-letter{display:grid;width:22px;height:22px;place-items:center;border-radius:3px;background:#f0efe8;color:#7b847b;font-size:8px}.quiz-option.chosen{border-color:#7e9c81;background:#f3f7f1}.quiz-option.correct{border-color:#88a98c;background:#eef5eb}.quiz-option.incorrect{border-color:#d99986;background:#fcf1ec}.quiz-feedback{margin-top:11px;font-size:10px;font-weight:600}.quiz-feedback.good{color:#447653}.quiz-feedback.retry{color:#bd644c}.quiz-footer{display:flex;align-items:center;justify-content:space-between;margin-top:19px;padding-top:12px;border-top:1px solid var(--line);color:#899087;font-size:8px}.quiz-footer .primary-button{margin:0}.toast{position:fixed;right:24px;bottom:22px;z-index:10;display:flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid #cddccc;border-radius:5px;background:#f4faf2;color:#365e40;box-shadow:0 8px 25px #223a2a14;font-size:10px;animation:rise-in .2s ease both}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.main-area{padding-right:30px;padding-left:30px}.sidebar{width:220px}.main-area{width:calc(100% - 220px);margin-left:220px}.stats-row{grid-template-columns:repeat(3,1fr);row-gap:14px}.weekly-progress{grid-column:1 / -1;padding-left:0}.level-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.sidebar{position:sticky;inset:0 0 auto;width:100%;height:auto;flex-direction:row;align-items:center;justify-content:space-between;padding:10px 16px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0}.brand-mark{width:34px;height:34px;font-size:21px}.brand-copy small,.sidebar-label,.sidebar-bottom{display:none}.primary-nav{display:flex;gap:2px}.nav-item{width:37px;min-height:38px;justify-content:center;padding:0}.nav-item span:not(.nav-dot){display:none}.nav-dot{position:absolute;top:4px;right:4px;width:4px;height:4px}.main-area{width:100%;margin:0;padding:0 20px 22px}.topbar{height:54px}.breadcrumb{font-size:9px}.signin-button{width:34px;justify-content:center;padding:0;font-size:0}.signin-button svg{display:none}.welcome-row{padding-top:25px}.welcome-row h1{max-width:280px;font-size:24px}.welcome-subtitle{max-width:280px;font-size:10px;line-height:1.6}.date-stamp{padding-right:0}.date-stamp strong{font-size:21px}.date-stamp span,.date-stamp small{font-size:7px}.hero-panel{min-height:205px}.hero-copy{width:72%;padding-left:20px}.hero-copy h2{max-width:245px;font-size:20px}.hero-art{width:35%;opacity:.75}.sun-disc{top:45px;right:-35px;width:115px;height:115px}.japanese-stamp{top:66px;right:2px;font-size:58px}.art-caption{right:7px;bottom:19px;font-size:8px}.stats-row{grid-template-columns:repeat(3,1fr);margin:14px 0 24px;padding:12px 0}.stat-item{gap:6px;padding:1px 7px}.stat-icon{width:28px;height:28px}.stat-item strong{font-size:12px}.stat-item>div>span{font-size:7px}.weekly-progress{padding-top:1px}.lesson-row{grid-template-columns:29px minmax(90px,1fr) 17px;gap:8px;min-height:62px;padding:0 5px}.lesson-tag,.lesson-time{display:none}.lesson-index{width:26px;height:26px}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-card{min-height:130px}.level-card:last-child{grid-column:1 / -1}.native-note{padding-right:56px}.note-kanji{right:9px;font-size:41px}.app-footer{gap:12px;font-size:7px}.view-page{min-height:calc(100vh - 100px);padding-top:26px}.page-intro h1{font-size:23px}.course-card{grid-template-columns:34px minmax(0,1fr) 15px;gap:8px;min-height:70px;padding:0 3px}.course-duration{display:none}.lesson-tools{gap:12px}.search-box{width:min(62%,210px)}.lesson-body{grid-template-columns:1fr;gap:12px}.learned-vocabulary-list{grid-template-columns:1fr}.lesson-aside{grid-template-columns:1fr 1fr;align-items:center}.aside-divider{display:none}.lesson-aside>p{margin:0}.complete-button{grid-column:1 / -1}.kana-layout{grid-template-columns:1fr}.kana-detail{position:static;grid-template-columns:auto auto auto 1fr;justify-items:start;gap:8px 12px;text-align:left}.kana-detail>strong{font-size:36px}.kana-detail-label{align-self:center}.kana-detail p{grid-column:1 / -1}.kana-detail button{justify-self:end}.kana-cell strong{font-size:19px}.quiz-card{padding:16px}}@media(max-width:400px){.main-area{padding-right:14px;padding-left:14px}.brand-copy strong{font-size:14px}.nav-item{width:32px}.top-actions{gap:6px}.welcome-row h1{font-size:21px}.hero-copy{width:78%;padding-left:14px}.hero-copy h2{max-width:205px;font-size:18px}.hero-art{width:30%;opacity:.52}.stats-row{grid-template-columns:repeat(2,1fr);row-gap:11px}.stat-item:nth-child(2){border-right:0}.weekly-progress{grid-column:1 / -1}.kana-board{gap:4px}.kana-cell strong{font-size:17px}.kana-detail{grid-template-columns:auto auto auto}.kana-detail button{grid-column:1 / 2;justify-self:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.lesson-detail-heading h1{font-size:30px}.lesson-detail-heading>p,.lesson-explainer>p,.lesson-explanation p,.grammar-term small,.example-reading,.example-romaji,.example-box>small,.lesson-tip p,.lesson-aside>p,.lesson-navigation-button,.translation-prompt p,.translation-prompt details,.complete-button,.lesson-exercise>p,.lesson-exercise .quiz-option{font-size:15px}.lesson-step,.example-box>span,.lesson-tip strong,.aside-kicker,.lesson-bottom{font-size:12px}.lesson-explainer h2{font-size:21px}.lesson-explanation p,.lesson-explainer>p,.lesson-detail-heading>p,.lesson-aside>p,.lesson-exercise>p,.translation-prompt p{line-height:1.75}.lesson-explanation p,.lesson-explainer>p,.lesson-detail-heading>p,.lesson-aside>p,.lesson-exercise>p,.translation-prompt p,.example-reading,.example-romaji,.example-box>small{line-height:1.6}.grammar-term>span,.grammar-term small,.example-reading,.example-romaji,.example-box>small{font-size:14px}.grammar-term strong{font-size:18px}.example-box>strong{font-size:27px}.vocabulary-row{grid-template-columns:32px auto auto 1fr;gap:10px}.vocabulary-row strong{font-size:19px}.vocabulary-row button{width:31px;height:31px}.complete-button{min-height:44px}.lesson-navigation{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.lesson-navigation-button{display:inline-flex;min-height:44px;align-items:center;gap:8px;padding:0 14px;border:1px solid var(--line);border-radius:5px;background:#fffefa;color:var(--green-dark);cursor:pointer}.lesson-navigation-button.next{margin-left:auto;background:var(--green);color:#fff}.lesson-navigation-button:disabled{opacity:.45;cursor:not-allowed}.lesson-navigation-back{transform:rotate(180deg)}.character-practice-panels{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px}.character-practice-panels .stroke-panel,.character-practice-panels .kana-writing{width:100%;max-width:none}.character-practice-panels .stroke-display{min-height:170px}.character-practice-panels .kana-writing-canvas{width:min(100%,300px)}.kanji-learning-layout{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.7fr);align-items:start;gap:20px}.kanji-library,.kanji-lesson{min-width:0;padding:18px;border:1px solid var(--line);border-radius:6px;background:#fffefa}.kanji-library{position:sticky;top:16px}.kanji-library-heading{display:flex;justify-content:space-between;margin-bottom:12px;color:var(--green-dark);font-size:15px}.kanji-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:68vh;overflow-y:auto;margin-top:12px}.kanji-cell{display:grid;min-width:0;min-height:62px;align-content:center;justify-items:center;gap:3px;border:1px solid #e8e6dc;border-radius:4px;background:#fffefa;cursor:pointer}.kanji-cell strong{font-family:serif;font-size:25px;font-weight:400}.kanji-cell span{max-width:100%;overflow:hidden;color:#68756c;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.kanji-cell.selected{border-color:var(--green);background:#e8f0e8}.kanji-cell.practiced{box-shadow:inset 0 -3px #8eaa91}.kanji-lesson-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--line)}.kanji-lesson-heading>div{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:5px 12px}.kanji-lesson-heading .lesson-step{grid-column:1 / -1}.kanji-lesson-heading>div>strong{font-family:serif;font-size:66px;font-weight:400;line-height:1}.kanji-lesson-heading p{margin:0;color:#526357;font-size:18px}.kanji-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.kanji-reading-grid>div{display:grid;gap:5px;padding:12px;border:1px solid #e8e6dc;border-radius:4px;background:#fbfaf6}.kanji-reading-grid span{color:#657369;font-size:13px}.kanji-reading-grid strong{font-family:serif;font-size:21px;font-weight:500}.kanji-reading-grid small{color:#977e59;font-size:14px}.kanji-explanation h2,.kanji-word-list h2{margin:18px 0 6px;font-size:18px}.kanji-explanation p{margin:0;color:#59645b;font-size:16px;line-height:1.7}.kanji-word-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kanji-word-list h2{grid-column:1 / -1}.kanji-word{display:grid;gap:4px;padding:11px;border:1px solid #e8e6dc;border-radius:4px;background:#fbfaf6}.kanji-word strong{font-family:serif;font-size:20px;font-weight:500}.kanji-word span{color:#977e59;font-size:14px}.kanji-word small{color:#66746a;font-size:14px}.kanji-word p{margin:0;color:#59645b;font-size:14px}.kanji-practice-panels{margin-top:20px}.kana-detail-label,.stroke-kicker,.stroke-status,.stroke-fallback small,.stroke-counter,.kana-writing-hint{font-size:13px}.stroke-count-dots span{width:21px;height:21px;font-size:11px}.stroke-controls button{width:36px;height:36px}.stroke-controls-button,.trace-complete,.kana-listen,.segmented-control button{font-size:14px}.kana-writing-reading,.stroke-fallback span{font-size:15px}.kana-writing-guide{fill:#d3d0c4}.kana-writing-ink{stroke-width:9}@media(max-width:800px){.kanji-learning-layout{grid-template-columns:1fr}.kanji-library{position:static}.kanji-grid{max-height:300px;grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:560px){.character-practice-panels{grid-template-columns:1fr}.character-practice-panels .stroke-panel,.character-practice-panels .kana-writing{max-width:420px}.lesson-navigation-button{min-height:46px}.kanji-library,.kanji-lesson{padding:13px}.kanji-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.kanji-word-list{grid-template-columns:1fr}.kanji-reading-grid{gap:7px}.kanji-reading-grid>div{padding:9px}}:root{--muted: #68756c}body{font-size:16px;line-height:1.6;overflow-x:clip}.brand-copy strong{font-size:18px}.brand-copy small{font-size:12px;line-height:1.45}.sidebar-label{font-size:12px}.nav-item,.weekly-note strong,.profile-row strong{font-size:14px}.weekly-note p{font-size:13px}.profile-row small{font-size:12px}.breadcrumb{font-size:13px}.language-switch button{min-width:38px;min-height:36px;font-size:14px}.signin-button{min-height:44px;font-size:14px}.eyebrow{font-size:13px}.welcome-row h1{font-size:clamp(28px,3vw,36px)}.welcome-subtitle{font-size:16px;line-height:1.65}.date-stamp span,.date-stamp small{font-size:12px}.hero-kicker{font-size:13px}.hero-copy h2{font-size:clamp(25px,2.8vw,32px);line-height:1.35}.hero-copy p{font-size:15px;line-height:1.65}.primary-button{min-height:44px;font-size:14px}.stat-item strong{font-size:17px}.stat-item strong small,.stat-item>div>span{font-size:12px}.progress-copy,.progress-copy strong,.progress-copy small{font-size:12px}.section-heading h2{font-size:22px}.section-heading p,.lesson-row,.lesson-row small,.lesson-row span{font-size:14px}.lesson-row strong{font-size:16px}.level-card strong{font-size:17px}.level-card p,.native-note p{font-size:14px;line-height:1.6}.app-footer{font-size:12px}.page-intro h1{font-size:clamp(27px,3vw,34px)}.page-intro>p:last-child{font-size:15px;line-height:1.65}.view-page small,.view-page .course-number,.view-page .kana-cell span,.view-page .quiz-meta,.view-page .quiz-footer,.view-page .quiz-instruction,.view-page .lesson-step,.view-page .eyebrow{font-size:14px}.level-tabs button{min-height:42px;font-size:14px}.lesson-tools,.search-box input{font-size:14px}.search-box{min-height:42px}.course-copy small{font-size:12px}.course-copy strong{font-size:16px;line-height:1.45}.course-copy>span,.empty-state,.back-button{font-size:14px}.back-button{min-height:42px}.lesson-step,.example-box>span,.aside-kicker,.lesson-bottom{font-size:13px}.lesson-explainer h2{font-size:22px}.lesson-explainer>p,.lesson-explanation p,.grammar-term small,.example-reading,.example-romaji,.example-box>small,.lesson-tip p,.lesson-aside>p,.lesson-navigation-button,.translation-prompt p,.translation-prompt details,.complete-button,.lesson-exercise>p,.lesson-exercise .quiz-option{font-size:16px}.grammar-term strong{font-size:19px}.grammar-term>span,.lesson-tip strong{font-size:14px}.example-box>strong{font-size:clamp(25px,3vw,30px)}.audio-button,.kana-detail button,.segmented-control button,.kana-listen{min-height:42px;font-size:14px}.kana-cell strong{font-size:25px}.kana-cell span,.kana-romaji,.kana-detail-label,.stroke-kicker,.stroke-status,.stroke-fallback small,.stroke-counter,.kana-writing-hint,.kana-writing-reading,.stroke-fallback span{font-size:14px}.vocabulary-row strong{font-size:20px}.vocabulary-row>span,.vocabulary-row small,.vocabulary-readings small{font-size:14px}.quiz-meta,.quiz-instruction,.quiz-footer,.quiz-feedback{font-size:13px}.quiz-card h2{font-size:25px}.quiz-option{min-height:46px;font-size:15px}.option-letter{width:28px;height:28px;font-size:13px}.toast{font-size:14px}@media(max-width:760px){.brand-copy strong{font-size:15px}.brand-copy small{display:none}.brand{flex:0 0 auto}.brand-copy strong{white-space:nowrap}.signin-button{width:44px;min-width:44px;justify-content:center;padding:0;overflow:hidden;font-size:0}.signin-button .google-g{font-size:15px}.welcome-row h1{font-size:27px}.welcome-subtitle{font-size:15px}.hero-copy h2{font-size:23px}.hero-copy p{font-size:14px}.section-heading h2{font-size:20px}.lesson-row strong,.course-copy strong{font-size:15px}.app-footer{font-size:11px}.lesson-detail-heading h1{font-size:27px}.lesson-aside{grid-template-columns:1fr}.complete-button{grid-column:auto}}@media(max-width:400px){.main-area{padding-right:14px;padding-left:14px}.welcome-row h1{font-size:24px}.hero-copy h2{font-size:21px}.page-intro h1{font-size:25px}.lesson-navigation-button{padding:0 9px;font-size:14px}.quiz-card{padding:14px}}.sidebar{background:#fcfbf7}.nav-item{border-radius:10px}.nav-item.active{box-shadow:inset 3px 0 var(--green)}.main-area{max-width:1500px;padding-inline:clamp(24px,4vw,58px)}.hero-panel{min-height:250px;border:1px solid #244c3e;border-radius:18px;background:linear-gradient(118deg,#193b32,#245543 72%,#2f624b);box-shadow:0 16px 36px #193b3214}.hero-copy{padding-left:clamp(24px,4vw,42px)}.hero-kicker{border-radius:999px}.primary-button{border-radius:8px}.stats-row{margin-top:24px}.lesson-list{display:grid;gap:10px;border:0}.lesson-row{min-height:76px;padding:8px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.lesson-row:hover{transform:translateY(-1px);border-color:#b7c9b8;box-shadow:0 8px 20px #193b320d}.lesson-row.lesson-highlight{border-color:#93ad94}.level-card,.course-card,.lesson-explainer,.lesson-aside,.quiz-card,.kanji-library,.kanji-lesson,.kana-detail,.stroke-panel,.vocabulary-card{border-radius:14px;box-shadow:0 6px 22px #193b3208}.level-card{padding:18px}.course-list{display:grid;gap:10px;border-top:0}.course-card{min-height:82px;padding:8px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.course-card:hover{border-color:#b7c9b8;box-shadow:0 8px 20px #193b320d}.lesson-explainer,.lesson-aside,.kanji-library,.kanji-lesson{padding:24px}.example-box{border-radius:10px}.grammar-glossary,.vocabulary-word,.kanji-word{border-radius:9px}.kana-cell{border-radius:10px}.kana-cell.selected{box-shadow:0 0 0 2px #214f4022}.quiz-card{padding:26px;border-color:#e0e5dc;box-shadow:0 14px 36px #193b3210}.quiz-option{border-radius:9px}.app-footer{padding-top:18px}@media(max-width:760px){.main-area{padding-inline:20px}.hero-panel{min-height:220px;border-radius:14px}.lesson-row{min-height:70px;padding:6px 8px;border-radius:10px}.course-card{min-height:78px;padding-inline:8px}.lesson-explainer,.lesson-aside,.kanji-library,.kanji-lesson{padding:18px}.quiz-card{padding:20px}}@media(max-width:400px){.main-area{padding-inline:14px}.hero-panel{border-radius:12px}.quiz-card{padding:16px}}:root{--ink: #203239;--muted: #66777b;--line: #e2e9e7;--paper: #fff;--green: #16776e;--green-dark: #123f3c;--coral: #cf715d;--yellow: #edbb62}body{color:var(--ink);background:#f3f6f5;font-size:15px;line-height:1.55;overflow-x:clip}.app-shell{background:radial-gradient(ellipse at 92% 3%,#dcebe533,transparent 30rem),#f3f6f5}.sidebar{width:252px;padding:26px 17px 18px;border-right:1px solid #dfe8e5;background:#fff;box-shadow:5px 0 24px #1e3e3510}.brand{padding:2px 9px 30px}.brand-mark{width:40px;height:40px;border-radius:13px;background:#16776e;box-shadow:0 5px 12px #16776e2c}.brand-copy strong{color:#203239;font-size:17px}.brand-copy small{color:#708184;font-size:11px}.sidebar-label{padding:0 11px 9px;color:#91a09e;font-size:10px;letter-spacing:.11em}.primary-nav{gap:5px}.nav-item{min-height:45px;border-radius:10px;color:#647578;font-size:13px;transition:background .16s ease,color .16s ease,transform .16s ease}.nav-item:hover{background:#f2f7f5;color:#1c4c48}.nav-item.active{background:#e9f4f0;box-shadow:inset 3px 0 #16776e;color:#155e56}.nav-item.active svg{color:#16776e}.nav-dot{background:#dc8a65}.weekly-note{padding:15px;border:1px solid #e8e4d7;border-radius:13px;background:#fbf8ef}.weekly-note strong,.profile-row strong{font-size:13px}.weekly-note p{color:#687675;font-size:12px;line-height:1.65}.profile-row{border-color:#e8eeeb}.profile-row small{color:#748286;font-size:11px}.main-area{width:min(100% - 252px,1450px);max-width:1450px;margin-left:252px;padding:0 clamp(28px,4vw,58px) 28px}.topbar{height:68px;border-color:#e1e9e6}.breadcrumb{color:#82918f;font-size:12px}.breadcrumb strong{color:#293d42}.top-actions{gap:9px}.language-switch{padding:3px;border-color:#e1e9e6;border-radius:9px;background:#fff}.language-switch button{min-width:35px;min-height:32px;border-radius:7px;color:#708184;font-size:12px}.language-switch button.selected{background:#16776e}.signin-button{min-height:38px;border-color:#e1e9e6;border-radius:9px;background:#fff;font-size:12px}.welcome-row{padding:31px 0 22px}.eyebrow{margin-bottom:7px;color:#71837f;font-size:11px}.welcome-row h1{color:#203239;font-size:clamp(25px,2.4vw,31px);font-weight:650;letter-spacing:-.025em;line-height:1.3}.welcome-subtitle{color:#708080;font-size:14px}.date-stamp{color:#81908e}.date-stamp span,.date-stamp small{font-size:11px}.date-stamp strong{color:#253b3f;font-size:23px}.hero-panel{min-height:226px;border:0;border-radius:17px;background:linear-gradient(115deg,#123f3c,#176b61 58%,#248779);box-shadow:0 14px 32px #164c441c}.hero-panel:before{background:radial-gradient(circle at 88% 40%,#d8c28e25 0 7rem,transparent 7.1rem),radial-gradient(circle at 88% 40%,#d8c28e14 0 9rem,transparent 9.1rem);opacity:1}.hero-copy{padding:28px 0 28px clamp(24px,3.5vw,40px)}.hero-kicker{padding:6px 11px;border-color:#ffffff36;border-radius:999px;font-size:11px}.hero-copy h2{margin:13px 0 4px;font-size:clamp(22px,2.3vw,28px);font-weight:600;line-height:1.4}.hero-copy p{color:#d0e0d9;font-size:13px;line-height:1.6}.primary-button{min-height:41px;margin-top:16px;padding:0 15px;border-radius:8px;background:#f0c36d;font-size:12px}.primary-button:hover{background:#f6d48f}.sun-disc{background:#d98668}.japanese-stamp{color:#f8e9c7}.art-caption{color:#d2e0d9;font-size:10px}.stats-row{margin:16px 0 27px;padding:15px 0;border-color:#e1e9e6}.stat-item{gap:9px;padding-inline:14px}.stat-icon{width:32px;height:32px}.stat-item strong{color:#263d40;font-size:15px}.stat-item strong small,.stat-item>div>span,.progress-copy,.progress-copy strong,.progress-copy small{font-size:11px}.progress-track,.quiz-progress{height:6px;border-radius:999px;background:#e8eeeb}.progress-track span,.quiz-progress span{border-radius:inherit}.section-heading{margin-bottom:13px}.section-heading h2{color:#203239;font-size:19px;font-weight:650}.section-heading p{font-size:11px}.text-button{color:#16776e;font-size:12px}.lesson-list{display:grid;gap:9px;border:0}.lesson-row{min-height:69px;padding:7px 12px;border:1px solid #e3ebe8;border-radius:11px;background:#fff;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.lesson-row:hover{transform:translateY(-1px);border-color:#b7d2ca;background:#fff;box-shadow:0 8px 18px #204a3f0d}.lesson-row.lesson-highlight{border-color:#a9cbc0}.lesson-index{background:#e9f3ef;color:#267466}.lesson-row strong{color:#2b3e40;font-size:14px}.lesson-row small{color:#758482;font-size:11px}.lesson-tag{border-radius:999px;font-size:10px}.lesson-time{color:#7d8b89;font-size:11px}.level-grid{gap:12px}.level-card{min-height:152px;padding:16px;border:1px solid #e2eae6;border-radius:13px;box-shadow:0 5px 15px #24473d08}.level-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #24473d10}.level-top>strong{font-size:13px}.level-title{font-size:15px!important}.level-subtitle{font-size:12px;line-height:1.55}.level-cta{font-size:11px}.native-note{border:1px solid #e6e9dc;border-radius:13px;background:#faf8f0}.native-note p{color:#6b7774;font-size:13px;line-height:1.65}.app-footer{color:#81908e;font-size:11px}.view-page{padding-top:29px}.page-intro{margin-bottom:22px}.page-intro h1{color:#203239;font-size:clamp(25px,2.4vw,31px);font-weight:650;letter-spacing:-.02em}.page-intro>p:last-child{color:#71817e;font-size:13px;line-height:1.65}.level-tabs{gap:7px;padding-bottom:12px;border-color:#e1e9e6}.level-tabs button{min-width:56px;height:36px;border-radius:8px;background:#e9efec;color:#617370;font-size:12px}.level-tabs button.active{background:#16776e}.lesson-tools{padding:12px 1px;color:#73827f;font-size:12px}.search-box{height:39px;border-color:#e0e8e5;border-radius:9px;background:#fff}.search-box input{font-size:12px}.course-list{display:grid;gap:9px;border:0}.course-card{min-height:72px;padding:7px 12px;border:1px solid #e2eae7;border-radius:11px;background:#fff}.course-card:hover{border-color:#b7d2ca;background:#fff;box-shadow:0 6px 17px #204a3f0b}.course-number{width:34px;height:34px;border-radius:9px}.course-copy{gap:2px}.course-copy small{color:#84928f;font-size:10px}.course-copy strong{color:#304447;font-size:13px}.course-copy>span,.empty-state{color:#71817f;font-size:12px;line-height:1.5}.course-duration{color:#7c8b87;font-size:11px}.back-button{color:#16776e;font-size:12px}.lesson-detail-heading{margin:20px 0 22px}.lesson-detail-heading h1{color:#203239;font-size:clamp(24px,2.2vw,29px)}.lesson-detail-heading>p{color:#71817f;font-size:13px}.lesson-body{gap:18px}.lesson-explainer,.lesson-aside,.kanji-library,.kanji-lesson{padding:21px;border:1px solid #e2eae7;border-radius:13px;background:#fff;box-shadow:0 7px 22px #24473d08}.lesson-step,.aside-kicker{color:#758783;font-size:10px}.lesson-explainer h2{color:#2a4143;font-size:18px}.lesson-explainer>p,.lesson-explanation p{color:#536568;font-size:14px;line-height:1.75}.lesson-explanation{margin-top:13px;padding-top:12px;border-color:#e8eeeb}.grammar-glossary{gap:8px;padding:11px;border-color:#e4ece8;border-radius:9px;background:#f8faf8}.grammar-term strong{color:#2e5552;font-size:15px}.grammar-term>span,.grammar-term small{font-size:11px}.example-box{gap:6px;margin-top:14px;padding:13px;border-color:#e1eae6;border-radius:10px;background:#f7faf8}.example-box>span{color:#718480;font-size:10px}.example-box>strong{color:#233d40;font-size:24px}.example-reading,.example-romaji{color:#71817d;font-size:12px}.example-box>small{color:#56696a;font-size:13px}.example-box button,.vocabulary-row button{border-color:#deebe5;background:#fff;color:#16776e}.lesson-tip{border-radius:8px}.lesson-tip strong,.lesson-tip p{font-size:12px}.lesson-aside>strong{color:#294446;font-size:15px}.audio-button,.kana-detail button{min-height:38px;border-color:#dce9e4;border-radius:8px;background:#f4f9f6;color:#176f65;font-size:12px}.lesson-aside>p{color:#71817f;font-size:12px}.complete-button{border-radius:8px;font-size:12px}.lesson-navigation-button{border-color:#e0e8e5;border-radius:8px;background:#fff;font-size:12px}.lesson-navigation-button.next{background:#16776e}.lesson-vocabulary,.lesson-exercise{border-color:#e2eae7;border-radius:10px;background:#f8faf8}.vocabulary-row strong{color:#294446;font-size:16px}.vocabulary-row>span,.vocabulary-row small,.vocabulary-readings small{font-size:11px}.vocabulary-usage,.vocabulary-word-example p{color:#56696a;font-size:12px}.vocabulary-word-example{border-radius:6px;background:#f1f6f3}.vocabulary-word-example strong{font-size:16px}.vocabulary-word-example span,.vocabulary-word-example small{font-size:11px}.translation-prompt p,.lesson-exercise>p{color:#56696a;font-size:13px}.translation-prompt details{font-size:12px}.translation-prompt details>strong{font-size:14px}.exercise-title{font-size:10px}.practice-sentence{border-radius:7px;font-size:16px}.kana-toolbar{margin-bottom:12px}.segmented-control{gap:2px;padding:3px;border-color:#e0e8e5;border-radius:9px;background:#eaf0ed}.segmented-control button{min-height:35px;border-radius:7px;font-size:12px}.segmented-control button.active{color:#176f65;box-shadow:0 1px 5px #1e453b12}.kana-listen{color:#16776e;font-size:12px}.kana-layout{gap:15px}.kana-board{gap:6px}.kana-cell{border-color:#e2eae7;border-radius:9px;background:#fff}.kana-cell:hover{transform:translateY(-1px);border-color:#a8c7bc}.kana-cell.selected{border-color:#16776e;background:#eaf5f1}.kana-cell strong{color:#294446;font-size:22px}.kana-cell span{color:#748580;font-size:10px}.kana-detail{border-color:#e2eae7;border-radius:12px;background:#fff}.kana-detail>strong{color:#294446;font-size:56px}.kana-detail-label{color:#758783;font-size:10px}.kana-romaji{color:#8d7447;font-size:13px}.kana-detail p{color:#71817f;font-size:12px}.stroke-panel,.kana-writing,.kana-quiz{border-color:#e2eae7;border-radius:12px;background:#fff;box-shadow:0 6px 20px #24473d08}.stroke-panel-heading strong,.kana-writing-heading strong{color:#2b4849}.stroke-controls button,.stroke-controls-button{border-color:#e0e8e5;border-radius:7px;background:#fff}.stroke-controls button.stroke-play{background:#16776e}.kana-writing-canvas{border-color:#d9e4df;border-radius:9px;background:#f8faf8}.trace-complete{border-radius:8px;background:#16776e}.kana-quiz{padding:20px}.kana-quiz-heading{font-size:12px}.kana-quiz-target span,.kana-quiz-option span{font-size:11px}.kana-quiz-option{border-color:#e2eae7;border-radius:9px;background:#fff}.kana-quiz-option strong{color:#294446;font-size:30px}.kanji-learning-layout{gap:16px}.kanji-library-heading{color:#294446;font-size:14px}.kanji-grid{gap:7px}.kanji-cell{min-height:66px;border-color:#e2eae7;border-radius:8px;background:#fff}.kanji-cell strong{color:#294446;font-size:23px}.kanji-cell span{color:#657775;font-size:10px}.kanji-cell.selected{border-color:#16776e;background:#eaf5f1}.kanji-lesson-heading{border-color:#e5ece9}.kanji-lesson-heading>div>strong{color:#294446;font-size:58px}.kanji-lesson-heading p{color:#53696a;font-size:15px}.kanji-reading-grid{gap:8px}.kanji-reading-grid>div,.kanji-word{border-color:#e2eae7;border-radius:8px;background:#f8faf8}.kanji-reading-grid span,.kanji-word small{color:#647775;font-size:12px}.kanji-reading-grid strong{color:#294446;font-size:19px}.kanji-reading-grid small,.kanji-word span{font-size:12px}.kanji-explanation h2,.kanji-word-list h2{color:#2b4547;font-size:16px}.kanji-explanation p{color:#526668;font-size:14px}.kanji-word strong{color:#294446;font-size:17px}.kanji-word p{color:#56696a;font-size:12px}.vocabulary-toolbar{color:#71817f;font-size:12px}.learned-vocabulary-list{gap:10px}.learned-vocabulary-card{padding:14px;border-color:#e2eae7;border-radius:11px;background:#fff;box-shadow:0 5px 17px #24473d08}.learned-word-heading{border-color:#e5ece9}.learned-word-heading>strong{color:#294446;font-size:21px}.learned-word-heading>span{color:#8d7447;font-size:11px}.learned-word-meaning p,.learned-word-context p,.learned-word-detail p{color:#56696a;font-size:12px}.learned-word-context>strong{color:#2a4546;font-size:16px}.vocabulary-speak{border-color:#deebe5;background:#f4f9f6;color:#16776e}.vocabulary-lesson-link{color:#16776e;font-size:12px}.quiz-card{padding:24px;border-color:#e1e9e6;border-radius:15px;background:#fff;box-shadow:0 10px 28px #24473d0a}.quiz-meta{color:#72817e;font-size:11px}.quiz-card h2{margin-top:21px;color:#294446;font-size:21px}.quiz-instruction{color:#71817f;font-size:12px}.quiz-option{min-height:42px;border-color:#e2eae7;border-radius:8px;color:#465c5e;font-size:13px}.quiz-option:hover{border-color:#a8c7bc}.quiz-option.chosen{border-color:#76a99b;background:#eff7f3}.option-letter{border-radius:7px;color:#54746c;font-size:11px}.quiz-footer{color:#758480;font-size:11px}.toast{border-radius:10px;font-size:12px}@media(max-width:1100px){.main-area{padding-right:28px;padding-left:28px}}@media(max-width:760px){.sidebar{position:sticky;inset:0 0 auto;width:100%;height:auto;flex-direction:row;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #e2eae7;background:#fff;box-shadow:0 4px 14px #24473d09}.brand{gap:8px}.brand-mark{width:34px;height:34px}.brand-copy strong{color:#203239;font-size:13px}.primary-nav{gap:3px}.nav-item{width:36px;min-height:38px;border-radius:8px;color:#5e7473}.nav-item.active{box-shadow:inset 0 -2px #16776e}.main-area{width:100%;margin:0;padding:0 20px 22px}.topbar{height:55px}.breadcrumb{font-size:10px}.welcome-row{padding-top:23px}.welcome-row h1{font-size:24px}.welcome-subtitle{font-size:13px}.hero-panel{min-height:202px;border-radius:14px}.hero-copy{width:75%;padding-left:20px}.hero-copy h2{font-size:21px}.hero-copy p{font-size:12px}.hero-art{opacity:.8}.stats-row{margin:13px 0 23px}.stat-item{gap:6px;padding-inline:8px}.section-heading h2{font-size:17px}.lesson-row{min-height:66px;padding:6px 8px;border-radius:9px}.lesson-row strong,.course-copy strong{font-size:13px}.lesson-row small,.course-copy>span{font-size:10px}.view-page{padding-top:24px}.page-intro h1{font-size:25px}.page-intro>p:last-child{font-size:12px}.level-tabs button{min-height:35px;font-size:11px}.course-card{min-height:67px;border-radius:9px}.course-copy small{font-size:9px}.course-copy strong{line-height:1.4}.lesson-detail-heading h1{font-size:24px}.lesson-detail-heading>p{font-size:12px}.lesson-explainer,.lesson-aside,.kanji-library,.kanji-lesson{padding:17px}.lesson-explainer h2{font-size:17px}.lesson-explainer>p,.lesson-explanation p{font-size:13px}.example-box>strong{font-size:22px}.example-reading,.example-romaji{font-size:11px}.lesson-aside{grid-template-columns:1fr}.complete-button{grid-column:auto}.kana-detail>strong{font-size:43px}.kana-board{gap:5px}.kana-cell strong{font-size:20px}.kanji-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.learned-vocabulary-list{grid-template-columns:1fr}.quiz-card{padding:19px}}@media(max-width:400px){.main-area{padding-right:14px;padding-left:14px}.brand-copy strong{font-size:12px}.nav-item{width:32px}.top-actions{gap:5px}.welcome-row h1{font-size:22px}.hero-copy{width:79%;padding-left:15px}.hero-copy h2{font-size:19px}.hero-art{width:29%;opacity:.6}.stats-row{grid-template-columns:repeat(2,1fr);row-gap:9px}.stat-item:nth-child(2){border-right:0}.weekly-progress{grid-column:1 / -1}.page-intro h1{font-size:23px}.kanji-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:900px)and (min-width:761px){.kana-layout{grid-template-columns:minmax(0,1fr)}.kana-detail{position:static;grid-template-columns:auto auto auto 1fr;justify-items:start;gap:8px 12px;text-align:left}.kana-detail-label{align-self:center}.kana-detail p{grid-column:1 / -1}.kana-detail button{justify-self:end}}.topbar{position:relative;z-index:1;padding:0 16px;border:0;border-radius:0 0 14px 14px;background:linear-gradient(110deg,#123f3c,#16776e);box-shadow:0 8px 20px #123f3c20}.breadcrumb{color:#d3e4df}.topbar .language-switch{border-color:#ffffff3b;background:#ffffff18}.topbar .signin-button{border-color:#ffffff4a;background:#ffffff17;color:#fff}.topbar .signin-button:hover{border-color:#edbb62}.hero-panel{min-height:226px;border:1px solid #d5e7e0;border-radius:18px;background:linear-gradient(115deg,#fff,#f1f8f5 62%,#e4f2ed);box-shadow:0 12px 30px #24473d10;color:var(--ink)}.hero-panel:before{background:radial-gradient(circle at 88% 40%,#16776e0e 0 7rem,transparent 7.1rem),radial-gradient(circle at 88% 40%,#16776e09 0 9rem,transparent 9.1rem);opacity:1}.sun-disc{background:#d98267}.japanese-stamp{color:#fff0d6}.app-footer{flex-wrap:wrap;align-items:center;gap:12px 20px;padding:18px 0 6px;color:#758582;font-size:11px}.footer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.footer-link{padding:0;border:0;background:transparent;color:#16776e;cursor:pointer;font-size:inherit;text-decoration:underline;text-underline-offset:3px}.footer-link:hover{color:#123f3c}.about-page{max-width:820px}.about-card{display:flex;align-items:center;gap:20px;padding:25px;border:1px solid #dce9e4;border-radius:16px;background:linear-gradient(120deg,#fff,#f3f8f5);box-shadow:0 10px 26px #24473d0a}.about-card-mark{display:grid;width:68px;height:68px;flex:0 0 auto;place-items:center;border-radius:20px;background:#16776e;color:#fff;font-size:35px;font-weight:700}.about-card-kicker{margin:0 0 3px;color:#758783;font-size:12px}.about-card h2{margin:0;color:#203b3d;font-size:22px}.about-card p:last-child,.about-learning p{margin:8px 0 0;color:#627573;font-size:14px;line-height:1.7}.about-learning{margin-top:18px;padding:21px 23px;border:1px solid #dce9e4;border-radius:14px;background:#fff}.about-learning h2{margin:0;color:#28494a;font-size:17px}.error-screen{display:grid;min-height:100vh;place-items:center;padding:24px;background:radial-gradient(ellipse at 92% 3%,#dcebe5 0,transparent 30rem),#f3f6f5}.error-card{width:min(100%,560px);padding:clamp(24px,5vw,42px);border:1px solid #dce9e4;border-radius:18px;background:#fff;box-shadow:0 16px 42px #24473d14}.error-mark{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:#fbebe6;color:#b95d4c;font-size:24px;font-weight:700}.error-kicker{margin:18px 0 6px;color:#16776e;font-size:12px;font-weight:700}.error-card h1{margin:0;color:#203239;font-size:clamp(23px,5vw,30px)}.error-card>p:not(.error-kicker){margin:12px 0 0;color:#596e6c;line-height:1.7}.error-card .error-guidance{font-size:13px}.error-reload{min-height:44px;margin-top:22px;padding:0 17px;border:0;border-radius:9px;background:#16776e;color:#fff;cursor:pointer;font-weight:650}.error-reload:hover{background:#123f3c}@media(max-width:760px){.topbar{padding:0 14px}.hero-panel{min-height:205px}.footer-actions{width:100%;justify-content:space-between;gap:8px 12px}.about-card{gap:15px;padding:20px}}@media(max-width:400px){.sidebar{gap:6px;padding-right:10px;padding-left:10px}.primary-nav{flex:1 1 auto;min-width:0;justify-content:flex-end;gap:1px;overflow-x:auto}.nav-item{width:27px;min-width:27px;flex:0 0 27px}.hero-panel{min-height:195px}.hero-copy{width:76%;padding-left:15px}.hero-copy h2{max-width:210px;font-size:19px}.hero-art{width:32%;opacity:.8}.sun-disc{right:-24px;width:110px;height:110px}.japanese-stamp{right:12px;font-size:55px}.about-card{align-items:flex-start;padding:17px}.about-card-mark{width:50px;height:50px;border-radius:15px;font-size:28px}.about-card h2{font-size:19px}.about-card p:last-child,.about-learning p{font-size:13px}.footer-actions{justify-content:flex-start}}.sidebar .brand{min-height:76px;margin-bottom:28px;padding:12px;border:1px solid #ffffff18;border-radius:17px;background:linear-gradient(135deg,#123f3c,#16776e);box-shadow:0 10px 24px #123f3c20}.brand-mark{width:44px;height:44px;border:3px solid #ffffff35;border-radius:50%;background:#edbb62;color:#123f3c;font-family:serif;font-size:24px;box-shadow:0 0 0 4px #edbb6218}.brand-copy strong{color:#fff;font-size:16px}.brand-copy small{color:#d3e4df;font-size:10px}.sidebar-label{padding-left:8px}.topbar{min-height:72px;padding:0 18px;border-radius:0 0 18px 18px;background:linear-gradient(110deg,#123f3c,#16776e 72%,#258c7e);box-shadow:0 10px 24px #123f3c22}.breadcrumb{color:#d0e5df}.breadcrumb strong{color:#fff}.top-brand-mark{display:grid;width:29px;height:29px;place-items:center;border:1px solid #ffffff36;border-radius:9px;background:#edbb62;color:#123f3c;font-family:serif;font-size:19px;font-weight:700}.top-brand-name{color:#fff;font-weight:650}.topbar .language-switch{border-color:#ffffff3b;background:#ffffff16}.topbar .language-switch button{color:#e0eeea}.topbar .signin-button{min-height:40px;padding:0 12px;border-color:#ffffff58;border-radius:10px;background:#ffffff17;color:#fff;font-size:12px}.topbar .signin-button:hover{border-color:#edbb62;background:#ffffff25}.hero-panel{min-height:232px;border:1px solid #d5e7e0;border-radius:20px;background:linear-gradient(115deg,#fff,#f4faf7 56%,#e5f3ee);box-shadow:0 14px 32px #24473d10}.hero-panel:before{background:radial-gradient(circle at 88% 40%,#16776e12 0 7rem,transparent 7.1rem),radial-gradient(circle at 88% 40%,#16776e08 0 9rem,transparent 9.1rem)}.hero-copy h2{color:#203b3d}.hero-copy p{color:#617875}.hero-kicker{border-color:#d8e9e2;background:#eaf5f1;color:#37665e}.art-caption{color:#496963}.art-wave{border-color:#16776e35}.wave-two{border-color:#16776e20}.home-tools-section{margin:0 0 31px}.home-tools-section .section-heading{margin-bottom:13px}.home-tools-section .section-heading p:last-child{margin:4px 0 0;color:#748581;font-size:12px}.home-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-tool-card{display:grid;min-width:0;min-height:94px;grid-template-columns:42px minmax(0,1fr) 16px;align-items:center;gap:11px;padding:14px 12px;border:1px solid #e1eae6;border-radius:14px;background:#fff;color:#71817e;cursor:pointer;text-align:left;box-shadow:0 6px 16px #24473d08;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.home-tool-card:hover{transform:translateY(-3px);border-color:#a9cbc0;box-shadow:0 12px 24px #24473d12}.home-tool-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#e9f4f0;color:#176f65;font-family:serif;font-size:23px}.kanji-tool .home-tool-mark{background:#fbefe8;color:#bb674e}.practice-tool .home-tool-mark{background:#edf2fb;color:#5872a1}.vocabulary-tool .home-tool-mark{background:#f9f2df;color:#9b7730}.home-tool-copy{display:grid;min-width:0;gap:4px}.home-tool-copy strong{overflow:hidden;color:#2b4243;font-size:12px;font-weight:650;text-overflow:ellipsis}.home-tool-copy small{color:#788986;font-size:10px;line-height:1.4}.home-tool-card>svg{color:#849793}@media(max-width:1000px){.home-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sidebar .brand{min-height:0;margin:0;padding:0 3px;border:0;border-radius:0;background:transparent;box-shadow:none}.brand-mark{width:36px;height:36px;border:0;background:#16776e;color:#fff;box-shadow:0 4px 12px #16776e32}.brand-copy strong{color:#203239}.topbar{min-height:60px;padding:0 12px}.home-tools-section{margin-bottom:25px}}@media(max-width:500px){.breadcrumb{gap:6px}.top-brand-mark{width:25px;height:25px;font-size:16px}.top-brand-name{display:none}.topbar .signin-button{width:auto;min-height:36px;justify-content:center;gap:5px;padding:0 8px;font-size:10px}.topbar .signin-button svg{display:block}.top-actions{gap:6px}.home-tools-grid{gap:8px}.home-tool-card{min-height:82px;grid-template-columns:34px minmax(0,1fr) 13px;gap:7px;padding:10px 8px}.home-tool-mark{width:34px;height:34px;border-radius:10px;font-size:20px}.home-tool-copy strong{font-size:11px}.home-tool-copy small{font-size:9px}}@media(min-width:761px){.sidebar .brand{width:calc(100% + 34px);min-height:64px;margin:-26px -17px 24px;padding:0 17px;border:0;border-radius:0;background:linear-gradient(110deg,#123f3c,#16776e 72%,#258c7e);box-shadow:none}.brand-mark{width:38px;height:38px;border:2px solid #ffffff36;font-size:21px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:9px}.topbar{height:64px;width:calc(100% + 2*clamp(24px,4vw,58px));min-height:64px;margin:0 calc(-1*clamp(24px,4vw,58px));padding:0 clamp(24px,4vw,58px);border-radius:0;box-shadow:none}.hero-panel{min-height:174px;border-radius:16px}.hero-copy{padding-top:21px;padding-bottom:21px}.hero-copy h2{margin-top:9px;font-size:clamp(20px,2vw,25px)}.hero-copy .primary-button{min-height:37px;margin-top:12px}.sun-disc{top:17px;width:128px;height:128px}.japanese-stamp{top:39px;font-size:72px}}@media(max-width:760px){.topbar{width:auto;min-height:56px;margin:0;padding:0 12px;border-radius:0 0 13px 13px;box-shadow:0 7px 17px #123f3c18}.hero-panel{min-height:166px;border-radius:15px}.hero-copy{padding-top:18px;padding-bottom:18px}.hero-copy h2{margin-top:8px;font-size:19px}.hero-copy .primary-button{min-height:36px;margin-top:10px}.sun-disc{top:26px;width:105px;height:105px}.japanese-stamp{top:43px;font-size:55px}}.mobile-menu-backdrop,.collapsed-brand{display:none}.mobile-menu-toggle{display:grid}.sidebar{border-right:0;background:#fff;box-shadow:none;transition:transform .22s ease}.sidebar .brand{border-color:transparent;border-radius:0;background:#146e65;box-shadow:none}.brand-mark{box-shadow:none}.topbar{border-color:transparent;background:#146e65;box-shadow:none}.breadcrumb,.breadcrumb strong{color:#fff}.topbar .language-switch,.topbar .signin-button{border-color:#ffffff65;background:#ffffff18}.topbar .language-switch button{color:#fff}.topbar .language-switch button.selected{background:#edbb62;color:#203239}.mobile-menu-toggle{position:relative;z-index:13;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid #ffffff65;border-radius:9px;background:#ffffff18;color:#fff;cursor:pointer}@media(min-width:761px){.mobile-menu-toggle{position:fixed;top:13px;left:16px}.brand{position:relative}.brand-mark{display:none}.brand-copy{margin-left:55px;color:#fff;text-decoration:none}.brand-copy:hover{opacity:.9}.brand-copy:focus-visible{border-radius:4px}.sidebar-menu-content{display:flex;min-height:0;flex:1;flex-direction:column}.collapsed-brand{display:none}.app-shell.menu-open .sidebar{width:0;padding:0;overflow:hidden;border:0}.app-shell.menu-open .sidebar .brand,.app-shell.menu-open .sidebar-menu-content{display:none}.app-shell.menu-open .main-area{width:100%;max-width:none;margin-left:0}.app-shell.menu-open .topbar{height:auto;min-height:64px;flex-wrap:wrap;gap:12px;padding-top:10px;padding-bottom:10px}.app-shell.menu-open .collapsed-brand{position:fixed;top:14px;left:70px;z-index:13;display:grid;gap:1px;color:#fff}.collapsed-brand strong{font-size:15px}.collapsed-brand small{color:#d3e4df;font-size:9px}.app-shell.menu-open .topbar .breadcrumb{flex:1 1 360px;min-width:250px;margin-left:205px;white-space:normal}.app-shell.menu-open .topbar .breadcrumb strong{white-space:normal;line-height:1.4}.app-shell.menu-open .topbar .top-actions{flex:0 0 auto;margin-left:auto}}@media(max-width:760px){.mobile-menu-toggle{position:fixed;top:9px;left:12px;z-index:20}.sidebar{position:fixed;inset:104px auto 0 0;z-index:12;display:flex;width:min(84vw,310px);height:calc(100dvh - 104px);flex-direction:column;align-items:stretch;justify-content:flex-start;padding:18px;border:0;background:#fff;box-shadow:none;transform:translate(-105%);transition:transform .22s ease}.sidebar.menu-open{transform:translate(0)}.sidebar .brand{width:100%;min-height:68px;margin:0 0 25px;padding:11px;border-radius:14px;background:linear-gradient(110deg,#123f3c,#146e65)}.sidebar .brand-mark{display:grid;width:40px;height:40px;border:2px solid #ffffff36;background:#edbb62;color:#123f3c}.sidebar .brand-copy strong{color:#fff;font-size:15px}.sidebar .brand-copy small{display:block;color:#d3e4df;font-size:10px}.sidebar .sidebar-label{display:block;padding:0 9px 10px}.sidebar-menu-content{display:flex;min-height:0;flex:1;flex-direction:column}.sidebar .primary-nav{display:grid;gap:5px}.sidebar .nav-item{width:100%;min-height:45px;justify-content:flex-start;padding:0 12px}.sidebar .nav-item span:not(.nav-dot){display:inline}.sidebar .nav-dot{position:static;width:5px;height:5px}.sidebar .sidebar-bottom{display:block;margin-top:auto}.mobile-menu-backdrop{position:fixed;top:104px;right:0;bottom:0;left:0;z-index:10;display:block;border:0;background:#14292780}.main-area{padding-top:0}.topbar{width:calc(100% + 40px);position:relative;z-index:11;display:grid;min-height:78px;height:auto;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;gap:7px 10px;margin-left:-20px;padding:9px 12px}.mobile-menu-toggle{display:grid;grid-row:1;grid-column:1}.topbar .breadcrumb{grid-row:1;grid-column:2;min-width:0;font-size:11px;line-height:1.4}.topbar .breadcrumb strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.topbar .top-actions{grid-row:2;grid-column:1 / -1;justify-self:end;gap:7px}}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}@media(max-width:400px){.topbar{width:calc(100% + 28px);margin-left:-14px}}