@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;--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;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.contents{display:contents}.grid{display:grid}.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,)}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--paper:#f4f0e7;--ink:#25221f;--red:#d94a3f;--red-dark:#b63a32;--line:#d8d0c1;--muted:#756f66;--white:#fffdf8;--font-sans:"Nunito Sans";--font-jp:"Noto Sans JP"}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans),Arial,sans-serif;font-optical-sizing:auto;letter-spacing:.005em;margin:0}button{color:inherit;font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #e8a29d}.topbar{border-bottom:1px solid var(--line);align-items:center;max-width:1240px;height:82px;margin:auto;padding:0 28px;display:flex}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:260px;padding:0;display:flex}.brand-mark{background:var(--red);color:#fff;width:44px;height:44px;font-family:var(--font-jp);border-radius:13px 13px 13px 3px;place-items:center;font-weight:700;display:grid}.brand strong{letter-spacing:-.4px;font-size:17px;display:block}.brand small{color:var(--muted);margin-top:2px;font-size:10px;display:block}nav{align-self:stretch;gap:34px;margin:auto;display:flex}nav button{cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:14px;font-weight:650;position:relative}nav button.active:after{content:"";background:var(--red);border-radius:5px;height:3px;position:absolute;bottom:-1px;left:0;right:0}.streak{width:260px;color:var(--muted);justify-content:flex-end;align-items:center;gap:6px;font-size:12px;display:flex}.streak span{color:var(--red);font-family:var(--font-jp);font-size:22px}.streak strong{color:var(--ink)}.hero{justify-content:space-between;align-items:center;max-width:1184px;margin:0 auto;padding:62px 44px 54px;display:flex;overflow:hidden}.eyebrow,.section-title p{color:var(--red);letter-spacing:2.4px;margin:0 0 16px;font-size:10px;font-weight:800}h1{font-family:var(--font-jp),serif;letter-spacing:-2.2px;margin:0;font-size:54px;font-weight:700;line-height:1.07}h1 em{color:var(--red);font-style:normal}.hero-copy{max-width:560px;color:var(--muted);margin:24px 0 0;font-size:15px;line-height:1.75}.hero-kana{width:330px;height:145px;font-family:var(--font-jp);position:relative}.hero-kana span{color:var(--red);font-size:145px;line-height:1;position:absolute;top:-10px;right:85px;transform:rotate(5deg)}.hero-kana i{color:#d5cdbf;font-size:78px;font-style:normal;position:absolute;top:1px;right:5px;transform:rotate(-10deg)}.hero-kana b{color:var(--ink);font-size:50px;position:absolute;bottom:0;right:16px;transform:rotate(12deg)}.workspace{background:var(--white);border:1px solid var(--line);border-radius:20px;grid-template-columns:238px 1fr;max-width:1184px;min-height:650px;margin:0 auto 72px;display:grid;overflow:hidden;box-shadow:0 24px 60px #40342812}aside{border-right:1px solid var(--line);background:#eee8dd;padding:26px 20px}.course-label{color:#9a9083;letter-spacing:1.8px;margin:0 9px 10px;font-size:8px;font-weight:850}.course-menu{gap:4px;display:grid}.course-menu button{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:28px 1fr;align-items:center;gap:7px;min-height:42px;padding:5px 9px;display:grid}.course-menu button span{font-family:var(--font-jp);color:#8e8579;font-size:18px}.course-menu button i{font-size:11px;font-style:normal;font-weight:720}.course-menu button.selected{background:var(--white);border-color:var(--line);box-shadow:0 4px 12px #32281e0d}.course-menu button.selected span{color:var(--red)}.script-switch.compact{border-top:1px solid var(--line);margin-top:18px;padding-top:17px}.script-switch.compact button{min-height:38px;padding:6px 9px}.script-switch.compact button span{font-size:18px}.script-switch{gap:8px;display:grid}.script-switch button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:11px;padding:11px 12px;font-size:13px;font-weight:700;display:flex}.script-switch button span{font-family:var(--font-jp);font-size:24px}.script-switch button.selected{background:var(--white);border-color:var(--line);box-shadow:0 5px 14px #32281e0f}.script-switch button.selected span{color:var(--red)}.progress-card{border-top:1px solid var(--line);margin-top:28px;padding:18px 4px}.progress-head{justify-content:space-between;font-size:12px;display:flex}.progress-head span{font-weight:700}.progress-head strong{color:var(--red)}.progress-track,.quiz-progress{background:#ddd4c6;border-radius:10px;height:6px;margin:12px 0 10px;overflow:hidden}.progress-track i,.quiz-progress i{background:var(--red);border-radius:10px;height:100%;transition:width .4s;display:block}.progress-card small{color:var(--muted);font-size:10px}.quiz-cta{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:space-between;width:100%;padding:14px;font-size:12px;font-weight:700;display:flex;box-shadow:0 8px 20px #25221f2e}.free-note{text-align:center;color:var(--muted);margin-top:14px;font-size:9px}.audio-check{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:9px;width:100%;min-height:38px;margin-top:8px;padding:7px 10px;display:flex}.audio-check span{background:#d8d0c1;border-radius:50%;place-items:center;width:23px;height:23px;font-size:8px;display:grid}.audio-check i{color:var(--muted);font-size:9px;font-style:normal;font-weight:750}.audio-check.playing{background:#fff4f1;border-color:#e4aaa5}.audio-check.playing span{background:var(--red);color:#fff;animation:1s infinite audioPulse}.audio-check.error{border-color:#d78b70}.audio-check.error span{color:#fff;background:#d78b70}@keyframes audioPulse{50%{transform:scale(1.12)}}.content-panel{min-width:0;padding:36px 38px 40px}.section-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;margin-bottom:27px;padding-bottom:20px;display:flex}.section-title p{margin-bottom:7px}.section-title h2{font-family:var(--font-jp);letter-spacing:-1px;margin:0;font-size:30px}.section-title>span{color:var(--muted);margin-bottom:5px;font-size:11px}.overview-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px;display:grid}.overview-grid>div{border:1px solid var(--line);background:#faf7f0;border-radius:12px;padding:17px}.overview-grid small{color:var(--muted);letter-spacing:1.2px;font-size:7px;font-weight:850;display:block}.overview-grid strong{color:var(--red);font-family:var(--font-jp);margin:5px 0 2px;font-size:30px;display:block}.overview-grid strong i{font:500 12px var(--font-sans);color:var(--muted)}.overview-grid span{color:var(--muted);font-size:9px}.continue-card{background:var(--ink);color:#fff;border-radius:14px;grid-template-columns:65px 1fr auto;align-items:center;gap:17px;margin-bottom:30px;padding:18px 20px;display:grid}.continue-symbol{background:var(--red);width:58px;height:58px;font:35px var(--font-jp);border-radius:12px;place-items:center;display:grid}.continue-card small{color:#d8d0c5;letter-spacing:1px;font-size:8px;font-weight:800}.continue-card h3{font-family:var(--font-jp);margin:5px 0 3px;font-size:17px}.continue-card p{color:#bdb7b0;margin:0;font-size:9px}.continue-card .primary{white-space:nowrap}.roadmap-heading{align-items:end;margin-bottom:12px;display:flex}.roadmap-heading p{color:var(--red);letter-spacing:1.4px;margin:0 0 5px;font-size:8px;font-weight:800}.roadmap-heading h3{font-family:var(--font-jp);margin:0;font-size:20px}.roadmap-heading>span{color:var(--muted);margin-left:auto;font-size:8px}.roadmap-heading>i{background:linear-gradient(90deg,var(--red),#6e648f);width:70px;height:1px;margin:0 8px 3px}.roadmap-heading>i+span{margin-left:0}.roadmap-list{gap:8px;display:grid}.roadmap-card{border:1px solid var(--line);border-left:4px solid var(--stage);background:#faf7f0;border-radius:11px;grid-template-columns:32px 98px 1fr 34px;align-items:center;gap:13px;padding:13px;display:grid}.roadmap-index{color:#b1a89b;font-size:9px;font-weight:850}.roadmap-level span{background:var(--stage);color:#fff;border-radius:20px;padding:4px 8px;font-size:8px;font-weight:850;display:inline-block}.roadmap-level small{color:var(--muted);margin-top:5px;font-size:8px;display:block}.roadmap-main h3{font-family:var(--font-jp);margin:0 0 3px;font-size:16px}.roadmap-main p{color:var(--muted);margin:0 0 7px;font-size:9px}.roadmap-main div{flex-wrap:wrap;gap:4px;display:flex}.roadmap-main b{color:#6e675e;background:#eee8dd;border-radius:4px;padding:3px 6px;font-size:7px}.roadmap-card>button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;width:30px;height:30px}.source-box{background:#eee8dd;border-radius:14px;grid-template-columns:.8fr 1.2fr;gap:25px;margin-top:28px;padding:20px;display:grid}.source-box>div>p{color:var(--red);letter-spacing:1.5px;font-size:7px;font-weight:850}.source-box h3{font-family:var(--font-jp);margin:8px 0;font-size:19px}.source-box>div>span{color:var(--muted);font-size:9px;line-height:1.6}.source-links{grid-template-columns:1fr 1fr;gap:7px;display:grid}.source-links a{color:inherit;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:8px;text-decoration:none}.source-links b,.source-links span{display:block}.source-links b{font-size:8px}.source-links span{color:var(--muted);margin-top:3px;font-size:7px;line-height:1.3}.category-tabs{gap:6px;padding-bottom:12px;display:flex;overflow-x:auto}.category-tabs button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#faf7f0;border-radius:20px;flex:none;padding:7px 12px;font-size:9px}.category-tabs button.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.vocab-layout{grid-template-columns:1fr .8fr;gap:25px;display:grid}.flashcard{border:1px solid var(--line);cursor:pointer;background:#faf7f0;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-height:385px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 35px #362b2112}.flashcard:before{content:"";border:1px solid #e8dfd3;border-radius:50%;width:170px;height:170px;position:absolute}.card-label{color:var(--muted);letter-spacing:1px;justify-content:space-between;font-size:8px;font-weight:800;display:flex;position:absolute;top:17px;left:18px;right:18px}.vocab-sound{z-index:2;top:48px;right:19px}.vocab-japanese{font:72px var(--font-jp);line-height:1.15;position:relative}.vocab-reading{color:var(--red);font:15px var(--font-jp);position:relative}.tap-hint{color:var(--muted);font-size:8px;position:absolute;bottom:20px}.vocab-answer{text-align:center;margin-top:13px;position:relative}.vocab-answer h3{font:24px var(--font-jp);margin:0}.vocab-answer>p{color:var(--muted);margin:3px 0 12px;font-size:10px}.vocab-answer>div{border-top:1px solid var(--line);padding-top:10px}.vocab-answer b,.vocab-answer span{font-size:10px;display:block}.vocab-answer b{font-family:var(--font-jp)}.vocab-answer span{color:var(--muted);margin-top:3px}.vocab-side{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:15px;display:flex}.mastery-ring{background:conic-gradient(var(--red) var(--mastery),#e5ddd0 0);border-radius:50%;place-content:center;width:112px;height:112px;display:grid;position:relative}.mastery-ring:after{content:"";background:var(--white);border-radius:50%;position:absolute;inset:9px}.mastery-ring strong,.mastery-ring span{z-index:1;position:relative}.mastery-ring strong{font:28px var(--font-jp)}.mastery-ring span{color:var(--muted);font-size:8px}.vocab-side h3{font-family:var(--font-jp);margin:15px 0 5px}.vocab-side>p{color:var(--muted);font-size:10px;line-height:1.6}.flash-actions{gap:6px;width:100%;margin-top:10px;display:grid}.word-bank{margin-top:30px}.word-bank h3{font:16px var(--font-jp)}.word-bank>div{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.word-bank button{border:1px solid var(--line);cursor:pointer;background:#faf7f0;border-radius:8px;padding:9px 5px}.word-bank b,.word-bank span{display:block}.word-bank b{font:16px var(--font-jp)}.word-bank span{color:var(--muted);margin-top:3px;font-size:7px}.word-bank button.learned{background:#f2f7ef;border-color:#9db69d}.lesson-layout,.listening-layout{grid-template-columns:250px 1fr;gap:25px;display:grid}.lesson-list,.episode-list{align-content:start;gap:5px;max-height:570px;padding-right:4px;display:grid;overflow-y:auto}.lesson-list button,.episode-list button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#faf7f0;border-radius:9px;align-items:center;gap:9px;padding:10px;display:flex}.lesson-list button>span,.episode-list button>span{color:var(--red);font-size:8px;font-weight:850}.lesson-list button div,.episode-list button div{flex:1;min-width:0}.lesson-list b,.lesson-list small,.episode-list b,.episode-list small{display:block}.lesson-list b,.episode-list b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.lesson-list small,.episode-list small{color:var(--muted);margin-top:3px;font-size:8px}.lesson-list button>i,.episode-list button>i{color:#668e67;font-style:normal}.lesson-list button.selected,.episode-list button.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.lesson-list button.selected small,.episode-list button.selected small{color:#c9c3bc}.grammar-card,.audio-lesson{border:1px solid var(--line);background:#faf7f0;border-radius:15px;padding:27px}.grammar-badge{color:var(--red);letter-spacing:.8px;background:#fae8e4;border-radius:20px;padding:5px 9px;font-size:8px;font-weight:850;display:inline-block}.grammar-card>h2,.audio-lesson>h2{font:32px var(--font-jp);margin:14px 0 2px}.grammar-meaning{color:var(--red);margin:0 0 20px;font-weight:700}.pattern-box{background:var(--ink);color:#fff;border-radius:10px;padding:14px 16px}.pattern-box small,.pattern-box strong{display:block}.pattern-box small{color:#c7c0b8;letter-spacing:1px;font-size:7px}.pattern-box strong{font:16px var(--font-jp);margin-top:5px}.grammar-explain{color:var(--muted);font-size:11px;line-height:1.7}.example-stack>small{color:var(--red);letter-spacing:1px;font-size:8px;font-weight:850}.example-stack>div{border-top:1px solid var(--line);gap:10px;padding:11px 0;display:flex}.example-stack button,.kanji-word button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;flex:none;width:29px;height:29px}.example-stack p{margin:0}.example-stack b,.example-stack span,.example-stack em{display:block}.example-stack b{font:15px var(--font-jp)}.example-stack span{color:var(--muted);margin-top:2px;font-size:9px}.example-stack em{color:var(--red);font-size:9px;font-style:normal}.complete-lesson{margin-top:12px}.kanji-layout{grid-template-columns:1fr 1.1fr;gap:24px;display:grid}.kanji-bank{grid-template-columns:repeat(5,1fr);align-content:start;gap:6px;display:grid}.kanji-bank button{border:1px solid var(--line);cursor:pointer;background:#faf7f0;border-radius:9px;min-height:68px}.kanji-bank b,.kanji-bank span{display:block}.kanji-bank b{font:25px var(--font-jp)}.kanji-bank span{color:var(--muted);font-size:7px}.kanji-bank button.selected{background:var(--red);color:#fff;border-color:var(--red)}.kanji-bank button.selected span{color:#ffe3df}.kanji-bank button.learned:after{content:"✓";position:absolute}.kanji-detail{background:#eee8dd;border-radius:15px;grid-template-columns:190px 1fr;gap:20px;padding:20px;display:grid}.kanji-visual{aspect-ratio:1;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:7px}.kanji-visual img{object-fit:contain;width:100%;height:100%}.kanji-info h2{font:52px var(--font-jp);margin:5px 0}.kanji-info h2 small{font:13px var(--font-sans);color:var(--muted)}.kanji-info dl{margin:0}.kanji-info dl>div{border-bottom:1px solid var(--line);padding:7px 0;display:flex}.kanji-info dt{color:var(--muted);width:70px;font-size:8px}.kanji-info dd{font:11px var(--font-jp);margin:0}.kanji-word{margin:13px 0;position:relative}.kanji-word small,.kanji-word b,.kanji-word span{display:block}.kanji-word small{color:var(--red);font-size:7px;font-weight:850}.kanji-word b{font:23px var(--font-jp);margin-top:5px}.kanji-word span{color:var(--muted);font-size:9px}.kanji-word button{position:absolute;top:10px;right:0}.listen-instruction{color:var(--muted);font-size:10px}.audio-controls{grid-template-columns:1fr 1fr;gap:9px;margin:20px 0;display:grid}.audio-controls button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:11px;grid-template-columns:34px 1fr;padding:14px;display:grid}.audio-controls button>span{background:var(--red);color:#fff;border-radius:50%;grid-row:1/3;place-items:center;width:30px;height:30px;display:grid}.audio-controls b,.audio-controls small{display:block}.audio-controls b{font-size:10px}.audio-controls small{color:var(--muted);font-size:8px}.listen-question{background:#eee8dd;border-radius:11px;padding:14px}.listen-question>small{color:var(--red);font-size:7px;font-weight:850}.listen-question h3{font:17px var(--font-jp);margin:7px 0}.listen-question summary{color:var(--muted);cursor:pointer;font-size:9px}.listen-question details p{color:var(--red);font-size:11px;font-weight:750}.transcript-toggle{width:100%;color:var(--muted);cursor:pointer;background:0 0;border:1px dashed #b9aea0;border-radius:9px;margin-top:12px;padding:9px;font-size:9px}.transcript{border-left:3px solid var(--red);background:#fff;margin-top:10px;padding:10px 12px}.transcript b,.transcript span{display:block}.transcript b{font:16px var(--font-jp)}.transcript span,.transcript p{color:var(--muted);font-size:9px}.transcript p{color:var(--red)}.scenario-tabs{grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:15px;display:grid}.scenario-tabs button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#faf7f0;border-radius:9px;padding:10px}.scenario-tabs span,.scenario-tabs b{display:block}.scenario-tabs span{color:var(--muted);font-size:7px}.scenario-tabs b{margin-top:3px;font-size:10px}.scenario-tabs button.selected{background:var(--ink);color:#fff}.dialogue-card{border:1px solid var(--line);background:#faf7f0;border-radius:15px;padding:24px}.dialogue-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.dialogue-head small{color:var(--red);font-size:8px;font-weight:850}.dialogue-head h2{font:24px var(--font-jp);margin:4px 0 0}.dialogue-lines{gap:12px;padding:20px 0;display:grid}.dialogue-lines>div{grid-template-columns:28px 28px 1fr;align-items:start;gap:8px;max-width:90%;display:grid}.dialogue-lines>div.speaker-b{grid-template-columns:1fr 28px 28px;margin-left:auto}.dialogue-lines>div.speaker-b>span{grid-column:3}.dialogue-lines>div.speaker-b>button{grid-area:1/2}.dialogue-lines>div.speaker-b>p{text-align:right;grid-area:1/1}.dialogue-lines>div>span{color:#fff;background:var(--red);border-radius:50%;place-items:center;width:28px;height:28px;font-size:9px;display:grid}.dialogue-lines>div.speaker-b>span{background:#4e7f91}.dialogue-lines>div>button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;height:28px}.dialogue-lines p{background:#eee8dd;border-radius:10px;margin:0;padding:10px 13px}.dialogue-lines b,.dialogue-lines em,.dialogue-lines small{display:block}.dialogue-lines b{font:16px var(--font-jp)}.dialogue-lines em{color:var(--muted);font-size:9px;font-style:normal}.dialogue-lines small{color:var(--red);margin-top:3px;font-size:9px}.role-tip{background:var(--ink);color:#fff;border-radius:11px;grid-template-columns:80px 1fr auto;align-items:center;gap:10px;padding:14px 16px;display:grid}.role-tip b{font:15px var(--font-jp)}.role-tip p{color:#c7c0b8;margin:0;font-size:9px}.role-tip .primary{white-space:nowrap}.particle-intro{background:var(--ink);color:#fff;border-radius:13px;grid-template-columns:1fr auto;align-items:center;gap:20px;margin-bottom:18px;padding:17px 20px;display:grid}.particle-intro>div:first-child{grid-template-columns:48px 1fr;align-items:center;gap:13px;display:grid}.particle-intro>div:first-child>span{background:var(--red);width:46px;height:46px;font:24px var(--font-jp);border-radius:11px;place-items:center;display:grid}.particle-intro p{color:#d2cbc3;margin:0;font-size:10px;line-height:1.55}.particle-intro p b{color:#fff;margin-bottom:3px;font-size:12px;display:block}.particle-intro>div:last-child{text-align:center;border-left:1px solid #4c4843;padding-left:20px}.particle-intro>div:last-child b,.particle-intro>div:last-child span{display:block}.particle-intro>div:last-child b{font:24px var(--font-jp)}.particle-intro>div:last-child span{color:#bdb7b0;font-size:8px}.particle-layout{grid-template-columns:205px 1fr;gap:20px;display:grid}.particle-list{grid-template-columns:1fr 1fr;align-content:start;gap:5px;max-height:690px;display:grid;overflow-y:auto}.particle-list button{border:1px solid var(--line);cursor:pointer;background:#faf7f0;border-radius:9px;min-height:72px;padding:7px;position:relative}.particle-list b,.particle-list span,.particle-list i{display:block}.particle-list b{font:24px var(--font-jp)}.particle-list span{color:var(--muted);font-size:7px;line-height:1.25}.particle-list i{color:#aaa095;font-size:6px;font-style:normal;position:absolute;top:5px;right:5px}.particle-list button.selected{color:#fff;background:var(--red);border-color:var(--red)}.particle-list button.selected span,.particle-list button.selected i{color:#ffe3df}.particle-list button.learned:after{content:"✓";color:#668e67;font-size:8px;position:absolute;top:4px;left:5px}.particle-list button.selected.learned:after{color:#fff}.particle-detail{border:1px solid var(--line);background:#faf7f0;border-radius:15px;padding:22px}.particle-hero{border-bottom:1px solid var(--line);grid-template-columns:105px 1fr;align-items:center;gap:20px;padding-bottom:18px;display:grid}.particle-char{color:#fff;background:var(--red);height:100px;font:52px var(--font-jp);border-radius:14px;place-items:center;display:grid}.particle-hero h2{font:24px var(--font-jp);margin:9px 0 3px}.particle-hero p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.particle-uses>h3{font:16px var(--font-jp);margin:18px 0 8px}.particle-use{border-top:1px solid var(--line);grid-template-columns:25px 1fr;gap:9px;padding:12px 0;display:grid}.particle-use>span{color:#fff;background:var(--ink);border-radius:50%;place-items:center;width:23px;height:23px;font-size:8px;display:grid}.particle-use>div{position:relative}.particle-use small,.particle-use code,.particle-use b,.particle-use em,.particle-use p{display:block}.particle-use small{color:var(--red);letter-spacing:.6px;font-size:8px;font-weight:850}.particle-use code{color:#5b554d;width:max-content;max-width:85%;font:9px var(--font-sans);background:#eee8dd;border-radius:4px;margin:4px 0 8px;padding:4px 7px}.particle-use button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;width:28px;height:28px;position:absolute;top:0;right:0}.particle-use b{font:16px var(--font-jp)}.particle-use em{color:var(--muted);font-size:8px;font-style:normal}.particle-use p{color:#514b44;margin:3px 0 0;font-size:9px}.use-note{color:#776d5d;background:#fff9e9;border-left:2px solid #c9a65e;margin-top:7px;padding:6px 8px;font-size:8px}.contrast-box{background:#e9f0f1;border-left:3px solid #4e7f91;border-radius:6px;grid-template-columns:70px 1fr;align-items:center;gap:10px;padding:11px;display:grid}.contrast-box span{color:#4e7f91;letter-spacing:1px;font-size:8px;font-weight:850}.contrast-box p{color:#52636a;margin:0;font-size:9px;line-height:1.5}.particle-practice{background:#eee8dd;border-radius:11px;margin-top:15px;padding:15px}.particle-practice small{color:var(--red);letter-spacing:1px;font-size:7px;font-weight:850}.particle-practice h3{font:17px var(--font-jp);margin:6px 0 2px}.particle-practice p{color:var(--muted);margin:0;font-size:8px}.particle-options{gap:6px;margin-top:10px;display:flex}.particle-options button{border:1px solid var(--line);width:48px;height:39px;font:15px var(--font-jp);cursor:pointer;background:#fff;border-radius:8px}.particle-options button.correct{color:#fff;background:#668e67;border-color:#668e67}.particle-options button.wrong{color:#fff;background:var(--red);border-color:var(--red)}.particle-practice>strong{color:#5d665b;margin-top:8px;font-size:9px;display:block}.can-do-banner{background:#eee8dd;border-radius:12px;align-items:center;gap:14px;margin-bottom:17px;padding:14px 17px;display:flex}.can-do-banner>span{color:var(--red);font:24px var(--font-jp)}.can-do-banner b{font-size:10px}.can-do-banner p{color:var(--muted);margin:2px 0 0;font-size:9px}.practical-layout{grid-template-columns:220px 1fr;gap:20px;display:grid}.mission-list{align-content:start;gap:6px;display:grid}.mission-list button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#faf7f0;border-radius:9px;grid-template-columns:30px 1fr 15px;align-items:center;gap:8px;padding:10px;display:grid}.mission-list button>span{color:var(--red);font-size:7px;font-weight:850}.mission-list b,.mission-list small{display:block}.mission-list b{font-size:9px}.mission-list small{color:var(--muted);margin-top:2px;font-size:7px}.mission-list i{color:#9f968a;font-style:normal}.mission-list button.selected{color:#fff;background:var(--ink);border-color:var(--ink)}.mission-list button.selected small{color:#c5beb5}.mission-list button.learned i{color:#668e67}.mission-card{border:1px solid var(--line);background:#faf7f0;border-radius:15px;padding:22px}.mission-head>span{color:var(--red);letter-spacing:1px;font-size:8px;font-weight:850}.mission-head h2{font:27px var(--font-jp);margin:6px 0 2px}.mission-head p{color:var(--muted);margin:0;font-size:10px}.mission-task{color:#fff;background:var(--red);border-radius:9px;margin:15px 0;padding:12px}.mission-task small{letter-spacing:1px;font-size:7px;font-weight:850}.mission-task p{margin:3px 0 0;font-size:10px}.useful-phrases>h3{font:15px var(--font-jp)}.useful-phrases>div{border-top:1px solid var(--line);grid-template-columns:24px 28px 1fr;align-items:start;gap:8px;padding:10px 0;display:grid}.useful-phrases>div>span{color:#fff;background:var(--ink);border-radius:50%;place-items:center;width:22px;height:22px;font-size:7px;display:grid}.useful-phrases button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;width:27px;height:27px}.useful-phrases p{margin:0}.useful-phrases b,.useful-phrases em,.useful-phrases small{display:block}.useful-phrases b{font:15px var(--font-jp)}.useful-phrases em{color:var(--muted);font-size:8px;font-style:normal}.useful-phrases small{color:var(--red);font-size:8px}.mission-insights{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.mission-insights>div{background:#eee8dd;border-radius:8px;padding:11px}.mission-insights>div:last-child{background:#e9f0f1}.mission-insights small{color:var(--red);letter-spacing:.7px;font-size:7px;font-weight:850}.mission-insights>div:last-child small{color:#4e7f91}.mission-insights p{color:#625b52;margin:5px 0 0;font-size:8px;line-height:1.5}.mission-actions{justify-content:flex-end;gap:7px;margin-top:14px;display:flex}.learn-layout{grid-template-columns:minmax(390px,1fr) 270px;gap:30px;display:grid}.kana-chart{overflow:hidden}.kana-row{grid-template-columns:24px repeat(5,minmax(52px,1fr));align-items:center;gap:7px;margin-bottom:8px;display:grid}.kana-row>b{color:#a39a8d;font-size:9px}.kana-row button{cursor:pointer;background:#faf7f0;border:1px solid #e6ded1;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:60px;transition:all .18s;display:flex;position:relative}.kana-row button:hover{border-color:#bfafa2;transform:translateY(-2px)}.kana-row button span{font-family:var(--font-jp);font-size:25px;line-height:1.15}.kana-row button small{color:var(--muted);font-size:8px}.kana-row button.current{color:#fff;background:var(--red);border-color:var(--red);box-shadow:0 7px 14px #d94a3f40}.kana-row button.current small{color:#ffe2df}.kana-row button.learned:after{content:"";background:#77a27a;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:5px}.kana-row button.current.learned:after{background:#fff}.detail-card{background:#eee8dd;border-radius:16px;align-self:start;padding:19px;position:sticky;top:15px}.detail-top{justify-content:space-between;align-items:center;display:flex}.detail-top>span,.example small{letter-spacing:1.4px;color:var(--muted);font-size:8px;font-weight:800}.detail-top button{background:var(--white);cursor:pointer;border:0;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:700}.big-kana{height:145px;font-family:var(--font-jp);place-items:center;font-size:108px;line-height:1;display:grid}.reading{text-align:center;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:18px;font-size:11px}.reading strong{color:var(--red);font-size:16px}.example{margin:17px 0}.example div{align-items:center;gap:13px;margin-top:9px;display:flex}.example b{font-family:var(--font-jp);font-size:23px}.example span{color:var(--muted);font-size:10px;line-height:1.5}.detail-actions{grid-template-columns:1fr 1.2fr;gap:7px;display:grid}.primary,.outline{cursor:pointer;border-radius:9px;min-height:40px;padding:9px 12px;font-size:10px;font-weight:750}.primary{background:var(--red);color:#fff;border:1px solid var(--red)}.primary:hover{background:var(--red-dark)}.outline{background:0 0;border:1px solid #bfb5a6}.writing-grid{grid-template-columns:minmax(300px,1.1fr) .9fr;gap:36px;display:grid}.writing-board{min-width:0}.canvas-toolbar{height:38px;color:var(--muted);letter-spacing:.7px;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 5px;font-size:9px;font-weight:800;display:flex}.canvas-toolbar button{border:1px solid var(--line);color:var(--muted);text-transform:none;letter-spacing:0;cursor:pointer;background:#faf7f0;border-radius:20px;padding:6px 10px;font-size:8px}.canvas-toolbar button.guide-on{color:var(--red);background:#fff4f1;border-color:#e7b3ae}.canvas-wrap{aspect-ratio:1;border:1px solid var(--line);touch-action:none;background:#faf7f0;border-radius:15px;max-height:430px;position:relative;overflow:hidden}.canvas-wrap canvas{z-index:3;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.guide-kana{font-family:var(--font-jp);color:#e5ddd0;-webkit-user-select:none;user-select:none;place-items:center;font-size:min(24vw,280px);display:grid;position:absolute;inset:0}.stroke-overlay{object-fit:contain;opacity:.48;filter:contrast(1.12);-webkit-user-select:none;user-select:none;pointer-events:none;width:88%;height:88%;position:absolute;inset:6%}.crosshair:before,.crosshair:after{content:"";background:#e7dfd3;position:absolute}.crosshair:before{width:1px;top:0;bottom:0;left:50%}.crosshair:after{height:1px;top:50%;left:0;right:0}.writing-help{padding:4px 0}.stroke-order-card{border:1px solid var(--line);background:#eee8dd;border-radius:14px;grid-template-columns:1fr 142px;align-items:center;gap:10px;padding:14px;display:grid}.stroke-copy h3{margin-top:12px}.stroke-copy p{margin-bottom:0}.stroke-diagram{aspect-ratio:1;border:1px solid var(--line);background:#fffdf8;border-radius:10px;padding:6px}.stroke-diagram img{object-fit:contain;width:100%;height:100%;display:block}.direction-note{border-left:3px solid var(--red);background:#fff7f3;align-items:center;gap:12px;margin:12px 0 10px;padding:10px 12px;display:flex}.direction-note b{color:var(--red);letter-spacing:2px;flex:none;font-size:13px}.direction-note span{color:var(--muted);font-size:9px;line-height:1.4}.step-number{color:var(--red);border-bottom:2px solid var(--red);margin-top:10px;padding-bottom:4px;font-size:10px;font-weight:800;display:inline-block}.writing-help h3{font-family:var(--font-jp);margin:11px 0 6px;font-size:23px}.writing-help p{color:var(--muted);margin:0 0 20px;font-size:12px;line-height:1.7}.writing-buttons{gap:8px;margin-top:20px;display:flex}.character-strip{gap:6px;margin-top:28px;padding:5px 2px 12px;display:flex;overflow-x:auto}.character-strip button{border:1px solid var(--line);height:52px;font-family:var(--font-jp);cursor:pointer;background:#faf7f0;border-radius:8px;flex:0 0 48px}.character-strip small{font-family:var(--font-sans);color:var(--muted);font-size:7px;display:block}.character-strip button.current{color:#fff;background:var(--red);border-color:var(--red)}.quiz-view{max-width:660px;margin:0 auto}.quiz-meta{color:var(--muted);letter-spacing:1px;justify-content:space-between;font-size:10px;font-weight:800;display:flex}.quiz-meta strong{color:var(--red)}.quiz-progress{margin-bottom:28px}.question-card{text-align:center;border:1px solid var(--line);background:#faf7f0;border-radius:16px;padding:30px 50px;position:relative}.question-card>p{color:var(--muted);margin:0;font-size:12px}.sound-round{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;width:34px;height:34px;position:absolute;top:22px;right:22px}.question-kana{font-family:var(--font-jp);margin:16px 0;font-size:126px;line-height:1.25}.choices{grid-template-columns:1fr 1fr;gap:9px;display:grid}.choices button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;min-height:48px;font-weight:700}.choices button:not(:disabled):hover{border-color:var(--red);color:var(--red)}.choices kbd{float:left;color:#a79d90;margin-left:10px;font-size:9px}.feedback{color:var(--red);margin-top:18px;font-size:12px;font-weight:800}.question-card.correct{border-color:#77a27a}.question-card.correct .feedback{color:#5d8c61}.result-card{text-align:center;border:1px solid var(--line);background:#faf7f0;border-radius:18px;padding:50px}.result-seal{border:3px double var(--red);width:90px;height:90px;color:var(--red);font-family:var(--font-jp);border-radius:50%;place-items:center;margin:0 auto 20px;font-size:27px;display:grid;transform:rotate(-7deg)}.result-card>p{color:var(--muted);font-size:12px}.result-card h2{font-family:var(--font-jp);margin:10px;font-size:42px}.result-card button{margin:14px 4px 0}footer{border-top:1px solid var(--line);max-width:1460px;color:var(--muted);justify-content:space-between;margin:0 auto;padding:28px 12px 45px;font-size:10px;display:flex}footer a{color:inherit;text-decoration:underline}.toast{color:#fff;background:var(--ink);z-index:10;border-radius:10px;padding:12px 18px;font-size:12px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}@media (min-width:1100px){.topbar{max-width:1460px;height:76px;padding-inline:32px}.hero{max-width:1460px;padding:34px 50px 38px}.hero h1{font-size:43px;line-height:1.04}.hero-copy{margin-top:14px;line-height:1.6}.hero-kana{transform-origin:100%;height:112px;transform:scale(.82)}.workspace{grid-template-columns:230px minmax(0,1fr);max-width:1460px;min-height:720px}.content-panel{padding:40px 48px 48px}.learn-layout{grid-template-columns:minmax(560px,1fr) 330px;gap:38px}.kana-row button{min-height:82px}.kana-row button span{font-size:36px}.kana-row button small{font-size:10px}.big-kana{height:205px;font-size:158px}.particle-layout{grid-template-columns:260px minmax(0,1fr);gap:26px}.particle-list button{min-height:78px}.particle-detail{padding:28px 30px}.particle-use b{font-size:18px}.particle-use p{font-size:10px}}.particle-intro>div:first-child>span{white-space:nowrap;writing-mode:horizontal-tb;line-height:1}.kana-set-tabs{grid-template-columns:repeat(5,1fr);gap:8px;margin:-8px 0 10px;display:grid}.kana-set-tabs button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#faf7f0;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-height:54px;padding:9px 12px;display:flex}.kana-set-tabs button b{font-size:10px}.kana-set-tabs button span{font:22px var(--font-jp);color:#9a9083}.kana-set-tabs button.selected{color:#fff;background:var(--ink);border-color:var(--ink)}.kana-set-tabs button.selected span{color:#ff8b81}.kana-set-note{border-left:3px solid var(--red);color:var(--muted);background:#fff5f1;align-items:center;gap:10px;margin-bottom:22px;padding:9px 12px;font-size:10px;line-height:1.5;display:flex}.kana-set-note b{color:var(--red);flex:none}.kana-family-guide{border:1px solid var(--line);background:#faf7f0;border-radius:13px;margin:-12px 0 24px;padding:15px}.kana-family-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;display:flex}.kana-family-heading b{font-size:12px}.kana-family-heading span{color:var(--muted);font-size:10px}.kana-family-rows{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.kana-family-rows>div{background:#fff;border:1px solid #e5ddd0;border-radius:9px;grid-template-columns:54px minmax(110px,.8fr) 18px minmax(150px,1.2fr);align-items:center;gap:7px;padding:9px 11px;display:grid}.kana-family-rows strong{color:var(--red);font-size:9px}.kana-family-rows span,.kana-family-rows b{font:15px var(--font-jp);letter-spacing:.08em}.kana-family-rows span{color:var(--muted)}.kana-family-rows i{color:#a89e91;text-align:center;font-style:normal}.kana-family-guide.handakuon .kana-family-rows,.kana-family-guide.contracted .kana-family-rows{grid-template-columns:1fr}.kana-family-guide.contracted .kana-family-rows>div{grid-template-columns:65px 80px 18px 1fr}.detail-actions button:disabled{opacity:.58;cursor:not-allowed}.guided-kana{border:1px solid var(--line);background:#f0eadf;border-radius:16px;margin:0 0 26px;overflow:hidden}.guided-steps{border-bottom:1px solid var(--line);background:#fffdf8;grid-template-columns:repeat(4,1fr);display:grid}.guided-steps span{text-align:center;color:var(--muted);letter-spacing:.8px;padding:10px;font-size:8px;font-weight:850}.guided-steps span.active{color:#fff;background:var(--red)}.guided-main{grid-template-columns:190px 1fr 210px;align-items:center;gap:26px;padding:24px 28px;display:grid}.guided-symbol{background:var(--ink);color:#fff;min-height:180px;font:150px/1 var(--font-jp);border-radius:15px;place-items:center;display:grid}.guided-coach small,.guided-example small{color:var(--red);letter-spacing:1.1px;font-size:8px;font-weight:850}.guided-coach h3{font:42px var(--font-jp);margin:4px 0}.guided-coach p{color:var(--muted);margin:0 0 16px;font-size:12px;line-height:1.6}.guided-coach>div{gap:8px;display:flex}.guided-example{border-left:1px solid var(--line);padding-left:24px}.guided-example b,.guided-example span,.guided-example p{display:block}.guided-example b{font:38px var(--font-jp);margin-top:7px}.guided-example span{color:var(--red);font-weight:800}.guided-example p{color:var(--muted);margin:2px 0 12px;font-size:10px}.guided-example button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:8px 10px;font-size:9px}.guided-nav{border-top:1px solid var(--line);background:#fffdf8;grid-template-columns:150px 1fr 150px;align-items:center;gap:14px;padding:14px 28px;display:grid}.guided-nav>span{text-align:center;color:var(--muted);font-size:10px}.guided-nav>span b{color:var(--ink);font-size:14px}.guided-nav>span small{color:var(--red);margin-top:2px;font-weight:800;display:block}.guided-nav button{min-height:38px}.guided-nav button:disabled{opacity:.35;cursor:not-allowed}.comic-quiz-view{max-width:980px;margin:0 auto}.comic-title{margin-bottom:14px}.comic-stage{background:#eee8dd;border-radius:9px;align-items:center;gap:11px;margin-bottom:12px;padding:10px 13px;display:flex}.comic-stage span{background:var(--ink);color:#fff;letter-spacing:.8px;border-radius:20px;flex:none;padding:5px 8px;font-size:8px;font-weight:850}.comic-stage p{color:var(--muted);margin:0;font-size:10px}.comic-session-meta{color:var(--muted);letter-spacing:.8px;justify-content:space-between;align-items:center;margin:0 2px 8px;font-size:9px;font-weight:850;display:flex}.comic-session-meta strong{color:var(--red);font-size:11px}.comic-quiz-view .quiz-progress{margin-bottom:18px}.comic-quiz{border:1px solid var(--line);background:#faf7f0;border-radius:17px;padding:28px}.comic-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.comic-heading small{color:var(--red);letter-spacing:1.2px;font-size:8px;font-weight:850}.comic-heading h3{font:30px var(--font-jp);margin:5px 0 2px}.comic-heading p{color:var(--muted);margin:0;font-size:11px}.audio-locked{border:1px dashed var(--line);color:var(--muted);white-space:nowrap;border-radius:8px;padding:9px 12px;font-size:9px}.comic-options{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.comic-options button{cursor:pointer;background:#fff;border:3px solid #0000;border-radius:14px;padding:0;transition:transform .18s,border-color .18s;overflow:hidden;box-shadow:0 8px 24px #372b1e12}.comic-options img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.comic-options span{white-space:nowrap;text-overflow:ellipsis;padding:10px 7px;font-size:9px;font-weight:800;display:block;overflow:hidden}.comic-options button:hover:not(:disabled){border-color:#d5a39f;transform:translateY(-3px)}.comic-options button:disabled{cursor:default}.comic-options button.correct,.comic-word-options button.correct{background:#f0f6ed;border-color:#668e67}.comic-options button.wrong,.comic-word-options button.wrong{border-color:var(--red);background:#fff0ed}.comic-picture-word{grid-template-columns:minmax(250px,1fr) 1fr;align-items:stretch;gap:22px;display:grid}.comic-picture-word>img{object-fit:cover;border:3px solid #fff;border-radius:15px;width:100%;height:100%;max-height:390px;display:block;box-shadow:0 8px 24px #372b1e14}.comic-word-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.comic-word-options button{cursor:pointer;background:#fff;border:3px solid #0000;border-radius:13px;place-content:center;gap:3px;min-height:125px;display:grid;position:relative;box-shadow:0 7px 18px #372b1e0f}.comic-word-options button:hover:not(:disabled){border-color:#d5a39f;transform:translateY(-2px)}.comic-word-options kbd{border:1px solid var(--line);width:23px;height:23px;color:var(--muted);border-radius:6px;place-items:center;font-size:9px;display:grid;position:absolute;top:10px;left:10px}.comic-word-options b{font:32px var(--font-jp)}.comic-word-options span{color:var(--red);font-size:9px;font-weight:800}.comic-feedback{color:#9c3e36;background:#fff0ed;border-radius:9px;margin-top:15px;padding:13px 15px;font-size:11px;font-weight:750}.comic-feedback.correct{color:#527a55;background:#edf4ea}.comic-navigation{justify-content:space-between;gap:12px;margin-top:16px;display:flex}.comic-navigation button{min-width:170px}.comic-navigation button:disabled{opacity:.4;cursor:not-allowed}.comic-result{max-width:540px;margin:55px auto}.level-tabs{gap:8px;margin:-5px 0 16px;display:flex}.level-tabs button{border:1px solid var(--line);min-height:38px;color:var(--muted);cursor:pointer;background:#faf7f0;border-radius:999px;padding:0 16px;font-size:10px;font-weight:850}.level-tabs button.selected{border-color:var(--ink);background:var(--ink);color:#fff}.bunpou-intro{background:var(--ink);color:#fff;border-radius:14px;grid-template-columns:72px 1fr auto;align-items:center;gap:18px;margin-bottom:18px;padding:17px 20px;display:grid}.bunpou-intro>span{background:var(--red);width:58px;height:58px;font:30px var(--font-jp);border-radius:11px;place-items:center;display:grid}.bunpou-intro b{margin-bottom:4px;font-size:13px;display:block}.bunpou-intro p{color:#cfc8bf;margin:0;font-size:10px;line-height:1.65}.bunpou-intro strong{white-space:nowrap;font-size:22px;font-weight:750}.bunpou-intro strong:after{content:" pola dipahami";color:#a9a097;letter-spacing:.6px;text-align:right;font-size:7px;font-weight:750;display:block}.kaiwa-source-note{border:1px solid var(--line);background:#eee8dd;border-radius:13px;grid-template-columns:54px 1fr auto;align-items:center;gap:16px;margin-bottom:18px;padding:15px 18px;display:grid}.kaiwa-source-note>span{background:var(--red);color:#fff;width:48px;height:48px;font:24px var(--font-jp);border-radius:10px;place-items:center;display:grid}.kaiwa-source-note b{font-size:12px}.kaiwa-source-note p{color:var(--muted);margin:3px 0 0;font-size:9px;line-height:1.55}.kaiwa-source-note>a{color:var(--red);white-space:nowrap;font-size:9px;font-weight:850;text-decoration:none}.kaiwa-tabs{gap:8px;margin-bottom:12px;padding-bottom:5px;display:flex;overflow-x:auto}.kaiwa-tabs button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#faf7f0;border-radius:10px;flex:0 0 145px;gap:2px;min-height:66px;padding:9px 11px;display:grid}.kaiwa-tabs button span{color:var(--red);font-size:7px;font-weight:850}.kaiwa-tabs button b{font-size:10px}.kaiwa-tabs button small{color:var(--muted);font-size:8px}.kaiwa-tabs button.selected{border-color:var(--red);box-shadow:inset 0 -3px var(--red);background:#fff3ef}.kaiwa-player{border:1px solid var(--line);background:#faf7f0;border-radius:16px;grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);display:grid;overflow:hidden}.video-shell{background:#171513;min-width:0;position:relative}.video-shell iframe{background:#171513;border:0;width:100%;height:100%;min-height:390px;display:block}.video-credit{color:#eee;pointer-events:none;background:#000000b3;border-radius:5px;padding:5px 8px;font-size:7px;position:absolute;bottom:10px;right:10px}.kaiwa-study{padding:24px}.kaiwa-study h2{font:28px var(--font-jp);margin:8px 0 5px}.kaiwa-study>p{color:var(--muted);margin:0 0 20px;font-size:11px;line-height:1.6}.kaiwa-phrases>small,.shadowing-task>small{color:var(--red);letter-spacing:1px;margin-bottom:7px;font-size:7px;font-weight:900;display:block}.kaiwa-phrases button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:9px;gap:2px;width:100%;margin-bottom:7px;padding:10px 10px 10px 37px;display:grid;position:relative}.kaiwa-phrases button>span{color:var(--red);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.kaiwa-phrases button b{font:17px var(--font-jp)}.kaiwa-phrases button em{color:var(--muted);font-size:8px;font-style:normal}.shadowing-task{border-left:3px solid var(--red);background:#fff4ee;margin-top:15px;padding:13px}.shadowing-task p{margin:0;font-size:9px;line-height:1.6}.kaiwa-links{grid-template-columns:1fr;gap:7px;margin-top:16px;display:grid}.kaiwa-links a{place-items:center;text-decoration:none;display:grid}.subsection-title{border-top:1px solid var(--line);justify-content:space-between;align-items:end;margin:34px 0 12px;padding-top:24px;display:flex}.subsection-title small{color:var(--red);letter-spacing:1px;font-size:7px;font-weight:900}.subsection-title h3{font:24px var(--font-jp);margin:4px 0 0}.subsection-title>span{color:var(--muted);font-size:9px}.help-search{background:var(--ink);color:#fff;border-radius:14px;grid-template-columns:58px 1fr auto;align-items:center;gap:16px;margin-bottom:18px;padding:15px 18px;display:grid}.help-search>span{background:var(--red);width:50px;height:50px;font:700 27px var(--font-sans);border-radius:50%;place-items:center;display:grid}.help-search label{margin-bottom:6px;font-size:10px;font-weight:850;display:block}.help-search input{color:#fff;width:100%;font:12px var(--font-sans);background:0 0;border:0;border-bottom:1px solid #5a544d;outline:0;padding:4px 0 8px}.help-search input::placeholder{color:#aaa39b}.help-search>b{color:#f0a79f;white-space:nowrap;font-size:9px}.help-layout{grid-template-columns:300px minmax(0,1fr);gap:16px;display:grid}.help-list{max-height:720px;overflow:auto}.help-list button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#faf7f0;border-radius:10px;gap:4px;width:100%;margin-bottom:7px;padding:13px 14px;display:grid}.help-list button span{color:var(--red);letter-spacing:.7px;font-size:7px;font-weight:900}.help-list button b{font-size:11px;line-height:1.35}.help-list button small{color:var(--muted);font-size:8px;line-height:1.5}.help-list button.selected{border-color:var(--ink);background:var(--ink);color:#fff}.help-list button.selected small{color:#bbb3aa}.help-answer{border:1px solid var(--line);background:#faf7f0;border-radius:16px;padding:27px 30px}.help-answer h2{font:31px/1.2 var(--font-jp);margin:12px 0 5px}.help-short{color:var(--red);margin:0 0 20px;font-size:11px;font-weight:800}.answer-core{background:#eee8dd;border-radius:10px;padding:16px}.answer-core small,.help-examples>small{color:var(--red);letter-spacing:1px;font-size:7px;font-weight:900}.answer-core p{margin:6px 0 0;font-size:11px;line-height:1.75}.help-examples{margin-top:18px}.help-examples button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:9px;grid-template-columns:30px minmax(150px,.7fr) 1fr;align-items:center;width:100%;margin-top:7px;padding:11px;display:grid;position:relative}.help-examples button span{color:var(--red)}.help-examples button b{font:17px var(--font-jp)}.help-examples button em{color:var(--muted);font-size:9px;font-style:normal}.related-path{background:#eaf1f3;border-left:3px solid #4e7f91;gap:13px;margin:17px 0;padding:11px 13px;display:flex}.related-path span{color:#4e7f91;letter-spacing:.8px;flex:none;font-size:7px;font-weight:900}.related-path p{color:#456571;margin:0;font-size:9px}.empty-help{border:1px dashed var(--line);text-align:center;border-radius:15px;padding:60px 20px}.empty-help>span{font:50px var(--font-jp);color:var(--red)}.empty-help h3{margin:8px}.empty-help p{color:var(--muted);font-size:10px}@media (max-width:900px){.hero-kana{display:none}.workspace{grid-template-columns:1fr;margin:0 16px 50px}.workspace aside{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;display:grid}.progress-card{border:0;margin:0}.quiz-cta,.free-note{display:none}.learn-layout{grid-template-columns:1fr}.detail-card{position:static}.learn-layout .detail-card{order:-1}.big-kana{height:105px;font-size:82px}.detail-card{grid-template-columns:1fr 1fr;gap:10px;display:grid}.detail-top,.example,.detail-actions{grid-column:1/-1}.reading{align-self:center}.kana-row{grid-template-columns:20px repeat(5,1fr)}}@media (max-width:620px){.topbar{height:70px;padding:0 16px}.brand{width:auto}.brand small,.streak{display:none}nav{gap:14px;margin-left:auto}nav button{font-size:11px}.hero{padding:42px 24px 34px}h1{font-size:38px}.hero-copy{font-size:13px}.workspace aside{grid-template-columns:1fr;padding:15px}.progress-card{display:none}.content-panel{padding:25px 16px}.section-title{align-items:start}.section-title>span{display:none}.learn-layout{display:block}.detail-card{margin-bottom:24px}.kana-row{gap:4px}.kana-row button{min-height:52px}.kana-row button span{font-size:21px}.writing-grid{grid-template-columns:1fr}.writing-help{padding:0}.stroke-order-card{grid-template-columns:1fr 118px;margin-top:18px}.writing-buttons{margin-top:10px}.question-card{padding:28px 16px}.question-kana{font-size:110px}.choices{grid-template-columns:1fr}.result-card{padding:35px 18px}footer{padding:25px 20px;display:block}.script-switch{grid-template-columns:1fr 1fr}}@media (max-width:900px){.course-label{display:none}.course-menu{grid-column:1/-1;grid-template-columns:repeat(5,1fr)}.course-menu button{justify-content:center;padding:6px;display:flex}.course-menu button span{font-size:16px}.course-menu button i{font-size:9px}.script-switch.compact{grid-column:1/-1;grid-template-columns:1fr 1fr;margin:5px 0 0}.audio-check{display:none}.overview-grid{grid-template-columns:repeat(3,1fr)}.lesson-layout,.listening-layout{grid-template-columns:200px 1fr}.kanji-detail{grid-template-columns:145px 1fr}.word-bank>div{grid-template-columns:repeat(4,1fr)}.particle-layout{grid-template-columns:180px 1fr}.practical-layout{grid-template-columns:190px 1fr}}@media (max-width:620px){.course-menu{grid-template-columns:repeat(5,1fr);gap:3px;overflow-x:auto}.course-menu button{text-align:center;grid-template-columns:1fr;min-width:72px;display:grid}.course-menu button i{font-size:7px}.overview-grid{grid-template-columns:1fr 1fr}.overview-grid>div:first-child{grid-column:1/-1}.continue-card{grid-template-columns:48px 1fr;padding:14px}.continue-symbol{width:44px;height:44px;font-size:28px}.continue-card .primary{grid-column:1/-1}.roadmap-card{grid-template-columns:24px 70px 1fr;gap:7px;padding:10px}.roadmap-card>button,.roadmap-main p,.roadmap-main div{display:none}.source-box{grid-template-columns:1fr}.source-links{grid-template-columns:1fr 1fr}.vocab-layout{grid-template-columns:1fr}.flashcard{min-height:345px}.vocab-side{padding:0}.flash-actions{grid-template-columns:1fr 1fr}.flash-actions .primary{grid-area:1/1/auto/-1}.word-bank>div{grid-template-columns:repeat(3,1fr)}.lesson-layout,.listening-layout{grid-template-columns:1fr}.lesson-list,.episode-list{max-height:none;display:flex;overflow-x:auto}.lesson-list button,.episode-list button{min-width:170px}.grammar-card,.audio-lesson{padding:18px}.grammar-card>h2,.audio-lesson>h2{font-size:25px}.particle-intro{grid-template-columns:1fr}.particle-intro>div:last-child{display:none}.particle-layout{grid-template-columns:1fr}.particle-list{max-height:none;display:flex;overflow-x:auto}.particle-list button{min-width:82px}.particle-hero{grid-template-columns:78px 1fr;gap:12px}.particle-char{height:76px;font-size:38px}.particle-detail{padding:15px}.particle-use code{max-width:75%}.practical-layout{grid-template-columns:1fr}.mission-list{display:flex;overflow-x:auto}.mission-list button{min-width:175px}.mission-insights{grid-template-columns:1fr}.mission-actions{display:grid}.kanji-layout{grid-template-columns:1fr}.kanji-bank{grid-template-columns:repeat(5,1fr)}.kanji-detail{grid-template-columns:125px 1fr;gap:12px;padding:13px}.kanji-info h2{font-size:38px}.scenario-tabs{display:flex;overflow-x:auto}.scenario-tabs button{min-width:110px}.dialogue-card{padding:15px}.dialogue-lines>div{max-width:100%}.role-tip{grid-template-columns:1fr}.role-tip .primary{width:100%}.audio-controls{grid-template-columns:1fr}.kana-set-tabs{padding-bottom:5px;display:flex;overflow-x:auto}.kana-set-tabs button{flex:0 0 128px}.kana-set-note{align-items:flex-start;gap:2px;display:grid}.kana-row button span{font-size:20px}.kana-row button small{font-size:7px}}@media (max-width:900px){.guided-main{grid-template-columns:150px 1fr}.guided-symbol{min-height:150px;font-size:118px}.guided-example{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;padding:18px 0 0}.comic-options{grid-template-columns:1fr 1fr}.comic-picture-word{grid-template-columns:1fr}.comic-picture-word>img{max-height:340px}.comic-word-options button{min-height:90px}}@media (max-width:620px){.guided-steps{grid-template-columns:1fr 1fr}.guided-main{grid-template-columns:1fr;padding:18px}.guided-symbol{min-height:145px}.guided-coach>div{display:grid}.guided-example{grid-column:auto}.guided-nav{grid-template-columns:1fr 1fr;padding:13px 18px}.guided-nav>span{grid-area:1/1/auto/-1}.comic-title>span{display:none}.comic-stage{align-items:flex-start}.comic-quiz{padding:15px}.comic-heading{flex-direction:column;align-items:flex-start}.comic-options{grid-template-columns:1fr 1fr;gap:8px}.comic-options span{font-size:8px}.comic-heading .outline{white-space:nowrap}.comic-picture-word{gap:12px}.comic-picture-word>img{max-height:300px}.comic-word-options{gap:7px}.comic-word-options button{min-height:82px}.comic-word-options b{font-size:25px}.comic-navigation button{flex:1;min-width:0}}@media (max-width:900px){.kaiwa-player{grid-template-columns:1fr}.video-shell iframe{min-height:360px}.help-layout{grid-template-columns:230px 1fr}.bunpou-intro{grid-template-columns:60px 1fr}.bunpou-intro>strong{text-align:right;grid-column:1/-1}.bunpou-intro strong:after{margin-left:5px;display:inline}.kaiwa-source-note{grid-template-columns:50px 1fr}.kaiwa-source-note>a{grid-column:2}}@media (max-width:620px){.level-tabs{overflow-x:auto}.level-tabs button{flex:none}.bunpou-intro{grid-template-columns:50px 1fr;padding:13px}.bunpou-intro>span{width:46px;height:46px;font-size:24px}.kaiwa-source-note{padding:12px}.kaiwa-tabs button{flex-basis:132px}.video-shell iframe{min-height:230px}.kaiwa-study{padding:18px}.subsection-title{align-items:flex-start}.subsection-title>span{display:none}.help-search{grid-template-columns:44px 1fr;padding:13px}.help-search>span{width:40px;height:40px}.help-search>b{grid-column:2}.help-layout{grid-template-columns:1fr}.help-list{max-height:none;display:flex;overflow-x:auto}.help-list button{flex:0 0 230px}.help-answer{padding:20px 16px}.help-answer h2{font-size:25px}.help-examples button{grid-template-columns:28px 1fr}.help-examples button em{grid-column:2}.kaiwa-links{grid-template-columns:1fr}}.bunpou-intro>span{white-space:nowrap;word-break:keep-all;font-size:25px;line-height:1;overflow:hidden}.reading-layout,.studio-layout{grid-template-columns:260px minmax(0,1fr);gap:20px;display:grid}.reading-list,.speaking-list{align-content:start;gap:8px;display:grid}.reading-list button,.speaking-list button{text-align:left;border:1px solid var(--line);background:#faf7f0;border-radius:12px;padding:14px}.reading-list button.selected,.speaking-list button.selected{border-color:var(--red);background:#fff}.reading-list span,.speaking-list span{color:var(--red);letter-spacing:.08em;font-size:10px;font-weight:800;display:block}.reading-list b,.speaking-list b{margin:5px 0;display:block}.reading-list small{color:#746d63}.reading-card,.speaking-card,.exam-card,.exam-result,.review-card,.review-empty,.lexicon{border:1px solid var(--line);background:#fcfaf5;border-radius:18px;padding:26px}.can-do{background:#eaf3f4;border-radius:10px;gap:14px;padding:13px;display:flex}.reading-card pre{white-space:pre-wrap;font-family:var(--font-jp),serif;margin:22px 0;font-size:24px;line-height:1.9}.reading-card details{border-block:1px solid var(--line);margin:16px 0;padding:14px}.reading-card details p{line-height:1.7}.reading-vocab{flex-wrap:wrap;gap:8px;display:flex}.reading-vocab span{background:#eee8dd;border-radius:7px;padding:8px 10px}.reading-question{background:#eee8dd;border-radius:13px;margin-top:22px;padding:20px}.reading-question button,.exam-choices button,.grammar-check button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:9px;width:100%;margin:7px 0;padding:12px;display:block}.reading-question button.correct,.grammar-check button.correct,.exam-result .correct{background:#edf7f0;border-color:#52936a}.reading-question button.wrong,.grammar-check button.wrong,.exam-result .wrong{background:#fff0ed;border-color:#d84b40}.module-nav{justify-content:space-between;gap:10px;margin-top:20px;display:flex}.lexicon{margin-top:24px}.lexicon>div:first-child span{color:#756d62}.lexicon-tools{grid-template-columns:1fr 140px;gap:10px;margin:18px 0;display:grid}.lexicon-tools input,.lexicon-tools select{border:1px solid var(--line);background:#fff;border-radius:9px;padding:13px}.lexicon-grid{grid-template-columns:repeat(4,1fr);gap:8px;max-height:520px;margin-bottom:12px;display:grid;overflow:auto}.lexicon-grid button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px}.lexicon-grid b,.lexicon-grid span,.lexicon-grid small{display:block}.lexicon-grid b{font-size:21px}.lexicon-grid span{color:var(--red)}.review-card{text-align:center;max-width:650px;margin:auto}.review-card>span{color:var(--red);font-weight:800}.review-card h2{margin:28px 0 5px;font-size:56px}.review-answer{border-top:1px solid var(--line);margin-top:25px;padding:25px;font-size:24px}.review-grades{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.review-grades button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:12px}.review-grades small{color:#7c7469;display:block}.review-empty{text-align:center}.review-empty>span,.exam-result>span{color:var(--red);font-size:60px}.exam-card,.exam-result{max-width:760px;margin:18px auto}.exam-meta{color:var(--red);justify-content:space-between;font-weight:800;display:flex}.exam-card h2{margin:28px 0;font-size:25px;line-height:1.6}.exam-context{background:#eee8dd;padding:15px;font-size:20px}.exam-choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.exam-choices button.selected{border-color:var(--red);background:#fff0ed}.exam-result>div{border-left:4px solid;margin:10px 0;padding:14px}.exam-result span,.exam-result p{margin-top:5px;display:block}.model-speech,.speaking-task{background:#eee8dd;border-radius:13px;margin:18px 0;padding:20px}.model-speech p{font-size:25px;line-height:1.7}.speaking-task li{margin:8px}.record-controls{align-items:center;gap:12px;margin:18px 0;display:flex}.record-controls audio{max-width:100%}.recording{animation:1s infinite pulse}.record-error{color:var(--red)}@keyframes pulse{50%{opacity:.5}}.grammar-check{background:#eee8dd;border-radius:12px;margin:20px 0;padding:16px}.lexicon-grid button{padding-right:40px;position:relative}.lexicon-grid button:after{content:"▶";border:1px solid var(--line);width:25px;height:25px;color:var(--red);border-radius:50%;place-items:center;font-size:9px;display:grid;position:absolute;top:50%;right:12px;translate:0 -50%}.lexicon-grid button.playing:after{content:"Ⅱ";color:#fff;background:var(--red);border-color:var(--red);animation:1s infinite audioPulse}.lexicon-grid button:hover:after{color:#fff;background:var(--red);border-color:var(--red)}.difficulty-tabs{border:1px solid var(--line);background:#fcfaf5;border-radius:13px;align-items:center;gap:8px;max-width:760px;margin:12px auto 4px;padding:10px 12px;display:flex}.difficulty-tabs>span{color:var(--muted);margin-right:2px;font-size:9px;font-weight:850}.difficulty-tabs button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:9px;gap:2px;min-width:105px;padding:8px 12px;font-weight:800;display:grid}.difficulty-tabs button small{color:var(--muted);font-size:7px;font-weight:500}.difficulty-tabs button.selected{border-color:var(--red);background:var(--red);color:#fff}.difficulty-tabs button.selected small{color:#ffe5e1}.difficulty-tabs>strong{color:var(--red);white-space:nowrap;margin-left:auto;font-size:10px}.particle-beginner{background:#eee8dd;border-radius:13px;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;padding:16px;display:grid}.particle-beginner>div{border:1px solid var(--line);background:#fff;border-radius:10px;padding:14px}.particle-beginner small,.particle-sources small{color:var(--red);letter-spacing:.09em;font-weight:850}.particle-beginner p{margin:7px 0;line-height:1.55}.particle-beginner .particle-warning{border-left:4px solid #e3a23b;grid-column:1/-1}.particle-beginner>strong{color:#fff;background:#201e1b;border-radius:8px;grid-column:1/-1;padding:12px 14px}.particle-sources{border:1px solid var(--line);background:#fcfaf5;border-radius:15px;grid-template-columns:1.3fr repeat(3,1fr);gap:10px;margin-top:22px;padding:20px;display:grid}.particle-sources h3{margin:5px 0}.particle-sources p{color:var(--muted);font-size:11px}.particle-sources a{border:1px solid var(--line);color:inherit;background:#fff;border-radius:10px;flex-direction:column;gap:7px;padding:14px;text-decoration:none;display:flex}.particle-sources a:hover{border-color:var(--red)}.particle-sources a span{color:var(--muted);font-size:10px;line-height:1.5}button.sound-round,.kanji-word button,.particle-use button,.dialogue-lines button,.useful-phrases button{color:var(--red);font-size:9px}.nhk-credit{color:#fff;background:#201e1b;border-radius:14px;grid-template-columns:58px 1fr auto;align-items:center;gap:16px;padding:18px 20px;display:grid}.nhk-credit>span{background:var(--red);width:58px;height:58px;font:23px var(--font-jp);border-radius:10px;place-items:center;display:grid}.nhk-credit p{color:#d8d1c7;margin:5px 0;font-size:11px;line-height:1.5}.nhk-credit a{color:#fff;border:1px solid #5c5750;border-radius:8px;padding:11px 14px;text-decoration:none}.nhk-resources{grid-template-columns:repeat(4,1fr);gap:9px;margin:20px 0 28px;display:grid}.nhk-resources a{border:1px solid var(--line);color:inherit;background:#fcfaf5;border-radius:12px;grid-template-columns:38px 1fr auto;gap:10px;padding:15px;text-decoration:none;display:grid}.nhk-resources a>span{width:38px;height:38px;color:var(--red);font:18px var(--font-jp);background:#eee8dd;border-radius:8px;place-items:center;display:grid}.nhk-resources b{font-size:12px}.nhk-resources p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.45}.nhk-resources i{color:var(--red)}.nhk-resources a:hover{border-color:var(--red)}.nhk-layout{grid-template-columns:260px minmax(0,1fr);gap:18px;display:grid}.nhk-lesson-list{grid-template-columns:1fr 1fr;align-content:start;gap:6px;max-height:660px;padding-right:5px;display:grid;overflow:auto}.nhk-lesson-list button{border:1px solid var(--line);text-align:left;background:#faf7f0;border-radius:9px;grid-template-columns:30px 1fr auto;align-items:center;gap:7px;padding:9px;display:grid}.nhk-lesson-list button>span{color:var(--red);font-weight:850}.nhk-lesson-list b,.nhk-lesson-list small{display:block}.nhk-lesson-list b{font-size:9px}.nhk-lesson-list small{color:var(--muted);font-size:7px}.nhk-lesson-list button.selected{color:#fff;background:#201e1b;border-color:#201e1b}.nhk-lesson-list button.learned i{color:#559167}.nhk-player{border:1px solid var(--line);background:#eee8dd;border-radius:17px;grid-template-columns:minmax(250px,.8fr) 1.2fr;display:grid;overflow:hidden}.nhk-image{background:#dcd5ca;place-items:center;min-height:460px;padding:14px;display:grid;position:relative}.nhk-image img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.nhk-image span{color:#fff;background:#201e1bcc;padding:5px 7px;font-size:7px;position:absolute;bottom:10px;left:10px}.nhk-player-copy{padding:24px}.nhk-player-copy h2{font:31px var(--font-jp);margin:10px 0}.nhk-player-copy>p{line-height:1.6}.nhk-player audio{width:100%;margin:12px 0}.nhk-actions{flex-wrap:wrap;gap:8px;display:flex}.nhk-method{background:#fff;border-radius:11px;margin:18px 0;padding:15px}.nhk-method small{color:var(--red);font-weight:850}.nhk-method li{margin:8px 0;font-size:10px;line-height:1.5}.nhk-bridge{color:#fff;background:#201e1b;border-radius:14px;grid-template-columns:1.3fr repeat(4,1fr);gap:8px;margin-top:22px;padding:18px;display:grid}.nhk-bridge h3{margin:5px 0}.nhk-bridge button{text-align:left;color:#fff;background:#2b2824;border:1px solid #4b4640;border-radius:9px;grid-template-columns:25px 1fr;padding:11px;display:grid}.nhk-bridge button>span{background:var(--red);border-radius:50%;grid-row:1/3;place-items:center;width:25px;height:25px;display:grid}.nhk-bridge button small{color:#bdb5aa}@media (max-width:900px){.reading-layout,.studio-layout,.nhk-layout{grid-template-columns:1fr}.reading-list,.speaking-list,.lexicon-grid,.particle-sources{grid-template-columns:repeat(2,1fr)}.review-grades,.nhk-resources,.nhk-bridge{grid-template-columns:1fr 1fr}.nhk-bridge>div{grid-column:1/-1}.difficulty-tabs{overflow-x:auto}.difficulty-tabs button{flex:0 0 105px}}@media (max-width:560px){.reading-list,.speaking-list,.lexicon-grid,.exam-choices,.lexicon-tools,.particle-beginner,.particle-sources,.nhk-resources,.nhk-player,.nhk-bridge{grid-template-columns:1fr}.particle-beginner .particle-warning,.particle-beginner>strong,.nhk-bridge>div{grid-column:auto}.nhk-credit{grid-template-columns:50px 1fr}.nhk-credit a{grid-column:1/-1}.nhk-image{min-height:260px}.reading-card pre{font-size:20px}.review-card h2{font-size:42px}.difficulty-tabs>span{display:none}.difficulty-tabs>strong{order:-1;margin-left:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.writing-result{border:1px solid var(--line);border-left:4px solid var(--red);background:#fff7f3;border-radius:10px;grid-template-columns:68px 1fr;align-items:center;gap:12px;margin-top:15px;padding:12px;display:grid}.writing-result>strong{font:21px var(--font-jp);text-align:center}.writing-result b{font-size:12px}.writing-result p{margin:3px 0!important;font-size:10px!important;line-height:1.45!important}.writing-result small{color:var(--muted);font-size:9px}.writing-result.good{background:#f1f7ef;border-left-color:#668e67}.writing-result.close{background:#fff8e8;border-left-color:#d49a3a}.writing-buttons{flex-wrap:wrap}.writing-buttons .check-writing{border-color:var(--red);color:var(--red)}.writing-buttons button:disabled{opacity:.45;cursor:not-allowed}@media (min-width:1400px){.topbar,.hero{max-width:min(1600px,100vw - 72px)}.workspace{grid-template-columns:245px minmax(0,1fr);max-width:min(1600px,100vw - 72px)}.content-panel{padding:44px 54px 54px}.workspace aside{padding-inline:24px}.course-menu button{min-height:43px}.course-menu button i{font-size:11px}.course-menu button span,.section-title>span{font-size:12px}.section-title h2{font-size:33px}.mission-list{gap:8px}.mission-list button{padding:13px}.mission-list b{font-size:11px}.mission-list small{font-size:9px}.mission-card{padding:28px}.mission-head p{font-size:12px}.mission-task{padding:16px}.mission-task p{font-size:12px}.useful-phrases>h3{font-size:18px}.useful-phrases>div{padding:13px 0}.useful-phrases b{font-size:18px}.useful-phrases em,.useful-phrases small,.mission-insights p{font-size:10px}.mission-insights small{font-size:8px}.writing-grid{grid-template-columns:minmax(430px,1.15fr) minmax(380px,.85fr)}.canvas-wrap{max-height:520px}}@media (max-width:900px){.kana-family-rows{grid-template-columns:1fr}.kana-set-tabs{display:flex;overflow-x:auto}.kana-set-tabs button{flex:0 0 138px}.kana-family-heading{flex-direction:column;align-items:flex-start;gap:3px}}@media (max-width:620px){.kana-family-rows>div,.kana-family-guide.contracted .kana-family-rows>div{grid-template-columns:52px 1fr 14px 1.45fr;padding:8px}.kana-family-rows span,.kana-family-rows b{font-size:12px}.writing-result{grid-template-columns:1fr}.writing-result>strong{text-align:left}}@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}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}