@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.min-h-screen{min-height:100vh}.bg-cream{--tw-bg-opacity: 1;background-color:rgb(247 248 244 / var(--tw-bg-opacity, 1))}.text-ink{--tw-text-opacity: 1;color:rgb(23 33 27 / var(--tw-text-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{font-family:DM Sans,sans-serif;color:#17211b;background:#f7f8f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.sidebar{width:252px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e9ece7;padding:28px 16px 18px;display:flex;flex-direction:column;z-index:5}.brand,.mobile-brand{display:flex;align-items:center;gap:11px;padding:0 12px}.brand-mark{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;color:#fff;background:#48735b;font-family:Noto Sans JP;font-size:19px}.brand strong,.mobile-brand strong{display:block;letter-spacing:-.04em;font-size:19px}.brand span{display:block;color:#9ba69e;font-size:10px;margin-top:2px;letter-spacing:.08em;text-transform:uppercase}nav{margin-top:54px;display:grid;gap:6px}.nav-item{position:relative;border:0;background:transparent;color:#89958c;display:flex;gap:13px;align-items:center;text-align:left;width:100%;border-radius:12px;padding:13px 14px;font-size:14px;font-weight:600;transition:.2s}.nav-item:hover,.nav-item.active{color:#315740;background:#edf4ee}.nav-item.active:before{content:"";width:3px;border-radius:0 3px 3px 0;position:absolute;left:0;top:11px;bottom:11px;background:#48735b}.nav-icon{width:18px;text-align:center;font-size:19px;font-family:Noto Sans JP;font-weight:400}.nav-badge{margin-left:auto;background:#f7e4dc;color:#bf654e;min-width:22px;padding:3px 6px;border-radius:20px;font-size:11px;text-align:center}.sidebar-foot{margin-top:auto;padding:15px 10px 3px;border-top:1px solid #edf0ec;display:flex;align-items:center;gap:9px}.profile-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#48735b;background:#dce9df;font-weight:700}.sidebar-foot strong{display:block;font-size:12px}.sidebar-foot span{color:#a1aaa3;font-size:10px}.dots{margin-left:auto;border:0;background:transparent;color:#a1aaa3;letter-spacing:2px}.main-content{margin-left:252px;min-height:100vh}.topbar{height:72px;border-bottom:1px solid #e9ece7;display:flex;align-items:center;justify-content:flex-end;padding:0 5%;background:#f7f8f4d1}.mobile-brand{display:none}.top-actions{display:flex;align-items:center;gap:24px}.streak{color:#a26b34;font-size:12px;font-weight:600}.login-link{color:#48735b;font-size:12px;font-weight:700;text-decoration:none}.page{max-width:1150px;margin:0 auto;padding:53px 5% 80px}.welcome-row,.page-heading,.study-top,.lesson-detail-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px}.eyebrow{color:#8a978f;font-weight:700;font-size:10px;letter-spacing:.15em;margin:0 0 10px}.eyebrow.light{color:#ffffffa3}h1{font-size:clamp(28px,3vw,39px);letter-spacing:-.055em;line-height:1.05;margin:0}.welcome-row h1 em{color:#48735b;font-style:normal}.muted{color:#93a097;font-size:14px;line-height:1.6;margin:12px 0 0}.primary-button{border:0;border-radius:10px;background:#48735b;color:#fff;padding:13px 19px;font-weight:700;font-size:13px;box-shadow:0 7px 17px #48735b29;transition:.2s}.primary-button:hover{transform:translateY(-1px);background:#396249}.primary-button span{margin-left:11px;font-size:16px}.primary-button.small{padding:10px 14px;font-size:12px}.ghost-button,.text-button{color:#728078;background:transparent;border:0;font-size:12px;font-weight:700}.text-button:hover{color:#315740}.focus-card{margin-top:35px;min-height:204px;border-radius:18px;padding:31px 38px;background:linear-gradient(112deg,#416c52,#578968);color:#fff;display:flex;justify-content:space-between;overflow:hidden;position:relative}.focus-card h2{margin:0;font-size:24px;letter-spacing:-.04em}.focus-card p:not(.eyebrow){color:#ffffffb8;font-size:13px;margin:8px 0 21px}.progress-line{height:5px;max-width:355px;width:40vw;border-radius:10px;background:#fff3;margin-bottom:10px}.progress-line span{display:block;height:100%;border-radius:inherit;background:#e9c76f}.focus-card small{color:#ffffff9e;font-size:11px}.focus-orb{align-self:center;margin-right:6%;width:108px;height:108px;border:1px solid rgba(255,255,255,.27);border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(7deg)}.focus-orb span{font-family:Noto Sans JP;font-size:31px}.focus-orb small{display:block;font-size:8px;letter-spacing:.13em}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:13px}.stat-card,.panel{background:#fff;border:1px solid #e9ece7;border-radius:15px}.stat-card{padding:17px 18px;position:relative;min-height:143px}.stat-icon{position:absolute;right:17px;top:17px;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:#48735b;background:#e6f0e7;font-family:Noto Sans JP;font-size:13px}.stat-icon.yellow{color:#a98238;background:#fcf3d9}.stat-icon.blue{color:#658aa4;background:#e4eff5}.stat-icon.coral{color:#bf654e;background:#f9e8e1}.stat-card p{color:#8b978f;font-size:11px;margin:4px 0 13px}.stat-card strong{display:block;font-size:27px;letter-spacing:-.05em}.stat-card small{color:#a7b0aa;font-size:10px}.dashboard-columns{display:grid;grid-template-columns:1.35fr 1fr;gap:13px;margin-top:13px}.panel{padding:24px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between}.panel h3{margin:0;font-size:18px;letter-spacing:-.03em}.task-list{margin-top:18px}.task-row{display:flex;align-items:center;padding:14px 0;border-top:1px solid #eef1ed;gap:12px}.task-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-family:Noto Sans JP}.task-icon.yellow{background:#fcf3d9;color:#ad873f}.task-icon.coral{background:#f9e8e1;color:#bf654e}.task-icon.blue{background:#e4eff5;color:#658aa4}.task-copy{flex:1}.task-copy strong,.task-copy span{display:block}.task-copy strong{font-size:13px}.task-copy span{color:#9ba69e;font-size:11px;margin-top:3px}.outline-button{padding:7px 11px;border:1px solid #dce4dd;border-radius:7px;color:#587662;background:#fff;font-size:10px;font-weight:700}.progress-panel{background:#fbfcfa}.big-progress{display:flex;align-items:baseline;gap:9px;margin:18px 0 20px}.big-progress strong{font-size:35px;letter-spacing:-.06em}.big-progress span{color:#98a49b;font-size:11px}.bar-item{margin-top:13px}.bar-item>div:first-child{display:flex;justify-content:space-between;color:#78857c;font-size:11px}.bar-item small{color:#a2ada5}.bar{height:5px;background:#e9eeea;border-radius:10px;margin-top:6px}.bar i{display:block;height:100%;border-radius:inherit}.bar i.green{background:#639370}.bar i.blue{background:#91b2c4}.bar i.gray{background:#c8d0ca}.page-heading{align-items:flex-end}.search-box{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #e7ece7;border-radius:9px;padding:9px 12px;color:#9aa69e}.search-box input{outline:0;border:0;width:170px;color:#34443a;font-size:12px;background:transparent}.lesson-layout{display:grid;grid-template-columns:265px 1fr;gap:14px;margin-top:36px;align-items:start}.lesson-list{display:grid;gap:4px}.lesson-item{border:1px solid transparent;display:flex;align-items:center;gap:12px;background:transparent;border-radius:11px;text-align:left;padding:12px 13px;color:#7f8c83}.lesson-item:hover,.lesson-item.selected{background:#fff;border-color:#e5ebe5;color:#315740;box-shadow:0 5px 17px #223c2a0a}.lesson-no{color:#a9b3ab;font-size:11px;font-weight:700;width:20px}.lesson-item strong,.lesson-item small{display:block}.lesson-item strong{font-size:12px}.lesson-item small{color:#acb5ae;font-size:10px;margin-top:3px}.lesson-item b{margin-left:auto;font-weight:400}.lesson-detail{background:#fff;border:1px solid #e9ece7;border-radius:15px;padding:25px;min-height:500px}.lesson-detail h2{margin:0;font-size:23px;letter-spacing:-.04em}.filter-row{display:flex;gap:17px;align-items:center;margin:28px 0 8px;border-bottom:1px solid #edf0ec;padding-bottom:12px}.filter-row span{color:#99a49c;font-size:11px;margin-right:auto}.filter-row button{border:0;background:transparent;color:#a5aea7;font-size:11px;padding:0}.filter-row button.filter-active{color:#48735b;font-weight:700}.word-row{display:flex;align-items:center;border-bottom:1px solid #f0f2ef;padding:15px 0;gap:15px}.word-ruby{width:28%}.word-ruby ruby{font-family:Noto Sans JP;font-size:20px}.word-ruby rt,.word-large rt{color:#94a49a;font-family:DM Sans;font-size:10px;letter-spacing:.03em}.word-ruby small{color:#adb7b0;font-size:10px;display:block;margin-top:7px}.word-meaning{flex:1;color:#35453b;font-size:13px}.word-meaning span{display:block;color:#a1aca4;margin-top:5px;font-size:10px}.status-pill{border-radius:20px;padding:5px 8px;font-size:9px;font-weight:700}.status-pill.new{color:#a47f32;background:#fcf3d9}.status-pill.learning{color:#5f8399;background:#e5f0f5}.status-pill.review{color:#b96650;background:#fae8e1}.status-pill.mastered{color:#4c805c;background:#e5f1e7}.empty-state{padding:60px 20px;text-align:center;color:#99a49c;font-size:13px}.study-page{max-width:850px}.study-top{align-items:center}.study-top h1{font-size:30px}.due-note{color:#ba6b54;font-size:11px;font-weight:700}.flashcard{background:#fff;border:1px solid #e5ebe6;border-radius:19px;box-shadow:0 17px 40px #25412d0f;margin:34px auto 0;min-height:535px;padding:40px 10%;text-align:center;display:flex;flex-direction:column;align-items:center}.card-label{color:#9aa69e;font-size:10px;font-weight:700;letter-spacing:.17em;margin-bottom:62px}.word-large{font-family:Noto Sans JP;font-size:61px;line-height:1.45}.card-reading{font-family:Noto Sans JP;color:#8fa096;font-size:16px;margin-top:7px}.reveal-button{margin-top:55px;border:1px dashed #bfd0c3;border-radius:9px;color:#5d7f66;background:#f5faf5;padding:13px 19px;font-size:12px;font-weight:700}.reveal-button span{margin-left:15px}.answer-area{margin-top:32px;min-height:112px}.answer-area h2{font-size:25px;margin:0}.example{display:grid;gap:4px;margin-top:12px}.example strong{font-family:Noto Sans JP;font-size:16px;font-weight:500}.example span{color:#8e9b92;font-size:12px}.card-footer{margin-top:auto;padding-top:25px;width:100%;display:flex;justify-content:space-between;align-items:center;color:#a4aea7;font-size:11px;border-top:1px solid #f0f2ef}.rating-row{margin-top:auto;width:100%;display:flex;gap:7px;align-items:center;justify-content:center;color:#a4aea7;font-size:11px}.rating-button{flex:1;border:1px solid #ebeeeb;background:#fff;border-radius:9px;padding:9px 5px}.rating-button strong,.rating-button small{display:block}.rating-button strong{font-size:12px}.rating-button small{margin-top:4px;color:#9da8a0;font-size:9px}.rating-button.again{color:#c36c53}.rating-button.hard{color:#ad873e}.rating-button.good{color:#5c8b67}.rating-button.easy{color:#648da4}.centered-page{display:grid;place-items:center;align-content:center;text-align:center;min-height:75vh}.centered-page h1{margin-top:18px;font-size:28px}.centered-page .muted{margin-bottom:24px}.done-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#5c906a;font-size:28px}.coral-bg{background:#bf735e}.practice-start{margin-top:38px;background:#fff;border:1px solid #e5ebe6;border-radius:16px;padding:29px}.practice-start h2{margin:0;font-size:18px}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.mode-card{border:1px solid #e7ece7;border-radius:11px;padding:16px 12px;background:#fff;text-align:left;color:#526259}.mode-card.selected{border-color:#6c9c79;background:#f3f9f3;box-shadow:inset 0 0 0 1px #6c9c79}.mode-icon{display:block;font-family:Noto Sans JP;color:#639370;font-size:21px;margin-bottom:17px}.mode-card strong,.mode-card small{display:block}.mode-card strong{font-size:12px}.mode-card small{color:#a1aca4;font-size:10px;margin-top:4px;line-height:1.4}.session-options{border-top:1px solid #edf0ec;margin-top:26px;padding-top:19px;display:flex;align-items:center;justify-content:space-between}.session-options label{color:#8e9b92;font-size:12px}.session-options select{margin-left:10px;border:1px solid #e2e9e3;background:#fff;color:#526259;padding:8px 12px;border-radius:7px;font-size:11px}.result-card{display:flex;align-items:center;gap:24px;background:#edf4ee;border-radius:14px;margin-top:30px;padding:22px 28px}.result-score{width:82px;height:82px;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center}.result-score strong{font-size:22px;color:#48735b}.result-score span{color:#9ba69e;font-size:9px}.result-card h2{margin:5px 0 0;font-size:20px}.result-card .muted{margin-top:3px;font-size:12px}.practice-live{max-width:820px}.practice-progress{display:flex;align-items:center;gap:14px;color:#8d9a91;font-size:11px}.practice-progress>div{flex:1;height:5px;border-radius:10px;background:#e3ebe4}.practice-progress i{height:100%;display:block;background:#6d9a77;border-radius:inherit;transition:.3s}.question-card{margin-top:36px;background:#fff;border:1px solid #e5ebe6;border-radius:18px;min-height:475px;padding:42px 8%;display:flex;align-items:center;flex-direction:column;text-align:center}.listen-orb{display:grid;place-content:center;gap:14px;margin:34px 0}.listen-orb button{margin:auto;width:82px;height:82px;border:0;border-radius:50%;color:#fff;background:#48735b;font-size:22px;box-shadow:0 0 0 12px #edf4ee}.listen-orb span{color:#89968e;font-size:12px}.choice-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-grid button{background:#fff;border:1px solid #e3eae4;border-radius:9px;padding:15px;color:#3c4d42;min-height:57px}.choice-grid button:hover{border-color:#81a28a;background:#f5faf5}.choice-grid button:disabled{cursor:default}.choice-grid button.correct-choice{background:#e4f2e7;border-color:#68a074;color:#397247}.choice-grid ruby{font-family:Noto Sans JP;font-size:18px}.writing-prompt{display:grid;gap:8px;margin:42px 0 25px}.writing-prompt span{color:#96a29a;font-size:11px}.writing-prompt strong{font-size:28px;letter-spacing:-.04em}.writing-prompt small{color:#9ba69e;font-size:11px}.japanese-input{width:min(100%,430px);border:1px solid #bdcec1;border-radius:9px;outline:0;padding:13px 16px;text-align:center;font-family:Noto Sans JP;font-size:20px}.japanese-input:focus{border-color:#48735b;box-shadow:0 0 0 3px #e4f0e6}.keyboard-hint{color:#a6b0a9;font-size:10px;margin:10px 0 20px}.answer-submit{padding:10px 18px}.writing-result{display:flex;flex-direction:column;align-items:center;gap:11px;margin-top:24px}.writing-result .word-large{font-size:31px}.writing-result span{color:#718178;font-size:13px}.choice-prompt{margin:32px 0;display:grid;gap:10px}.choice-prompt .word-large{font-size:51px}.choice-prompt span{color:#909d95;font-size:12px}.meaning-grid button{text-align:left;font-size:13px}.meaning-grid button small{display:block;color:#98a69c;margin-top:5px}.feedback{margin:13px 0 0;border-radius:9px;padding:12px;text-align:center;font-size:12px;font-weight:700}.feedback.correct{color:#397247;background:#e4f2e7}.feedback.incorrect{color:#b7624d;background:#fae8e1}@media(max-width:900px){.sidebar{width:210px}.main-content{margin-left:210px}.stat-grid{grid-template-columns:1fr 1fr}.dashboard-columns,.lesson-layout{grid-template-columns:1fr}.lesson-list{display:flex;overflow-x:auto;padding-bottom:5px}.lesson-item{min-width:190px}.lesson-detail{min-height:auto}}@media(max-width:650px){.sidebar{position:static;width:100%;height:auto;padding:13px 10px 0;border-right:0;border-bottom:1px solid #e9ece7}.brand{display:none}.mobile-brand{display:flex}.sidebar nav{display:flex;overflow-x:auto;margin-top:17px;gap:2px}.nav-item{white-space:nowrap;width:auto;padding:9px 11px;font-size:11px}.nav-item .nav-icon{display:none}.nav-item.active:before{top:auto;bottom:0;left:10px;right:10px;width:auto;height:2px}.sidebar-foot{display:none}.main-content{margin-left:0}.topbar{display:none}.page{padding:33px 17px 55px}.welcome-row,.page-heading,.study-top,.lesson-detail-head{align-items:flex-start;flex-direction:column}.welcome-row .primary-button{width:100%}.focus-card{padding:25px;min-height:245px}.focus-orb{position:absolute;right:-18px;bottom:-22px;opacity:.35}.progress-line{width:65vw}.stat-grid{gap:8px}.stat-card{min-height:128px;padding:13px}.stat-card strong{font-size:23px}.panel{padding:18px 14px}.task-row{gap:8px}.outline-button{padding:6px 7px}.search-box,.search-box input{width:100%}.lesson-list{margin:0 -17px;padding:0 17px 5px}.lesson-item{min-width:174px}.lesson-detail{padding:17px 13px}.filter-row{gap:10px;overflow-x:auto}.filter-row span{min-width:57px}.word-row{gap:8px}.word-ruby{width:31%}.word-ruby ruby{font-size:17px}.word-meaning{font-size:11px}.status-pill{font-size:8px;padding:4px 5px}.flashcard{min-height:500px;padding:30px 17px}.card-label{margin-bottom:42px}.word-large{font-size:46px}.card-footer{flex-direction:column;gap:13px}.card-footer .primary-button{width:100%}.rating-row{gap:3px}.rating-button{padding:8px 2px}.mode-grid{grid-template-columns:1fr 1fr}.practice-start{padding:17px}.session-options{align-items:stretch;flex-direction:column;gap:15px}.session-options .primary-button{width:100%}.question-card{min-height:500px;padding:32px 17px}.choice-grid{grid-template-columns:1fr}.choice-grid button{min-height:49px}.result-card{padding:16px;gap:13px}.result-score{flex:0 0 70px;height:70px}}.suggestion{color:#9a8b5a;background:#fcf7e9;border-radius:8px;padding:8px 11px;font-size:10px;margin:20px 0 0}.suggestion strong{color:#8d6f26}.rating-button.suggested{box-shadow:0 0 0 2px #d9bd6d}