:root{--paper:#f8f5ee;--paper-deep:#f0ebe0;--ink:#173149;--ink-soft:#5e6d79;--red:#eb5b49;--red-dark:#d94838;--pink:#f3b7c6;--green:#55a88e;--line:#e5dfd4;--white:#fff;--shadow-sm:0 8px 24px #1f314112;--shadow-lg:0 28px 80px #1f314129;--radius-sm:14px;--radius-md:22px;--radius-lg:32px}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Plus Jakarta Sans,Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.question-audio{justify-content:space-between;align-items:center;gap:14px;display:flex}.question-audio button{color:var(--red);cursor:pointer;background:#fff;border:1px solid #ddd6cc;border-radius:50px;align-items:center;gap:6px;padding:8px 12px;font-size:9px;font-weight:800;display:flex}.audio-status{color:#7c898f;margin:-5px 0 12px;font-size:8px;display:block}.quiz-result>small{color:#7a878e;margin-top:13px;display:block}.admin-shell{background:#f4f0e8;min-height:100vh}.admin-head{border-bottom:1px solid var(--line);background:#fffdf8;align-items:center;gap:18px;height:76px;padding:0 max(24px,50vw - 590px);display:flex}.admin-head>div{border-left:1px solid var(--line);flex-direction:column;padding-left:18px;display:flex}.admin-head>div strong{font-size:13px}.admin-head>div span{color:#8a9499;font-size:9px}.admin-head>button{color:#6c7880;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-left:auto;font-size:11px;display:flex}.admin-main{width:min(1180px,100% - 48px);margin:auto;padding:54px 0 90px}.admin-demo-banner{color:#6d5212;background:#fff4c9;border:1px solid #e6b94b;border-radius:12px;margin-bottom:18px;padding:12px 15px;font-size:11px;font-weight:800;line-height:1.5}.admin-title{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.admin-title span,.admin-modal header span{color:var(--red);letter-spacing:.12em;font-size:9px;font-weight:900}.admin-title h1{letter-spacing:-.04em;margin:7px 0;font-size:42px}.admin-title p{color:#6c7982;margin:0;font-size:13px}.admin-toast{color:#39745f;cursor:pointer;background:#eaf5ef;border:1px solid #cde1d7;border-radius:12px;justify-content:space-between;width:100%;margin-bottom:16px;padding:12px 15px;font-size:11px;display:flex}.admin-tools{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;align-items:center;gap:28px;padding:16px 20px;display:flex}.admin-tools>div{flex-direction:column;min-width:92px;display:flex}.admin-tools strong{font-size:22px}.admin-tools span{color:#899298;font-size:9px}.admin-tools button,.admin-tools label{border:1px solid var(--line);cursor:pointer;background:#faf7f1;border-radius:10px;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:10px;font-weight:800;display:flex}.admin-tools button{margin-left:auto}.admin-tools svg{width:16px}.admin-tools input{display:none}.admin-tools .disabled{opacity:.5;pointer-events:none}.admin-topic-manager{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;margin-top:16px;padding:20px}.admin-topic-manager>header{justify-content:space-between;align-items:center;gap:15px;display:flex}.admin-topic-manager>header div{flex-direction:column;gap:4px;display:flex}.admin-topic-manager>header strong{font-size:15px}.admin-topic-manager>header span{color:#78858d;font-size:10px}.admin-topic-manager>header button{border:1px solid var(--line);cursor:pointer;background:#faf7f1;border-radius:9px;align-items:center;gap:6px;padding:9px 11px;font-size:10px;font-weight:800;display:flex}.admin-topic-manager svg{width:14px}.admin-topic-layout{grid-template-columns:minmax(320px,.8fr) minmax(360px,1.2fr);gap:22px;margin-top:18px;display:grid}.admin-topic-layout form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-topic-layout form label{color:#536571;flex-direction:column;gap:6px;font-size:10px;font-weight:800;display:flex}.admin-topic-layout input,.admin-topic-layout textarea{color:var(--ink);background:#fff;border:1px solid #dcd6cc;border-radius:9px;padding:9px}.admin-topic-layout textarea{resize:vertical;min-height:70px}.admin-topic-layout .topic-description{grid-column:1/-1}.admin-topic-layout .topic-active{flex-direction:row;align-items:center}.admin-topic-layout .topic-active input{width:auto}.admin-topic-layout form>.button{grid-column:1/-1}.admin-topic-list{border:1px solid var(--line);border-radius:12px;max-height:350px;overflow:auto}.admin-topic-list article{border-top:1px solid #eee9e1;grid-template-columns:28px 1fr 31px 31px;align-items:center;gap:8px;padding:11px 12px;display:grid}.admin-vocabulary-tools{flex-wrap:wrap;gap:9px;padding:14px 18px;display:flex}.admin-vocabulary-tools button,.admin-vocabulary-tools label{border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:750;display:inline-flex}.admin-vocabulary-tools svg{width:15px}.admin-vocabulary-tools input[type=file]{display:none}.admin-vocabulary-search{border:1px solid var(--line);background:var(--white);border-radius:10px;align-items:center;gap:7px;min-width:min(320px,100%);padding:0 10px;display:flex}.admin-vocabulary-search>svg{width:15px;color:var(--ink-soft)}.admin-vocabulary-search input{min-width:0;min-height:38px;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.admin-vocabulary-search button{background:0 0;border:0;padding:3px}.admin-vocabulary-form{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px;display:grid}.admin-vocabulary-form label{color:var(--ink-soft);flex-direction:column;gap:6px;font-size:10px;font-weight:750;display:flex}.admin-vocabulary-form input,.admin-vocabulary-form select{border:1px solid var(--line);background:var(--white);min-height:40px;color:var(--ink);border-radius:9px;padding:8px 10px}.admin-vocabulary-list{display:grid}.admin-vocabulary-list article{border-top:1px solid var(--line);grid-template-columns:minmax(180px,1fr) 160px 70px 34px 34px;align-items:center;gap:10px;padding:12px 18px;display:grid}.admin-vocabulary-list article:first-child{border-top:0}.admin-vocabulary-list article>div{flex-direction:column;gap:3px;display:flex}.admin-vocabulary-list small{color:var(--ink-soft)}.admin-vocabulary-list article>button{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.admin-vocabulary-list article>button svg{width:14px}.admin-vocabulary-list article>button.danger{color:#c74336}.admin-topic-list article:first-child{border-top:0}.admin-topic-list article>span{font-size:18px}.admin-topic-list article>div{flex-direction:column;gap:3px;display:flex}.admin-topic-list strong{font-size:11px}.admin-topic-list small{color:#7d8990;font-size:9px}.admin-topic-list button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.admin-topic-list button.danger{color:#cc4f42}.admin-bulk-actions{align-items:center;gap:12px;margin-top:16px;display:flex}.admin-bulk-actions label{align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.admin-bulk-actions span{color:#78858d;font-size:10px}.admin-bulk-actions button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:6px;min-height:36px;padding:0 11px;font-size:10px;font-weight:800;display:flex}.admin-bulk-actions button:first-of-type{margin-left:auto}.admin-bulk-actions button.danger{color:#bc3f33;border-color:#e5aaa3}.admin-bulk-actions button:disabled{opacity:.45;cursor:not-allowed}.admin-bulk-actions svg{width:14px}.admin-table{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;margin-top:12px;overflow:hidden}.admin-table__head,.admin-table article{grid-template-columns:22px minmax(300px,2fr) minmax(150px,1fr) 100px 90px;align-items:center;gap:14px;padding:14px 20px;display:grid}.admin-table__head{color:#7e888e;text-transform:uppercase;letter-spacing:.08em;background:#ebe6dd;font-size:9px;font-weight:850}.admin-table article{border-top:1px solid #eee9e1}.admin-row-check{width:16px;height:16px;accent-color:var(--red)}.admin-table article strong{font-size:12px;display:block}.admin-table article p{color:#748089;white-space:nowrap;text-overflow:ellipsis;margin:5px 0 0;font-size:10px;overflow:hidden}.admin-table article>div:nth-child(3){align-items:center;gap:7px;display:flex}.admin-table article b{color:#c84a3a;background:#fae0dc;border-radius:6px;padding:4px 6px;font-size:9px}.admin-table article span{color:#758188;font-size:9px}.status-on,.status-off{background:#e2f1e9;border-radius:50px;width:max-content;font-weight:800;color:#3d7f66!important;padding:5px 8px!important}.status-off{background:#eeeae3;color:#82898d!important}.admin-table article>div:last-child{gap:5px;display:flex}.admin-table article>div:last-child button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.admin-table article>div:last-child svg{width:14px}.admin-table .danger{color:#cc4f42}.admin-empty{text-align:center;color:#899398;padding:60px;font-size:12px}.admin-login{background:var(--paper);place-items:center;min-height:100vh;padding:24px;display:grid}.admin-login form{border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow-lg);background:#fff;border-radius:26px;padding:38px}.admin-login form>span{color:var(--red);letter-spacing:.1em;margin-top:30px;font-size:9px;font-weight:900;display:block}.admin-login h1{margin:7px 0 9px;font-size:30px}.admin-login p{color:#6d7981;font-size:12px;line-height:1.6}.admin-login label,.admin-form>label,.form-row label{color:#536571;flex-direction:column;gap:7px;font-size:10px;font-weight:800;display:flex}.admin-login input,.admin-form input,.admin-form textarea,.admin-form select{width:100%;color:var(--ink);background:#fff;border:1px solid #dcd6cc;border-radius:10px;padding:10px}.admin-login .button{width:100%;margin-top:18px}.admin-alert{color:#a94336;background:#fbe4df;border-radius:10px;padding:10px;font-size:10px;line-height:1.5}.admin-modal{z-index:200;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.admin-modal__backdrop{background:#12202c7a;border:0;position:absolute;inset:0}.admin-modal form{width:min(720px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg);background:#faf8f3;border-radius:22px;flex-direction:column;display:flex;position:relative;overflow:hidden}.admin-modal header{background:#fff;justify-content:space-between;align-items:center;padding:22px 26px;display:flex}.admin-modal h2{margin:5px 0 0;font-size:22px}.admin-modal header button{cursor:pointer;background:0 0;border:0}.admin-form{gap:16px;padding:22px 26px;display:grid;overflow-y:auto}.admin-form textarea{resize:vertical;min-height:75px}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-row--3{grid-template-columns:repeat(3,1fr)}.admin-form fieldset{border:1px solid var(--line);border-radius:13px;gap:8px;padding:13px;display:grid}.admin-form legend{padding:0 6px;font-size:10px;font-weight:800}.option-input{grid-template-columns:18px 25px 1fr;align-items:center;gap:6px;display:grid}.option-input>input:first-child{accent-color:var(--red)}.option-input span{font-size:10px;font-weight:900}.publish-check{align-items:center;flex-direction:row!important}.publish-check input{width:auto}.admin-modal footer{border-top:1px solid var(--line);background:#fff;justify-content:flex-end;gap:8px;padding:13px 26px;display:flex}@media (max-width:760px){.admin-main{width:calc(100% - 28px);padding-top:35px}.admin-head{padding:0 14px}.admin-head>div{display:none}.admin-title{flex-direction:column;align-items:flex-start}.admin-title h1{font-size:35px}.admin-tools{flex-wrap:wrap;align-items:stretch;gap:10px}.admin-tools>div{min-width:70px}.admin-tools button{margin-left:0}.admin-tools button,.admin-tools label{flex:1}.admin-topic-layout{grid-template-columns:1fr}.admin-topic-manager>header{flex-direction:column;align-items:flex-start}.admin-bulk-actions{flex-wrap:wrap;align-items:stretch}.admin-bulk-actions button:first-of-type{margin-left:0}.admin-table__head{display:none}.admin-table article{grid-template-columns:22px 1fr auto;padding:17px}.admin-table article>div:nth-child(2){grid-column:2/-1}.admin-table article>span{grid-area:2/2}.admin-table article>div:last-child{grid-area:2/3}.form-row,.form-row--3{grid-template-columns:1fr}.admin-modal{padding:8px}.admin-modal form{max-height:calc(100vh - 16px)}}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #eb5b4952}button:disabled{cursor:not-allowed;opacity:.5}.site-shell{min-height:100vh;overflow:hidden}.container{width:min(1180px,100% - 48px);margin-inline:auto}.topbar{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f5eee8;border-bottom:1px solid #17314912;height:78px;position:fixed;inset:0 0 auto}.topbar__inner{justify-content:space-between;align-items:center;gap:36px;height:100%;display:flex}.brand-button{cursor:pointer;background:0 0;border:0;padding:0}.brand{color:var(--red);text-align:left;align-items:center;gap:10px;display:inline-flex}.brand--light{color:#fff}.brand__mark{flex:none;width:39px;height:39px}.brand__copy{flex-direction:column;line-height:1;display:flex}.brand__name{color:var(--ink);letter-spacing:-1px;font-size:23px;font-weight:850}.brand--light .brand__name,.brand--light .brand__tagline{color:#fff}.brand__tagline{color:#8b837b;letter-spacing:.14em;margin-top:5px;font-size:8px;font-weight:750}.main-nav{align-items:center;gap:34px;margin-left:auto;display:flex}.main-nav button{color:#495c6d;cursor:pointer;background:0 0;border:0;padding:14px 0;font-size:14px;font-weight:700;position:relative}.main-nav button:after{background:var(--red);content:"";border-radius:9px;height:2px;transition:inset .18s;position:absolute;bottom:6px;left:50%;right:50%}.main-nav button:hover:after{left:0;right:0}.main-nav button.active{color:var(--red)}.main-nav button.active:after{left:0;right:0}.view-section{min-height:calc(100vh - 78px);padding-top:145px}.topbar__actions{align-items:center;gap:11px;display:flex}.install-app-button{white-space:nowrap}.theme-toggle{width:42px;height:42px;color:var(--ink);cursor:pointer;background:#ffffff9e;border:1px solid #e4ddd2;border-radius:50%;place-items:center;transition:transform .18s,background .18s;display:grid}.theme-toggle:hover{transform:translateY(-2px)rotate(8deg)}.streak{color:#e7623d;background:#fff9;border:1px solid #ebdfd1;border-radius:100px;align-items:center;gap:5px;height:42px;padding:0 13px;font-size:13px;display:flex}.streak span{color:#826f61;font-size:11px;font-weight:650}.button{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 18px;font-size:14px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:not(:disabled):hover{transform:translateY(-2px)}.button--primary{background:var(--red);color:#fff;box-shadow:0 10px 22px #eb5b4938}.button--primary:hover{background:var(--red-dark);box-shadow:0 14px 28px #eb5b4947}.button--soft{color:#c84434;background:#fce2dd}.button--dark{background:var(--ink);color:#fff}.button--cream{color:var(--ink);background:#fff7e8}.button--text{color:var(--ink);background:0 0}.button--large{border-radius:15px;min-height:54px;padding:0 23px}.menu-button{cursor:pointer;background:#fff;border:0;border-radius:12px;place-items:center;width:44px;height:44px;display:none}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:60px;min-height:735px;padding-top:145px;padding-bottom:70px;display:grid}.hero__copy{z-index:2;position:relative}.eyebrow{color:#b34f3f;letter-spacing:.08em;text-transform:uppercase;background:#ffffffa6;border:1px solid #ebd6ce;border-radius:100px;align-items:center;gap:7px;width:fit-content;min-height:32px;padding:0 12px;font-size:11px;font-weight:850;display:inline-flex}.hero h1{letter-spacing:-.063em;max-width:640px;margin:25px 0 20px;font-size:clamp(53px,5.1vw,76px);line-height:.99}.hero h1 span{color:var(--red);letter-spacing:-.055em;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:500;position:relative}.hero h1 span:after{content:"";border-top:3px solid #ef9a8f;border-radius:50%;height:8px;position:absolute;bottom:-10px;left:4px;right:2px;transform:rotate(-2deg)}.hero__copy>p{color:#5b6b78;max-width:590px;margin:0;font-size:17px;line-height:1.75}.hero__actions{align-items:center;gap:14px;margin-top:32px;display:flex}.play-icon{width:36px;height:36px;box-shadow:var(--shadow-sm);color:var(--red);background:#fff;border-radius:50%;place-items:center;display:grid}.hero__proof{align-items:center;gap:13px;margin-top:36px;display:flex}.avatar-stack{padding-left:8px;display:flex}.avatar-stack span{border:2px solid var(--paper);color:#8f453d;background:#f5c8be;border-radius:50%;place-items:center;width:34px;height:34px;margin-left:-8px;font-size:12px;font-weight:850;display:grid}.avatar-stack span:nth-child(2){color:#386f61;background:#b7d9ce}.avatar-stack span:nth-child(3){color:#4f5f98;background:#c3cef0}.avatar-stack span:nth-child(4){background:var(--ink);color:#fff}.hero__proof>div:last-child{flex-direction:column;gap:3px;display:flex}.hero__proof strong{font-size:12px}.hero__proof span{color:#7a858d;font-size:10px}.hero-art{isolation:isolate;width:100%;height:510px;position:relative}.hero-art:before{content:"";z-index:-3;background:#f0c8cb;border-radius:48% 52% 45% 55%/44% 40% 60% 56%;position:absolute;inset:26px 8px 5px 40px;transform:rotate(-3deg)}.hero-art:after{content:"";z-index:-2;border:1px solid #ffffff7a;border-radius:48% 52% 45% 55%/44% 40% 60% 56%;position:absolute;inset:45px 18px 12px 50px}.hero-art__sun{opacity:.92;z-index:-1;background:#eb6652;border-radius:50%;width:116px;height:116px;position:absolute;top:49px;right:71px}.hero-art__dots{opacity:.34;background-image:radial-gradient(#9c696d 1.5px,#0000 1.5px);background-size:11px 11px;width:78px;height:48px;position:absolute;top:70px;left:91px}.hero-art__ground{filter:blur(4px);z-index:-1;background:#74494f1f;border-radius:50%;width:340px;height:44px;position:absolute;bottom:44px;right:65px}.bot-mascot{width:220px;height:335px;position:absolute;bottom:52px;left:50%;transform:translate(-43%)}.bot-mascot__ears{z-index:-1;justify-content:space-between;display:flex;position:absolute;top:6px;left:37px;right:37px}.bot-mascot__ears i{background:#edaaac;border:7px solid #233f57;border-bottom:0;border-radius:50% 50% 0 0;width:34px;height:68px;transform:rotate(-23deg)}.bot-mascot__ears i:last-child{transform:rotate(23deg)}.bot-mascot__head{background:#fffaf1;border:9px solid #233f57;border-radius:46% 46% 42% 42%;place-items:center;width:180px;height:158px;display:grid;position:absolute;top:30px;left:20px;box-shadow:inset 0 -10px #eb5b490f,0 15px 25px #3e2f341f}.bot-mascot__face{width:104px;color:var(--red)}.bot-mascot__body{background:#fffaf1;border:8px solid #233f57;border-radius:45% 45% 32% 32%;place-items:center;width:145px;height:165px;display:grid;position:absolute;bottom:0;left:38px}.bot-mascot__body:before{content:"";background:#ef6754;border-radius:0 0 20px 20px;height:16px;position:absolute;top:-6px;left:26px;right:26px}.bot-mascot__body span{color:#d95143;background:#f5d0cf;border-radius:50%;place-items:center;width:58px;height:58px;font-size:35px;font-weight:900;display:grid}.bot-mascot__arm{z-index:-1;background:#fffaf1;border:7px solid #233f57;border-radius:30px;width:55px;height:101px;position:absolute;top:205px}.bot-mascot__arm--left{left:2px;transform:rotate(24deg)}.bot-mascot__arm--right{transform-origin:top;right:1px;transform:rotate(-34deg)}.word-card,.speech-card,.xp-card{z-index:3;position:absolute;box-shadow:0 15px 40px #4b323721}.word-card{background:#fffcf6ed;border:1px solid #ffffffa6;border-radius:18px;flex-direction:column;width:148px;padding:15px 17px;display:flex;top:103px;left:7px;transform:rotate(-6deg)}.word-card>span{color:#a0736e;letter-spacing:.12em;font-size:8px;font-weight:850}.word-card strong{color:#263d51;margin:4px 0 0;font-size:36px;line-height:1.1}.word-card small{color:#8e7774;font-size:9px}.speech-card{color:#fff;background:#243e54;border-radius:15px 15px 15px 3px;flex-direction:column;gap:3px;padding:12px 16px;display:flex;top:104px;right:-13px;transform:rotate(3deg)}.speech-card span{font-size:13px;font-weight:800}.speech-card small{color:#cad4dc;font-size:8px}.xp-card{color:#ed9051;background:#fffbf1f0;border:1px solid #ffffffb3;border-radius:16px;align-items:center;gap:10px;min-height:52px;padding:0 14px;display:flex;bottom:79px;right:0;transform:rotate(-2deg)}.xp-card span{color:#63727d;flex-direction:column;font-size:8px;display:flex}.xp-card strong{color:var(--ink);font-size:12px}.xp-card__track{background:#e5ddd1;border-radius:10px;width:92px;height:4px;margin-top:4px;overflow:hidden}.xp-card__track b{border-radius:inherit;background:var(--red);height:100%;transition:width .25s;display:block}.feature-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff6b}.feature-strip__inner{grid-template-columns:repeat(3,1fr);align-items:center;min-height:112px;display:grid}.feature-strip__inner>div{border-right:1px solid var(--line);align-items:center;gap:15px;min-height:55px;padding:0 46px;display:flex}.feature-strip__inner>div:first-child{padding-left:0}.feature-strip__inner>div:last-child{border:0}.feature-icon{border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid}.feature-icon svg{width:21px}.feature-icon--red{color:#d64b3a;background:#f9d8d3}.feature-icon--green{color:#367c68;background:#d7eae3}.feature-icon--blue{color:#49649e;background:#dae1f1}.feature-strip__inner>div>span:last-child{flex-direction:column;gap:4px;display:flex}.feature-strip strong{font-size:13px}.feature-strip small{color:#7b878f;font-size:10px}.section{padding-top:105px;padding-bottom:105px}.section--paper{background-color:#f0ebe2;background-image:radial-gradient(#2040500d .8px,#0000 .8px);background-size:17px 17px}.section-heading{margin-bottom:42px}.section-heading--split{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.section-heading--center{text-align:center;max-width:650px;margin-inline:auto}.section-heading--less-gap{margin-bottom:32px}.section-kicker{color:var(--red);letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:900;display:block}.section-heading h2{color:var(--ink);letter-spacing:-.045em;margin:0;font-size:clamp(34px,3vw,46px);line-height:1.12}.section-heading p{color:#6f7c85;margin:12px 0 0;font-size:14px;line-height:1.6}.topic-select-all{margin-top:18px}.link-button{color:#74808a;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:10px 0;font-size:12px;display:inline-flex}.link-button span{color:var(--ink);text-underline-offset:4px;font-weight:850;-webkit-text-decoration:underline #e2a69c;text-decoration:underline #e2a69c}.level-grid{grid-template-columns:repeat(5,1fr);gap:13px;display:grid}.level-card{--level-color:var(--red);text-align:left;cursor:pointer;background:#ffffff9e;border:1px solid #e4ded3;border-radius:20px;flex-direction:column;align-items:flex-start;min-height:222px;padding:24px 19px 19px;transition:transform .19s,border .19s,box-shadow .19s,background .19s;display:flex;position:relative;overflow:hidden}.level-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-4px)}.level-card--active{border:2px solid var(--level-color);box-shadow:0 14px 30px color-mix(in srgb, var(--level-color) 16%, transparent);background:#fff;padding:23px 18px 18px}.level-card:after{border:1px solid color-mix(in srgb, var(--level-color) 28%, transparent);content:"";border-radius:50%;width:110px;height:110px;position:absolute;top:-50px;right:-48px}.level-card__number{color:#c5beb5;font-family:Georgia,serif;font-size:11px;font-style:italic;position:absolute;top:17px;right:18px}.level-card__code{color:var(--level-color);letter-spacing:-.06em;font-size:37px;font-weight:900;line-height:1}.level-card>strong{margin-top:11px;font-size:15px}.level-card__jp{color:#667681;margin-top:5px;font-size:11px;font-weight:650}.level-card>small{color:#929ba1;margin-top:14px;font-size:9px}.level-card__check{color:#8d979e;background:#f0ece4;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:15px;right:16px}.level-card__check svg{width:13px}.level-card--active .level-card__check{background:var(--level-color);color:#fff}.selection-note{background:#ebe6dd;border-radius:100px;align-items:center;gap:12px;width:fit-content;max-width:650px;min-height:48px;margin:24px auto 0;padding:7px 18px 7px 7px;display:flex}.selection-note>span{color:#fff;border-radius:50%;flex:none;place-items:center;width:35px;height:35px;font-size:10px;font-weight:900;display:grid}.selection-note p{color:#69767e;margin:0;font-size:10px}.selection-note strong{color:var(--ink)}.topic-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.topic-card{text-align:left;cursor:pointer;background:#ffffffc7;border:1px solid #e2dbd0;border-radius:18px;flex-direction:column;align-items:flex-start;min-height:164px;padding:16px;transition:transform .18s,box-shadow .18s,border .18s;display:flex;position:relative}.topic-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-4px)}.topic-card--active{border:2px solid var(--ink);box-shadow:var(--shadow-sm);padding:15px}.topic-card__icon{width:44px;height:44px;color:var(--ink);border-radius:13px;place-items:center;display:grid}.topic-card__icon svg{width:20px}.topic-card__copy{flex-direction:column;margin-top:13px;display:flex}.topic-card__copy strong{font-size:13px}.topic-card__copy>span{color:#7e898e;margin-top:2px;font-size:9px}.topic-card__copy small{color:#a29d97;margin-top:8px;font-size:8px}.topic-card__select{color:#99928a;border:1px solid #ddd6ca;border-radius:50%;place-items:center;width:24px;height:24px;font-size:15px;display:grid;position:absolute;top:17px;right:16px}.topic-card__select svg{width:12px}.topic-card--active .topic-card__select{border-color:var(--ink);background:var(--ink);color:#fff}.topic-summary{background:#ffffffa8;border:1px solid #ded6c9;border-radius:17px;align-items:center;gap:18px;min-height:66px;margin-top:26px;padding:8px 9px 8px 20px;display:flex}.topic-summary>span{color:#536471;font-size:11px;font-weight:850}.topic-summary>div{gap:6px;margin-right:auto;display:flex}.topic-summary small{color:#6f7a81;background:#ece6dc;border-radius:50px;padding:7px 10px;font-size:9px;font-weight:750}.filter-summary{align-items:center;gap:7px;display:flex}.filter-summary span{color:#61707b;background:#fff;border:1px solid #dfd8cd;border-radius:50px;padding:7px 11px;font-size:10px;font-weight:800}.filter-summary button{color:var(--red);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:8px 3px;font-size:10px;font-weight:800;text-decoration:underline}.lesson-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.training-tabs{border:1px solid var(--line);background:var(--paper-deep);border-radius:14px;gap:4px;width:fit-content;margin:0 0 20px;padding:4px;display:flex}.training-tabs button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:10px 16px;font-size:11px;font-weight:800;display:inline-flex}.training-tabs button.active{background:var(--white);color:var(--ink);box-shadow:var(--shadow-sm)}.training-vocabulary{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}.training-vocabulary p>small{display:block}.vocabulary-search{border:1px solid var(--line);background:var(--white);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:9px;margin:0 0 18px;padding:0 12px;display:flex}.vocabulary-search>svg{width:18px;color:var(--ink-soft)}.vocabulary-search input{min-width:0;min-height:48px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.vocabulary-search button{background:var(--paper-deep);width:30px;height:30px;color:var(--ink-soft);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.vocabulary-search button svg{width:14px}.materials-empty{border:1px dashed var(--line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--paper-deep) 55%, transparent);color:var(--ink-soft);text-align:center;justify-items:center;gap:10px;margin:8px 0 24px;padding:30px;display:grid}.materials-empty>svg{width:32px;height:32px;color:var(--red)}.materials-empty strong{color:var(--ink);font-size:18px}.materials-empty p{max-width:520px;margin:0 0 4px;line-height:1.6}.lesson-card{background:#ffffffc2;border:1px solid #e3ddd2;border-radius:20px;transition:transform .19s,box-shadow .19s;overflow:hidden}.lesson-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-5px)}.lesson-card__cover{--lesson-color:var(--red);background:color-mix(in srgb, var(--lesson-color) 76%, #fff);cursor:pointer;border:0;width:100%;height:162px;display:block;position:relative;overflow:hidden}.lesson-card__cover:before,.lesson-card__cover:after{content:"";border:1px solid #ffffff4d;border-radius:50%;position:absolute}.lesson-card__cover:before{width:160px;height:160px;top:-75px;right:-45px}.lesson-card__cover:after{width:100px;height:100px;bottom:-55px;left:-35px}.lesson-card__pattern{color:#ffffff47;font-size:108px;font-weight:900;line-height:1;position:absolute;bottom:-12px;right:18px}.lesson-card__level{color:var(--ink);background:#ffffffe0;border-radius:50px;padding:5px 9px;font-size:9px;font-weight:900;position:absolute;top:15px;left:15px}.lesson-card__best{color:#987225;background:#fff3ca;border-radius:50px;align-items:center;gap:4px;padding:5px 8px;font-size:7px;font-weight:850;display:flex;position:absolute;top:15px;right:12px}.lesson-card__play{width:40px;height:40px;color:var(--lesson-color);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:17px;left:18px;box-shadow:0 8px 18px #1c242d21}.lesson-card__body{flex-direction:column;min-height:176px;padding:17px;display:flex}.lesson-card__meta{color:#89939a;align-items:center;gap:7px;font-size:8px;font-weight:700;display:flex}.lesson-card__meta span{align-items:center;gap:4px;display:flex}.lesson-card__meta i{background:#c5beb6;border-radius:50%;width:3px;height:3px}.lesson-card h3{letter-spacing:-.02em;margin:11px 0 3px;font-size:15px;line-height:1.3}.lesson-card__japanese{color:#8e979d;font-size:10px}.lesson-card__footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.lesson-card__footer>span{color:#d88447;align-items:center;gap:4px;font-size:9px;font-weight:850;display:flex}.lesson-card__footer button{color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;font-size:9px;font-weight:850;display:flex}.progress-track{background:#e8e2da;border-radius:10px;height:3px;margin-top:12px;overflow:hidden}.progress-track i{border-radius:inherit;background:var(--red);height:100%;display:block}.quiz-banner{background:var(--ink);color:#fff;border-radius:22px;align-items:center;gap:20px;min-height:128px;margin-top:30px;padding:21px 25px;display:flex;position:relative;overflow:hidden}.quiz-banner:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:180px;height:180px;position:absolute;right:170px}.quiz-banner__icon{color:#fff;background:#f2b34c;border-radius:20px;flex:none;place-items:center;width:70px;height:70px;display:grid;transform:rotate(-3deg)}.quiz-banner__icon svg{width:31px}.quiz-banner>div:nth-child(2){margin-right:auto}.quiz-banner>div:nth-child(2)>span{color:#f2b35f;letter-spacing:.14em;font-size:8px;font-weight:900}.quiz-banner h3{margin:5px 0 4px;font-size:20px}.quiz-banner p{color:#b6c0c8;margin:0;font-size:10px}.quiz-banner__stat{z-index:1;border-left:1px solid #ffffff1f;flex-direction:column;align-items:center;padding:0 25px;display:flex}.quiz-banner__stat strong{color:#f2bb62;font-size:24px}.quiz-banner__stat span{color:#acb8c0;font-size:8px}.quiz-banner .button{z-index:1}.chat-promo{color:#fff;background:#203e56;border-radius:34px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:75px;min-height:570px;padding:68px 70px;display:grid;position:relative;overflow:hidden}.chat-promo:before{content:"";border:1px solid #ffffff14;border-radius:50%;width:420px;height:420px;position:absolute;top:-180px;left:-120px}.chat-promo:after{content:"";border:1px solid #ffffff0f;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-230px;right:-180px}.chat-promo__copy{z-index:2;position:relative}.eyebrow--light{color:#d6e4e8;background:#ffffff12;border-color:#ffffff29}.online-dot{background:#62d09c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #62d09c21}.chat-promo h2{letter-spacing:-.05em;margin:20px 0 17px;font-size:48px;line-height:1.03}.chat-promo h2 span{color:#f4be71;font-family:Georgia,serif;font-style:italic;font-weight:500}.chat-promo__copy>p{color:#c1ccd3;max-width:395px;margin:0;font-size:13px;line-height:1.7}.chat-promo ul{gap:10px;margin:24px 0 30px;padding:0;list-style:none;display:grid}.chat-promo li{color:#d8e0e5;align-items:center;gap:9px;font-size:10px;display:flex}.chat-promo li svg{color:#75d6a8;background:#62d09c2e;border-radius:50%;width:17px;height:17px;padding:3px}.chat-preview{z-index:2;width:100%;max-width:470px;color:var(--ink);background:#f7f4ed;border:1px solid #ffffff3d;border-radius:24px;margin-left:auto;padding:11px;position:relative;transform:rotate(1.5deg);box-shadow:0 30px 70px #04111c4f}.chat-preview__head{border-bottom:1px solid #e8e1d7;align-items:center;gap:10px;height:64px;padding:0 10px;display:flex}.chat-avatar{width:39px;height:39px;color:var(--red);background:#f4c2c0;border-radius:13px;flex:none;place-items:center;display:grid;overflow:hidden}.nihonbot-avatar-image{object-fit:cover;object-position:50% 32%;width:100%;height:100%;display:block}.nihonbot-avatar-image--button{border-radius:50%;width:24px;height:24px}.chat-preview__head>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.chat-preview__head strong{font-size:11px}.chat-preview__head small{color:#8a949a;align-items:center;gap:4px;font-size:7px;display:flex}.chat-preview__head small i{background:#55b48c;border-radius:50%;width:5px;height:5px}.chat-preview__level{color:#536571;background:#e7e1d7;border-radius:50px;margin-left:auto;padding:5px 9px;font-size:8px;font-weight:850}.chat-preview__body{flex-direction:column;align-items:flex-start;gap:12px;min-height:336px;padding:14px 12px;display:flex}.preview-date{color:#9da4a8;align-self:center;font-size:7px}.bubble{background:#fff;border-radius:13px 13px 13px 3px;max-width:78%;padding:10px 12px 15px;position:relative;box-shadow:0 4px 13px #2130390f}.bubble p{margin:0;font-size:11px;font-weight:650;line-height:1.5}.bubble small{color:#89939a;margin-top:4px;font-size:7px;display:block}.bubble>span:last-child{color:#b3b7ba;font-size:6px;position:absolute;bottom:4px;right:8px}.bubble--user{color:#fff;background:#eb6756;border-radius:13px 13px 3px;align-self:flex-end}.bubble--feedback{background:#fffdf2;padding-top:30px}.feedback-label{align-items:center;gap:4px;font-weight:850;display:flex;top:8px;left:10px;color:#58a17d!important;font-size:7px!important;position:absolute!important}.chat-preview__input{color:#a0a6aa;background:#fff;border:1px solid #e3dcd1;border-radius:13px;align-items:center;height:48px;padding:0 13px;font-size:8px;display:flex}.chat-preview__input svg{background:var(--red);color:#fff;border-radius:9px;width:30px;height:30px;margin-left:auto;padding:8px}.chat-promo__kanji{color:#ffffff09;font-size:290px;font-weight:900;position:absolute;top:-70px;right:36px}.closing-section{text-align:center;padding:92px 0 100px;position:relative;overflow:hidden}.closing-section:before,.closing-section:after{content:"";border:1px solid #e7ded2;border-radius:50%;width:230px;height:230px;position:absolute}.closing-section:before{top:-130px;left:5%}.closing-section:after{bottom:-155px;right:4%}.closing-section__inner{z-index:1;position:relative}.closing-section__jp{color:var(--red);letter-spacing:.08em;font-size:13px;font-weight:750}.closing-section h2{letter-spacing:-.05em;margin:14px 0 12px;font-size:clamp(36px,4vw,52px)}.closing-section p{color:#77838b;margin:0 0 25px;font-size:13px}.footer{background:#eae4da;padding:62px 0 22px}.footer__top{grid-template-columns:1.8fr repeat(3,1fr);gap:45px;display:grid}.footer__top>div{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.footer__top>div:first-child p{color:#78838a;max-width:250px;margin:6px 0 0;font-size:11px;line-height:1.6}.footer__top strong{margin-bottom:4px;font-size:11px}.footer__top button,.footer__top>div>span{color:#758088;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px}.footer__top button:hover{color:var(--red)}.footer__bottom{color:#8c918f;border-top:1px solid #d9d1c6;justify-content:space-between;margin-top:50px;padding-top:20px;font-size:8px;display:flex}.footer__bottom span{align-items:center;gap:4px;display:flex}.footer__bottom svg{color:var(--red)}.floating-chat{z-index:42;background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:100px;align-items:center;gap:9px;min-height:50px;padding:0 19px 0 13px;font-size:11px;font-weight:800;transition:transform .18s;display:flex;position:fixed;bottom:22px;right:24px;box-shadow:0 12px 30px #17314942}.floating-chat:hover{transform:translateY(-3px)}.floating-chat>svg{background:var(--red);border-radius:50%;width:30px;height:30px;padding:6px}.nihonbot-avatar-image--floating{border:2px solid #ffffffc7;border-radius:50%;flex:none;width:32px;height:32px}.floating-chat i{border:2px solid var(--ink);background:#65d19c;border-radius:50%;width:9px;height:9px;position:absolute;top:1px;left:38px}.bottom-nav{display:none}.modal-layer,.chat-layer{z-index:100;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-backdrop,.chat-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;background:#10202e94;border:0;width:100%;height:100%;animation:.18s both fade-in;position:absolute;inset:0}.setup-modal,.lesson-modal,.quiz-modal{background:var(--paper);width:min(740px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);border:1px solid #ffffffb3;border-radius:25px;animation:.23s both modal-in;position:relative;overflow:auto}.modal-topline{border-bottom:1px solid #e4ddd2;grid-template-columns:1fr auto 1fr;align-items:center;height:62px;padding:0 22px;display:grid}.modal-topline>span{color:#829099;font-size:9px;font-weight:750}.modal-topline>div{gap:5px;display:flex}.modal-topline>div i{background:#ddd7ce;border-radius:10px;width:29px;height:4px}.modal-topline>div i.active{background:var(--red)}.modal-topline>button{cursor:pointer;background:#ece7df;border:0;border-radius:50%;place-items:center;width:36px;height:36px;margin-left:auto;display:grid}.modal-topline svg{width:17px}.setup-modal__heading{align-items:center;gap:17px;padding:31px 40px 23px;display:flex}.modal-emoji{color:#c84b3c;background:#f4c6c2;border-radius:17px;flex:none;place-items:center;width:54px;height:54px;font-size:25px;font-weight:850;display:grid}.setup-modal__heading h2{letter-spacing:-.035em;margin:0 0 5px;font-size:27px}.setup-modal__heading p{color:#7a868d;margin:0;font-size:11px}.setup-levels{grid-template-columns:repeat(5,1fr);gap:8px;padding:0 40px;display:grid}.setup-levels button{--level-color:var(--red);text-align:left;cursor:pointer;background:#fff;border:1px solid #e0d9ce;border-radius:15px;flex-direction:column;align-items:flex-start;min-height:118px;padding:15px 10px;display:flex;position:relative}.setup-levels button.active{border:2px solid var(--level-color);background:color-mix(in srgb, var(--level-color) 5%, #fff);padding:14px 9px}.setup-levels button>span{color:var(--level-color);letter-spacing:-.05em;font-size:25px;font-weight:900}.setup-levels button>div{flex-direction:column;margin-top:auto;display:flex}.setup-levels strong{font-size:11px}.setup-levels small{color:#92999e;margin-top:2px;font-size:7px}.setup-levels button>svg{background:var(--level-color);color:#fff;border-radius:50%;width:19px;height:19px;padding:4px;position:absolute;top:8px;right:8px}.placement-link{color:#64727d;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:17px 40px 0;padding:4px 0;font-size:9px;font-weight:750;display:flex}.placement-link svg{color:var(--red)}.placement-test{background:#f7f2ea;border:1px solid #ded7cc;border-radius:13px;gap:8px;margin:17px 40px 0;padding:13px 15px;display:grid}.placement-test>span{color:var(--red);letter-spacing:.1em;font-size:7px;font-weight:900}.placement-test>strong{font-size:11px;line-height:1.45}.placement-test>div{flex-wrap:wrap;gap:7px;display:flex}.placement-test button{cursor:pointer;background:#fff;border:1px solid #d9d1c5;border-radius:8px;padding:7px 10px;font-size:8px;font-weight:800}.placement-test button:hover{border-color:var(--red);color:var(--red)}.modal-actions{border-top:1px solid #e4ddd2;justify-content:space-between;align-items:center;margin-top:24px;padding:16px 40px 20px;display:flex}.setup-topics{grid-template-columns:repeat(5,1fr);gap:8px;padding:0 40px;display:grid}.setup-select-all{margin:0 40px 12px}.setup-topics button{cursor:pointer;background:#fff;border:1px solid #e1dad0;border-radius:14px;flex-direction:column;align-items:center;min-height:105px;padding:10px 8px;display:flex;position:relative}.setup-topics button.active{border:2px solid var(--ink);padding:9px 7px}.setup-topics button>span{border-radius:11px;place-items:center;width:37px;height:37px;display:grid}.setup-topics button>span svg{width:17px}.setup-topics strong{margin-top:7px;font-size:9px}.setup-topics small{color:#92999e;margin-top:2px;font-size:7px}.setup-topics button>i{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:6px;right:6px}.setup-topics button>i svg{width:11px}.lesson-modal{width:min(780px,100%)}.lesson-modal__header{--lesson-color:var(--red);background:color-mix(in srgb, var(--lesson-color) 78%, #fff);color:#fff;align-items:center;gap:21px;min-height:148px;padding:28px 37px;display:flex;position:relative;overflow:hidden}.lesson-modal__header:after{content:"";border:1px solid #ffffff38;border-radius:50%;width:220px;height:220px;position:absolute;top:-70px;right:-35px}.lesson-modal__header>button{z-index:2;width:35px;height:35px;color:var(--ink);cursor:pointer;background:#ffffffe0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:15px;right:15px}.lesson-modal__header>button svg{width:17px}.lesson-modal__glyph{background:#ffffff2b;border:1px solid #ffffff59;border-radius:23px;flex:none;place-items:center;width:82px;height:82px;font-size:47px;font-weight:850;display:grid}.lesson-modal__header>div{z-index:1;position:relative}.lesson-modal__header>div span{letter-spacing:.08em;font-size:9px;font-weight:850}.lesson-modal__header h2{letter-spacing:-.035em;margin:5px 0 2px;font-size:28px}.lesson-modal__header p{margin:0;font-size:12px}.lesson-modal__reward{align-items:center;gap:4px;font-size:9px;font-weight:850;display:flex;position:absolute;bottom:20px;right:29px}.lesson-steps{border-bottom:1px solid #e2dcd2;grid-template-columns:repeat(3,1fr);height:71px;padding:0 40px;display:grid}.lesson-steps button{color:#91999e;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;font-size:9px;font-weight:800;display:flex;position:relative}.lesson-steps button:after{content:"";background:0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.lesson-steps button.active{color:var(--ink)}.lesson-steps button.active:after{background:var(--red)}.lesson-steps button>span{border:1px solid #d8d2c8;border-radius:50%;place-items:center;width:23px;height:23px;font-size:8px;display:grid}.lesson-steps button.active>span{border-color:var(--red);background:var(--red);color:#fff}.lesson-steps button.done>span{color:#41826c;background:#d6e9e0}.lesson-steps svg{width:11px}.lesson-modal__content{min-height:355px;padding:34px 46px}.lesson-intro{text-align:center;max-width:500px;margin:20px auto}.lesson-intro__icon{color:#d55242;background:#f7d5d0;border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 17px;display:grid}.lesson-intro h3{margin:0 0 10px;font-size:24px}.lesson-intro>p{color:#697781;margin:0;font-size:12px;line-height:1.65}.lesson-intro>div{justify-content:center;gap:9px;margin-top:23px;display:flex}.lesson-intro>div span{color:#687681;background:#ece7de;border-radius:50px;align-items:center;gap:5px;padding:8px 11px;font-size:8px;font-weight:700;display:flex}.lesson-intro>div svg{width:13px}.content-title{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.content-title>div span{color:var(--red);letter-spacing:.13em;font-size:8px;font-weight:900}.content-title h3{margin:4px 0 0;font-size:21px}.content-title>button{color:#667580;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:6px 0;font-size:8px;font-weight:750;display:flex}.content-title>button svg{width:14px}.vocab-list{gap:8px;display:grid}.vocab-list>div{background:#fff;border:1px solid #e0d9cf;border-radius:13px;grid-template-columns:36px 1.1fr 1fr;align-items:center;gap:11px;min-height:70px;padding:10px 14px;display:grid}.vocab-list button{color:#d45242;cursor:pointer;background:#f7d7d1;border:0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.vocab-list button svg{width:15px}.vocab-list>div>span{flex-direction:column;display:flex}.vocab-list strong{font-size:18px}.vocab-list small{color:#8a9399;margin-top:2px;font-size:8px}.vocab-list p{color:#5f6e78;margin:0;font-size:10px}.dialogue-box{background:#fff;border:1px solid #e1dad0;border-radius:16px;gap:15px;padding:20px;display:grid}.dialogue-box>div{grid-template-columns:44px 1fr;align-items:flex-start;gap:12px;display:grid}.dialogue-box>div>span{color:#a84648;background:#f0ccd0;border-radius:13px;place-items:center;width:42px;height:42px;font-size:9px;font-weight:850;display:grid}.dialogue-box>div:nth-child(2n)>span{color:#45697e;background:#d4e3ef}.dialogue-box p{flex-direction:column;gap:5px;margin:2px 0 0;display:flex}.dialogue-box strong{font-size:14px}.dialogue-box small{color:#7f898f;font-size:9px}.grammar-note{color:#ab7528;background:#f5ead1;border-radius:13px;gap:10px;margin-top:13px;padding:12px 14px;display:flex}.grammar-note>svg{flex:none;width:17px}.grammar-note p{flex-direction:column;gap:2px;margin:0;display:flex}.grammar-note strong{font-size:9px}.grammar-note span{color:#887b62;font-size:8px}.lesson-modal__footer{border-top:1px solid #e1dad0;align-items:center;gap:9px;min-height:73px;padding:0 40px;display:flex}.lesson-modal__footer>span{background:#ddd7ce;border-radius:10px;width:190px;height:4px;margin-right:auto;overflow:hidden}.lesson-modal__footer>span i{border-radius:inherit;background:var(--red);height:100%;transition:width .2s;display:block}.quiz-modal{width:min(720px,100%)}.quiz-modal__head{border-bottom:1px solid #e1dad0;align-items:center;gap:12px;height:77px;padding:0 28px;display:flex}.quiz-mark{color:#fff;background:#f4c25e;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.quiz-mark svg{width:21px}.quiz-modal__head>div:nth-child(2){flex-direction:column;gap:2px;display:flex}.quiz-modal__head>div:nth-child(2) span{color:#d78242;letter-spacing:.12em;font-size:7px;font-weight:900}.quiz-modal__head>div:nth-child(2) strong{font-size:12px}.quiz-progress{background:#e1dbd1;border-radius:10px;width:150px;height:5px;margin-left:auto;overflow:hidden}.quiz-progress i{background:#f0a94f;width:20%;height:100%;display:block}.quiz-modal__head>button{cursor:pointer;background:#ebe6de;border:0;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.quiz-modal__head>button svg{width:17px}.quiz-modal__body{min-height:420px;padding:37px 49px 30px}.question-number{color:var(--red);letter-spacing:.13em;font-size:8px;font-weight:900}.quiz-modal__body h2{letter-spacing:-.025em;max-width:550px;margin:10px 0 7px;font-size:23px;line-height:1.35}.question-jp{color:#78858d;margin:0 0 22px;font-size:12px}.answer-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.answer-grid button{text-align:left;cursor:pointer;background:#fff;border:1px solid #dfd8ce;border-radius:13px;align-items:center;gap:10px;min-height:64px;padding:10px 37px 10px 11px;display:flex;position:relative}.answer-grid button.selected{border:2px solid var(--red);background:#fff6f3;padding:9px 36px 9px 10px}.answer-grid button>span{color:#6e7980;background:#eee9e1;border-radius:9px;flex:none;place-items:center;width:31px;height:31px;font-size:9px;font-weight:850;display:grid}.answer-grid button.selected>span{background:var(--red);color:#fff}.answer-grid p{margin:0;font-size:10px;line-height:1.4}.answer-grid i{background:var(--red);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;right:12px}.answer-grid i svg{width:11px}.quiz-hint{color:#7f898f;background:#ece7df;border-radius:11px;align-items:center;gap:7px;margin-top:17px;padding:9px 11px;font-size:8px;display:flex}.quiz-hint svg{color:#d88948}.quiz-modal__footer{border-top:1px solid #e1dad0;justify-content:space-between;align-items:center;min-height:72px;padding:0 35px;display:flex}.history-modal,.quiz-resume-modal{border:1px solid var(--line);width:min(760px,100%);max-height:min(760px,100vh - 40px);box-shadow:var(--shadow-lg);background:#fffdf8;border-radius:22px;flex-direction:column;display:flex;position:relative;overflow:hidden}.history-modal header,.quiz-resume-modal header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 25px;display:flex}.history-modal header>div,.quiz-resume-modal header>div{flex-direction:column;gap:4px;display:flex}.history-modal header span,.quiz-resume-modal header span{color:var(--red);letter-spacing:.1em;font-size:8px;font-weight:900}.history-modal h2,.quiz-resume-modal h2{margin:0;font-size:22px}.history-modal header>button,.quiz-resume-modal header>button{cursor:pointer;background:#ebe6de;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.history-warning{color:#78602d;background:#fff7df;border:1px solid #efd59c;border-radius:11px;margin:16px 20px 0;padding:11px 13px;font-size:10px;line-height:1.5}.history-summary{flex-wrap:wrap;gap:8px;margin:12px 20px 0;display:flex}.history-summary>*{background:var(--paper-deep);color:var(--ink-soft);border-radius:999px;padding:7px 11px;font-size:10px}.history-summary strong{background:color-mix(in srgb, var(--green) 18%, var(--paper));color:var(--green)}.history-list{border:1px solid var(--line);border-radius:12px;margin:16px 20px;overflow:auto}.history-list article{border-top:1px solid var(--line);grid-template-columns:28px 1fr auto;align-items:start;gap:10px;padding:12px;display:grid}.history-list article:first-child{border-top:0}.history-list article>span{border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.history-list article>span svg{width:13px}.history-correct{color:#37785f;background:#dff2e8}.history-wrong{color:#b84538;background:#f8dfdb}.history-list article>div{flex-direction:column;gap:3px;display:flex}.history-list strong{font-size:11px}.history-list small,.history-list p,.history-list time{color:#758188;margin:0;font-size:9px}.history-modal footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:13px 20px;display:flex}.quiz-resume-modal{width:min(570px,100%)}.quiz-resume-options{gap:10px;padding:20px;display:grid}.quiz-resume-options>button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:14px;grid-template-columns:30px 1fr;gap:3px 10px;padding:15px;display:grid}.quiz-resume-options>button>svg{width:20px;color:var(--red);grid-row:1/3}.quiz-resume-options strong{font-size:12px}.quiz-resume-options small{color:#758188;font-size:9px}.quiz-result{text-align:center;min-height:420px;padding:43px 55px}.quiz-result__icon{color:#3c896d;background:#d8ebe2;border-radius:50%;place-items:center;width:68px;height:68px;margin:0 auto 13px;display:grid}.quiz-result--wrong .quiz-result__icon{color:#ce5040;background:#f7d8d2}.quiz-result__icon svg{width:29px}.quiz-result>span:nth-child(2){color:#43846d;letter-spacing:.08em;font-size:9px;font-weight:900}.quiz-result--wrong>span:nth-child(2){color:#cc5545}.quiz-result h2{margin:8px 0;font-size:25px}.quiz-result>p{color:#687680;max-width:530px;margin:0 auto;font-size:11px;line-height:1.65}.correct-answer{background:#fff;border:1px solid #dad5cb;border-radius:13px;flex-direction:column;gap:4px;max-width:460px;margin:24px auto 0;padding:13px;display:flex}.correct-answer span{color:#8b9499;font-size:8px}.correct-answer strong{font-size:13px}.chat-layer{z-index:110;padding:0;display:block}.chat-backdrop{background:#11212f5c}.chat-panel{background:var(--paper);flex-direction:column;width:min(470px,100%);animation:.26s both drawer-in;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-24px 0 70px #091b2838}.chat-panel__head{background:#fff;border-bottom:1px solid #ded8ce;align-items:center;gap:11px;min-height:80px;padding:0 20px;display:flex}.chat-avatar--large{width:45px;height:45px}.chat-panel__head>div{flex-direction:column;gap:3px;display:flex}.chat-panel__head strong{font-size:13px}.chat-panel__head strong span{color:#89939a;margin-left:4px;font-size:8px;font-weight:650}.chat-panel__head small{color:#849097;align-items:center;gap:5px;font-size:8px;display:flex}.chat-panel__head small i{background:#55b98b;border-radius:50%;width:6px;height:6px}.chat-panel__head>button{cursor:pointer;background:#efebe4;border:0;border-radius:50%;place-items:center;width:37px;height:37px;margin-left:auto;display:grid}.chat-panel__head>button svg{width:18px}.chat-messages{flex-direction:column;flex:1;gap:14px;padding:17px 17px 25px;display:flex;overflow-y:auto}.chat-notice{color:#7a858b;background:#ebe6dc;border-radius:50px;align-self:center;align-items:center;gap:5px;padding:7px 11px;font-size:7px;display:flex}.chat-notice svg{color:var(--red)}.message-row{align-items:flex-start;gap:7px;display:flex}.message-row--user{justify-content:flex-end}.message-avatar{width:29px;height:29px;color:var(--red);background:#f1c3c1;border-radius:9px;flex:none;place-items:center;display:grid;overflow:hidden}.message-row>div{max-width:78%}.message-bubble{background:#fff;border-radius:15px 15px 15px 4px;padding:11px 13px;box-shadow:0 4px 15px #1e2f3a12}.message-row--user .message-bubble{background:var(--red);color:#fff;border-radius:15px 15px 4px}.message-bubble p{margin:0;font-size:12px;line-height:1.55}.message-bubble small{color:#7c898f;border-top:1px solid #e9e3da;margin-top:7px;padding-top:7px;font-size:8px;line-height:1.5;display:block}.message-bubble .romaji{color:#9d7b65;font-style:italic}.message-tools{gap:4px;margin-top:5px;display:flex}.message-tools button{color:#768187;cursor:pointer;background:#f9f6ef;border:1px solid #ded8ce;border-radius:50px;align-items:center;min-height:25px;padding:0 7px;font-size:7px;font-weight:750;display:flex}.typing{background:#fff;border-radius:14px 14px 14px 4px;justify-content:center;align-items:center;gap:4px;width:54px;height:35px;display:flex}.typing i{background:#8d969b;border-radius:50%;width:5px;height:5px;animation:.8s infinite alternate bounce}.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}.quick-prompts{gap:6px;margin-left:36px;display:grid}.quick-prompts>span{color:#8b9499;font-size:8px}.quick-prompts button{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #ddd7ce;border-radius:11px;flex-direction:column;align-items:flex-start;padding:9px 11px;font-size:10px;font-weight:750;display:flex}.quick-prompts small{color:#8d969b;margin-top:2px;font-size:7px;font-weight:500}.chat-input{background:#fff;border-top:1px solid #ddd7ce;grid-template-columns:34px 1fr 40px;align-items:center;gap:5px;min-height:68px;padding:9px 13px;display:grid}.chat-input>button:first-child{color:#889299;cursor:pointer;background:0 0;border:0}.chat-input>button:first-child svg{width:18px}.chat-input input{width:100%;height:43px;color:var(--ink);background:#f3efe8;border:0;border-radius:11px;padding:0 11px;font-size:11px}.chat-input input::placeholder{color:#a3a8aa}.chat-input>button:last-child{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.chat-input>button:last-child svg{width:17px}.chat-footnote{color:#a2a5a4;text-align:center;background:#fff;min-height:22px;padding:0 12px;font-size:6px}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}@keyframes drawer-in{0%{transform:translate(100%)}}@keyframes bounce{to{opacity:.45;transform:translateY(-4px)}}@media (max-width:1024px){.container{width:min(100% - 36px,940px)}.main-nav{gap:20px}.streak span{display:none}.hero{gap:25px;min-height:660px}.hero-art{transform-origin:100%;transform:scale(.88)}.feature-strip__inner>div{padding:0 22px}.level-grid{scrollbar-width:thin;grid-template-columns:repeat(5,minmax(150px,1fr));padding-bottom:8px;overflow-x:auto}.topic-grid{grid-template-columns:repeat(4,1fr)}.lesson-grid{grid-template-columns:repeat(2,1fr)}.chat-promo{gap:38px;padding:54px 45px}.chat-promo h2{font-size:41px}}@media (max-width:760px){html{scroll-padding-top:70px}body{padding-bottom:68px}.container{width:calc(100% - 30px)}.topbar{height:68px}.brand__mark{width:34px;height:34px}.brand__name{font-size:20px}.brand__tagline{font-size:7px}.topbar__chat,.streak{display:none}.install-app-button{border-radius:50%;width:42px;min-height:42px;padding:0}.install-app-button span,.menu-button,.main-nav{display:none}.main-nav button{text-align:left;padding:13px}.main-nav button:after{display:none}.main-nav button.active{color:var(--red);background:#fce2dd;border-radius:10px}.hero{text-align:center;flex-direction:column;gap:20px;min-height:auto;padding-top:120px;padding-bottom:50px;display:flex}.hero__copy{flex-direction:column;align-items:center;display:flex}.hero h1{margin-top:18px;font-size:clamp(46px,13vw,62px);line-height:1.02}.hero__copy>p{font-size:14px;line-height:1.65}.hero__actions{flex-direction:column;width:100%}.hero__actions .button{width:100%}.hero__proof{margin-top:24px}.hero-art{transform-origin:top;width:390px;max-width:100%;height:425px;margin-bottom:-35px;transform:scale(.9)}.hero-art:before{inset:15px 5px 5px}.word-card{left:-3px}.speech-card{right:-5px}.xp-card{right:0}.feature-strip__inner{grid-template-columns:1fr;gap:13px;padding:18px 0}.feature-strip__inner>div,.feature-strip__inner>div:first-child{border:0;min-height:44px;padding:0 4px}.feature-icon{width:39px;height:39px}.section{padding-top:72px;padding-bottom:72px}.section-heading--split{flex-direction:column;align-items:flex-start;gap:10px}.section-heading h2{font-size:35px}.section-heading p{font-size:12px}.link-button{align-self:flex-start}.level-grid{grid-template-columns:repeat(5,168px);margin-right:-15px}.level-card{min-height:204px}.selection-note{border-radius:17px;padding:8px 12px 8px 8px}.selection-note p{text-align:left;line-height:1.4}.topic-grid{grid-template-columns:repeat(2,1fr);gap:9px}.topic-card{min-height:153px}.topic-summary{flex-wrap:wrap;align-items:flex-start;padding:14px}.topic-summary>div{order:3;width:100%;overflow:hidden}.topic-summary .button{margin-left:auto}.filter-summary{width:100%}.lesson-grid{grid-template-columns:1fr}.lesson-card__cover{height:190px}.lesson-card__body{min-height:164px}.quiz-banner{flex-wrap:wrap;padding:20px}.quiz-banner__icon{width:58px;height:58px}.quiz-banner>div:nth-child(2){width:calc(100% - 82px)}.quiz-banner__stat{display:none}.quiz-banner .button{width:100%}.chat-promo{grid-template-columns:1fr;gap:36px;min-height:auto;padding:45px 22px 27px}.chat-promo h2{font-size:43px}.chat-preview{transform:none}.closing-section{padding:74px 0}.footer{padding-top:50px}.footer__top{grid-template-columns:1.5fr 1fr;gap:35px 20px}.footer__top>div:first-child{grid-column:1/-1}.footer__bottom{flex-direction:column;gap:8px;margin-top:37px}.floating-chat{display:none}.bottom-nav{z-index:49;height:65px;padding:0 7px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8f5;border-top:1px solid #ded7cc;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#77838a;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:7px;font-weight:750;display:flex}.bottom-nav button.active{color:var(--red)}.bottom-nav__bot{color:var(--red)!important}.bottom-nav__bot svg{border:4px solid var(--paper);background:var(--red);color:#fff;border-radius:50%;width:39px;height:39px;margin-top:-22px;padding:8px}.nihonbot-avatar-image--nav{border:4px solid var(--paper);border-radius:50%;width:39px;height:39px;margin-top:-22px}.modal-layer{padding:10px}.setup-modal,.lesson-modal,.quiz-modal{border-radius:20px;max-height:calc(100vh - 20px)}.setup-modal__heading{padding:22px 20px 18px}.setup-modal__heading h2{font-size:22px}.setup-levels{grid-template-columns:repeat(5,110px);padding:0 20px;overflow-x:auto}.placement-link{margin-left:20px}.setup-topics{grid-template-columns:repeat(3,1fr);padding:0 20px}.modal-actions{padding:14px 20px 18px}.lesson-modal__header{padding:28px 20px}.lesson-modal__glyph{width:62px;height:62px;font-size:34px}.lesson-modal__header h2{max-width:230px;font-size:20px}.lesson-modal__reward{display:none}.lesson-steps{padding:0 12px}.lesson-steps button{font-size:8px}.lesson-modal__content{padding:26px 20px}.vocab-list>div{grid-template-columns:34px 1fr}.vocab-list p{grid-column:2}.lesson-modal__footer{padding:8px 15px}.lesson-modal__footer>span{display:none}.lesson-modal__footer .button:first-of-type{margin-right:auto}.quiz-modal__head{padding:0 14px}.quiz-progress{display:none}.quiz-modal__head>button{margin-left:auto}.quiz-modal__body{padding:28px 20px 20px}.answer-grid{grid-template-columns:1fr}.quiz-result{padding:35px 22px}.quiz-modal__footer{padding:8px 14px}.chat-panel{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.admin-login .admin-demo-button{color:var(--ink);box-shadow:none;background:#f5f0e8;border:1px solid #d9d2c7;margin-top:10px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#101923;--paper-deep:#16222d;--ink:#edf3f7;--ink-soft:#aab7c1;--line:#2b3944;--white:#192630;--shadow-sm:0 8px 24px #0003;--shadow-lg:0 28px 80px #0000006b}:root[data-theme=dark] body{background:var(--paper);color:var(--ink)}:root[data-theme=dark] .topbar{background:#101923e6;border-color:#263640}:root[data-theme=dark] .brand__name{color:var(--ink)}:root[data-theme=dark] .brand__tagline,:root[data-theme=dark] .main-nav button{color:#b8c5ce}:root[data-theme=dark] .main-nav button.active{color:#ff8170}:root[data-theme=dark] .theme-toggle{color:#ffd47b;background:#1b2934;border-color:#34444f}:root[data-theme=dark] .button--soft{color:#ff9b8d;background:#432a2b}:root[data-theme=dark] .button--dark{color:#14202a;background:#e8eef2}:root[data-theme=dark] .button--cream{color:#17232d;background:#f4e8ce}:root[data-theme=dark] .button--text{color:#dbe4e9}:root[data-theme=dark] .feature-strip{background:#17242e;border-color:#2b3944}:root[data-theme=dark] .feature-strip small,:root[data-theme=dark] .section-heading p,:root[data-theme=dark] .hero__copy>p{color:#aab7c1}:root[data-theme=dark] .section--paper{background:#14202a}:root[data-theme=dark] .level-card,:root[data-theme=dark] .topic-card,:root[data-theme=dark] .lesson-card,:root[data-theme=dark] .selection-note,:root[data-theme=dark] .topic-summary,:root[data-theme=dark] .filter-summary,:root[data-theme=dark] .chat-preview{background:#1a2833;border-color:#31414c}:root[data-theme=dark] .setup-levels button,:root[data-theme=dark] .setup-topics button,:root[data-theme=dark] .placement-test,:root[data-theme=dark] .placement-test button{color:#edf3f7;background:#1d2b35;border-color:#384852}:root[data-theme=dark] .setup-levels button.active{background:color-mix(in srgb, var(--level-color) 18%, #1d2b35)}:root[data-theme=dark] .level-card small,:root[data-theme=dark] .topic-card small,:root[data-theme=dark] .lesson-card__meta,:root[data-theme=dark] .selection-note p{color:#a9b6bf}:root[data-theme=dark] .level-card--active,:root[data-theme=dark] .topic-card--active{background:#24323d}:root[data-theme=dark] .lesson-card__body{background:#1a2833}:root[data-theme=dark] .footer{background:#0b131b}:root[data-theme=dark] .modal-layer{color:var(--ink)}:root[data-theme=dark] .setup-modal,:root[data-theme=dark] .lesson-modal,:root[data-theme=dark] .quiz-modal,:root[data-theme=dark] .history-modal,:root[data-theme=dark] .quiz-resume-modal,:root[data-theme=dark] .chat-panel{background:#15212b;border-color:#34434e}:root[data-theme=dark] .history-modal header,:root[data-theme=dark] .quiz-resume-modal header,:root[data-theme=dark] .history-modal footer{background:#1a2833;border-color:#34434e}:root[data-theme=dark] .history-warning{color:#efd695;background:#393529;border-color:#665c3d}:root[data-theme=dark] .history-list,:root[data-theme=dark] .history-list article{border-color:#34434e}:root[data-theme=dark] .quiz-resume-options>button{color:#f1f5f7;background:#24343f;border-color:#3b4c57}:root[data-theme=dark] .quiz-resume-options small,:root[data-theme=dark] .history-list small,:root[data-theme=dark] .history-list p,:root[data-theme=dark] .history-list time{color:#b7c2c9}:root[data-theme=dark] .modal-topline,:root[data-theme=dark] .lesson-modal__footer,:root[data-theme=dark] .quiz-modal__head,:root[data-theme=dark] .quiz-modal__footer,:root[data-theme=dark] .chat-panel__head,:root[data-theme=dark] .chat-input{background:#1a2833;border-color:#34434e}:root[data-theme=dark] .answer-grid button,:root[data-theme=dark] .correct-answer,:root[data-theme=dark] .message-bubble,:root[data-theme=dark] .question-audio button{background:#202f3a;border-color:#384852}:root[data-theme=dark] .answer-grid button.selected{border-color:var(--red);background:#3a292b}:root[data-theme=dark] .topic-card--active .topic-card__select,:root[data-theme=dark] .setup-topics button>i{color:#fff;background:#dc5142;border-color:#ff7463}:root[data-theme=dark] .level-card--active .level-card__check,:root[data-theme=dark] .setup-levels button>svg,:root[data-theme=dark] .answer-grid i{color:#fff;filter:drop-shadow(0 0 2px #00000073)}:root[data-theme=dark] .modal-topline>button,:root[data-theme=dark] .lesson-modal__header>button{color:#17232d;background:#eef3f5}:root[data-theme=dark] .quiz-hint,:root[data-theme=dark] .grammar-note{color:#b2bec5;background:#202d36}:root[data-theme=dark] .chat-input input{color:var(--ink);background:#263640}:root[data-theme=dark] .bottom-nav{background:#101923f5;border-color:#30404b}:root[data-theme=dark] .main-nav--open{background:#182630;border-color:#34434e}:root[data-theme=dark] .chat-preview__head,:root[data-theme=dark] .chat-preview__input{color:#c3cdd3;background:#202f3a;border-color:#344550}:root[data-theme=dark] .chat-preview__level{color:#edf3f7;background:#32434e}:root[data-theme=dark] .bubble{color:#f1f5f7;background:#24343f;box-shadow:0 4px 13px #00000038}:root[data-theme=dark] .bubble small{color:#c2cbd0}:root[data-theme=dark] .bubble>span:last-child{color:#9eabb3}:root[data-theme=dark] .bubble--user{color:#fff;background:#d95142}:root[data-theme=dark] .bubble--user>span:last-child{color:#ffe1dc}:root[data-theme=dark] .bubble--feedback{color:#f4f1df;background:#303329}:root[data-theme=dark] .feedback-label{color:#ffc86b}:root[data-theme=dark] .chat-panel__head strong,:root[data-theme=dark] .message-bubble p,:root[data-theme=dark] .quick-prompts button{color:#f1f5f7}:root[data-theme=dark] .chat-panel__head strong span,:root[data-theme=dark] .chat-panel__head small,:root[data-theme=dark] .quick-prompts>span,:root[data-theme=dark] .quick-prompts small{color:#b7c2c9}:root[data-theme=dark] .chat-panel__head>button{color:#f1f5f7;background:#30414c}:root[data-theme=dark] .message-tools button,:root[data-theme=dark] .quick-prompts button{color:#d9e2e7;background:#24343f;border-color:#3b4c57}:root[data-theme=dark] .chat-notice{color:#c0cbd1;background:#263640}:root[data-theme=dark] .message-avatar{color:#ff9182;background:#4a3032}:root[data-theme=dark] .message-bubble{color:#f1f5f7;box-shadow:0 4px 15px #0003}:root[data-theme=dark] .message-bubble small{color:#c7d0d5;border-color:#3b4b55}:root[data-theme=dark] .message-bubble .romaji{color:#e0b99e}:root[data-theme=dark] .message-row--user .message-bubble{color:#fff;background:#d95142}:root[data-theme=dark] .message-row--user .message-bubble small{color:#fff;border-color:#ffffff4d}:root[data-theme=dark] .typing{background:#24343f}:root[data-theme=dark] .typing i{background:#c4ced3}:root[data-theme=dark] .chat-input{border-color:#344550}:root[data-theme=dark] .chat-input input::placeholder{color:#9eabb3}:root[data-theme=dark] .chat-input>button:first-child{color:#c4cdd2}:root[data-theme=dark] .chat-footnote{color:#929fa7;background:#1a2833}:root[data-theme=dark] .setup-modal__heading p,:root[data-theme=dark] .setup-levels small,:root[data-theme=dark] .setup-topics small,:root[data-theme=dark] .content-title>div>span,:root[data-theme=dark] .lesson-card__japanese,:root[data-theme=dark] .question-number,:root[data-theme=dark] .audio-status{color:#b9c5cb}:root[data-theme=dark] .modal-topline{border-color:#344550}:root[data-theme=dark] .modal-topline>span{color:#b8c4ca}:root[data-theme=dark] .modal-topline>div i{background:#42525d}:root[data-theme=dark] .lesson-steps{border-color:#344550}:root[data-theme=dark] .lesson-steps button{color:#aebbc2}:root[data-theme=dark] .lesson-steps button.active{color:#ff8b7c}:root[data-theme=dark] .vocab-list>div,:root[data-theme=dark] .dialogue-box{background:#1d2c36;border-color:#354650}:root[data-theme=dark] .vocab-list p,:root[data-theme=dark] .vocab-list small,:root[data-theme=dark] .dialogue-box small,:root[data-theme=dark] .grammar-note span,:root[data-theme=dark] .quiz-result>p,:root[data-theme=dark] .correct-answer span{color:#bbc6cc}:root[data-theme=dark] .vocab-list button,:root[data-theme=dark] .content-title>button{color:#f1f5f7;background:#263640;border-color:#40515c}:root[data-theme=dark] .answer-grid button>span{color:#e5ecef;background:#354650}:root[data-theme=dark] .answer-grid button.selected>span{background:var(--red);color:#fff}:root[data-theme=dark] .quiz-result__icon{color:#2c7058}:root[data-theme=dark] .quiz-result--wrong .quiz-result__icon{color:#a4382d}:root[data-theme=dark] .filter-summary span,:root[data-theme=dark] .topic-summary small{color:#e2e9ec;background:#30414c}:root[data-theme=dark] .progress-track{background:#344550}:root[data-theme=dark] .footer button,:root[data-theme=dark] .footer span,:root[data-theme=dark] .footer p{color:#aebbc2}:root[data-theme=dark] .floating-chat{color:#fff;background:#233b4e;box-shadow:0 12px 30px #0000006b}:root[data-theme=dark] .floating-chat i{border-color:#233b4e}:root[data-theme=dark] .xp-card{background:#fffbf1f5;border-color:#ffffffc7}:root[data-theme=dark] .xp-card span{color:#63727d}:root[data-theme=dark] .xp-card strong{color:#263d51}:root[data-theme=dark] .quiz-banner{color:#fff;background:#192f42}:root[data-theme=dark] .quiz-banner h3{color:#fff}:root[data-theme=dark] .quiz-banner p{color:#c1ccd3}:root[data-theme=dark] .quiz-banner__stat span{color:#c2ccd2}:root[data-theme=dark] .link-button{color:#b7c3ca}:root[data-theme=dark] .link-button span{color:#f1f5f7}:root[data-theme=dark] .level-card__jp,:root[data-theme=dark] .topic-card__copy>span,:root[data-theme=dark] .topic-summary>span,:root[data-theme=dark] .closing-section p,:root[data-theme=dark] .question-jp{color:#b8c4ca}:root[data-theme=dark] .level-card__number{color:#5d6b75}:root[data-theme=dark] .level-card__check{color:#dbe4e8;background:#31424d}:root[data-theme=dark] .topic-card__select{color:#c2cbd0;border-color:#50606a}:root[data-theme=dark] .lesson-card__footer button{color:#edf3f7}:root[data-theme=dark] .lesson-intro>p{color:#bdc8ce}:root[data-theme=dark] .lesson-intro>div span{color:#d4dde1;background:#2b3b46}:root[data-theme=dark] .lesson-steps button.done>span{color:#9cdbbf;background:#274438}:root[data-theme=dark] .lesson-modal__footer>span,:root[data-theme=dark] .quiz-progress{background:#3d4d57}:root[data-theme=dark] .quiz-modal__head>button{color:#edf3f7;background:#30414c}:root[data-theme=dark] .grammar-note{color:#e7bd72;background:#393529}:root[data-theme=dark] .grammar-note strong{color:#f0cd8d}:root[data-theme=dark] .correct-answer strong{color:#f1f5f7}:root[data-theme=dark] .bottom-nav button{color:#aebbc2}:root[data-theme=dark] .bottom-nav button.active{color:#ff8d7d}@media (max-width:760px){.admin-vocabulary-form{grid-template-columns:1fr}.admin-vocabulary-list article{grid-template-columns:1fr auto auto}.admin-vocabulary-list article>span{display:none}.training-tabs{width:100%}.training-tabs button{flex:1;justify-content:center}.training-vocabulary{grid-template-columns:1fr}:root[data-theme=dark] .main-nav button.active{color:#ff9485;background:#432a2b}}