:root{--green:#294e43;--muted:#7e877f;--paper:#f7f8f2;--line:#e5e8df;--lime:#e2edc7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:#283c33;font-family:'Noto Sans SC',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,label,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a5b76e;outline-offset:4px}button{border:0;background:none;color:inherit}a{text-decoration:none;color:inherit}aside{position:fixed;inset:0 auto 0 0;width:224px;background:#fff;border-right:1px solid var(--line);padding:38px 24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:13px;font-family:'Noto Serif JP',serif;font-size:25px;font-weight:600}.logo{display:grid;place-items:center;background:var(--green);color:#f4f6df;border-radius:13px;width:45px;height:49px}.brand small{display:block;font:9px sans-serif;letter-spacing:3px;margin-top:4px}.side-label{font-size:11px;color:#9a9f95;margin:24px 0 38px}nav{display:grid;gap:10px}nav a{display:flex;gap:16px;align-items:center;padding:14px;border-radius:9px;color:#7a8279}nav a.active{background:#ecf1e4;color:var(--green);font-weight:600}nav a b{font-size:18px;width:20px;text-align:center}.side-bottom{margin-top:auto;padding:25px 12px 0;color:#8b9485}.side-bottom>span{font:12px 'Noto Serif JP',serif;letter-spacing:2px}.side-bottom p{font-size:19px;line-height:1.8;color:#53684f}.side-bottom small{font-size:10px}main{margin-left:224px;padding:0 44px;max-width:1700px}header{height:87px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}header>div{display:flex;align-items:center;gap:22px}.local-tag{font-size:11px}.avatar{display:grid;place-items:center;width:33px;height:33px;background:#e8eddd;border-radius:50%;color:var(--green)}#app{min-height:calc(100vh - 180px);padding:31px 0}.eyebrow{font-size:10px;letter-spacing:2px;color:#89917b;font-weight:600}h1{font-size:29px;letter-spacing:1px;margin:9px 0 10px;font-weight:600}h2{font-size:18px;margin:0}h3{font-size:17px;margin:0}p{line-height:1.8}.muted{color:var(--muted)}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.heading p{margin:0;font-size:12px}.date-chip{font-size:11px;border:1px solid var(--line);padding:9px 14px;border-radius:20px;background:#fff}.hero{position:relative;overflow:hidden;background:#eaf0dd;border-radius:16px;min-height:232px;padding:30px 34px;display:flex;justify-content:space-between}.hero h2{font-size:29px;line-height:1.55;margin:10px 0}.hero p{color:#718269;font-size:12px;margin:10px 0 23px}.primary{background:var(--green);color:white;border-radius:8px;padding:13px 23px;display:inline-block;font-weight:500}.primary:hover{background:#396455}.secondary{border:1px solid var(--line);background:white;border-radius:8px;padding:12px 20px}.hero-art{width:32%;position:relative;display:grid;place-items:center}.sun{position:absolute;border-radius:50%;width:175px;height:175px;background:#dce6c5;right:10px}.jp-art{position:relative;font-family:'Noto Serif JP',serif;font-size:45px;letter-spacing:13px;writing-mode:vertical-rl;line-height:1.6;transform:rotate(-7deg);color:#3c5b3e}.jp-art small{font-size:11px;letter-spacing:5px;margin-right:10px;color:#83946b}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0 30px}.stat{border:1px solid var(--line);background:#fff;border-radius:12px;padding:19px 21px}.stat label{color:var(--muted);font-size:11px}.stat strong{display:block;font-size:28px;font-weight:500;margin:7px 0 5px}.stat small{font-size:10px;color:#8c9585}.stat strong em{font-size:11px;font-style:normal;margin-left:6px;color:#929889}.section-head{display:flex;justify-content:space-between;align-items:center;margin:26px 0 16px}.section-head span,.section-head a{font-size:11px;color:#849078}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.module{padding:23px;border:1px solid var(--line);background:#fff;border-radius:12px;transition:.2s}.module:hover{transform:translateY(-3px);box-shadow:0 8px 18px #294e4309}.module .icon{width:40px;height:40px;display:grid;place-items:center;background:#eef2e6;border-radius:10px;font-family:'Noto Serif JP';font-size:21px;margin-bottom:20px}.module:nth-child(2) .icon{background:#f6eddd}.module:nth-child(3) .icon{background:#e9eef0}.module p{font-size:11px;color:#8d9488;margin:8px 0 23px}.module-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7c8b71}.bottom-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:25px}.panel{background:#fff;border:1px solid var(--line);padding:25px;border-radius:12px}.daily-jp{font-family:'Noto Serif JP',serif;font-size:24px;margin:20px 0 10px}.pill{display:inline-block;border-radius:5px;background:#eef2e8;color:#748168;font-size:10px;padding:4px 8px}.week{display:flex;justify-content:space-between;margin-top:24px}.day{text-align:center;font-size:10px;color:#92998b}.day i{display:grid;place-items:center;font-style:normal;width:30px;height:30px;background:#f3f5ee;border-radius:50%;margin-top:10px}.day.done i{background:#dfe9c6;color:#46613a}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}input,select{border:1px solid var(--line);border-radius:8px;background:white;padding:12px 14px;color:var(--green)}input[type=search]{min-width:240px;flex:1}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{padding:9px 15px;border-radius:7px;background:#fff;border:1px solid var(--line);font-size:12px}.tabs button.active{color:#fff;background:var(--green)}.word-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.word{background:#fff;border:1px solid var(--line);padding:21px;border-radius:11px;position:relative}.word h3{font-family:'Noto Serif JP';font-size:23px;margin:10px 0 7px}.word p{font-size:12px;margin:6px 0}.word .actions{display:flex;gap:7px;position:absolute;right:13px;top:13px}.sound,.star{border-radius:50%;padding:6px;background:#f4f6ef;font-size:14px}.star.on{color:#b88928;background:#fff2ce}.word .status{font-size:10px;color:#8d9b76;margin-top:14px}.empty{padding:60px;text-align:center;color:var(--muted)}.study-wrap{max-width:750px;margin:24px auto}.flash{min-height:330px;background:white;border:1px solid var(--line);border-radius:18px;padding:35px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.flash h2{font-family:'Noto Serif JP';font-size:55px;margin:22px 0 12px}.flash .reading{font-size:20px;letter-spacing:2px}.flash .meaning{font-size:23px;margin:20px 0}.study-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.study-actions button{flex:1;max-width:220px}.progress{height:5px;background:#e6eadf;border-radius:6px;margin:16px 0 24px;overflow:hidden}.progress>div{height:100%;background:#8da46c}.grammar-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}details{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;height:fit-content}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}summary b{font-family:'Noto Serif JP';font-size:25px;display:block;margin:8px 0}summary span{font-size:11px;color:var(--muted)}.grammar-body{border-top:1px solid var(--line);margin-top:20px;padding-top:15px;font-size:13px}.formula{background:#f0f4e9;padding:12px;border-radius:7px}.example{border-left:3px solid #b7c995;padding-left:15px;margin:20px 0}.example .jp{font:20px 'Noto Serif JP';line-height:1.7}.example small{color:var(--muted)}.note{font-size:12px;color:#8a7c60;background:#faf6ed;padding:12px;border-radius:6px}.phrase-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.phrase{position:relative}.phrase h3{font-family:'Noto Serif JP';font-size:21px;padding-right:30px;line-height:1.7}.phrase .sound{position:absolute;right:20px;top:23px}.phrase p{margin:12px 0 8px}.phrase small{color:var(--muted);font-size:11px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.answer{background:white;border:1px solid var(--line);border-radius:9px;padding:20px}.answer.correct{background:#e5efce;border-color:#a2bb77}.answer.wrong{background:#fae5dc;border-color:#daa48a}.feedback{padding:15px;border-radius:9px;background:#eef2e6;text-align:center;margin:20px 0}.kana-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.kana-grid button{background:white;border:1px solid var(--line);padding:15px 5px;border-radius:9px;font:24px 'Noto Serif JP'}.kana-grid small{display:block;font:11px sans-serif;color:var(--muted);margin-top:8px}.info{padding:14px 18px;background:#eef2e6;border-radius:9px;font-size:12px;color:#748367;margin:16px 0}footer{display:flex;gap:18px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding:22px 0;font-size:10px;letter-spacing:1px;color:#97a08e}footer span{margin-right:auto}footer button,.file-btn{font-size:10px;cursor:pointer;color:#65795a}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:13px 22px;border-radius:10px;display:none;z-index:9}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.text-btn{color:#6b805c;font-size:12px}.goal{width:65px;padding:6px}.history{font-size:12px;margin-top:14px;line-height:2}.complete{text-align:center;padding:35px}.complete h2{font-size:30px;margin:20px}.inline-actions{display:flex;gap:7px;align-items:center}@media(min-width:1450px){#app{max-width:1160px;margin:auto}}@media(max-width:1100px){aside{width:185px;padding:30px 18px}main{margin-left:185px;padding:0 25px}.word-grid{grid-template-columns:1fr 1fr}.stat{padding:16px}.hero-art{width:28%}.jp-art{font-size:36px}.sun{width:140px;height:140px}}@media(max-width:760px){aside{position:sticky;top:0;width:auto;height:auto;padding:10px 16px;z-index:5;border-bottom:1px solid var(--line)}.brand{font-size:17px}.logo{width:30px;height:32px;border-radius:8px}.brand small{display:none}.side-label,.side-bottom{display:none}nav{display:flex;gap:4px;overflow:auto;margin-top:9px}nav a{padding:9px 11px;white-space:nowrap;font-size:11px;gap:5px}nav a b{font-size:12px;width:15px}main{margin:0;padding:0 18px}header{height:53px}.local-tag{display:none}#app{padding-top:21px}h1{font-size:25px}.heading{margin-bottom:20px}.date-chip{display:none}.hero{padding:24px;min-height:220px}.hero h2{font-size:25px}.hero-art{width:22%;opacity:.6}.sun{width:95px;height:95px;right:-25px}.jp-art{font-size:29px;letter-spacing:8px}.jp-art small{display:none}.stats{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.stat strong{font-size:25px}.module-grid{grid-template-columns:1fr;gap:10px}.module{padding:18px;position:relative;padding-left:77px}.module .icon{position:absolute;left:18px;top:20px}.module p{margin-bottom:12px}.bottom-grid,.grammar-list,.phrase-grid{grid-template-columns:1fr}.word-grid{grid-template-columns:1fr 1fr;gap:9px}.word{padding:15px}.word h3{font-size:20px;margin-top:25px}.word .actions{right:8px;top:8px}.word .pill{font-size:9px}.flash{padding:25px;min-height:290px}.flash h2{font-size:44px}.answers{grid-template-columns:1fr}.toolbar input{min-width:180px}.kana-grid{gap:7px}.kana-grid button{font-size:21px}footer{gap:12px}footer span{display:none}}

.level-control{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:-5px 0 24px;padding:14px 18px;background:#edf2e5;border-radius:10px}.level-control label{font-weight:600}.level-control span{font-size:11px}.pager{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}.pager span{margin-right:auto;font-size:12px;color:#7e877f}.pager button{padding:8px 15px}.pager button:disabled{opacity:.4;cursor:default}.word-details{padding:12px 0 0;border:0;border-top:1px solid #e5e8df;border-radius:0;margin-top:15px}.word-details summary span{font-size:11px}.word-details .example .jp{font-size:17px}.word-details .example{margin:16px 0;padding-left:10px}.word-details .sound{flex-shrink:0}.word p{overflow-wrap:anywhere}.pitch{font-size:12px;color:#8b967a}.wrap{flex-wrap:wrap}.study-wrap>.word-details{padding:18px;background:white;border-radius:10px}.word-grid{align-items:start}

body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.pwa-dialog{width:min(560px,94vw);max-height:85dvh;overflow:auto;border:1px solid #e5e8df;border-radius:16px;padding:24px;background:#f7f8f2;color:#294e43}.pwa-dialog::backdrop{background:#193a3155}.pwa-dialog p{font-size:13px;line-height:1.9}#pwa-status{padding:15px;background:#e6edda;border-radius:8px}.pwa-dialog button{min-height:44px}.install-help{min-height:44px}button:disabled{cursor:default;opacity:.55}@media(max-width:760px){input,select{font-size:16px}button,.file-btn{min-height:44px}.sound,.star{min-width:40px;min-height:40px}.word .actions{position:static;float:right}.word h3{clear:both;padding-top:10px}.word-grid{grid-template-columns:1fr}nav a{min-height:44px}.level-control select{max-width:100%}.hero-art{display:none}.hero>div{width:100%}.pwa-dialog{padding:18px}.study-actions{position:sticky;bottom:0;background:#f7f8f2;padding:12px 0 calc(12px + env(safe-area-inset-bottom));z-index:2}footer{padding-bottom:calc(20px + env(safe-area-inset-bottom))}}