:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#253c45;background:#f3f8fa;font-synthesis:none;--blue:#a4dcf8;--ink:#253c45;--line:#e2ebef;--green:#167653;--muted:#5d707a;--yellow:#f8d77d;letter-spacing:0}
*{box-sizing:border-box}body{margin:0}button,a,input,label,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit;background:none;touch-action:manipulation}button:disabled{cursor:default;opacity:.48}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #237eab;outline-offset:4px}button svg,button i{pointer-events:none}svg{width:22px;height:22px;flex:none}h1,h2,h3,p{margin:0}h1{font-size:26px;line-height:1.4;font-weight:750}h2{font-size:19px}h3{font-size:14px}p{line-height:1.7}small{font-size:12px}hr{border:0;border-top:1px solid var(--line);margin:20px 0}
.shell{max-width:760px;margin:auto;min-height:100dvh;background:#fff;box-shadow:0 0 60px #183e5010}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;border-bottom:1px solid #f2f6f8}.brand{text-decoration:none;font-weight:750;font-size:15px}.brand span{display:block;font-size:9px;color:var(--muted);font-weight:500;margin-top:4px;letter-spacing:0}.icon-button{height:44px;width:44px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex:none}.icon-button:hover{background:#edf6fb}main{outline:none;padding:24px 28px 116px;min-height:calc(100dvh - 76px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.eyebrow{font-size:11px;font-weight:600;color:var(--muted);margin-bottom:4px}.coins{display:inline-flex;align-items:center;gap:5px;background:#fff5d9;border-radius:8px;padding:8px 10px;font-size:14px;font-weight:700}.coins svg{color:#806014;width:18px;height:18px}
.scene{width:100%;position:relative;aspect-ratio:3/2;max-height:330px;overflow:hidden}.scene img{width:100%;height:100%;object-fit:cover;display:block}.costume{position:absolute;pointer-events:none}.costume.scarf{left:42%;top:51%;width:17%;height:6%;border-radius:50%;background:#90d9c3;box-shadow:0 2px 0 #56a98a}.costume.scarf:after{content:"";position:absolute;right:4%;top:55%;width:26%;height:290%;background:#90d9c3;border-radius:0 0 5px 5px;transform:rotate(-9deg);border-bottom:3px solid #56a98a}.costume.hat{left:40.5%;top:25%;width:19%;height:13%;border-radius:60% 60% 6% 6%;background:#f6cc60;border-bottom:6px solid #dba336;transform:rotate(-5deg)}.costume.hat:before{content:"";position:absolute;left:43%;top:-24%;width:20%;aspect-ratio:1;border-radius:50%;background:#f6cc60}.costume.glasses{left:39.2%;top:37%;width:22%;height:12%;display:flex;align-items:center;justify-content:center}.costume.glasses svg{width:100%;height:100%;stroke:#314554;stroke-width:1.2}.room-prop{position:absolute;left:77%;top:71%;width:15%;height:18%;display:flex;align-items:center;justify-content:center}.room-prop svg{width:85%;height:85%;stroke-width:1.5}.room-prop.plant{color:#247552;background:#eff9ef;border-radius:50% 50% 8px 8px}.room-prop.star{color:#be8311;background:#fff0b8;border-radius:40%}.scene-room{max-height:380px}
.daily-label{display:flex;justify-content:center;font-size:17px;font-weight:650;padding:20px 0}.daily-label span{display:inline-flex;align-items:center;gap:9px}.daily-label svg{width:18px;height:18px;color:#2f8db5}.home-actions{display:grid;gap:10px}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:13px 18px;border-radius:8px;min-height:46px;font-weight:650;line-height:1.4}.primary{background:var(--blue);color:#183f53;border:1px solid #84c8eb}.primary:hover:not(:disabled){background:#90d2f4}.secondary{background:#f0f4f6;border:1px solid #e5ebee;color:#354b56}.secondary:hover:not(:disabled){background:#e5eef3}.large{width:100%;min-height:57px;font-size:17px}.count{font-size:11px;background:#fff;border-radius:4px;padding:3px 6px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:4px;padding:6px 8px}.text-button svg{width:17px;height:17px}.subtle{color:var(--muted)}.diagnostic-line{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:8px}.today-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.today-strip>div{text-align:center}.today-strip strong{display:block;font-size:19px;overflow-wrap:anywhere}.today-strip span{display:block;font-size:11px;color:var(--muted);margin-top:4px}
#tabs{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,760px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#ffffffee;backdrop-filter:blur(10px);border-top:1px solid var(--line)}#tabs button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:52px;border-radius:6px;font-size:11px;color:#5c6e77;position:relative}#tabs button[aria-current]{color:#126a92;background:#edf8ff}#tabs button[aria-current]:after{content:"";position:absolute;bottom:0;height:3px;width:36px;background:#54b1dc;border-radius:2px}
.lesson-top{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:650;gap:8px}.fraction{font-size:12px;color:var(--muted);white-space:nowrap}progress{display:block;width:100%;height:5px;appearance:none;border:0;margin:12px 0 20px;border-radius:4px;overflow:hidden}progress::-webkit-progress-bar{background:#edf3f6}progress::-webkit-progress-value{background:#6bbfe4}progress::-moz-progress-bar{background:#6bbfe4}.steps{display:flex;gap:7px;justify-content:center;font-size:11px;color:var(--muted);margin-bottom:20px}.steps span{padding:5px 14px;background:#f1f5f7;border-radius:5px}.steps .current{color:#146a92;background:#e1f3fd}.pill{display:inline-flex;background:#eef6fa;color:#4b6674;border-radius:4px;font-size:11px;padding:4px 8px}.word-heading{display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:18px;margin:32px 0}.word-heading .pill{justify-self:start;grid-column:1/-1}.word-heading h1{font-size:32px;line-height:1.3;overflow-wrap:anywhere}.context-line{position:relative;margin-bottom:28px}.english-text{font-size:21px;line-height:1.8;margin-top:12px;padding-right:36px}.context-line .icon-button{position:absolute;right:0;top:36px}.answer-group{border:0;margin:0;padding:0;min-width:0}.answer-group legend{font-size:14px;font-weight:650;margin-bottom:14px}.choices{display:grid;gap:9px}.choice{display:flex;align-items:center;gap:12px;border:1px solid #dce7ed;border-radius:8px;padding:15px 14px;min-height:58px;text-align:left;background:#fff;font-size:15px;line-height:1.5;width:100%}.choice:hover:not(:disabled){border-color:#7bbde0;background:#f3faff}.choice span:nth-child(2){flex:1;overflow-wrap:anywhere}.option-number{font-size:12px;color:#607784;background:#f0f5f8;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:5px;flex:none}.answer-group:disabled .choice{opacity:1;color:#536874}.choice.right{border-color:#62b69b;background:#eef9f3!important;color:#15533f!important}.choice.wrong{border-color:#d2a36b;background:#fff7ed;color:#704611!important}.answer-tools{display:flex;align-items:center;justify-content:space-between;padding-top:18px;gap:10px}.hesitant-toggle{display:flex;align-items:center;gap:8px;font-size:14px;min-height:44px}input[type=checkbox]{accent-color:#2685b0;width:20px;height:20px;flex:none}.feedback{margin-top:18px;border-top:2px solid #7cbfa5;padding:16px 0;font-size:14px}.feedback.neutral{border-color:#deb168}.feedback>strong{display:flex;align-items:center;gap:8px;font-size:16px;margin-bottom:8px}.feedback p{margin-top:8px}.feedback .example{font-size:17px}.translation{color:#57707c;font-size:13px}.review-badge{display:inline-block;background:#fff2cf;color:#705319;font-size:11px;padding:5px 8px;border-radius:4px;margin-top:12px}.next{margin-top:8px}.reading-heading{display:flex;align-items:center;gap:10px;margin-bottom:15px}.reading-heading h1{font-size:21px;flex:1}.passage{font-size:18px;line-height:1.9;background:#f4f9fc;border-left:3px solid #a4d5ec;padding:18px;overflow-wrap:anywhere}.glossary{font-size:11px;color:#5d7380;margin:12px 0 22px}details{font-size:13px;margin-top:12px}summary{cursor:pointer;min-height:36px;line-height:36px}
.result{text-align:center}.result-symbol{display:flex;margin:4px auto 16px;width:54px;height:54px;background:#fff1bf;color:#8b671b;align-items:center;justify-content:center;border-radius:50%}.result-symbol svg{width:29px;height:29px}.result h1{font-size:24px;margin:8px 0 18px}.result .scene{max-height:235px}.reward{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:20px;color:#715613}.reward strong{font-size:30px}.reward span{font-size:13px}.result .primary{margin-top:22px}.weakness-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0;border-bottom:1px solid var(--line);padding-bottom:20px}.weakness-list>div{display:flex;justify-content:space-between;align-items:center;font-size:13px}.weakness-list strong{font-size:18px}.weakness-list small{display:block;font-weight:400;color:var(--muted);font-size:10px;margin-top:4px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin:28px 0 16px;gap:8px}.section-heading span{font-size:11px;color:var(--muted)}.shop{display:grid;gap:10px}.shop-item{display:flex;align-items:center;gap:12px;padding:14px 10px;border:1px solid var(--line);border-radius:8px}.item-art{width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:8px;background:#edf7fc;color:#3983a5}.item-art.scarf{background:#e0f5ed;color:#27725e}.item-art.hat,.item-art.star{background:#fff4d3;color:#816318}.item-art.plant{background:#e8f6e5;color:#3c7b43}.item-art svg{width:27px;height:27px}.item-copy{flex:1;min-width:0}.item-copy h3{font-size:13px;overflow-wrap:anywhere;line-height:1.5}.item-copy span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.small{font-size:12px;padding:8px 10px;min-height:40px;white-space:nowrap}.shop-item.equipped{border-color:#79c8e7;background:#f7fcff}.record-overview{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.record-overview span{font-size:13px}.record-overview strong{display:block;font-size:36px;margin-top:8px}.record-overview small{font-size:13px;color:var(--muted);font-weight:400}.overview-icon svg{width:45px;height:45px;color:#348db6}.day-records{margin-top:20px}.day-records article{padding:20px 0;border-bottom:1px solid var(--line)}.day-title{display:flex;justify-content:space-between;font-size:13px;gap:8px}.day-title span{font-size:11px;color:var(--muted)}.record-numbers{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#5c727d;margin-top:15px;flex-wrap:wrap}.record-numbers span{display:inline-flex;align-items:center;gap:5px}.record-numbers strong{font-weight:650;color:var(--ink)}.record-numbers svg{width:14px;height:14px}.empty{text-align:center;margin-top:44px}.empty>svg{height:38px;width:38px;color:#7dabbd}.empty p{font-size:14px;margin:15px 0 24px}
dialog{border:1px solid var(--line);border-radius:8px;padding:24px;width:min(440px,calc(100% - 32px));color:var(--ink);box-shadow:0 20px 60px #183e5030}dialog::backdrop{background:#203b4a55}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.setting-row{display:flex;align-items:center;justify-content:space-between;min-height:46px;font-size:14px}dialog .secondary{display:flex;width:100%;margin-top:10px;font-size:14px}.file-label{cursor:pointer}.file-label input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.file-label:focus-within{outline:3px solid #237eab}.danger{color:#973e3e;margin-top:16px}.settings-note{font-size:11px;color:var(--muted);margin-top:14px}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:12px;margin-top:20px}#confirm-copy{font-size:14px;margin-top:12px}#toast{position:fixed;z-index:100;bottom:110px;left:50%;transform:translate(-50%,12px);background:#254955;color:#fff;border-radius:8px;padding:12px 16px;max-width:calc(100% - 32px);width:max-content;font-size:13px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}#toast.show{opacity:1;transform:translate(-50%,0)}.error-banner{background:#fff1e7;color:#773d23;padding:12px;font-size:13px;margin-top:15px}
@media(min-width:650px){.shell{margin:24px auto;min-height:calc(100dvh - 48px);border:1px solid var(--line);border-radius:8px}.topbar{padding:14px 40px}main{padding:28px 50px 128px}.home{max-width:520px;margin:auto}.scene{max-height:347px}.home-actions{grid-template-columns:1fr 1fr}.diagnostic-line{margin-top:16px}.lesson{max-width:560px;margin:auto}.room{max-width:570px;margin:auto}.shop{grid-template-columns:1fr 1fr}.shop-item{flex-wrap:wrap}.shop-item .item-copy{min-width:130px}.shop-item .small{width:100%}.result{max-width:520px;margin:auto}.records{max-width:580px;margin:auto}}
@media(max-width:359px){.topbar{height:66px;padding:10px 16px}main{padding:20px 16px 106px}h1{font-size:23px}.word-heading h1{font-size:28px}.large{font-size:16px}.diagnostic-line{gap:0}.diagnostic-line .text-button{font-size:12px;padding:5px 2px}.today-strip strong{font-size:16px}.section-heading h2{font-size:17px}.section-heading span{font-size:10px}.shop-item{gap:9px}.item-art{width:40px;height:44px}.item-copy h3{font-size:12px}.small{padding:8px}.reading-heading{gap:6px}.reading-heading h1{font-size:19px}.passage{padding:13px;font-size:17px}.weakness-list{gap:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}