@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap');

:root{--paper:#f7f5f0;--white:#fffefa;--ink:#292c2a;--muted:#878a82;--line:#e9e6dc;--red:#dc715c;--red-dark:#bd5c49;--red-soft:#f9ece7;--sage:#839b82;--sage-soft:#edf2e9;--yellow:#d8ad5b;--yellow-soft:#f6f0df;--lav:#9390b0;--lav-soft:#eeedf5;--shadow:0 12px 32px rgba(40,43,37,.045);--jp:'Noto Sans JP',sans-serif;--sans:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(220,113,92,.45);outline-offset:3px}.app-shell{min-height:100vh}.sidebar{width:254px;background:#fbfaf6;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;padding:29px 17px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:0 12px;text-decoration:none;color:var(--ink);margin-bottom:54px}.brand-mark{width:36px;height:36px;background:var(--red);border-radius:12px 12px 12px 4px;color:#fff;display:grid;place-items:center;font:600 20px var(--jp);transform:rotate(-2deg);box-shadow:0 4px 10px #dc715c2e}.brand-mark span{transform:rotate(2deg)}.brand-name{font-weight:700;font-size:20px;letter-spacing:-.9px;line-height:1}.brand-dot{color:var(--red)}.brand-name small{display:block;color:#98978e;font-size:8px;letter-spacing:1.2px;margin-top:6px;font-weight:600}.nav-label{color:#a3a298;font-size:9px;font-weight:700;letter-spacing:1.45px;padding:0 13px;margin-bottom:10px}.main-nav{display:grid;gap:4px}.nav-item{height:43px;border:0;background:none;text-align:left;border-radius:9px;padding:0 12px;display:flex;align-items:center;gap:13px;color:#6d7069;font-size:12px;font-weight:500;cursor:pointer;transition:.18s}.nav-item:hover{background:#f2f0ea;color:var(--ink)}.nav-item.active{background:#f2e8e2;color:#aa5948;font-weight:700}.nav-icon{width:20px;text-align:center;font-size:19px;color:#898c83;line-height:1}.nav-item.active .nav-icon{color:var(--red)}.kana-icon{font:500 17px var(--jp)}.nav-progress{margin-left:auto;color:#a6a59d;font-size:10px;font-variant-numeric:tabular-nums}.practice-label{margin-top:34px}.sidebar-bottom{margin-top:auto}.sidebar-note{position:relative;background:#f2efe7;border-radius:10px;padding:16px 15px;margin:0 3px 18px;overflow:hidden}.note-sparkle{color:var(--red);font-size:16px}.sidebar-note p{font-size:12px;line-height:1.55;color:#777970;margin:6px 0 0}.sidebar-note strong{color:#454940;font-weight:600}.note-jp{position:absolute;right:16px;top:16px;font:500 18px var(--jp);color:#cac3b4}.sidebar-footer{font-size:9px;color:#9b9c92;display:flex;align-items:center;gap:7px;padding:0 7px;line-height:1.45}.status-dot{width:6px;height:6px;background:#90a887;border-radius:50%;flex:none}.main-area{margin-left:254px;min-height:100vh}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5.1%;background:#f9f7f2}.breadcrumb{font-size:9px;font-weight:700;letter-spacing:1.15px;color:#a3a298;display:flex;align-items:center;gap:12px}.breadcrumb-sep{color:#d0cec4}.breadcrumb strong{font-weight:600;color:#53564e;letter-spacing:.15px;font-size:11px}.topbar-right{display:flex;align-items:center;gap:16px}.level-pill{height:29px;display:flex;align-items:center;gap:7px;padding:0 9px;background:#eeece3;border-radius:6px;font-size:9px;letter-spacing:.65px;color:#77796f;font-weight:700}.level-icon{color:#d3a856;font-size:12px}.pill-chevron{font-size:13px;color:#99998f;margin-left:2px}.avatar{width:31px;height:31px;border-radius:50%;border:1px solid #e3d8cd;background:#f2e8df;color:#b16c58;font:500 13px var(--jp);cursor:default}.mobile-brand{display:none}.page-wrap{max-width:1110px;margin:auto;padding:43px 5.1% 24px}.page{display:none;animation:appear .25s ease}.page.active{display:block}@keyframes appear{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.welcome-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px}.eyebrow{color:#96978d;font-size:9px;font-weight:700;letter-spacing:1.45px;display:flex;align-items:center;gap:9px}.eyebrow-line{height:1px;width:20px;background:var(--red)}h1,h2,h3,p{margin-top:0}.welcome-line h1,.page-intro h1{font-size:37px;line-height:1.14;letter-spacing:-1.75px;margin:14px 0 11px;font-weight:600}.welcome-line h1 span,.words-intro h1 span,.practice-intro h1 span{color:var(--red)}.intro{font-size:13px;color:#81837b;line-height:1.75;margin:0;max-width:500px}.hero-stamp{width:92px;height:92px;border-radius:50%;border:1px solid #e6dfd1;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(9deg);color:#d1b59c;margin-right:12px}.hero-stamp>span{font:500 34px var(--jp);line-height:1}.hero-stamp small{font-size:7px;text-align:center;line-height:1.5;letter-spacing:1px;margin-top:4px;color:#a99e90}.daily-card{min-height:140px;background:#f1eee4;border-radius:13px;display:flex;align-items:center;padding:23px 26px;position:relative;overflow:hidden;margin-bottom:43px}.daily-left{min-width:220px;position:relative;z-index:1}.daily-tag{font-size:9px;letter-spacing:1.05px;color:#8f9087;font-weight:700;display:flex;align-items:center;gap:7px}.sun-icon{color:#d5ae5b;font-size:16px}.daily-word{font:500 35px var(--jp);letter-spacing:1px;margin:7px 0 1px;color:#3a3d37}.daily-reading{font-size:11px;color:#888a81}.daily-reading span{color:#c3bba9;padding:0 3px}.daily-divider{height:57px;width:1px;background:#ded9cc;margin:0 27px;position:relative;z-index:1}.daily-tip{display:flex;align-items:flex-start;gap:11px;max-width:285px;position:relative;z-index:1}.tip-icon{color:var(--red);font-size:17px}.daily-tip strong{font-size:11px;font-weight:600;color:#4c5048}.daily-tip p{font-size:10px;color:#85877f;line-height:1.6;margin:5px 0 0}.daily-refresh{position:absolute;right:24px;top:23px;border:1px solid #dfdacd;background:#f8f6ef;color:#85867e;width:29px;height:29px;border-radius:50%;cursor:pointer;z-index:2;font-size:15px}.daily-refresh:hover{color:var(--red);transform:rotate(30deg)}.daily-decoration{font:500 134px var(--jp);position:absolute;right:68px;bottom:-47px;color:#e8e2d4;transform:rotate(-12deg)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:17px}.section-heading h2,.word-section-heading h2{font-size:17px;font-weight:600;letter-spacing:-.45px;margin:8px 0 0}.small-caption{font-size:8px;letter-spacing:.85px;color:#aaa99e;margin-bottom:2px}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.path-card{height:211px;text-align:left;border:1px solid var(--line);border-radius:11px;background:var(--white);padding:18px 17px 15px;position:relative;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.path-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#dedacd}.path-top{display:flex;justify-content:space-between;align-items:center}.path-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;font:500 21px var(--jp)}.path-hiragana .path-icon{background:#f8ece8;color:#cb725d}.path-katakana .path-icon{background:#ebf0e8;color:#789177}.path-kanji .path-icon{background:#eeedf4;color:#8884a9}.path-arrow{color:#b1b1a8;font-size:17px}.path-kicker{font-size:8px;color:#a2a398;letter-spacing:1.05px;font-weight:700;margin-top:15px}.path-card h3{font-size:16px;font-weight:600;letter-spacing:-.3px;margin:5px 0 5px}.path-card p{font-size:10.5px;line-height:1.55;color:#888a82;margin:0;max-width:230px}.path-foot{position:absolute;bottom:15px;left:17px;right:17px;display:flex;align-items:center;justify-content:space-between;color:#9b9d94;font-size:9px}.path-foot b{color:#5d6158;font-weight:600}.mini-track{width:71px;height:3px;background:#eeece4;border-radius:10px;overflow:hidden}.mini-track i{display:block;height:100%;background:var(--red);width:0%;border-radius:10px;transition:width .25s}.path-katakana .mini-track i{background:#839b82}.path-kanji .mini-track i{background:#9390b0}.bottom-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:13px;margin-top:18px}.continue-card,.progress-card{min-height:142px;border:1px solid var(--line);border-radius:11px;background:#fbfaf6;padding:17px 19px;display:flex;align-items:center}.continue-card{gap:18px}.continue-illustration{width:93px;height:100px;flex:none;position:relative;display:grid;place-items:center;background:#f5eee4;border-radius:50% 48% 44% 46%;color:#bf806a;font:500 30px var(--jp);transform:rotate(-5deg)}.continue-illustration i,.continue-illustration b,.continue-illustration em{position:absolute;font-style:normal;font-weight:500}.continue-illustration i{font-size:19px;top:14px;right:17px;color:#a3ae8d}.continue-illustration b{font-size:17px;bottom:12px;left:14px;color:#a992b1}.continue-illustration em{font-size:16px;bottom:18px;right:13px;color:#d0a758}.continue-kicker{font-size:8px;color:#9a9a8f;letter-spacing:.9px;font-weight:700}.continue-card h3,.progress-card h3{font-size:13px;font-weight:600;margin:7px 0 4px}.continue-card p{font-size:9.5px;color:#878980;line-height:1.5;margin:0 0 7px}.text-link{border:0;background:none;padding:0;color:#bd6654;font-size:10px;font-weight:600;cursor:pointer}.text-link span{margin-left:3px}.text-link:hover{color:#8f493b}.progress-card{display:block}.progress-head{display:flex;align-items:flex-start;justify-content:space-between}.progress-head h3{margin-top:6px}.progress-flower{color:#c59d62;font-size:18px}.overall-line{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#8d8f86;margin:10px 0 6px}.overall-line strong{font-size:13px;color:#55594f;font-weight:600}.overall-line small{font-size:9px;color:#a0a197;font-weight:500}.overall-track{height:4px;border-radius:10px;background:#eeece4;overflow:hidden}.overall-track i{height:100%;width:0;display:block;background:#90a88a;border-radius:10px;transition:width .25s}.progress-foot{display:flex;justify-content:space-between;margin-top:8px;color:#a1a197;font-size:8px}.tiny-spark{color:#c9a55e}.page-footer{border-top:1px solid #eae7df;margin-top:37px;padding:13px 0 0;display:flex;justify-content:space-between;color:#aaa99e;font-size:8px;letter-spacing:.35px}.page-footer span:first-child{letter-spacing:1px}.page-footer b{font-size:10px;color:#d48670;font-weight:500}.script-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.script-intro h1{margin-bottom:9px}.title-jp{font:400 20px var(--jp);letter-spacing:0;color:#c0b4a5;margin-left:9px;vertical-align:5px}.script-progress{display:flex;align-items:center;gap:11px;padding:12px 15px;background:#fbfaf6;border:1px solid var(--line);border-radius:10px;margin-bottom:2px;min-width:182px}.script-icon{width:35px;height:35px;border-radius:9px;background:#f7eae5;display:grid;place-items:center;color:#c8735c;font:500 20px var(--jp)}.script-progress strong{display:block;color:#44483f;font-size:15px;font-variant-numeric:tabular-nums}.script-progress strong small{font-size:10px;font-weight:500;color:#a5a59b}.script-progress div>span{display:block;font-size:8px;color:#9b9c92;margin-top:2px}.katakana-progress .script-icon{background:#ebf0e8;color:#7e977c}.kanji-progress .script-icon{background:#eeedf4;color:#8a86a8}.script-note{border:1px solid #e9e5d9;background:#f3f0e8;border-radius:8px;min-height:45px;display:flex;align-items:center;padding:0 14px;gap:9px;margin-bottom:20px;color:#797c72;font-size:10px}.script-note strong{font-weight:600;color:#55594f}.note-bulb{color:#d2a750;font-size:14px}.script-note .text-link{margin-left:auto;white-space:nowrap}.chart-sections{display:grid;gap:15px}.chart-panel{padding:17px 19px 16px;background:var(--white);border:1px solid var(--line);border-radius:11px}.chart-panel-head{display:flex;align-items:baseline;gap:9px;margin-bottom:13px}.chart-panel-head h2{font-size:12px;letter-spacing:-.1px;margin:0;font-weight:600}.chart-panel-head span{font-size:9px;color:#a1a297}.kana-chart{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.chart-header{display:grid;place-items:center;font-size:8px;color:#acaca3;letter-spacing:.6px;padding-bottom:2px}.kana-cell,.kana-empty{height:60px;border:1px solid #efede5;border-radius:7px;background:#fbfaf6;position:relative}.kana-cell{cursor:pointer;transition:.16s}.kana-cell:hover{border-color:#dfb1a3;background:#fffaf7;transform:translateY(-1px)}.kana-cell.learned{background:#f0f4ed;border-color:#d6e1d2}.kana-cell .glyph{display:block;text-align:center;margin-top:5px;font:500 24px var(--jp);color:#3e423b;line-height:1.12}.kana-cell .roman{display:block;text-align:center;font-size:8px;color:#a2a39a;margin-top:3px;letter-spacing:.1px}.kana-cell .learn-check{position:absolute;right:5px;top:4px;font-size:8px;color:#7e9c78;opacity:0}.kana-cell.learned .learn-check{opacity:1}.kana-cell.learned .glyph{color:#70886b}.chart-legend{display:flex;align-items:center;gap:6px;color:#9a9c92;font-size:8px;margin-top:10px}.legend-dot{width:6px;height:6px;background:#829b7a;border-radius:50%}.kanji-tools{margin:27px 0 17px}.search-box{height:40px;border:1px solid var(--line);background:#fffefa;border-radius:8px;display:flex;align-items:center;padding:0 11px;gap:9px;color:#aaa99e}.search-box>span{font-size:20px;line-height:1;transform:rotate(-15deg)}.search-box input{border:0;outline:0;background:transparent;flex:1;min-width:0;color:#494c45;font-size:11px}.search-box input::placeholder{color:#adaea5}.search-box kbd{border:1px solid #e9e7df;background:#f7f5ef;border-radius:4px;font:9px var(--sans);padding:2px 6px;color:#aaa99e}.filter-pills{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.filter-pill{border:1px solid #e7e4db;background:transparent;border-radius:20px;padding:6px 10px;color:#85877f;font-size:9px;cursor:pointer}.filter-pill:hover{border-color:#d8cfc1}.filter-pill.active{background:#4d5449;border-color:#4d5449;color:white}.filter-pill span{font-size:8px;color:#b8baaf;margin-left:3px}.filter-pill.active span{color:#d9dacd}.kanji-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kanji-card{border:1px solid var(--line);background:var(--white);border-radius:9px;padding:13px 13px 11px;min-height:140px;position:relative;cursor:pointer;transition:.16s}.kanji-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#d8d4c8}.kanji-card.learned{border-color:#c9d8c4;background:#f7faf4}.kanji-card-top{display:flex;justify-content:space-between;align-items:flex-start}.kanji-glyph{font:500 31px var(--jp);line-height:1.1;color:#45493f}.kanji-check{color:#7f9a78;font-size:12px;opacity:0}.kanji-card.learned .kanji-check{opacity:1}.kanji-meaning{font-size:10px;font-weight:600;color:#55594e;margin:7px 0 5px}.kanji-reading{display:flex;gap:5px;align-items:center;color:#888a81;font-size:8px;line-height:1.4}.reading-label{color:#b2b2a8;font-size:7px;letter-spacing:.4px}.kanji-example{border-top:1px solid #efede6;margin-top:8px;padding-top:7px;display:flex;justify-content:space-between;gap:5px;align-items:center;color:#8b8d84;font-size:8px}.kanji-example strong{font:500 11px var(--jp);color:#65695e}.kanji-example span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.kanji-footnote{margin-top:16px;background:#f2efe7;padding:11px 13px;border-radius:8px;display:flex;gap:9px;align-items:flex-start;color:#85877e;font-size:9px;line-height:1.5}.kanji-footnote>span{color:#d1a755}.kanji-footnote p{margin:0}.empty-state{background:#fbfaf6;border:1px dashed #dcd8cc;border-radius:9px;padding:30px 15px;text-align:center;color:#8a8c83;font-size:11px}.hidden{display:none!important}.words-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.words-intro h1{font-size:34px;margin:12px 0 8px}.words-decoration{width:94px;height:90px;position:relative;display:grid;place-items:center;color:#d5c6b4;font:500 50px var(--jp);transform:rotate(-8deg);border:1px solid #e6dfd1;border-radius:50% 46% 54% 40%}.words-decoration i{position:absolute;font-style:normal;font-size:24px;color:#9aab91;right:1px;bottom:3px}.word-search{margin-bottom:20px}.word-tabs{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow-x:auto}.word-tab{background:transparent;border:0;border-bottom:2px solid transparent;padding:0 12px 11px;color:#8f9188;font-size:10px;white-space:nowrap;cursor:pointer;display:flex;align-items:center;gap:7px;margin-bottom:-1px}.word-tab:hover{color:#585c53}.word-tab.active{color:#ba6654;border-color:var(--red);font-weight:600}.word-tab>span:last-child{font-size:8px;color:#a8a99f;background:#efede5;padding:2px 5px;border-radius:9px}.tab-glyph{font:500 13px var(--jp)}.word-section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:13px}.word-section-heading h2{font-size:17px}.word-result-count{font-size:9px;color:#a4a49a;margin-bottom:2px}.word-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.word-card{min-height:90px;border:1px solid var(--line);border-radius:9px;background:var(--white);display:flex;align-items:center;gap:13px;padding:12px 14px;transition:.16s}.word-card:hover{border-color:#ded7ca;transform:translateY(-1px)}.word-glyph{width:51px;height:51px;border-radius:8px;background:#f8eee9;display:grid;place-items:center;font:500 19px var(--jp);color:#b76552;flex:none}.word-card.script-katakana .word-glyph{background:#edf1e9;color:#728b70}.word-card.script-kanji .word-glyph{background:#efedf5;color:#817da1}.word-info{min-width:0;flex:1}.word-romaji{font-size:8px;color:#999b91;margin-bottom:3px}.word-translation{font-size:12px;font-weight:600;color:#50544b}.word-example{font:400 9px var(--jp);color:#8a8c82;margin-top:4px}.script-badge{align-self:flex-start;border:1px solid #eae7df;border-radius:10px;padding:3px 6px;color:#a0a197;font-size:7px;letter-spacing:.4px;white-space:nowrap}.word-card.script-katakana .script-badge{color:#81927a}.word-card.script-kanji .script-badge{color:#8f8aac}.word-empty-message{grid-column:1/-1}.practice-intro{margin-bottom:26px}.practice-intro h1{margin:12px 0 8px}.practice-doodle{width:90px;height:78px;border:1px solid #e6dfd1;border-radius:47% 42% 50% 42%;display:grid;place-items:center;color:#bf9b86;font:500 37px var(--jp);position:relative;transform:rotate(7deg)}.practice-doodle i{position:absolute;font-style:normal;font-size:20px;color:#91a389;right:6px;bottom:2px}.practice-controls{display:flex;align-items:flex-end;justify-content:space-between;margin:0 auto 15px;max-width:645px}.practice-mode>span{font-size:8px;color:#9c9d93;letter-spacing:.9px;font-weight:700}.practice-mode>div{display:flex;gap:5px;margin-top:8px}.mode-chip{background:transparent;border:1px solid #e4e1d8;border-radius:20px;padding:6px 10px;color:#888a81;font-size:9px;cursor:pointer}.mode-chip.active{background:#4d5449;color:#fff;border-color:#4d5449}.shuffle-button{border:0;background:none;color:#9a9b91;font-size:9px;cursor:pointer;padding:6px}.shuffle-button span{font-size:14px;vertical-align:-1px;margin-right:4px}.shuffle-button:hover{color:var(--red)}.flashcard-wrap{max-width:645px;margin:0 auto}.flashcard{height:280px;background:#fffefa;border:1px solid var(--line);border-radius:13px;box-shadow:0 8px 25px #282b2508;padding:17px 20px;display:flex;flex-direction:column;cursor:pointer;transition:transform .2s,border-color .2s}.flashcard:hover{border-color:#dfd8ca}.card-topline{display:flex;justify-content:space-between;color:#a1a298;font-size:8px;font-weight:700;letter-spacing:1px}.card-count{font-variant-numeric:tabular-nums}.card-center{margin:auto;text-align:center}.card-prompt{font:500 75px var(--jp);color:#42463d;line-height:1.1}.card-subprompt{font-size:10px;color:#a0a197;margin-top:13px}.card-answer{font-size:13px;color:#bd6654;font-weight:600;margin-top:11px;animation:appear .2s}.card-answer small{font-size:10px;color:#909288;font-weight:400;margin-left:6px}.card-bottom{display:flex;justify-content:space-between;align-items:center;color:#a5a59b;font-size:9px}.flip-icon{font-size:15px}.card-actions{display:flex;gap:9px;justify-content:center;margin-top:13px}.answer-button,.next-button{height:37px;border-radius:7px;padding:0 15px;font-size:10px;cursor:pointer}.answer-button{background:#f2e8e2;border:1px solid #edd7ce;color:#a95746}.answer-button span{margin-left:13px}.next-button{background:#4f584b;border:1px solid #4f584b;color:#fff}.next-button span{margin-left:13px}.answer-button:hover{background:#f7dfd6}.next-button:hover{background:#394234}.practice-reassurance{text-align:center;font-size:9px;color:#a0a197;margin-top:16px}.practice-reassurance span{color:#d0a456;margin-right:4px}
@media(max-width:1050px){.sidebar{width:218px}.main-area{margin-left:218px}.page-wrap{padding-left:4.1%;padding-right:4.1%}.path-card{padding-left:14px;padding-right:14px}.path-foot{left:14px;right:14px}.daily-left{min-width:190px}.daily-divider{margin:0 18px}.kanji-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.sidebar{width:70px;padding:20px 9px 14px;align-items:center}.brand{padding:0;margin:0 auto 41px}.brand-name,.nav-label,.nav-item:not(.active) .nav-progress,.nav-item .nav-progress,.sidebar-bottom{display:none}.main-nav{width:100%;gap:7px}.nav-item{width:50px;height:48px;padding:0;justify-content:center;font-size:0;gap:0}.nav-icon{font-size:20px}.kana-icon{font-size:18px}.practice-label{display:none}.main-area{margin-left:70px}.topbar{height:61px;padding:0 4%}.page-wrap{padding-top:33px}.breadcrumb{font-size:8px}.topbar-right{gap:9px}.level-pill{font-size:8px}.hero-stamp{width:75px;height:75px}.hero-stamp>span{font-size:28px}.welcome-line h1,.page-intro h1{font-size:33px}.daily-card{padding:19px}.daily-left{min-width:170px}.daily-divider{margin:0 13px}.daily-decoration{right:30px}.path-grid{gap:8px}.path-card{padding:14px 12px;height:215px}.path-foot{left:12px;right:12px}.mini-track{width:45px}.path-card p{font-size:9.5px}.path-card h3{font-size:14px}.bottom-grid{grid-template-columns:1fr}.continue-card,.progress-card{min-height:125px}.page-footer{margin-top:26px}.script-progress{min-width:155px;padding:9px 10px}.kanji-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.sidebar{width:0;padding:0;border:0;overflow:hidden}.main-area{margin-left:0}.topbar{height:58px;padding:0 17px}.mobile-brand{display:flex;align-items:center;gap:8px;border:0;background:none;padding:0;font-size:17px;letter-spacing:-.7px}.mobile-brand .brand-mark{width:29px;height:29px;border-radius:9px 9px 9px 3px;font-size:16px}.mobile-brand strong{font-weight:700}.breadcrumb{display:none}.topbar-right{margin-left:auto}.level-pill{height:26px}.avatar{width:28px;height:28px}.page-wrap{padding:27px 17px 20px}.welcome-line{align-items:flex-start;margin-bottom:22px}.welcome-line h1,.page-intro h1{font-size:31px;letter-spacing:-1.3px}.welcome-line .intro,.page-intro .intro{font-size:11px;max-width:300px}.hero-stamp{width:59px;height:59px;margin:8px 0 0 8px;flex:none}.hero-stamp>span{font-size:22px}.hero-stamp small{font-size:5.5px}.daily-card{min-height:130px;padding:17px 15px;margin-bottom:31px;align-items:flex-start}.daily-left{min-width:0}.daily-word{font-size:29px}.daily-divider{height:61px;margin:15px 13px 0}.daily-tip{gap:6px;max-width:135px;margin-top:24px}.daily-tip strong{font-size:9px}.daily-tip p{font-size:8px}.daily-tag{font-size:7px}.daily-refresh{right:10px;top:10px;width:24px;height:24px}.daily-decoration{font-size:100px;right:6px;bottom:-41px}.section-heading{align-items:flex-start}.section-heading h2{font-size:15px}.small-caption{display:none}.path-grid{grid-template-columns:1fr;gap:8px}.path-card{height:auto;min-height:143px;padding:13px 14px 30px}.path-top{position:absolute;right:13px;top:13px}.path-icon{width:33px;height:33px;font-size:18px}.path-arrow{display:none}.path-kicker{margin-top:0;font-size:7px}.path-card h3{font-size:15px;margin:4px 0}.path-card p{max-width:calc(100% - 48px);font-size:9.5px}.path-foot{bottom:12px;left:14px;right:14px}.mini-track{width:60px}.bottom-grid{gap:8px;margin-top:11px}.continue-card{padding:13px;gap:12px}.continue-illustration{width:72px;height:80px;font-size:24px}.continue-card h3,.progress-card h3{font-size:12px}.continue-card p{font-size:8.5px}.page-footer{font-size:7px;gap:10px;line-height:1.5}.page-footer span:last-child{text-align:right}.script-intro{align-items:flex-start;gap:8px}.script-intro h1{font-size:27px}.title-jp{font-size:14px;margin-left:4px;vertical-align:3px}.script-progress{min-width:0;padding:7px;gap:6px;margin-top:18px}.script-progress .script-icon{width:28px;height:28px;font-size:16px}.script-progress strong{font-size:12px}.script-progress strong small{font-size:8px}.script-progress div>span{font-size:6.5px;white-space:nowrap}.script-note{font-size:8px;line-height:1.5;padding:8px 9px;flex-wrap:wrap}.script-note .text-link{font-size:8px}.chart-panel{padding:13px 10px}.chart-panel-head{margin-bottom:10px}.chart-panel-head h2{font-size:11px}.chart-panel-head span{font-size:8px}.kana-chart{gap:3px}.kana-cell,.kana-empty{height:53px;border-radius:5px}.kana-cell .glyph{font-size:21px;margin-top:7px}.kana-cell .roman{font-size:7px;margin-top:2px}.kanji-tools{margin-top:21px}.filter-pills{gap:4px}.filter-pill{padding:6px 8px;font-size:8px}.kanji-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.kanji-card{min-height:130px;padding:11px}.kanji-glyph{font-size:28px}.words-intro h1{font-size:30px}.words-decoration{width:65px;height:65px;font-size:36px;flex:none}.words-decoration i{font-size:16px}.word-tabs{gap:0}.word-tab{padding:0 8px 10px;font-size:9px}.word-tab>span:last-child{display:none}.word-grid{grid-template-columns:1fr;gap:7px}.word-card{min-height:76px;padding:9px 10px;gap:10px}.word-glyph{width:44px;height:44px;font-size:17px}.word-translation{font-size:11px}.word-example{font-size:8px}.script-badge{font-size:6px}.word-section-heading h2{font-size:15px}.practice-intro h1{font-size:31px}.practice-doodle{width:62px;height:61px;font-size:27px;flex:none}.practice-doodle i{font-size:15px}.practice-controls{align-items:flex-start;gap:10px}.practice-mode>span{font-size:7px}.practice-mode>div{gap:3px;flex-wrap:wrap}.mode-chip{font-size:8px;padding:6px 8px}.shuffle-button{white-space:nowrap;font-size:8px}.flashcard{height:260px;padding:15px}.card-prompt{font-size:65px}.practice-reassurance{font-size:8px}.page-footer{margin-top:25px}}
@media(max-width:560px){.sidebar{width:100%;height:62px;top:auto;right:0;bottom:0;left:0;padding:4px 8px;border:0;border-top:1px solid var(--line);overflow:visible;flex-direction:row;justify-content:center;gap:3px;background:#fbfaf6}.sidebar .brand,.sidebar .nav-label,.sidebar .sidebar-bottom{display:none}.sidebar .main-nav{display:contents}.sidebar .nav-item{display:flex;flex:1;max-width:65px;height:52px;flex-direction:column;justify-content:center;gap:2px;padding:2px 0;font-size:7px;border-radius:8px}.sidebar .nav-icon{font-size:16px;line-height:1.2}.sidebar .kana-icon{font-size:15px}.sidebar .nav-progress{display:none}.main-area{margin-left:0}.page-wrap{padding-bottom:86px}}
.answer-button:disabled,.next-button:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.4)}
.learned-words-toggle{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin:-9px 0 17px;color:#777a70;font-size:9px;cursor:pointer}.learned-words-toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle-check{width:15px;height:15px;border:1px solid #d9d6ca;border-radius:4px;background:#fffefa;color:transparent;display:grid;place-items:center;font-size:10px;line-height:1;transition:.15s}.learned-words-toggle input:checked+.toggle-check{background:#81977d;border-color:#81977d;color:white}.learned-words-toggle input:focus-visible+.toggle-check{outline:3px solid rgba(220,113,92,.45);outline-offset:2px}
.auth-open-button{height:30px;border:1px solid #e2d7cb;background:#fbfaf6;border-radius:7px;padding:0 11px;color:#aa5b49;font-size:9px;font-weight:600;cursor:pointer;white-space:nowrap}.auth-open-button:hover{background:#f5e9e3;border-color:#e7cfc5}.auth-backdrop[hidden]{display:none}.auth-backdrop{position:fixed;inset:0;z-index:20;background:rgba(34,37,32,.36);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}.auth-dialog{width:min(100%,410px);position:relative;padding:29px 31px 25px;border:1px solid #e5e0d5;background:#fffefa;border-radius:15px;box-shadow:0 24px 80px rgba(30,32,27,.2);animation:appear .2s ease}.auth-close{position:absolute;right:14px;top:12px;width:30px;height:30px;border:0;border-radius:50%;background:#f4f1e9;color:#77796f;font-size:21px;line-height:1;cursor:pointer}.auth-brand{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:700;letter-spacing:-.7px;margin-bottom:27px}.auth-brand .brand-mark{width:30px;height:30px;border-radius:9px 9px 9px 3px;font-size:16px}.auth-dialog h2{font-size:27px;line-height:1.12;letter-spacing:-1px;margin:11px 0 8px}.auth-dialog h2 span{color:var(--red)}.auth-intro{font-size:10px;line-height:1.6;color:#888a80;margin-bottom:20px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin:0 0 16px}.auth-tab{border:0;border-bottom:2px solid transparent;background:none;padding:9px 4px;color:#92948a;font-size:10px;cursor:pointer;margin-bottom:-1px}.auth-tab.active{color:#b65e4c;border-color:var(--red);font-weight:600}.auth-label{display:block;margin:12px 0 6px;color:#666a60;font-size:9px;font-weight:600}.auth-input{width:100%;height:40px;border:1px solid #e5e1d7;border-radius:7px;padding:0 11px;color:#454940;background:#fffefa;font-size:11px}.auth-input::placeholder{color:#b5b5aa}.auth-submit{width:100%;height:40px;border:1px solid #4f584b;border-radius:7px;background:#4f584b;color:#fff;font-size:10px;font-weight:600;cursor:pointer;margin-top:16px}.auth-submit:hover:not(:disabled){background:#3c4639}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-submit span{float:right}.auth-status{min-height:16px;margin:10px 0 0;color:#75886e;font-size:9px;line-height:1.5}.auth-status.error{color:#b35d4e}.auth-setup-note{background:#f5f2ea;border:1px solid #ebe6d9;border-radius:8px;padding:10px 11px;margin-top:7px;color:#77796f;font-size:9px;line-height:1.5}.auth-setup-note strong{font-weight:600;color:#55594f}.auth-setup-note p{margin:3px 0 0}.auth-account-view{text-align:center;padding:14px 0 0}.account-check{width:43px;height:43px;margin:0 auto 12px;display:grid;place-items:center;background:#edf2e9;color:#789175;border-radius:50%;font-size:21px}.account-email{font-size:13px;font-weight:600;color:#4d5148;overflow-wrap:anywhere}.auth-account-view p{font-size:9px;color:#85877e;line-height:1.5;margin:7px 0 14px}.secondary-submit{background:#f5f2ea;color:#77796f;border-color:#e7e3d9;margin-top:0}.secondary-submit:hover{background:#ece8dd}
@media(max-width:560px){.auth-open-button{height:27px;padding:0 8px;font-size:8px}.auth-dialog{padding:25px 21px 20px}.auth-brand{margin-bottom:23px}}
.auth-account-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:8px}.auth-account-actions .auth-submit{margin-top:0}.switch-account-submit{background:#4f584b;color:#fff;border-color:#4f584b}.switch-account-submit:hover:not(:disabled){background:#3c4639}
.daily-refresh:disabled{opacity:.45;cursor:not-allowed;transform:none}
.practice-choice{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap}
@media(max-width:560px){.practice-choice{gap:9px}}
.flashcard{cursor:default}.flashcard:hover{border-color:var(--line)}.answer-entry{display:flex;gap:8px;max-width:520px;margin:13px auto 0}.practice-answer-input{flex:1;min-width:0;height:37px;border:1px solid #e4e1d8;border-radius:7px;padding:0 11px;background:#fffefa;color:#454940;font-size:10px}.practice-answer-input::placeholder{color:#a6a69d}.answer-entry .answer-button{height:37px;white-space:nowrap}.card-feedback{min-height:15px;margin:8px auto 0;text-align:center;font-size:10px;line-height:1.4}.card-feedback.correct{color:#75886e}.card-feedback.incorrect{color:#b35d4e}.card-feedback.neutral{color:#9b8060}.card-actions{margin-top:5px}.answer-button:disabled,.next-button:disabled{opacity:.45;cursor:not-allowed}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:560px){.answer-entry{gap:6px}.practice-answer-input{font-size:9px;padding:0 8px}.answer-entry .answer-button{padding:0 10px;font-size:9px}.card-actions{margin-top:3px}}
.card-answer .answer-meaning{display:block;margin:6px 0 0;color:#687365;font-size:12px;font-weight:500}

.jlpt-intro{margin-bottom:25px}.jlpt-intro h1 span{color:var(--red)}.jlpt-stamp{width:82px;height:82px;flex:none;border:1px solid #e6dfd1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#cbb69e;transform:rotate(8deg)}.jlpt-stamp>span{font:500 31px var(--jp);line-height:1}.jlpt-stamp small{margin-top:4px;text-align:center;font-size:7px;line-height:1.4;letter-spacing:1px}.jlpt-level-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 13px}.jlpt-level-button{min-height:68px;border:1px solid var(--line);border-radius:9px;background:var(--white);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:10px 13px;text-align:left;cursor:pointer;transition:.16s}.jlpt-level-button:hover{border-color:#d7b0a2;transform:translateY(-1px)}.jlpt-level-button.active{border-color:#d99d8d;background:#f8ece7;color:#a95745;box-shadow:0 3px 10px rgba(50,40,30,.035)}.jlpt-level-button strong{font-size:18px;line-height:1;font-weight:700;letter-spacing:-.4px}.jlpt-level-button span{font-size:8px;color:#99998e}.jlpt-level-button.active span{color:#a56e60}.jlpt-level-description{margin:0 0 20px;color:#81837b;font-size:11px;line-height:1.6}.jlpt-tabs{display:flex;gap:17px;border-bottom:1px solid var(--line);margin-bottom:21px}.jlpt-tab{border:0;border-bottom:2px solid transparent;background:none;margin-bottom:-1px;padding:0 3px 11px;color:#8a8d83;font-size:11px;cursor:pointer}.jlpt-tab.active{border-color:var(--red);color:#a95745;font-weight:600}.jlpt-tab span{display:inline-grid;place-items:center;min-width:19px;height:18px;margin-left:4px;padding:0 5px;border-radius:10px;background:#f0eee7;color:#8e9086;font-size:8px}.jlpt-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:4px 0 15px}.jlpt-section-heading h2{margin:7px 0 0;font-size:17px;font-weight:600;letter-spacing:-.4px}.jlpt-practice-link{font-size:10px;white-space:nowrap}.jlpt-character-group{margin:0 0 20px;padding:15px 16px 16px;border:1px solid var(--line);border-radius:10px;background:#fbfaf6}.jlpt-group-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.jlpt-group-heading h3{margin:0;font-size:12px;font-weight:600}.jlpt-group-heading span{font-size:9px;color:#9b9d93}.jlpt-kana-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.jlpt-kana-tile{height:58px;position:relative;border:1px solid #efede5;border-radius:7px;background:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;transition:.15s}.jlpt-kana-tile:hover{border-color:#ddb1a3;background:#fffaf7}.jlpt-kana-tile.learned{border-color:#d8e2d2;background:#f1f5ee}.jlpt-tile-glyph{font:500 21px var(--jp);color:#454940;line-height:1.1}.jlpt-tile-romaji{font-size:7px;color:#a3a49a}.jlpt-tile-check{position:absolute;right:4px;top:3px;font-size:8px;color:#7f9879;opacity:0}.jlpt-kana-tile.learned .jlpt-tile-check{opacity:1}.jlpt-kanji-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.jlpt-kanji-card{min-height:124px}.jlpt-kanji-card .kanji-example{margin-top:8px}.jlpt-word-grid{margin-bottom:0}.jlpt-words-note{font-size:10px;color:#878980;margin:-4px 0 13px}.jlpt-source-note{display:flex;gap:8px;align-items:flex-start;border:1px solid #e9e5d9;background:#f3f0e8;border-radius:8px;padding:11px 13px;margin-top:20px;color:#797c72;font-size:9px;line-height:1.55}.jlpt-source-note span{color:#d2a750}.jlpt-level-picker .jlpt-level-button:focus-visible{outline-offset:2px}#practice-level-options .mode-chip[hidden]{display:none!important}
@media(max-width:760px){.jlpt-kanji-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.jlpt-kana-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:560px){.jlpt-intro{align-items:flex-start}.jlpt-stamp{width:57px;height:57px;margin-top:9px}.jlpt-stamp>span{font-size:21px}.jlpt-stamp small{font-size:5px}.jlpt-level-picker{gap:5px}.jlpt-level-button{min-height:57px;padding:8px 6px;align-items:center}.jlpt-level-button strong{font-size:16px}.jlpt-level-button span{font-size:6px}.jlpt-level-description{font-size:9px}.jlpt-tabs{gap:12px}.jlpt-tab{font-size:9px}.jlpt-section-heading{align-items:flex-start;flex-direction:column;gap:8px}.jlpt-section-heading h2{font-size:15px}.jlpt-practice-link{font-size:8px}.jlpt-character-group{padding:11px 9px}.jlpt-group-heading h3{font-size:10px}.jlpt-group-heading span{font-size:7px}.jlpt-kana-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}.jlpt-kana-tile{height:48px}.jlpt-tile-glyph{font-size:18px}.jlpt-tile-romaji{font-size:6px}.jlpt-kanji-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.jlpt-kanji-card{min-height:126px}.jlpt-source-note{font-size:8px}}
.brand-name{font-size:15px;letter-spacing:-.65px}.auth-brand>span:last-child{font-size:13px;letter-spacing:-.45px}
@media(max-width:560px){.mobile-brand strong{font-size:10.5px;letter-spacing:-.45px;white-space:nowrap}}