@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700&display=swap");*,:after,:before{--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/0.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/0.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: }
/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{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{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{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}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.order-1{order:1}.block{display:block}.table{display:table}.hidden{display:none}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0/0.1)) drop-shadow(0 1px 1px rgb(0 0 0/0.06))}.drop-shadow,.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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--bg:#f5f7ee;--ink:#203f36;--muted:#7c8b80;--green:#24775d;--line:#355c4015;--glass:#ffffff55;--solid:#f7f9f0;--shadow:0 8px 32px #1f26870a,inset 0 1px 1px #ffffffa0;--input:#ffffff80}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--bg);font-family:Be Vietnam Pro,sans-serif;font-size:14px;line-height:1.65}button,input,select{font:inherit}a,button,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.55}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #39a883;outline-offset:4px}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin:0}h2{font-size:28px;letter-spacing:-1.2px;line-height:1.45}h3{font-size:21px;letter-spacing:-.7px}button{border:0;background:none}main{max-width:1264px;margin:auto;padding:0 42px}.japanese,ruby{font-family:Noto Sans JP,sans-serif}rt{font-size:.36em;font-weight:400}svg{flex-shrink:0}.liquid-background{position:fixed;inset:0;overflow:hidden;z-index:-2;background:var(--bg)}.liquid-background:after{content:"";position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}.blob{position:absolute;width:650px;height:650px;border-radius:50%;filter:blur(95px);opacity:.38}.blob.mint{background:#b5d5b2;top:30px;right:-80px}.blob.sun{background:#f6e6a9;top:130px;right:15%}.blob.peach{background:#f8d8bf;left:-300px;top:850px;opacity:.2}.glass-panel{background:var(--glass);backdrop-filter:blur(24px);border:1px solid #ffffffa0;box-shadow:var(--shadow);border-radius:20px}.site-header{max-width:1264px;height:96px;padding:0 42px;margin:auto;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand,.site-header{display:flex;align-items:center}.brand{font-size:29px;letter-spacing:-1.7px;font-weight:800;line-height:1}.brand>span:not(.brand-mark):not(.brand-dot){color:var(--green)}.brand-mark{font-family:Noto Sans JP;font-size:28px;margin-right:11px;background:#2e735d;color:#fff8cf;width:38px;height:40px;display:grid;place-items:center;border-radius:13px 13px 13px 3px;transform:rotate(-7deg)}.brand-dot{color:#d2a643}.site-header nav{display:flex;gap:27px;align-items:center}.site-header nav button{font-size:12px;color:var(--muted);font-weight:500;position:relative;padding:15px 0}.site-header nav button.selected{color:var(--ink);font-weight:700}.site-header nav button.selected:after{content:"";position:absolute;width:5px;height:5px;background:var(--green);bottom:3px;left:50%;border-radius:50%}.nav-new{font-size:7px;color:#8f7132;background:#f1e4b6;padding:2px 4px;margin-left:5px;border-radius:4px}.header-actions{display:flex;gap:17px;align-items:center}.icon-button{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--input)}.theme-toggle{background:none}.login-button{display:flex;align-items:center;gap:15px;border:1px solid #a4bba47a;border-radius:30px;padding:9px 17px;font-size:11px;font-weight:600}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:614px;align-items:center;gap:20px;padding-top:12px}.hero-copy{position:relative;z-index:2;padding-bottom:20px}.hero-label{font-size:8.5px;letter-spacing:1.9px;font-weight:600;display:flex;align-items:center;gap:9px;margin-bottom:23px;color:#59735e}.hero-label>span{width:6px;height:6px;border-radius:50%;background:#73a76f;box-shadow:0 0 0 4px #88b07f18}.hero h1{font-size:61px;letter-spacing:-3px;line-height:1.22;font-weight:600;position:relative;display:inline-block}.hero h1 span{color:var(--green)}.hero h1 svg{position:absolute;bottom:-10px;width:200px;right:0;height:15px;fill:none;stroke:#b3c295;stroke-width:2.5;stroke-linecap:round}.hero-copy>p{color:var(--muted);font-size:13px;line-height:1.95;margin-top:28px}.hero-cta{display:flex;gap:23px;margin-top:29px}.button,.hero-cta{align-items:center}.button{display:inline-flex;justify-content:center;gap:22px;padding:14px 22px;border-radius:10px;font-size:11px;font-weight:600;transition:background .2s,transform .2s}.primary{background:#28785f;color:#fff;box-shadow:0 5px 12px #28785f20,inset 0 1px 1px #ffffff44}.primary:hover{background:#1d634d}.text-button{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:500;padding:8px 0}.text-button:hover{color:var(--green)}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:36px}.mini-avatars{display:flex;padding-left:5px}.mini-avatars>span{display:grid;place-items:center;border:2px solid var(--solid);width:30px;height:30px;border-radius:50%;margin-left:-5px;font-size:11px;background:#d9e6d0;color:#658464;font-family:Noto Sans JP}.mini-avatars>span:nth-child(2){background:#f0dbb1;color:#b18d56}.mini-avatars>span:nth-child(3){background:#e5cec0;color:#9a7968}.hero-proof p{font-size:8px;color:var(--muted);line-height:1.8}.hero-proof strong{font-weight:500;color:#637566}.hero-art{position:relative;min-height:560px;display:grid;place-items:center}.mascot{position:relative;width:425px;height:425px;-o-object-fit:contain;object-fit:contain;margin-top:8px;z-index:2;filter:drop-shadow(0 25px 22px #3f79542a)}.art-sun{width:360px;height:360px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#fffde9 5%,#e5e9bda0 45%,#b9cdaa50 80%);top:95px;right:45px;box-shadow:inset 0 0 40px #ffffff90,0 25px 80px #92b68b1a}.art-sun,.orbit{position:absolute}.orbit{right:12px;top:70px;width:440px;height:440px;border:1px solid #86a17f20;border-radius:50%;transform:rotate(-25deg)}.orbit-two{width:510px;height:350px;right:-26px;top:123px;transform:rotate(-35deg)}.art-japanese{position:absolute;right:1px;top:142px;writing-mode:vertical-rl;font-size:17px;letter-spacing:7px;color:#68856355;font-family:Noto Sans JP}.floating-card{position:absolute;z-index:3}.konnichiwa{top:51px;left:12px;display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:13px;transform:rotate(-5deg);background:#ffffff79}.tiny-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e1ebd5;color:#688466;font-family:Noto Sans JP;font-size:22px}.konnichiwa strong{font-size:15px;font-family:Noto Sans JP;display:block}.konnichiwa small{font-size:7px;color:var(--muted)}.konnichiwa>span:last-child{color:#bca251;font-size:20px}.word-card{width:188px;right:-3px;top:288px;padding:17px 17px 0;border-radius:16px;transform:rotate(8deg);background:#ffffff8a}.card-caption{font-size:7px;letter-spacing:.7px;display:flex;justify-content:space-between}.card-caption>span{background:#dce8d6;color:#66835e;padding:0 5px;border-radius:4px}.word-card>div:nth-child(2){display:flex;align-items:center;justify-content:space-between;padding-top:20px}.word-card ruby{font-size:35px;letter-spacing:5px;line-height:1.5}.word-card p{font-size:10px;margin:4px 0 17px;color:#5a7461}.word-card p>span{font-size:9px;color:#8c9587}.word-card .word-card-footer{font-size:6.7px;border-top:1px solid var(--line);padding:11px 0;display:flex;align-items:center;gap:5px}.green-dot{width:4px;height:4px;border-radius:50%;background:#88a780}.streak-card{bottom:57px;left:28px;display:flex;gap:11px;padding:12px 18px;border-radius:13px;transform:rotate(-4deg);background:#ffffff8a}.flame-wrap{color:#cf913b;background:#f6e6c1;border-radius:12px;display:grid;place-items:center;width:39px;height:39px}.streak-card strong{display:block;font-size:13px}.streak-card small{font-size:7px;color:var(--muted)}.art-spark{position:absolute;color:#a6b77b}.spark-one{left:9px;top:250px;font-size:36px}.spark-two{right:77px;top:72px;font-size:22px;color:#baa85f}.art-caption{position:absolute;bottom:10px;left:30%;font-size:6.5px;letter-spacing:2.5px;color:#8d9a7e}.journey-strip{display:flex;justify-content:space-between;align-items:center;padding:22px 2px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:20px}.journey-strip>span{font-size:10px;display:flex;align-items:center;gap:9px;color:#7b8e79}.journey-strip svg{color:#72956e;background:#e2ead7;border-radius:50%;padding:2px}.journey-strip .strip-jp{display:block;text-align:right;font-family:Noto Sans JP;font-size:12px;letter-spacing:2px;color:#6c8068}.strip-jp small{display:block;font:7px Be Vietnam Pro;letter-spacing:0;color:#9aa28e;margin-top:4px}.learning-section{padding:53px 0 37px}.eyebrow{font-size:8px;letter-spacing:1.7px;font-weight:600;color:#86957e;display:block;margin-bottom:11px}.section-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-toolbar h2{font-size:26px}.section-toolbar>.text-button{font-size:9px;white-space:nowrap}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.module-card{text-align:left;border-radius:17px;padding:20px 26px 24px;position:relative;overflow:hidden;min-height:290px;border:1px solid #fff9;box-shadow:inset 0 1px 0 #fff9;transition:transform .25s,box-shadow .25s}.module-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #30583912}.sage{background:linear-gradient(125deg,#edf2e8,#dee9d8)}.butter{background:linear-gradient(125deg,#f7f3e2,#f2e9c9)}.peach{background:linear-gradient(125deg,#f5eee5,#eddfd1)}.module-card-top{display:flex;justify-content:space-between;align-items:center;color:#7f9478}.module-num{font-size:9px}.module-ja{font-size:69px;font-family:Noto Sans JP;font-weight:500;line-height:1.3;display:block;margin:4px 0 14px;color:#55754b;letter-spacing:-6px;text-shadow:1px 2px 0 #fff6}.butter .module-ja{color:#b19553}.peach .module-ja{color:#a4826b}.module-card .eyebrow{font-size:6.5px;letter-spacing:1.5px;color:#839277;margin-bottom:6px}.module-card h3{font-size:18px}.module-card p{font-size:9px;color:#8b947f;line-height:1.9;margin-top:8px;max-width:240px}.module-tag{display:block;font-size:7px;border-top:1px solid #5e794217;margin-top:18px;padding-top:12px;color:#7f9074}.bottom-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;margin-bottom:55px}.arena-banner{background:#e5ebde;border-radius:19px;position:relative;overflow:hidden;padding:29px 32px;display:flex}.arena-banner .eyebrow{font-size:7px;letter-spacing:2px;color:#728269}.arena-banner h2{font-size:27px;line-height:1.35}.arena-banner p{font-size:9px;color:#89977d;margin:13px 0 20px;max-width:280px}.dark-button{background:#3d5842;color:#fff;font-size:9px;padding:11px 16px;gap:30px}.arena-illustration{position:absolute;right:20px;top:65px;width:170px;height:200px;transform:rotate(8deg)}.arena-illustration div{position:absolute;border-radius:18px;background:#f7f7e9;border:1px solid white;box-shadow:8px 15px 20px #4e66351a;width:90px;height:112px;display:grid;place-items:center;font:55px Noto Sans JP;color:#69845c;transform:rotate(-20deg);top:28px}.arena-illustration div:nth-child(3){left:70px;top:65px;transform:rotate(10deg);background:#f4df9f;color:#ad8c40}.arena-illustration>span:first-child{position:absolute;right:15px;font-size:45px;transform:rotate(10deg)}.arena-illustration>span:last-child{position:absolute;top:155px;left:0;font-size:30px;color:#a4b77b}.daily-card{padding:26px 30px;background:#ffffff45}.daily-top{display:flex;align-items:center;gap:10px;font-size:7px;letter-spacing:1.3px;color:#909a81}.daily-top .tiny-icon{width:29px;height:29px;border-radius:9px;background:#e8ebd8;color:#879975}.daily-card h3{font-size:20px;line-height:1.4;margin-top:12px}.daily-card p{font-size:8px;line-height:1.9;color:#909a87;margin-top:10px}.daily-days{display:flex;gap:13px;margin:17px 0 10px}.daily-days>span{font-size:6px;text-align:center;color:#a0aa96}.daily-days>span>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e8eddf;margin-top:5px;font-size:12px}.daily-days .complete>span{background:#84a476;color:white}.daily-card .text-button{font-size:8px}footer{display:flex;align-items:center;gap:25px;max-width:1180px;border-top:1px solid var(--line);margin:0 auto;padding:28px 0 35px}footer .brand{font-size:21px}footer p{font-size:8px;color:#93a08b}footer>span{font-size:7px;color:#9ba690}footer>span:nth-last-child(2){margin-left:auto}.workspace{min-height:720px;padding:30px 0 80px}.workspace-top{justify-content:space-between;margin-bottom:40px}.level-picker,.workspace-top{display:flex;align-items:center}.level-picker{gap:10px;font-size:11px;border:1px solid var(--line);border-radius:9px;padding:8px 12px;background:var(--glass)}.level-picker select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;outline:0;color:var(--ink);font-weight:600}.level-picker option{background:var(--solid)}.small-tag{font-size:9px;color:var(--green);background:#dce9d755;padding:6px 11px;border:1px solid var(--line);border-radius:7px;white-space:nowrap}.search-box{display:flex;align-items:center;gap:12px;background:var(--input);border:1px solid var(--line);border-radius:12px;padding:13px 17px;margin-bottom:24px;color:var(--muted)}.search-box input{width:100%;background:none;border:0;font-size:12px;outline:0;color:var(--ink)}.search-box kbd{font-size:11px;border:1px solid var(--line);padding:0 6px;border-radius:4px}.kanji-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.kanji-card{position:relative;padding:19px;text-align:center;display:flex;flex-direction:column;align-items:center;min-height:239px;transition:transform .2s}.kanji-card:hover{transform:translateY(-5px)}.kanji-top{display:flex;justify-content:space-between;width:100%;font-size:9px;color:var(--muted)}.kanji-character{font:65px Noto Sans JP;margin:15px 0}.kanji-card strong{font-size:12px}.muted{color:var(--muted);font-size:11px}.kanji-card>.muted{font-size:10px;margin-top:3px}.kanji-card>svg{position:absolute;bottom:18px;right:16px;color:var(--muted)}.color-1{background:#fcf5dd66}.color-2{background:#e4eee066}.color-3{background:#f2e3d966}.modal{position:fixed;color:var(--ink);padding:27px;max-width:490px;width:calc(100% - 30px);max-height:90vh;overflow:auto;background:var(--solid);border-radius:24px}.modal::backdrop{background:#143f3655;backdrop-filter:blur(7px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.modal-heading h2{font-size:20px}.flashcard{width:100%;height:310px;perspective:1000px;padding:0}.flash-inner{position:relative;height:100%;width:100%;transition:transform .6s;transform-style:preserve-3d}.flipped .flash-inner{transform:rotateY(180deg)}.flash-back,.flash-front{position:absolute;inset:0;backface-visibility:hidden;border:1px solid #c5d4bc;background:linear-gradient(135deg,#eaf0de,#e0e9d8);border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.flash-front>span:nth-child(2){font:75px Noto Sans JP;margin:5px 0 14px}.flash-front>p{font-size:10px;display:flex;gap:7px;align-items:center;color:#779070}.flash-back{transform:rotateY(180deg)}.flash-back h3{font-size:25px}.flash-back p{margin:8px 0;font-size:13px}.flash-back small{font-size:10px}.audio{margin:15px auto;display:flex;justify-content:center}.review-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.review-buttons button{background:#e3e9d9;border-radius:9px;padding:11px 4px;font-size:11px}.review-buttons button:last-child{background:#277b5e;color:white}.success-text{color:var(--green);font-size:11px;margin-top:15px;min-height:16px}.vocab-list{height:540px;overflow:auto;border-radius:15px;background:var(--glass)}.vocab-row{display:flex;align-items:center;gap:25px;padding:18px 24px;border-bottom:1px solid var(--line)}.vocab-row ruby{font-size:25px;min-width:130px}.vocab-row>div{flex:1}.vocab-row strong{font-size:13px}.vocab-row p{font-size:10px;color:var(--muted);margin-top:4px}.grammar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grammar-card{padding:24px}.grammar-card h3{font:30px Noto Sans JP;margin:20px 0 15px}.grammar-card strong{font-size:12px}.grammar-card p{font-size:11px;margin-top:10px}.grammar-card .japanese{font-size:16px;margin-top:20px}.grammar-note{margin-top:20px;padding-top:15px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.conjugator{padding:25px;margin-top:25px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.conjugator h3{font-size:17px}.conjugator p{font-size:11px}.conjugator form{display:flex;gap:10px;margin-left:auto}.conjugator input,.login-content input{display:block;border-radius:8px;border:1px solid var(--line);background:var(--input);padding:10px;color:var(--ink);font-size:12px}.conjugator select{background:var(--input);border:1px solid var(--line);padding:3px;border-radius:4px}.conjugator form+p{width:100%;color:var(--green)}.empty{text-align:center;padding:40px 15px;color:var(--muted);font-size:12px}.arena-layout{display:grid;grid-template-columns:2fr 1fr;gap:25px}.game-panel{padding:25px}.tabs{display:flex;gap:10px}.tabs button{padding:9px 14px;border-radius:8px;color:var(--muted);font-size:11px}.tabs .active{color:white;background:#28785f}.game-stats{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);font-size:11px}.game-stats span{display:flex;align-items:center;gap:7px}.game-intro{text-align:center;padding:25px 20px}.game-emoji{font-size:60px;margin:10px}.game-intro p{font-size:12px;color:var(--muted);max-width:360px;margin:15px auto 25px}.game-message{text-align:center;min-height:22px;font-size:11px;color:var(--green);margin-top:20px}.quiz{text-align:center;padding-top:25px}.quiz-character{font:75px Noto Sans JP;margin:12px 0 25px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answers button{border:1px solid var(--line);padding:15px 6px;background:var(--input);border-radius:9px;font-size:12px}.answers button:hover{background:#cfe3c8}.leaderboard{padding:30px 23px}.gold{color:#b49842}.leaderboard h3{margin:13px 0 4px}.leaderboard>small{display:block;font-size:9px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}.score-row{display:flex;align-items:center;gap:17px;padding:18px 0;border-bottom:1px solid var(--line)}.score-row b{font-size:17px;color:#a2ad8a}.score-row span{flex:1;font-size:10px}.score-row small{display:block;font-size:8px;color:var(--muted)}.score-row strong{font-size:15px}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-top:25px}.memory-grid button{min-height:95px;border-radius:12px;background:#dce7ce;font-size:25px;color:#88a375}.memory-grid .revealed{background:#fff5d9;font-size:17px;color:#715f32}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.stat{padding:30px;display:flex;flex-direction:column;align-items:start}.stat svg{color:var(--green)}.stat strong{font-size:45px;margin:15px 0}.stat span{font-size:12px;color:var(--muted)}.progress-note{padding:35px;text-align:center}.progress-note svg{margin:auto;color:var(--green)}.progress-note h3{margin:18px 0 10px}.progress-note p{font-size:12px;color:var(--muted);margin-bottom:25px}.login-content p{margin-bottom:18px;font-size:12px;color:var(--muted)}.info-box{background:#e8efdc;border-radius:14px;padding:20px;font-size:12px}.info-box p{margin:10px 0 0}.login-content form{display:grid;gap:20px}.login-content input{width:100%;margin-top:8px}.login-content label{font-size:12px}.login-content>p:last-child{margin-top:15px}[data-theme=dark]{--bg:#14271f;--ink:#e3ecdc;--muted:#9baa99;--green:#9dc9a1;--line:#d8ecd51c;--glass:#0d211a59;--solid:#1c3328;--input:#2b443280;--shadow:0 8px 32px #0002,inset 0 1px 1px #ffffff14}[data-theme=dark] .blob{opacity:.13}[data-theme=dark] .glass-panel{border-color:#dcebd629}[data-theme=dark] .module-card{filter:brightness(.77)}[data-theme=dark] .arena-banner,[data-theme=dark] .flashcard,[data-theme=dark] .info-box,[data-theme=dark] .module-card h3{color:#264633}[data-theme=dark] .module-card p{color:#58674d}[data-theme=dark] .konnichiwa,[data-theme=dark] .streak-card,[data-theme=dark] .word-card{background:#203a2dd9}[data-theme=dark] .daily-card{background:#19312580}[data-theme=dark] .review-buttons{color:#264633}[data-theme=dark] .art-sun{opacity:.25}[data-theme=dark] .conjugator select{color:var(--ink)}@media(min-width:1440px){.site-header,main{max-width:1340px}.hero{min-height:655px}.hero h1{font-size:69px}.hero-art{min-height:600px}.mascot{width:460px;height:460px}.art-sun{top:115px;right:65px}.konnichiwa{top:70px;left:25px}.streak-card{bottom:65px}.word-card{right:10px;top:325px}footer{max-width:1256px}}@media(max-width:1100px){.site-header nav{gap:17px}.site-header{gap:18px}.site-header,main{padding:0 30px}.hero h1{font-size:51px}.button,.hero-cta{gap:12px}.button{padding:13px 17px}.hero-art{min-height:530px}.mascot{width:350px;height:350px}.art-sun{width:300px;height:300px;right:20px;top:110px}.orbit{width:340px;height:340px;right:0;top:90px}.orbit-two{width:390px;height:280px;right:-20px;top:140px}.konnichiwa{left:0;top:60px}.word-card{right:-10px;top:290px;width:165px}.streak-card{left:0;bottom:35px}.hero-proof{margin-top:25px}.hero-label{letter-spacing:1px;font-size:7px}.hero-copy>p{font-size:12px}.hero{min-height:570px}.art-japanese{right:-10px}.module-card{padding:20px}.module-card h3{font-size:16px}.arena-illustration{right:0;transform:scale(.8) rotate(8deg);transform-origin:right center}.arena-banner{padding:27px}.arena-banner h2{font-size:24px}.arena-banner p{max-width:230px}.daily-card{padding:25px}footer{margin:0 30px}.section-toolbar h2{font-size:23px}.grammar-grid{grid-template-columns:repeat(2,1fr)}.kanji-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){.site-header{height:78px;padding:0 22px}.brand{font-size:25px}.brand-mark{width:33px;height:35px;font-size:24px}.header-actions{gap:10px}.login-button{padding:8px 12px;font-size:10px}.menu-toggle{display:flex}.site-header nav{display:none;position:absolute;z-index:10;top:70px;right:20px;left:20px;padding:20px;background:var(--solid);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px}.site-header nav.open{display:flex;flex-wrap:wrap;justify-content:center;gap:22px}.site-header nav button{font-size:12px}main{padding:0 22px}.hero{grid-template-columns:1fr;padding-top:40px;gap:0}.hero-copy{max-width:540px}.hero h1{font-size:58px}.hero-label{font-size:8px;letter-spacing:1.5px}.hero-copy>p{font-size:13px}.hero-proof{margin-top:27px}.hero-art{height:500px;min-height:500px;max-width:520px;width:100%;margin:0 auto}.mascot{width:390px;height:390px}.art-sun{width:330px;height:330px;right:50px;top:75px}.orbit{width:390px;height:390px;top:40px;right:17px}.orbit-two{width:450px;height:310px;right:-10px;top:100px}.word-card{right:0;top:255px;width:180px}.konnichiwa{top:25px;left:15px}.streak-card{bottom:25px;left:10px}.art-japanese{top:100px;right:10px}.art-caption{bottom:0}.spark-two{top:35px}.spark-one{top:200px}.journey-strip{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:23px 0}.journey-strip>span{font-size:9px}.journey-strip .strip-jp{text-align:left;font-size:11px;letter-spacing:1px}.learning-section{padding-top:37px}.section-toolbar{align-items:start}.section-toolbar h2{font-size:21px;max-width:340px}.section-toolbar>.text-button{font-size:8px}.module-grid{grid-template-columns:1fr;gap:14px}.module-card{min-height:210px;padding:22px 24px 20px 145px}.module-card-top{position:absolute;top:20px;left:24px;right:24px}.module-ja{position:absolute;left:35px;top:60px;font-size:70px}.module-card>.eyebrow{margin-top:35px}.module-card h3{font-size:20px}.module-card p{font-size:10px;max-width:350px}.module-tag{font-size:8px;margin-top:12px;padding-top:10px}.bottom-grid{grid-template-columns:1fr;gap:18px}.arena-banner{min-height:270px}.arena-banner h2{font-size:27px}.arena-banner p{font-size:10px;max-width:260px}.arena-illustration{transform:scale(1) rotate(8deg);right:25px}.daily-card h3{font-size:23px}.daily-card p{font-size:10px}.daily-days{gap:18px}.daily-days>span{font-size:8px}.daily-days>span>span{width:30px;height:30px}.daily-card .text-button{font-size:10px}footer{margin:0 22px;flex-wrap:wrap;gap:15px;justify-content:space-between}footer .brand{font-size:23px}footer p{font-size:8px}footer>span{width:45%;font-size:7px}footer>span:nth-last-child(2){margin-left:0}.workspace{padding-top:15px}.workspace-top{margin-bottom:30px}.kanji-grid{grid-template-columns:repeat(2,1fr);gap:12px}.kanji-card{min-height:225px}.small-tag{font-size:8px;padding:5px}.arena-layout,.grammar-grid{grid-template-columns:1fr}.conjugator form{margin-left:0;width:100%;flex-wrap:wrap}.conjugator input{flex:1;min-width:140px}.vocab-row{padding:15px 12px;gap:12px}.vocab-row ruby{min-width:90px;font-size:22px}.vocab-row p{display:none}.vocab-row .text-button{font-size:8px;gap:3px}.vocab-row>div strong{font-size:11px}.stats-grid{gap:10px}.stat{padding:18px 13px}.stat strong{font-size:32px}.stat span{font-size:9px}.progress-note{padding:25px 15px}.progress-note h3{font-size:18px}.memory-grid{gap:6px}.memory-grid button{font-size:20px;min-height:85px}.memory-grid .revealed{font-size:13px}.theme-toggle{width:28px}.art-spark{display:none}}@media(max-width:420px){.hero h1{font-size:49px;letter-spacing:-2px}.hero-label{font-size:6.5px}.hero-cta{gap:15px}.hero-cta .text-button{font-size:8px;gap:4px}.hero-cta .button{font-size:10px;padding:13px}.hero-art{min-height:440px;height:440px}.mascot{width:330px;height:330px}.art-sun{width:290px;height:290px;right:15px}.orbit{width:320px;height:320px;right:0;top:40px}.orbit-two{width:340px;height:250px;right:-5px}.word-card{width:148px;top:230px;padding:12px 12px 0}.word-card ruby{font-size:29px}.word-card p{font-size:8px}.word-card p>span{font-size:7px}.word-card .word-card-footer{font-size:5.7px}.konnichiwa{padding:10px;left:0;top:20px}.konnichiwa strong{font-size:12px}.streak-card{padding:10px;left:0;bottom:17px}.streak-card strong{font-size:11px}.streak-card small{font-size:6px}.art-caption{font-size:5px;left:25%}.section-toolbar{flex-wrap:wrap;gap:7px}.section-toolbar h2{font-size:22px}.module-card{padding-left:125px}.module-ja{left:28px}.module-card h3{font-size:17px}.arena-illustration{transform:scale(.72) rotate(8deg);right:7px}.arena-banner p{max-width:210px}.arena-banner h2{font-size:24px}.hero-proof p{font-size:7px}.login-button{font-size:9px}.site-header{padding:0 17px}.header-actions{gap:7px}.game-panel{padding:18px}.game-stats{font-size:9px}.answers button{font-size:10px}.game-intro{padding:20px 5px}.vocab-row{gap:8px}.vocab-row ruby{min-width:75px;font-size:20px}.vocab-row .text-button svg{display:none}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation:none!important;transition:none!important}.mascot{transform:none!important}}@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600&display=swap");.vocab-is-studying .vocab-path-heading,.vocab-is-studying .vocab-welcome{display:none}.vocab-is-studying .vocab-mode-grid{max-width:730px;gap:8px}.vocab-is-studying .vocab-mode{padding:10px 16px;border-radius:12px;gap:10px}.vocab-is-studying .vocab-mode-icon{width:27px;height:29px;border-radius:8px}.vocab-is-studying .vocab-mode-icon svg{width:15px}.vocab-is-studying .vocab-mode-copy strong{font-size:10px}.vocab-is-studying .vocab-mode-copy small,.vocab-is-studying .vocab-mode-number{display:none}.vocab-is-studying .vocab-browser{margin-top:20px}.vocab-is-studying .vocab-collection-hero{background:none;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 20px;gap:15px}.vocab-is-studying .vocab-collection-hero h3{font-size:18px;color:var(--ink)}.vocab-is-studying .vocab-collection-hero .eyebrow{font-size:6px;margin-bottom:5px}.vocab-is-studying .vocab-collection-hero p{font-size:9px;margin-top:4px;color:var(--muted)}.vocab-is-studying .vocab-collection-label{padding:5px 11px;font-size:11px;border-radius:7px;color:var(--green)}.vocab-is-studying .vocab-back{font-size:9px;margin-bottom:10px}.vocab-is-studying .vocab-encouragement{display:none}.minna-study-view{scroll-margin-top:25px;margin-top:25px}.vocab-studio{--studio-glass:rgba(255,255,255,.49);--studio-accent:#286e58;--studio-accent-soft:#d6e7d763;--studio-edge:rgba(255,255,255,.85);--studio-border:#5b806b24;--studio-text:var(--ink);--studio-grid:#6c94710d;--studio-shadow:0 12px 42px #253d3110,0 2px 6px #233d2d05,inset 0 1px 1px #ffffffd9;--studio-panel-height:542px;color:var(--studio-text)}.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.studio-title-group{display:flex;align-items:center;gap:14px;min-width:0}.studio-back{width:36px;height:36px;border-radius:50%;background:var(--studio-glass);border:1px solid var(--studio-edge);display:grid;place-items:center;box-shadow:0 3px 10px #325d3510;color:#69816d}.studio-breadcrumb{display:flex;gap:8px;align-items:center;font-size:8px;color:var(--muted);margin-bottom:5px}.studio-breadcrumb>span{opacity:.5}.studio-title-group h2{font-size:24px;letter-spacing:-.8px;display:flex;align-items:center;gap:15px;line-height:1.35}.studio-free{font-size:8px;font-weight:400;color:#819579;letter-spacing:0;display:flex;align-items:center;gap:5px}.studio-free>span{width:4px;height:4px;background:#83a56f;border-radius:50%}.studio-heading-right{display:flex;align-items:center;gap:18px}.studio-display{display:flex;align-items:center;gap:7px}.studio-display>button{border:1px solid var(--studio-border);border-radius:20px;padding:7px 10px;display:flex;align-items:center;gap:8px;background:var(--studio-glass);font-size:10px;line-height:1;backdrop-filter:blur(16px);color:#718369}.studio-display>button:first-child,.studio-display>button:nth-child(2){font-family:"Noto Serif JP",serif}.studio-display>button:last-child{font-style:italic;font-size:9px}.studio-switch{width:24px;height:14px;border-radius:12px;background:#b0bbae80;display:flex;align-items:center;padding:2px;transition:background .2s}.studio-switch>span{width:10px;height:10px;background:white;box-shadow:0 1px 3px #20322430;border-radius:50%;transform:translateX(0);transition:transform .2s}.studio-switch.on{background:#567b5b}.studio-switch.on>span{transform:translateX(10px)}.studio-lesson-select{display:flex;align-items:center;gap:7px;font-size:8px;color:var(--muted)}.studio-lesson-select select{font-size:9px;max-width:145px;padding:7px 9px;border:1px solid var(--studio-border);border-radius:8px;color:var(--ink);background:var(--studio-glass)}.studio-lesson-select option{background:var(--solid)}.studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.studio-mode-tabs{display:flex;gap:4px;background:#ffffff3d;border:1px solid var(--studio-edge);border-radius:13px;padding:5px;box-shadow:0 2px 8px #325d3505;backdrop-filter:blur(18px)}.studio-mode-tabs>button{display:flex;align-items:center;gap:7px;padding:11px 17px;min-height:41px;font-size:10px;font-weight:500;color:#8a9784;transition:all .2s;border-radius:9px;white-space:nowrap}.studio-mode-tabs>button>span{font:15px "Noto Serif JP",serif}.studio-mode-tabs>button>svg{display:none}.studio-mode-tabs>button[aria-selected=true]{background:linear-gradient(135deg,#42735b,#2b5f4a);color:#fffdf3;box-shadow:0 3px 7px #2c5c4326,inset 0 1px 0 #ffffff33}.studio-mode-tabs>button:hover:not([aria-selected=true]){background:#e0eadd66;color:#3e6c4d}.studio-stats{display:flex;align-items:center;gap:23px;font-size:9px;color:var(--muted)}.studio-stats>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.studio-stats svg{color:#9bad90}.studio-stats strong{font-size:14px;letter-spacing:-.3px;font-weight:600;color:#3e6150;margin-left:1px}.studio-stats strong small{font-size:10px;font-weight:400;color:#9ba590;margin-left:2px}.studio-stats>span:last-child strong{color:#b59760}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.studio-main{min-width:0}.studio-glass-card{position:relative;background:var(--studio-glass);border:1px solid var(--studio-edge);box-shadow:var(--studio-shadow);backdrop-filter:blur(24px);border-radius:22px;overflow:hidden}.studio-main>.studio-glass-card{min-height:var(--studio-panel-height);background-image:linear-gradient(var(--studio-grid) 1px,transparent 1px),linear-gradient(90deg,var(--studio-grid) 1px,transparent 1px),radial-gradient(ellipse at 20% 0,#fefff99c,transparent 65%);background-size:48px 48px,48px 48px,100% 100%;display:flex;flex-direction:column}.studio-glass-card:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);pointer-events:none;z-index:1}.studio-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 28px 8px;position:relative;z-index:2}.studio-card-top>div{display:flex;align-items:center;gap:10px;font-size:9px;color:#8d9b83}.studio-level-badge{display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;line-height:1;padding:6px 9px;border-radius:6px;background:#dbe7c8;color:#6c844a;border:1px solid #eff7e5}.studio-card-number{font-size:13px;font-weight:600;color:#496744;font-variant-numeric:tabular-nums}.studio-card-number>span{font-size:10px;font-weight:400;color:#a0aa95;letter-spacing:0;margin-left:3px}.studio-overline{font-size:7px;letter-spacing:1.6px;color:#a3ad96;font-weight:500;line-height:1.7;display:block}.studio-flip{flex:1;min-height:377px;perspective:1400px;margin:3px 20px 0}.studio-flip-inner{height:377px;position:relative;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.65,.25,1)}.studio-flip.is-flipped .studio-flip-inner{transform:rotateY(180deg)}.studio-card-face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px 28px;backface-visibility:hidden;cursor:pointer;border-radius:14px}.studio-card-front>.studio-overline{font-size:6px;letter-spacing:2px;margin-bottom:43px;color:#a8b49b}.studio-main-word{font:500 76px "Noto Serif JP",serif;line-height:1.5;letter-spacing:3px;color:#233e35;max-width:100%;overflow-wrap:anywhere;text-shadow:0 3px 1px #ffffffbf}.studio-main-word ruby{font:inherit}.studio-main-word rt{font:400 14px Noto Sans JP,sans-serif;letter-spacing:3px;line-height:1.4;color:#82927a}.studio-romaji{font-size:15px;font-style:italic;font-weight:400;letter-spacing:1.1px;color:#8b9b7d;margin-top:13px}.studio-flip-hint{display:flex;align-items:center;gap:7px;font-size:7px;color:#b3bcaa;margin-top:37px}.studio-card-back{transform:rotateY(180deg);padding:22px 28px;overflow:auto;justify-content:safe center}.studio-card-back h3{font-size:29px;font-weight:500;letter-spacing:-.8px;color:#355944;line-height:1.5;margin-top:15px;overflow-wrap:anywhere}.studio-word-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:10px}.studio-word-meta>span{font-size:7px;color:#849179;background:#e6eddb70;padding:3px 8px;border-radius:20px;border:1px solid #b6c5a526}.studio-example{border-top:1px solid #78966022;padding-top:20px;margin-top:20px;max-width:100%;width:100%}.studio-example>p:first-child{font:400 20px "Noto Serif JP",serif;color:#53694d;line-height:1.7}.studio-example>small{font:9px Noto Sans JP,sans-serif;color:#a3ad97;display:block;margin-top:5px}.studio-example>p:last-child{font-size:10px;color:#8a9780;margin-top:10px;line-height:1.8}.studio-phrase{margin-top:17px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:9px;color:#7a8e69}.studio-phrase>span{font-size:5px;letter-spacing:1px;border-right:1px solid #9cac7c4d;padding-right:8px}.studio-phrase strong{font:15px "Noto Serif JP",serif}.studio-phrase>small{font-size:7px}.studio-phrase>p{width:100%;font-size:9px;color:#8c987d}.studio-card-actions{gap:9px;padding:12px 20px 25px;position:relative;z-index:2}.studio-card-actions,.studio-card-actions>button{display:flex;justify-content:center;align-items:center}.studio-card-actions>button{gap:8px;border:1px solid #9db18d35;border-top-color:#ffffffe5;background:#ffffffe0;backdrop-filter:blur(20px);padding:9px 13px;font-size:9px;font-weight:500;color:#6e8560;border-radius:24px;box-shadow:0 2px 7px #52633d05;transition:transform .2s,background .2s}.studio-card-actions>button:hover{background:#f5faed;transform:translateY(-2px)}.studio-card-actions>button>span{font-size:7px;color:#b1bba6;border:1px solid #bac8ad38;border-radius:4px;padding:0 4px;margin-left:4px}.studio-card-line{height:2px;width:100%;background:#93ab7824;margin-top:auto}.studio-card-line>span{display:block;height:100%;background:linear-gradient(90deg,#b6cba6,#7f9f6a);transition:width .3s}.studio-navigation{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:21px;min-height:45px}.studio-again,.studio-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:13px 19px;font-size:10px;font-weight:500;min-height:44px;transition:transform .2s,box-shadow .2s}.studio-primary{background:linear-gradient(135deg,#43765a,#2e6049);border:1px solid #2f6049;color:#fffdf4;box-shadow:0 5px 12px #27583d1c,inset 0 1px 1px #ffffff2b}.studio-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 16px #27583d30}.studio-again{color:#a88e73;background:#f2e7d54d;border:1px solid #e6d7bf55}.studio-again:hover:not(:disabled){background:#f1e3cd8a}.studio-navigation kbd{font:7px Be Vietnam Pro;border:1px solid #ffffff3b;color:#c7d6bf;line-height:1;padding:3px 4px;border-radius:4px;margin-left:6px}.studio-again kbd{border-color:#c8aa8333;color:#c2ae8c}.studio-arrows{display:flex;gap:8px;align-items:center}.studio-arrows>button{width:43px;height:43px;border:1px solid #b6c6aa55;border-top-color:white;box-shadow:0 2px 5px #6b84480a;border-radius:50%;display:grid;place-items:center;background:#ffffff85;color:#7b9268;transition:background .2s}.studio-arrows>button:hover:not(:disabled){background:#f4faeb}.studio-arrows>button:disabled{opacity:.3}.studio-status{min-height:20px;gap:7px;text-align:center;font-size:8px;color:#8a9e7b;margin:15px 0 13px;line-height:1.8}.studio-keyboard,.studio-status{display:flex;align-items:center;justify-content:center}.studio-keyboard{flex-wrap:wrap;gap:13px;font-size:6px;color:#a1ac95}.studio-keyboard>span{display:flex;align-items:center;gap:4px}.studio-keyboard kbd{display:grid;place-items:center;min-width:15px;height:15px;padding:0 4px;border:solid #b7c1a742;border-width:1px 1px 2px;border-radius:4px;background:#ffffff5c;font:6px Be Vietnam Pro;color:#a5af9c}.studio-wordlist{background:#ffffff75;box-shadow:0 10px 35px #355b3210,inset 0 1px 1px white;display:flex;flex-direction:column;height:var(--studio-panel-height)}.studio-list-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 22px 17px;gap:15px;border-bottom:1px solid #a5b99724}.studio-list-heading .studio-overline{font-size:6px;letter-spacing:1.5px;margin-bottom:4px}.studio-list-heading h3{font-size:18px;font-weight:600;letter-spacing:-.6px}.studio-list-heading h3 small{font-size:11px;color:#a0aa94;font-weight:400}.studio-list-heading>svg{color:#9fb190;stroke-width:1.3}.studio-list-controls{padding:15px 16px 10px;border-bottom:1px solid #a5b99717}.studio-list-controls>label{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #a6ba9129;background:#edf2e544;border-radius:8px;color:#a3b395}.studio-list-controls input{min-width:0;width:100%;background:none;border:0;outline:0;font-size:9px;color:var(--ink);padding:0}.studio-list-controls input::-moz-placeholder{color:#a9b29e}.studio-list-controls input::placeholder{color:#a9b29e}.studio-list-controls>label>button{font-size:15px;line-height:1}.studio-list-filters{display:flex;justify-content:space-between;gap:5px;margin-top:12px}.studio-list-filters>button{display:flex;align-items:center;justify-content:center;gap:4px;font-size:7px;color:#99a58c;padding:5px 7px;border-radius:6px;white-space:nowrap}.studio-list-filters>button.active{color:#62834f;background:#e0e9d88c}.studio-list-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#bfccb3 transparent;padding:6px 0}.studio-list-word{text-align:left;padding:14px 19px;display:flex;align-items:center;gap:14px;transition:background .2s;border-left:2px solid transparent}.studio-list-word:hover{background:#e9efdf6b}.studio-list-word.active{background:linear-gradient(90deg,#e3eddbbb,#eef2e244);border-left-color:#86a571}.studio-list-index{font-size:8px;font-variant-numeric:tabular-nums;color:#a2ae96;min-width:19px}.studio-list-word.active .studio-list-index{color:#678650}.studio-list-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.studio-list-copy>strong{font:500 18px "Noto Serif JP",serif;color:#43553f;line-height:1.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-list-copy ruby{font:inherit}.studio-list-copy rt{font:7px Noto Sans JP;color:#95a186}.studio-list-copy>small{font-size:9px;color:#95a088;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-list-known{color:#85a770;flex-shrink:0}.studio-list-current{width:5px;height:5px;background:#91ad76;border-radius:50%;flex-shrink:0}.studio-list-footer{display:flex;align-items:center;gap:10px;border-top:1px solid #a5b99724;padding:17px 19px;font-size:6px;color:#99a68a}.studio-small-progress{height:3px;width:75px;border-radius:5px;background:#c7d3bc44;overflow:hidden}.studio-small-progress>span{height:100%;display:block;background:#90ad76;border-radius:5px;transition:width .3s}.studio-list-empty{padding:40px 15px;text-align:center;color:#a1af92}.studio-list-empty>svg{margin:auto}.studio-list-empty p{font-size:9px;margin-top:14px}.studio-list-empty button{font-size:8px;color:var(--studio-accent);margin-top:15px;text-decoration:underline}.studio-bottom-note{display:flex;align-items:center;gap:12px;border-top:1px solid #a6bb9526;padding:22px 0 3px;margin-top:27px}.studio-note-symbol{font:22px "Noto Serif JP",serif;letter-spacing:2px;color:#abb79d}.studio-bottom-note p{font-size:9px;color:#8f9c82}.studio-bottom-note small{font-size:7px;color:#adb69f;display:block;margin-top:3px}.studio-session-label{font-size:5px;letter-spacing:1.6px;color:#b0b9a2;margin-left:auto}.studio-loading{padding:60px;text-align:center;box-shadow:var(--shadow)}.studio-loading-mark{font:42px "Noto Serif JP",serif;color:#90aa7a}.studio-loading h3{font-size:19px;margin:16px 0 8px}.studio-loading p{font-size:11px;color:var(--muted)}.studio-practice{padding:25px 35px 30px;flex:1;min-height:470px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.practice-japanese{font:500 48px "Noto Serif JP",serif;color:#304c3c;margin-top:26px;line-height:1.6}.practice-japanese ruby{font:inherit}.practice-japanese rt{font:11px Noto Sans JP;color:#9ca98c}.studio-practice .studio-romaji{font-size:11px;margin-top:5px}.studio-quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:25px}.studio-quiz-options>button{display:flex;gap:12px;align-items:center;text-align:left;min-height:55px;background:#ffffff9c;border:1px solid #adbe9638;border-top-color:#fff;border-radius:12px;padding:12px 15px;font-size:10px;color:#748469;transition:background .2s,border-color .2s}.studio-quiz-options>button>span{width:22px;height:22px;display:grid;place-items:center;border:1px solid #bac9ac4d;border-radius:6px;font-size:8px;color:#a0b18e;flex-shrink:0}.studio-quiz-options>button>svg{margin-left:auto;flex-shrink:0}.studio-quiz-options>button:hover:not(:disabled){border-color:#8dad79;background:#f2f8e9}.studio-quiz-options>button:disabled{opacity:1}.studio-quiz-options>button.is-correct{border-color:#6b9d78;background:#e0efd98c;color:#3b7f4e}.studio-quiz-options>button.is-wrong{border-color:#c89581;background:#fae9df8a;color:#ad7563}.studio-answer{font-size:10px;margin-top:20px;line-height:1.8;width:100%}.studio-answer.correct{color:#6b9159}.studio-answer.incorrect{color:#b18a66}.studio-answer>button{display:inline-flex;align-items:center;gap:7px;margin:10px auto 0;font-size:9px}.studio-answer>span{display:block}.studio-answer>div{display:flex;align-items:center;justify-content:center;gap:8px}.studio-answer strong{font:19px "Noto Serif JP";margin-left:5px}.studio-answer small{display:block;font-size:9px;opacity:.8}.studio-answer .studio-primary{margin-top:18px;color:white}.writing-practice>h3{font-size:27px;letter-spacing:-.8px;color:#44613f;line-height:1.5;margin:30px 0 13px}.studio-soft-badge{font-size:8px;color:#8c9c7a;background:#dce7ce77;border-radius:15px;padding:3px 10px}.writing-practice>form{width:100%;max-width:365px;margin-top:24px;text-align:left}.writing-practice label{font-size:8px;color:#8e9e7d;display:block;margin-bottom:8px}.writing-practice input{display:block;width:100%;background:#ffffff9c;border:1px solid #acbe923b;border-radius:12px;padding:15px 18px;font:20px Noto Sans JP;color:var(--ink)}.writing-practice input::-moz-placeholder{color:#bbc6ad}.writing-practice input::placeholder{color:#bbc6ad}.writing-practice form>small{display:block;font-size:7px;color:#a6b095;margin-top:8px}.writing-actions{display:flex;align-items:center;gap:20px;margin-top:18px}.studio-text-button{font-size:9px;color:#a39a7d}.studio-text-button:hover{text-decoration:underline}.match-heading{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px;margin-bottom:27px}.match-heading>span:last-child{font-size:10px;color:#82976e}.studio-match-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%}.studio-match-grid>button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:110px;padding:10px 8px;border:1px solid #a8bd8c38;background:#ffffffa3;border-radius:13px;color:#7a8969;font-size:11px;line-height:1.7;transition:background .2s,transform .2s,border-color .2s;overflow-wrap:anywhere}.studio-match-grid>button:hover:not(:disabled){transform:translateY(-3px)}.studio-match-grid>button.is-japanese{font:22px "Noto Serif JP",serif;color:#587048}.studio-match-grid>button.is-selected{background:#e3edc6;border-color:#91ab66}.studio-match-grid>button.is-matched{background:#dcebcf88;border-color:#a1bd8c66;color:#8ca17c;opacity:.6}.studio-match-grid>button.is-mismatch{background:#f2e3d088;border-color:#c9ad88}.studio-match-grid>button>svg{flex-shrink:0}.match-note{font-size:9px;color:#8fa17b;margin-top:22px}.matching-practice>.studio-primary{margin-top:20px}[data-theme=dark] .vocab-studio{--studio-glass:#10251b73;--studio-edge:#cfe5be24;--studio-border:#d5e6c42e;--studio-grid:#b3d19109;--studio-shadow:0 12px 42px #00000025,inset 0 1px 1px #e1efca13;--studio-accent:#9dbb8b}[data-theme=dark] .studio-main>.studio-glass-card{background-image:linear-gradient(var(--studio-grid) 1px,transparent 1px),linear-gradient(90deg,var(--studio-grid) 1px,transparent 1px),radial-gradient(ellipse at 20% 0,#29452a40,transparent 65%)}[data-theme=dark] .studio-main-word{color:#dce6d0;text-shadow:none}[data-theme=dark] .studio-display>button,[data-theme=dark] .studio-mode-tabs>button{color:#a8b29b}[data-theme=dark] .studio-display>button,[data-theme=dark] .studio-mode-tabs{background:#20382666}[data-theme=dark] .practice-japanese,[data-theme=dark] .studio-card-back h3,[data-theme=dark] .studio-list-copy>strong,[data-theme=dark] .writing-practice>h3{color:#cedfc0}[data-theme=dark] .studio-wordlist{background:#1930238c;box-shadow:var(--studio-shadow)}[data-theme=dark] .studio-list-word.active{background:linear-gradient(90deg,#365235aa,#2b422333)}[data-theme=dark] .studio-list-word:hover{background:#344e2c66}[data-theme=dark] .studio-level-badge{background:#395238;color:#c7d7b5;border-color:#7f9b6726}[data-theme=dark] .studio-arrows>button,[data-theme=dark] .studio-back,[data-theme=dark] .studio-card-actions>button{background:#243f2bd1;border-color:#c5d9af26;color:#afc199}[data-theme=dark] .studio-match-grid>button,[data-theme=dark] .studio-quiz-options>button,[data-theme=dark] .writing-practice input{background:#23402a99;border-color:#9eb28130;color:#c6d2b5}[data-theme=dark] .studio-match-grid>button.is-matched,[data-theme=dark] .studio-quiz-options>button.is-correct{background:#365731;color:#bad3a5}[data-theme=dark] .studio-match-grid>button.is-mismatch,[data-theme=dark] .studio-quiz-options>button.is-wrong{background:#654d3526;color:#d7b99a}[data-theme=dark] .studio-match-grid>button.is-selected{background:#4c6537;color:#dce8c4}[data-theme=dark] .studio-keyboard kbd{background:#2d432c8c}[data-theme=dark] .studio-example>p:first-child{color:#bcccad}[data-theme=dark] .studio-word-meta>span{background:#3e58343d}[data-theme=dark] .studio-card-number,[data-theme=dark] .studio-stats strong{color:#b2c69d}[data-theme=dark] .studio-list-filters>button.active{background:#42603466;color:#bbd0a8}@media(min-width:1440px){.studio-layout{grid-template-columns:minmax(0,1fr) 325px;gap:27px}.vocab-studio{--studio-panel-height:570px}.studio-flip{min-height:405px}.studio-flip-inner{height:405px}.studio-main-word{font-size:85px}.studio-list-word{padding-left:22px;padding-right:22px}.studio-heading{margin-bottom:28px}.studio-toolbar{margin-bottom:25px}}@media(max-width:1100px){.studio-layout{grid-template-columns:minmax(0,1fr) 265px;gap:18px}.studio-lesson-select>span{display:none}.studio-heading-right{gap:12px}.studio-display>button{padding:6px 8px;gap:6px}.studio-mode-tabs>button{padding:10px 13px;font-size:9px}.studio-stats{gap:15px;font-size:8px}.studio-card-top{padding:23px 23px 8px}.studio-list-word{padding:14px;gap:10px}.studio-list-copy>strong{font-size:17px}.studio-list-copy>small{font-size:8px}.studio-match-grid{gap:8px}.studio-match-grid>button{font-size:9px;min-height:98px}.studio-match-grid>button.is-japanese{font-size:20px}.studio-practice{padding:25px}.studio-heading .studio-free{display:none}.studio-display>button>span:first-child{font-size:9px}.studio-again,.studio-primary{font-size:9px;padding:12px 15px}.studio-card-back h3{font-size:26px}}@media(max-width:850px){.studio-heading{flex-wrap:wrap;gap:18px}.studio-heading-right{width:100%;justify-content:space-between}.studio-lesson-select>span{display:block}.studio-layout{grid-template-columns:minmax(0,1fr) 230px;gap:15px}.studio-list-heading{padding:22px 17px 15px}.studio-list-controls{padding:14px 11px 10px}.studio-list-filters{gap:2px}.studio-list-filters>button{font-size:6px;padding:5px}.studio-list-filters>button>svg{display:none}.studio-mode-tabs>button{padding:9px 10px;font-size:8px;gap:5px}.studio-stats{font-size:7px;gap:10px}.studio-stats>span>svg{display:none}.studio-stats strong{font-size:12px}.studio-stats strong small{font-size:9px}.studio-flip{margin-left:12px;margin-right:12px}.studio-card-face{padding:22px 15px}.studio-main-word{font-size:64px}.studio-main-word rt{font-size:12px}.studio-navigation kbd{display:none}.studio-navigation{gap:8px}.studio-again,.studio-primary{font-size:8px;padding:11px 13px;gap:6px}.studio-again>svg,.studio-primary>svg{width:14px}.studio-arrows{gap:6px}.studio-arrows>button{width:36px;height:36px}.studio-keyboard{gap:8px;font-size:5px}.studio-quiz-options{grid-template-columns:1fr}.studio-quiz-options>button{font-size:9px;min-height:43px;padding:9px 13px}.studio-practice{padding:25px 20px;min-height:470px}.studio-match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-match-grid>button{min-height:68px}.studio-session-label{display:none}}@media(max-width:650px){.vocab-is-studying .vocab-mode-grid{max-width:none}.vocab-is-studying .vocab-mode{flex-direction:row;padding:10px;gap:7px}.vocab-is-studying .vocab-mode-copy strong{font-size:8px;white-space:nowrap}.vocab-is-studying .vocab-mode-icon{width:23px;height:25px}.vocab-is-studying .vocab-mode-icon svg{width:13px}.vocab-is-studying .vocab-browser{margin-top:17px}.vocab-is-studying .vocab-collection-hero{padding-bottom:15px}.vocab-is-studying .vocab-collection-hero h3{font-size:16px}.studio-layout{grid-template-columns:1fr;gap:25px}.vocab-studio{--studio-panel-height:490px}.studio-heading{gap:17px;margin-bottom:20px}.studio-title-group h2{font-size:24px}.studio-back{width:34px;height:34px}.studio-heading .studio-free{display:flex;font-size:7px}.studio-heading-right{gap:12px;justify-content:space-between}.studio-display{gap:6px}.studio-display>button{padding:7px 9px}.studio-heading .studio-lesson-select>span{display:none}.studio-lesson-select select{font-size:9px;max-width:120px;padding:7px 6px}.studio-toolbar{flex-wrap:wrap;gap:15px;margin-bottom:18px}.studio-mode-tabs{width:100%;justify-content:space-between;padding:4px;border-radius:12px;gap:3px}.studio-mode-tabs>button{flex:1;justify-content:center;padding:10px 7px;font-size:9px;gap:6px;min-height:41px}.studio-mode-tabs>button>span{font-size:14px}.studio-stats{width:100%;justify-content:space-between;padding:0 3px;font-size:9px;gap:20px}.studio-stats>span>svg{display:block;width:14px}.studio-stats strong{font-size:15px}.studio-stats strong small{font-size:10px}.studio-main>.studio-glass-card{border-radius:19px;background-size:40px 40px,40px 40px,100% 100%}.studio-card-top{padding:21px 22px 6px}.studio-flip{min-height:325px;margin:3px 15px 0}.studio-flip-inner{height:325px}.studio-main-word{font-size:71px;letter-spacing:2px}.studio-main-word rt{font-size:12px}.studio-card-front>.studio-overline{font-size:5px;letter-spacing:1.5px;margin-bottom:30px}.studio-romaji{font-size:13px}.studio-flip-hint{font-size:6px;margin-top:28px}.studio-card-actions{padding:10px 15px 23px;gap:8px}.studio-card-actions>button{font-size:9px;padding:10px 13px}.studio-card-actions>button>span{display:none}.studio-again,.studio-primary{font-size:10px;padding:12px 17px;gap:7px}.studio-again>svg,.studio-primary>svg{width:16px}.studio-arrows>button{width:41px;height:41px}.studio-arrows{gap:7px}.studio-navigation{gap:9px;margin-top:19px}.studio-status{font-size:7px;margin-top:15px}.studio-keyboard{display:none}.studio-wordlist{height:480px;border-radius:19px}.studio-list-heading{padding:22px 22px 17px}.studio-list-heading h3{font-size:19px}.studio-list-controls{padding:15px 18px 12px}.studio-list-controls input{font-size:10px}.studio-list-filters{justify-content:start;gap:8px}.studio-list-filters>button{font-size:8px;padding:6px 10px}.studio-list-filters>button>svg{display:block}.studio-list-word{padding:14px 22px;gap:18px}.studio-list-copy>strong{font-size:20px}.studio-list-copy>small{font-size:10px}.studio-list-copy rt{font-size:8px}.studio-list-index{font-size:9px}.studio-list-footer{padding:17px 22px;font-size:7px}.studio-practice{min-height:418px;padding:22px 24px 30px}.studio-quiz-options{grid-template-columns:1fr 1fr;gap:9px}.studio-quiz-options>button{font-size:9px;padding:11px 12px;gap:7px;min-height:55px}.practice-japanese{font-size:47px;margin-top:23px}.studio-practice .studio-overline{font-size:6px}.studio-match-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.studio-match-grid>button{min-height:75px;font-size:10px}.studio-match-grid>button.is-japanese{font-size:22px}.studio-match-grid>button>svg{width:14px}.match-heading{margin-bottom:20px}.studio-card-back h3{font-size:24px;line-height:1.5;margin-top:11px}.studio-card-back .studio-overline{font-size:6px}.studio-example{padding-top:15px;margin-top:15px}.studio-example>p:first-child{font-size:18px}.studio-example>p:last-child{font-size:9px}.studio-example>small{font-size:8px}.studio-word-meta{margin-top:8px;gap:5px}.studio-word-meta>span{font-size:6px}.studio-phrase{font-size:8px;margin-top:13px}.studio-phrase>strong{font-size:14px}.studio-phrase>p{font-size:8px}.studio-bottom-note{margin-top:23px}.studio-bottom-note p{font-size:8px}.studio-bottom-note small{font-size:6px}.studio-loading{padding:45px 20px}.studio-loading h3{font-size:17px}.studio-loading p{font-size:9px}}@media(max-width:390px){.studio-heading .studio-free{display:none}.studio-mode-tabs>button{font-size:8px;padding:10px 6px;gap:4px}.studio-mode-tabs>button>span{font-size:12px}.studio-again,.studio-primary{font-size:8px;padding:11px 12px;gap:6px}.studio-arrows>button{width:36px;height:36px}.studio-navigation{gap:7px}.studio-display{gap:4px}.studio-display>button{padding:6px 8px;gap:5px}.studio-heading-right{gap:8px}.studio-lesson-select select{font-size:8px;max-width:107px}.studio-main-word{font-size:62px}.studio-quiz-options{grid-template-columns:1fr}.studio-quiz-options>button{min-height:42px;font-size:8px}.studio-practice{padding:22px 18px}.vocab-is-studying .vocab-mode{padding:9px 6px;gap:4px}.vocab-is-studying .vocab-mode-copy strong{font-size:7px}.vocab-is-studying .vocab-mode-icon{width:21px;height:23px}}.vocab-studio{--studio-secondary:#687d5d}.studio-card-actions>button,.studio-example>p:last-child,.studio-list-copy>small,.studio-romaji{color:var(--studio-secondary)}[data-theme=dark] .vocab-studio{--studio-secondary:#adbf9c}@media(min-width:851px){.studio-mode-tabs>button{font-size:12px}.studio-stats{font-size:10px}.studio-again,.studio-card-actions>button,.studio-primary{font-size:11px}.studio-list-copy>strong{font-size:20px}.studio-list-copy>small{font-size:11px}.studio-list-controls input{font-size:10px}.studio-list-filters>button{font-size:8px}.studio-card-top>div{font-size:11px}.studio-card-front>.studio-overline,.studio-keyboard{font-size:7px}.studio-status{font-size:9px}.studio-quiz-options>button{font-size:11px}.studio-bottom-note p{font-size:10px}.studio-display>button>span:first-child{font-size:11px}}@media(prefers-reduced-motion:reduce){.studio-card-line>span,.studio-flip-inner,.studio-small-progress>span,.studio-switch>span{transition:none}.studio-card-actions>button:hover,.studio-match-grid>button:hover,.studio-primary:hover{transform:none}}.minna-lessons{margin-top:30px}.minna-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.minna-heading h3{font-size:24px}.minna-heading p{font-size:11px;color:var(--muted);margin-top:8px}.minna-lesson-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.minna-lesson{border:1px solid var(--vocab-line);background:var(--glass);border-radius:13px;padding:15px 17px;text-align:left;position:relative;min-height:116px;transition:transform .2s,border-color .2s}.minna-lesson:hover{transform:translateY(-3px);border-color:#7e9d73}.minna-lesson>div{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:9px;margin-bottom:12px}.minna-lesson>strong{display:block;font-size:13px;font-weight:600}.minna-lesson>small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.minna-lesson.has-words{background:#e3eddc99}.minna-lesson.has-words>div{color:#56834e}.minna-lesson.is-selected{border-color:#598456;box-shadow:inset 0 0 0 1px #59845644}.lesson-open{display:flex;align-items:center;gap:4px;font-size:8px;color:var(--green);margin-top:9px}.minna-content{scroll-margin-top:30px;margin-top:30px}.minna-current{display:flex;gap:12px;align-items:center;border-top:1px solid var(--vocab-line);padding:23px 0}.minna-current h3{font-size:19px}.minna-current>span{color:var(--muted);font-size:10px;margin-left:auto}.minna-current>svg{color:var(--green)}.minna-empty{padding:38px 25px;text-align:center;box-shadow:none}.minna-empty>span{font:22px Noto Sans JP;letter-spacing:7px;color:#a4b393}.minna-empty h3{font-size:20px;margin-top:15px}.minna-empty p{font-size:11px;color:var(--muted);margin-top:11px}.minna-empty small{font-size:9px;color:var(--muted);display:block;margin-top:7px}.vocab-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.vocab-pagination>span{font-size:10px;color:var(--muted)}.vocab-pagination>button{background:var(--glass);border:1px solid var(--vocab-line);font-size:10px;padding:10px 15px}.word-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid var(--vocab-line);border-bottom:1px solid var(--vocab-line);padding:12px 0;margin:0 0 15px}.word-details dt{font-size:8px;color:var(--muted);margin-bottom:5px}.word-details dd{font-size:10px;margin:0;overflow-wrap:anywhere}.word-example-reading{font:11px Noto Sans JP;color:var(--muted);padding:10px 0 15px}.word-phrase{background:var(--glass);border:1px solid var(--vocab-line);padding:20px;border-radius:12px;margin-bottom:18px}.word-phrase ruby{font:23px Noto Sans JP;display:block;margin-top:18px}.word-phrase rt{font-size:9px}.word-phrase>p{font-size:11px;margin-top:10px}.word-phrase .eyebrow{font-size:7px}[data-theme=dark] .minna-lesson.has-words{background:#32513899}[data-theme=dark] .minna-lesson.is-selected{border-color:#8ab780;box-shadow:inset 0 0 0 1px #8ab78044}@media(max-width:780px){.minna-lesson-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.minna-lesson{padding:14px 13px;min-height:110px}.minna-heading h3{font-size:21px}.minna-heading p{font-size:10px}}@media(max-width:550px){.minna-lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.minna-lesson{padding:13px 11px;min-height:108px}.minna-lesson>strong{font-size:12px}.minna-lesson>small{font-size:7px}.minna-lesson>div{font-size:8px}.minna-heading h3{font-size:21px}.minna-heading .eyebrow{font-size:7px}.minna-heading p{font-size:9px;line-height:1.8}.minna-heading .small-tag{font-size:7px}.minna-empty h3{font-size:16px}.minna-empty p{font-size:10px}.minna-empty small{font-size:8px}.word-details{grid-template-columns:1fr 1fr}.vocab-pagination>span{font-size:8px}.vocab-pagination>button{font-size:8px;padding:9px 11px}}.vocabulary-hub{--vocab-line:color-mix(in srgb,var(--ink) 13%,transparent)}.vocab-welcome{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:40px 46px;min-height:290px;background:linear-gradient(120deg,#ffffff70,#e4edda65);border-radius:24px}.vocab-welcome-copy{position:relative;z-index:1}.vocab-welcome h2{font-size:39px;line-height:1.25;letter-spacing:-1.6px}.vocab-welcome h2 span{color:var(--green)}.vocab-welcome-copy>p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:17px}.vocab-welcome .eyebrow{font-size:8px}.vocab-welcome-tags{display:flex;gap:18px;margin-top:24px}.vocab-welcome-tags>span{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--green)}.vocab-welcome-art{position:relative;width:330px;height:240px;flex-shrink:0}.vocab-art-orbit{position:absolute;inset:0 35px;border-radius:50%;border:1px solid #9fb38c3d;transform:rotate(30deg)}.vocab-art-orbit:after{content:"";position:absolute;inset:15px -15px;border-radius:50%;border:1px solid #9fb38c2c;transform:rotate(-40deg)}.vocab-art-word{position:absolute;left:90px;top:22px;width:150px;height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:22px;transform:rotate(-10deg);background:linear-gradient(130deg,#fcfff8,#e8efd9);border:1px solid white;box-shadow:10px 20px 35px #4e6d3e1a;color:#466f48}.vocab-art-word small{font-size:10px;letter-spacing:6px}.vocab-art-word strong{font:55px Noto Sans JP;line-height:1.7}.vocab-art-word>span{font-size:8px;border-top:1px solid #69875c26;padding-top:10px}.vocab-art-tile{position:absolute;display:grid;place-items:center;width:64px;height:72px;border:1px solid #fff9;border-radius:15px;font:37px Noto Sans JP;box-shadow:4px 9px 20px #496b2a14}.tile-a{left:23px;top:12px;transform:rotate(-16deg);background:#efdda6;color:#998246}.tile-b{bottom:10px;right:24px;transform:rotate(13deg);background:#e9d5c5;color:#a17e60}.vocab-art-spark{position:absolute;right:17px;top:18px;color:#a7b380}.vocab-path-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:37px 0 21px}.vocab-path-heading .eyebrow{margin-bottom:6px}.vocab-path-heading h3{font-size:21px}.vocab-path-heading>span{font-size:10px;color:var(--muted);display:flex;gap:10px;align-items:center}.vocab-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.vocab-mode{padding:20px;display:flex;align-items:center;gap:13px;text-align:left;position:relative;box-shadow:none;border-color:var(--vocab-line);transition:background .2s,border-color .2s,transform .2s;border-radius:15px}.vocab-mode:hover{transform:translateY(-3px)}.vocab-mode.is-active{background:#e3eddcaa;border-color:#6c9874;box-shadow:inset 0 0 0 1px #7ba1851a}.vocab-mode-icon{display:grid;place-items:center;width:42px;height:46px;border-radius:12px;background:#e2e9da;color:#6e8564;flex-shrink:0}.vocab-mode.is-active .vocab-mode-icon{color:#fff;background:#3f7759}.vocab-mode-copy{display:flex;flex-direction:column;min-width:0;gap:5px}.vocab-mode-copy strong{font-size:12px;font-weight:600}.vocab-mode-copy small{font-size:8px;color:var(--muted)}.vocab-mode-number{margin-left:auto;align-self:start;font-size:9px;color:#8ca381}.vocab-mode.is-active .vocab-mode-number{background:#3f7759;color:white;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;position:absolute;right:10px;top:10px}.vocab-browser{margin-top:38px}.vocab-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.vocab-section-heading .eyebrow{margin-bottom:7px}.vocab-section-heading h3{font-size:24px}.vocab-section-heading p{font-size:10px;color:var(--muted);margin-top:9px}.textbook-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.textbook-card{padding:13px;text-align:left;box-shadow:none;border-color:var(--vocab-line);border-radius:15px;transition:transform .2s,box-shadow .2s}.textbook-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.textbook-cover{position:relative;aspect-ratio:3/3.9;border-radius:4px 12px 12px 4px;box-shadow:5px 8px 13px #32482f15,inset 5px 0 4px #fff7;color:#446344;padding:15px 13px;display:flex;flex-direction:column;overflow:hidden}.textbook-cover:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:1px;background:#66805926}.textbook-cover.butter{color:#927434}.textbook-cover.peach{color:#946f55}.book-cover-top{font-size:5px;letter-spacing:.6px;display:flex;justify-content:space-between;align-items:center}.book-cover-top>span{border:1px solid;border-radius:3px;padding:1px 4px;font-size:8px;letter-spacing:0}.book-symbol{font:67px Noto Sans JP;line-height:1.3;margin:17px 0 auto;opacity:.8}.textbook-cover strong{display:block;font-size:13px;line-height:1.6;letter-spacing:-.4px;position:relative;z-index:1}.textbook-cover small{display:block;font-size:7px;margin-top:4px}.book-cover-line{height:1px;width:34px;margin-top:11px;background:currentColor;opacity:.3}.textbook-info{padding:21px 3px 4px}.textbook-info .eyebrow{font-size:5.5px;letter-spacing:.7px;margin-bottom:7px}.textbook-info h4{font-size:11px;font-weight:600;line-height:1.5;margin:0}.textbook-info>p{font-size:8px;color:var(--muted);margin:5px 0 19px}.textbook-info>div{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:var(--green);border-top:1px solid var(--vocab-line);padding-top:11px}.vocab-path-explainer{display:flex;align-items:center;justify-content:center;gap:18px;padding:25px 15px;margin-top:28px;border:1px dashed var(--vocab-line);border-radius:12px}.vocab-path-explainer>span{font-size:10px;display:flex;align-items:center;gap:8px}.vocab-path-explainer>svg{color:#a0ad94}.vocab-path-explainer>span>svg{color:var(--green)}.vocab-footnote{font-size:9px;line-height:1.9;color:var(--muted);margin-top:17px}.jlpt-levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:25px}.jlpt-levels button{position:relative;display:flex;flex-direction:column;align-items:start;padding:18px 21px;background:var(--glass);border:1px solid var(--vocab-line);border-radius:15px;text-align:left;transition:transform .2s,border-color .2s}.jlpt-levels button:hover{transform:translateY(-3px)}.jlpt-levels button.is-active{border-color:#60916b;background:#e0ecd5aa}.level-step{font-size:8px;color:var(--muted)}.jlpt-levels strong{font-size:32px;line-height:1.2;margin:17px 0 8px;font-weight:600;letter-spacing:-1px}.jlpt-levels button>span:last-of-type{font-size:10px;color:var(--muted)}.jlpt-levels button>svg{position:absolute;right:12px;top:13px;color:#42865c}.jlpt-preview{margin-top:25px;display:flex;align-items:center;gap:40px;padding:35px 40px;box-shadow:none}.jlpt-preview-letter{display:grid;place-items:center;width:175px;height:175px;background:linear-gradient(130deg,#dce9cf,#f1e9c3);border:1px solid #fff9;border-radius:27px;font-size:65px;font-weight:600;color:#65815c;transform:rotate(-6deg);flex-shrink:0}.jlpt-preview h3{font-size:23px}.jlpt-preview p{font-size:11px;margin-top:10px;color:var(--muted)}.jlpt-preview-tags{display:flex;gap:8px;margin:18px 0 23px}.jlpt-preview-tags span{font-size:8px;padding:3px 9px;border:1px solid var(--vocab-line);border-radius:20px;color:var(--muted)}.specialty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.specialty-card{text-align:left;position:relative;padding:23px 24px 18px;box-shadow:none;border-color:var(--vocab-line);border-radius:17px;transition:transform .2s,box-shadow .2s}.specialty-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.specialty-card-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);margin-bottom:18px}.specialty-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:14px;color:#697f57}.specialty-icon.butter{color:#9b7e39}.specialty-icon.peach{color:#a77f61}.specialty-icon.blue{color:#65848d}.blue{background:linear-gradient(125deg,#e6eff0,#d8e4e6)}.specialty-jp{font:9px Noto Sans JP;letter-spacing:1px;color:var(--muted)}.specialty-card h4{font-size:15px;letter-spacing:-.3px;font-weight:600;margin:6px 0 8px}.specialty-card p{font-size:10px;line-height:1.9;color:var(--muted);min-height:38px}.specialty-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--vocab-line);margin-top:18px;padding-top:12px;font-size:8px;color:var(--muted)}.specialty-card-bottom>span:last-child{display:flex;gap:5px;align-items:center;color:var(--green)}.vocab-back{margin-bottom:17px}.vocab-collection-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 30px;border-radius:17px;color:#355338}.vocab-collection-hero h3{font-size:25px}.vocab-collection-hero p{font-size:11px;margin-top:8px;opacity:.7}.vocab-collection-label{font-size:14px;font-weight:600;border:1px solid #66805836;border-radius:10px;padding:12px 18px;white-space:nowrap}.vocab-content-note{display:flex;align-items:start;gap:13px;background:var(--glass);border:1px solid var(--vocab-line);border-radius:12px;padding:18px 20px;margin:20px 0 28px;color:var(--muted)}.vocab-content-note>svg{color:var(--green);margin-top:2px}.vocab-content-note strong{font-size:11px;font-weight:500;color:var(--ink)}.vocab-content-note p{font-size:10px;line-height:1.9;margin-top:6px;max-width:750px}.vocab-demo-note{font-size:11px;color:var(--muted);margin:20px 0 27px;line-height:1.9}.vocab-deck-heading{display:flex;align-items:center;gap:15px;margin-bottom:17px}.vocab-deck-heading h3{font-size:16px}.vocab-deck-heading>span{font-size:9px;color:var(--muted)}.vocab-deck-heading>button{margin-left:auto;color:var(--green)}.vocab-search-hint{white-space:nowrap;font-size:8px;color:var(--muted)}.vocab-table-shell{border:1px solid var(--vocab-line);border-radius:14px;overflow:hidden}.vocab-table-head{display:grid;grid-template-columns:36% 1fr 125px;padding:15px 23px;background:#dbe5d136;gap:15px;border-bottom:1px solid var(--vocab-line);font-size:7px;letter-spacing:1px;color:var(--muted)}.vocabulary-list{height:350px;border-radius:0;background:var(--glass)}.vocabulary-list .vocab-row{gap:20px;padding:16px 23px}.vocabulary-list .vocab-row>.vocab-jp{flex:0 0 34%;min-width:0;display:flex;align-items:center;gap:20px}.vocab-jp>span{font-size:8px;color:var(--muted)}.vocabulary-list .vocab-row ruby{font-size:26px;min-width:0}.vocabulary-list .vocab-row>.vocab-context{flex:1;min-width:0}.vocab-context p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vocabulary-list .vocab-row>.text-button{font-size:9px}.vocab-empty{text-align:center;padding:35px;border:1px solid var(--vocab-line);border-radius:15px}.vocab-empty>svg{margin:0 auto 15px;color:var(--muted)}.vocab-empty h3{font-size:17px}.vocab-empty p{font-size:11px;color:var(--muted);margin:10px 0}.vocab-review-result{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0;font-size:11px;color:var(--green);min-height:20px}.vocab-next{width:100%}.vocabulary-deck .flash-front>span:nth-child(2){font-size:50px}.vocab-encouragement{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:40px;padding-top:25px;border-top:1px solid var(--vocab-line);color:var(--muted);font-size:10px}[data-theme=dark] .vocab-welcome{background:linear-gradient(120deg,#1b3829aa,#23442c77)}[data-theme=dark] .jlpt-levels button.is-active,[data-theme=dark] .vocab-mode.is-active{background:#32513899;border-color:#709876}[data-theme=dark] .vocab-mode-icon{background:#2b4430;color:#b7c6a4}[data-theme=dark] .vocab-mode.is-active .vocab-mode-icon{background:#5b8861;color:#fff}[data-theme=dark] .textbook-cover{filter:brightness(.8)}[data-theme=dark] .vocab-collection-hero{color:#29472f}[data-theme=dark] .vocab-collection-hero .eyebrow{color:#607257}[data-theme=dark] .vocab-art-word{filter:brightness(.8)}[data-theme=dark] .vocab-table-head{background:#253f29}@media(min-width:1440px){.textbook-cover{padding:17px}.book-symbol{font-size:76px}.textbook-cover strong{font-size:15px}}@media(max-width:1100px){.vocab-welcome{padding:33px}.vocab-welcome-art{width:280px}.vocab-art-word{left:65px}.vocab-mode{padding:18px 13px;gap:10px}.vocab-mode-copy strong{font-size:11px}.vocab-mode-copy small{font-size:7px}.vocab-mode-icon{width:36px;height:41px}.textbook-grid{gap:11px}.textbook-card{padding:10px}.textbook-cover{padding:11px}.book-symbol{font-size:50px;margin-top:13px}.book-cover-top{font-size:4px}.textbook-cover strong{font-size:11px}.textbook-info h4{font-size:10px}.textbook-info .eyebrow{font-size:5px}.vocab-path-explainer{gap:13px}.vocab-path-explainer>span{font-size:9px}}@media(max-width:780px){.vocab-welcome{padding:27px 25px;min-height:270px}.vocab-welcome h2{font-size:33px}.vocab-welcome-copy>p{font-size:11px;max-width:320px}.vocab-welcome-art{width:240px;transform:scale(.85);transform-origin:right center;margin-right:-20px}.vocab-welcome-tags{gap:12px}.vocab-welcome-tags>span{font-size:8px}.vocab-path-heading{margin-top:30px}.vocab-path-heading>span{display:none}.vocab-mode-grid{gap:10px}.vocab-mode{flex-direction:column;align-items:start;padding:17px 13px;gap:12px;border-radius:13px}.vocab-mode-copy strong{font-size:10px}.vocab-mode-copy small{font-size:7px;line-height:1.8}.vocab-mode-number{position:absolute;right:10px;top:10px}.vocab-mode.is-active .vocab-mode-number{width:17px;height:17px}.vocab-mode-icon{width:33px;height:36px;border-radius:9px}.vocab-mode-icon svg{width:20px}.vocab-mode.is-active .vocab-mode-number svg{width:12px}.vocab-browser{margin-top:30px}.vocab-section-heading h3{font-size:21px}.vocab-section-heading p{font-size:10px;line-height:1.9}.vocab-section-heading{gap:15px}.textbook-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.textbook-cover{padding:13px}.book-symbol{font-size:65px}.textbook-cover strong{font-size:13px}.book-cover-top{font-size:5px}.textbook-info h4{font-size:11px}.textbook-info .eyebrow{font-size:6px}.vocab-path-explainer{gap:11px;flex-wrap:wrap;justify-content:start;padding:20px}.vocab-path-explainer>span{font-size:9px}.specialty-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.specialty-card{padding:20px 18px 16px}.specialty-card h4{font-size:13px}.specialty-card p{font-size:9px}.specialty-card-bottom{font-size:7px}.specialty-card-top{margin-bottom:15px}.specialty-icon{width:43px;height:43px}.jlpt-levels{gap:8px}.jlpt-levels button{padding:13px}.jlpt-levels strong{font-size:26px}.jlpt-levels button>span:last-of-type{font-size:8px}.jlpt-preview{padding:27px;gap:25px}.jlpt-preview-letter{width:125px;height:140px;font-size:50px;border-radius:20px}.jlpt-preview h3{font-size:19px}.jlpt-preview p{font-size:10px}.jlpt-preview-tags{gap:6px;flex-wrap:wrap}.vocab-collection-hero{padding:22px}.vocab-collection-hero h3{font-size:23px}.vocab-collection-label{font-size:11px;padding:10px}.vocab-deck-heading{flex-wrap:wrap;gap:10px}.vocab-deck-heading h3{font-size:15px}.vocab-deck-heading>span{font-size:8px}.vocab-deck-heading .text-button{font-size:9px}.vocab-search-hint{display:none}.vocab-table-head{grid-template-columns:42% 1fr 60px;padding:13px 15px;gap:12px;font-size:6px;letter-spacing:.6px}.vocabulary-list .vocab-row{padding:14px 15px;gap:10px}.vocabulary-list .vocab-row>.vocab-jp{flex-basis:40%;gap:10px}.vocabulary-list .vocab-row ruby{font-size:23px}.vocabulary-list .vocab-row>.text-button{font-size:8px}.vocabulary-list .vocab-row>.vocab-context strong{font-size:10px}.vocabulary-list .vocab-row>.vocab-context p{display:block;font-size:8px}.vocab-jp>span{font-size:7px}.vocab-content-note{padding:16px;gap:10px}.vocab-content-note strong{font-size:10px}.vocab-content-note p{font-size:9px}.vocab-encouragement{font-size:9px;line-height:1.9;text-align:center}}@media(max-width:550px){.vocab-welcome{padding:25px 22px;min-height:240px}.vocab-welcome h2{font-size:34px}.vocab-welcome-art{position:absolute;right:-58px;bottom:-10px;transform:scale(.58);transform-origin:right bottom;opacity:.55}.vocab-welcome-tags{gap:10px;position:relative}.vocab-welcome .eyebrow{font-size:6px;letter-spacing:1.1px}.vocab-welcome-copy>p{font-size:10px;max-width:235px}.vocab-path-heading h3{font-size:19px}.vocab-path-heading .eyebrow{font-size:7px}.vocab-mode-copy strong{font-size:9px;line-height:1.7}.vocab-mode-copy small{font-size:6.5px}.vocab-mode{padding:16px 10px;gap:9px}.vocab-mode-grid{gap:8px}.vocab-mode-number{font-size:7px}.vocab-section-heading{align-items:start}.vocab-section-heading h3{font-size:20px;line-height:1.5}.vocab-section-heading .eyebrow{font-size:7px}.vocab-section-heading .small-tag{font-size:7px;white-space:nowrap}.textbook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.textbook-cover{padding:14px;aspect-ratio:3/3.8}.book-symbol{font-size:60px}.textbook-cover strong{font-size:12px}.textbook-info .eyebrow{font-size:5px;letter-spacing:.5px}.textbook-info h4{font-size:11px}.textbook-info>div,.textbook-info>p{font-size:7px}.vocab-path-explainer{padding:15px 13px;gap:8px}.vocab-path-explainer>span{font-size:8px}.vocab-path-explainer svg{width:13px}.vocab-path-explainer>svg:last-of-type{display:none}.vocab-footnote{font-size:8px}.specialty-grid{gap:11px}.specialty-card{padding:17px 14px 13px}.specialty-card h4{font-size:12px;line-height:1.7;min-height:40px;margin-top:7px}.specialty-card p{font-size:8px;min-height:46px}.specialty-jp{font-size:8px;letter-spacing:.6px}.specialty-icon{width:38px;height:40px;border-radius:11px}.specialty-icon>svg{width:21px}.specialty-card-top>svg{width:15px}.specialty-card-bottom{font-size:6.5px;gap:4px;flex-wrap:wrap}.specialty-card-bottom>span:last-child{gap:3px}.specialty-card-bottom svg{width:12px}.jlpt-levels{gap:6px}.jlpt-levels button{padding:12px 9px;border-radius:10px}.jlpt-levels strong{font-size:24px;margin:12px 0 7px}.jlpt-levels button>span:last-of-type{font-size:6px}.jlpt-levels button>svg{right:6px;top:9px;width:12px}.level-step{font-size:6px}.jlpt-preview{padding:24px;position:relative;overflow:hidden;gap:0}.jlpt-preview-letter{position:absolute;right:-18px;bottom:-10px;opacity:.25;width:110px;height:130px}.jlpt-preview>div:last-child{position:relative;z-index:1}.jlpt-preview h3{font-size:20px;max-width:255px}.jlpt-preview .button{font-size:10px}.vocab-collection-hero{padding:20px 18px;gap:10px}.vocab-collection-hero h3{font-size:20px}.vocab-collection-hero .eyebrow{font-size:6px}.vocab-collection-hero p{font-size:9px}.vocab-collection-label{font-size:9px;padding:8px;max-width:95px;white-space:normal;text-align:center}.vocab-content-note p{font-size:8px}.vocab-content-note strong{font-size:9px}.vocab-content-note>svg{width:17px}.vocab-demo-note{font-size:10px}.vocab-deck-heading h3{font-size:14px}.vocab-deck-heading>span{font-size:8px}.vocab-deck-heading>.text-button{width:100%;margin-left:0;font-size:9px}.vocab-table-head{grid-template-columns:43% 1fr 42px;font-size:5.5px;gap:8px;padding:12px 10px}.vocabulary-list .vocab-row{padding:13px 10px;gap:7px}.vocabulary-list .vocab-row>.vocab-jp{flex-basis:41%;gap:6px}.vocabulary-list .vocab-row ruby{font-size:21px}.vocab-jp>span{font-size:6px}.vocabulary-list .vocab-row>.vocab-context strong{font-size:9px;line-height:1.8;display:block}.vocabulary-list .vocab-row>.vocab-context p{display:none}.vocabulary-list .vocab-row>.icon-button{width:28px;height:30px}.vocabulary-list .vocab-row>.icon-button>svg{width:15px}.vocabulary-list .vocab-row>.text-button{font-size:7px;gap:0;max-width:24px}.vocabulary-list .vocab-row>.text-button>svg{display:none}.vocab-review-result{font-size:10px}}