@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{color-scheme:dark;--bg:#101923;--panel:#16222e;--panel2:#1b2936;--line:#2b3946;--text:#eef4f5;--muted:#99a8b2;--mint:#77e0bd;--mint-dark:#133f38;--amber:#ffc77d;--font:'DM Sans','Noto Sans JP',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 var(--font)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{height:76px;padding:0 clamp(18px,4vw,54px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26333e;background:#111b25}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:38px;height:38px;border:1px solid #3e6c62;border-radius:12px;display:grid;place-items:center;background:#19372f;color:var(--mint);font:600 22px 'Noto Sans JP',sans-serif}.brand b{display:block;font-size:15px;letter-spacing:.02em}.brand small{display:block;color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:14px}.streak{font-size:13px;color:#dfc694;background:#302b22;padding:7px 12px;border-radius:20px}.icon-button{border:1px solid var(--line);color:#dce8e8;background:var(--panel);border-radius:10px;width:40px;height:40px;font-size:20px}.app-shell{max-width:1380px;margin:auto;display:grid;grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{padding:30px 18px 22px;border-right:1px solid #26333e;display:flex;flex-direction:column;gap:7px}.nav-label{color:#788994;font-size:10px;font-weight:700;letter-spacing:.16em;margin:5px 10px 9px}.nav-item{border:0;text-align:left;padding:11px 12px;border-radius:9px;background:transparent;color:#a9b7c0;display:flex;align-items:center;gap:12px;min-height:44px;font-size:14px}.nav-item>span{width:20px;text-align:center;color:#91a4ad;font-size:17px}.nav-item:hover{background:#1a2834;color:var(--text)}.nav-item.active{background:#1c3937;color:#a5f0d6;font-weight:600}.nav-item.active>span{color:var(--mint)}.nav-item i{font-style:normal;font-size:11px;margin-left:auto;border-radius:10px;background:#243541;padding:1px 7px}.tools-label{margin-top:30px}.sidebar-note{margin-top:auto;border:1px solid #2d4148;background:#172a30;border-radius:13px;padding:15px 13px;display:grid;gap:5px}.tiny-orbit{color:var(--mint);font:500 22px 'Noto Sans JP';margin-bottom:1px}.sidebar-note b{font-size:13px}.sidebar-note span{color:var(--muted);font-size:11px}main{padding:42px clamp(20px,4vw,58px) 60px;min-width:0}.view{display:none}.view.active{display:block}.greeting-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow,.section-kicker{color:var(--mint);font-size:10px;font-weight:700;letter-spacing:.16em}.eyebrow{margin:0 0 8px;color:#8fa39f}.greeting-row h1,.page-heading h1{font-size:clamp(28px,3.6vw,42px);line-height:1.18;letter-spacing:-.045em;margin:0;font-weight:600}.greeting-row h1 em,.page-heading h1 em{font-style:normal;color:var(--mint)}.intro{color:#a6b3bc;margin:12px 0 0;font-size:15px;max-width:640px}.day-count{border-left:1px solid var(--line);padding-left:20px;min-width:90px;text-align:center}.day-count strong{font:500 32px/1 'Noto Sans JP';color:var(--amber);display:block}.day-count span{font-size:9px;letter-spacing:.12em;color:#99a7ae}.daily-card,.focus-card,.quick-card,.kana-panel{border:1px solid var(--line);border-radius:15px;background:var(--panel)}.daily-card{padding:24px 25px}.daily-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.daily-head h2{font-size:19px;margin:4px 0 0;font-weight:600}.lesson-count{border:1px solid #39534e;background:#1a3632;color:var(--mint);border-radius:30px;padding:5px 10px;font-size:10px;font-weight:700;letter-spacing:.1em}.word-list{margin-top:20px}.word-row{display:grid;grid-template-columns:52px minmax(95px,.8fr) minmax(130px,1.25fr) minmax(150px,1.6fr) 38px;align-items:center;gap:14px;padding:13px 0;border-top:1px solid #2a3641}.word-num{font-size:11px;color:#778995}.word-jp{font:500 24px/1.2 'Noto Sans JP',sans-serif;letter-spacing:.02em}.word-romaji{color:var(--amber);font-size:13px}.word-kanji{display:block;margin-top:3px;font-size:13px;font-weight:400;color:var(--muted);letter-spacing:0}.answer-kanji{font:500 22px 'Noto Sans JP',sans-serif;color:var(--text)!important;margin:0 0 6px!important}.stat-card strong small{font-size:15px;color:var(--muted);font-weight:500;margin-left:2px}.word-meaning{font-size:14px}.word-example{color:#a4b1b9;font-size:12px}.word-example b{display:block;color:#d8e1e3;font:500 15px 'Noto Sans JP',sans-serif;margin-bottom:2px}.speak-button{border:1px solid var(--line);border-radius:9px;width:34px;height:34px;background:#1c2a35;color:#bfe9db}.speak-button:hover{border-color:#66b89d}.lesson-footer{margin-top:14px;padding-top:17px;border-top:1px solid #2a3641;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#9eacb5;font-size:12px}.lesson-footer b{color:#d9e3e4;font-weight:500}.primary-button,.secondary-button{border:0;border-radius:9px;padding:10px 15px;font-size:13px;font-weight:700;display:inline-flex;gap:12px;align-items:center;justify-content:center}.primary-button{color:#0d2420;background:var(--mint)}.primary-button:hover{background:#95edd0}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,.file-button:focus-within{outline:2px solid var(--mint);outline-offset:2px}.secondary-button{border:1px solid var(--line);background:#1a2834;color:#dfe8e9}.secondary-button:hover{border-color:#55736d}.bottom-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:17px}.focus-card,.quick-card{padding:20px 22px}.card-topline{display:flex;justify-content:space-between;align-items:center}.focus-symbol{color:var(--amber);font-size:21px}.focus-card h3{font-size:17px;margin:12px 0 3px}.focus-card p,.quick-card p{margin:0;color:#a7b4bc;font-size:13px}.progress-track{height:5px;border-radius:8px;background:#2b3945;margin-top:18px;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:var(--mint);border-radius:8px;transition:width .3s}.progress-caption{display:flex;justify-content:space-between;color:#84949e;font-size:11px;margin-top:8px}.quick-card p{margin:13px 0 7px;max-width:390px}.text-button{padding:5px 0;border:0;background:none;color:var(--mint);font-size:12px;font-weight:700}.page-heading{margin-bottom:25px}.review-wrap{max-width:760px;margin:0 auto}.review-card{border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#1b2a37,#17232e);min-height:320px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.review-position{position:absolute;top:20px;right:22px;color:#8d9ca5;font-size:12px}.review-card .word-jp{font-size:45px;margin:16px 0}.review-card .word-romaji{margin:0 0 13px}.review-card .speak-button{width:auto;padding:0 14px;white-space:nowrap}.review-card .answer{border-top:1px solid var(--line);width:min(400px,100%);padding-top:17px;color:#e6eeee}.review-card .answer p{margin:5px 0;color:#b2c0c6;font-size:14px}.review-actions{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap;justify-content:center}.review-actions button{min-width:105px}.reveal-button{margin-top:19px;background:#213d39;color:#a9f1d8;border:1px solid #376457;padding:10px 18px;border-radius:9px}.empty-state{padding:34px;border:1px dashed #45535e;border-radius:14px;text-align:center;color:#a7b5bb}.empty-state h3{color:var(--text);margin:8px}.kana-panel{padding:22px}.kana-tabs{display:inline-flex;gap:4px;padding:4px;margin-bottom:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.kana-tab{border:0;border-radius:9px;padding:8px 16px;background:transparent;color:#a9b7c0;font-size:13px;font-weight:600}.kana-tab span{margin-left:4px;font-family:'Noto Sans JP',sans-serif}.kana-tab:hover{color:var(--text)}.kana-tab.active{background:#1c3937;color:#a5f0d6}.kana-subhead{margin:22px 2px 10px;color:var(--mint);font-size:11px;font-weight:700;letter-spacing:.08em}.kata-lessons{margin-top:17px;padding:22px 24px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.kata-lessons h2{font-size:19px;margin:4px 0 0;font-weight:600}.kata-note{margin:6px 0 16px;color:#a7b4bc;font-size:13px}.kata-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kata-card{display:grid;grid-template-columns:1fr auto;gap:10px 12px;align-items:start;padding:14px 15px;border:1px solid #2c3d49;border-radius:12px;background:#1b2935}.kata-card b{font-size:14px}.kata-card p{margin:4px 0 0;color:#c9d4d8;font:400 15px/1.5 'Noto Sans JP',sans-serif}.kata-done{font-size:11px;color:var(--amber);white-space:nowrap}.kata-card button{grid-column:1/-1;justify-self:start}.kana-grid{display:grid;grid-template-columns:repeat(5,minmax(42px,1fr));gap:8px}.kana-cell{background:#1b2935;border:1px solid #2c3d49;border-radius:9px;min-height:66px;color:#eaf3f3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.kana-cell:hover{background:#1c3937;border-color:#4f8b79}.kana-cell b{font:500 22px 'Noto Sans JP'}.kana-cell span{font-size:10px;color:#9aabb2}.kana-cell.blank{visibility:hidden}.kana-tip{margin:19px 2px 0;color:#a8b6bc;font-size:13px}.kana-tip b{color:var(--amber);font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:13px;margin-bottom:18px}.stat-card{padding:18px 20px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.stat-card span{color:#94a4ac;font-size:12px}.stat-card strong{display:block;font-size:29px;color:var(--mint);margin-top:5px;font-weight:600}.progress-list-card{padding-bottom:8px}.import-export{display:flex;gap:8px}.file-button{cursor:pointer}.file-button input{display:none}.library-list{margin-top:14px}.library-row{padding:12px 0;border-top:1px solid #2b3944;display:grid;grid-template-columns:minmax(130px,1fr) 1fr 1fr auto;gap:12px;align-items:center;font-size:13px}.library-row strong{font:500 19px 'Noto Sans JP'}.library-row span{color:#9baab2}.library-row small{color:#778993}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tool-card{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:17px;display:grid;grid-template-columns:42px 1fr 16px;gap:13px;align-items:start;transition:.16s}.tool-card:hover{border-color:#55746f;transform:translateY(-1px)}.tool-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-weight:700}.purple{color:#d7c0ff;background:#352c4c}.green{color:#9af0cc;background:#1b3c33}.blue{color:#9fcef8;background:#20374d}.orange{color:#ffca8b;background:#493725;font-size:11px}.red{color:#ffaaa6;background:#492d31}.pink{color:#f2b7dc;background:#432d42}.tool-card b{font-size:14px}.tool-card p{font-size:12px;line-height:1.5;color:#a3b0b8;margin:4px 0 0}.external{color:#82929c;font-size:15px}.integration-note{margin-top:17px;padding:17px 19px;border:1px solid #38544d;border-radius:13px;background:#192c2d;display:flex;align-items:center;gap:13px}.integration-note b{white-space:nowrap;font-size:13px}.integration-note span{font-size:12px;color:#a6b5b8;flex:1}.integration-note button{white-space:nowrap}.grammar-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grammar-item{display:grid;grid-template-columns:30px 1fr 18px;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);text-align:left}.grammar-item:hover{border-color:#55746f}.grammar-item.done{border-color:#2f5a4f;background:#172a2c}.grammar-num{color:#778995;font-size:12px;font-weight:700}.grammar-main b{display:block;font:500 16px/1.4 'Noto Sans JP',sans-serif}.grammar-main small{display:block;margin-top:2px;color:var(--muted);font-size:12px}.grammar-check{color:var(--mint);font-weight:700}.grammar-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;color:#8d9ca5;font-size:12px}.grammar-card{padding:24px 25px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.grammar-card h2{margin:6px 0 2px;font:600 26px/1.35 'Noto Sans JP',sans-serif}.grammar-meaning{margin:0 0 14px;color:var(--amber);font-weight:600}.grammar-explain p{margin:0 0 8px;color:#c3cfd4;font-size:14px}.grammar-card h3{margin:22px 0 6px;color:var(--mint);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.grammar-example{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #2a3641}.grammar-example p{margin:0;font:500 17px/1.5 'Noto Sans JP',sans-serif}.grammar-example small{display:block;color:var(--amber);font-size:12px}.grammar-example span{display:block;color:#a4b1b9;font-size:13px}.grammar-example .speak-button{flex:none}.quiz-item{padding:13px 0;border-top:1px solid #2a3641}.quiz-q{margin:0;font:500 18px/1.5 'Noto Sans JP',sans-serif}.quiz-hint{display:block;margin:3px 0 10px;color:#a4b1b9;font-size:12px}.quiz-options{display:flex;flex-wrap:wrap;gap:8px}.quiz-option{min-width:64px;padding:8px 14px;border:1px solid var(--line);border-radius:9px;background:#1c2a35;color:var(--text);font:500 15px 'Noto Sans JP',sans-serif}.quiz-option:hover:not(:disabled){border-color:#66b89d}.quiz-option:disabled{cursor:default}.quiz-option.correct{border-color:var(--mint);background:#1c3937;color:#a5f0d6}.quiz-option.wrong{border-color:#c96b73;background:#3b2327;color:#ffb3b8}.quiz-result{margin:14px 0 0;color:var(--mint);font-size:14px;font-weight:600}.quiz-result:empty{display:none}.quiz-result.miss{color:var(--amber)}.grammar-pager{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.source-note{font-size:11px;color:#82939c;margin:12px 3px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#d5f4e9;color:#12312a;border-radius:9px;padding:10px 15px;font-weight:600;font-size:13px;box-shadow:0 9px 35px #0006;transition:.2s;z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{width:min(560px,calc(100% - 24px));border:1px solid #40515e;border-radius:16px;background:#16222e;color:var(--text);padding:22px;box-shadow:0 24px 100px #0009}dialog::backdrop{background:#080e14bf;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.dialog-head h2{font-size:19px;margin:4px 0}.icon-button.close-dialog{font-size:23px}.word-form,label{display:block}.dialog-head+label,.form-row+label{margin-top:12px}dialog label{font-size:12px;color:#aebbc2;margin-bottom:12px}dialog input{display:block;width:100%;margin-top:5px;border:1px solid #3b4b58;border-radius:8px;background:#101a23;color:#f0f6f6;padding:10px 11px;outline:none}dialog input:focus{border-color:#68c9a8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.dialog-actions .primary-button{border:0}
@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:3;flex-direction:row;overflow-x:auto;padding:8px 12px;background:#111b25;border-right:0;border-bottom:1px solid #26333e;gap:5px}.sidebar .nav-label,.sidebar-note{display:none}.nav-item{white-space:nowrap;min-height:42px;padding:8px 11px}.nav-item>span{width:auto}.app-shell{min-height:auto}main{padding-top:29px}.word-row{grid-template-columns:32px minmax(75px,.7fr) minmax(85px,.8fr) 34px}.word-meaning{grid-column:3;grid-row:1/3}.word-row .speak-button{grid-column:4;grid-row:1/3}.word-row{row-gap:0}.word-num{grid-row:1/3}.word-romaji{grid-column:2;grid-row:2}.lesson-footer{align-items:flex-start}.tools-label{display:none}}
@media(max-width:600px){.topbar{height:66px;padding:0 15px}.brand-mark{width:34px;height:34px}.brand small{font-size:10px}.streak{font-size:11px;padding:6px 9px}.icon-button{width:36px;height:36px}.sidebar{position:fixed;top:auto;left:0;right:0;bottom:0;z-index:4;display:grid;grid-template-columns:repeat(6,1fr);gap:1px;overflow:visible;padding:5px 4px calc(5px + env(safe-area-inset-bottom));border-bottom:0;border-top:1px solid #26333e;background:#111b25f2;backdrop-filter:blur(10px)}.nav-item{position:relative;flex-direction:column;justify-content:center;gap:3px;min-height:54px;padding:6px 2px;border-radius:10px;font-size:10.5px;line-height:1.15;text-align:center;white-space:normal}.nav-item>span{font-size:18px;line-height:1}.nav-item i{position:absolute;top:3px;left:calc(50% + 7px);margin:0;min-width:17px;padding:1px 5px;background:var(--amber);color:#211605;font-size:9px;font-weight:700;line-height:1.4}.nav-item i[data-count="0"]{display:none}main{padding:25px 15px calc(92px + env(safe-area-inset-bottom))}.toast{bottom:calc(80px + env(safe-area-inset-bottom));max-width:calc(100% - 32px);text-align:center}.greeting-row{align-items:flex-start}.greeting-row h1,.page-heading h1{font-size:30px}.intro{font-size:13px}.day-count{padding-left:12px;min-width:65px}.day-count strong{font-size:27px}.day-count span{font-size:8px}.daily-card{padding:17px 15px}.daily-head h2{font-size:16px}.word-row{grid-template-columns:24px 1fr 32px;gap:8px;padding:11px 0}.word-num{grid-row:1/4}.word-jp{grid-column:2;font-size:22px}.word-romaji{grid-column:2;grid-row:2}.word-meaning{grid-column:2;grid-row:3;font-size:13px}.word-example{display:block;font-size:11px;margin-top:5px}.word-row .speak-button{grid-column:3;grid-row:1/4}.lesson-footer{flex-direction:column}.lesson-footer .primary-button{width:100%}.bottom-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.tools-grid{grid-template-columns:1fr}.integration-note{align-items:flex-start;flex-wrap:wrap}.integration-note span{flex-basis:100%;order:3}.integration-note button{margin-left:auto}.library-row{grid-template-columns:1fr auto auto;gap:3px 10px}.library-row span:nth-child(2){grid-column:1}.library-row small{grid-column:2;grid-row:1/3}.library-row .speak-button{grid-column:3;grid-row:1/3}.import-export{flex-wrap:wrap;justify-content:flex-end}.kana-panel{padding:14px}.grammar-list{grid-template-columns:1fr}.grammar-card{padding:18px 15px}.grammar-card h2{font-size:22px}.quiz-q{font-size:17px}.kata-lessons{padding:17px 15px}.kata-grid{grid-template-columns:1fr}.kana-tabs{display:flex}.kana-tab{flex:1}.kana-grid{gap:5px}.kana-cell{min-height:56px}.kana-cell b{font-size:19px}.form-row{grid-template-columns:1fr;gap:0}.review-card{padding:22px 14px;min-height:300px}.review-card .word-jp{font-size:39px}.review-actions button{min-width:90px;padding:9px 10px}}