:root{font-family:Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;color:#26384e;background:#f7fbf8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #298a76;outline-offset:3px}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh;background:linear-gradient(180deg,#eaf7f2 0,#f7fbf8 470px 100%)}.page-width{width:min(1120px,calc(100% - 48px));margin-inline:auto}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{border:0;background:none;padding:0;display:flex;align-items:center;gap:11px;color:#243a4b;font-size:18px;font-weight:900;letter-spacing:-.05em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:#f2ad6f;color:#fff;font-size:28px;line-height:1;box-shadow:0 4px #d99660}.brand-light{color:#388672}.site-header nav{display:flex;align-items:center;gap:7px}.nav-link{border:0;background:transparent;color:#61716e;font-size:13px;font-weight:800;padding:11px 17px;border-radius:100px;white-space:nowrap}.nav-link:hover,.nav-link.is-active{background:#fff;color:#277d69;box-shadow:0 2px 12px #174c3c0c}.home-main{padding-bottom:82px}.hero{min-height:394px;background:#d8eee4;border-radius:32px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;position:relative;box-shadow:0 16px 42px #3e88731a}.hero:before{content:"";position:absolute;width:280px;height:280px;border:1px solid #b1dac9;border-radius:50%;left:-130px;bottom:-177px}.hero-copy{z-index:1;padding:57px 0 54px 66px;align-self:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff8e9;color:#896744;border-radius:100px;padding:9px 16px;font-size:12px;font-weight:800;letter-spacing:.03em}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#f5ae64}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(36px,4.1vw,53px);line-height:1.42;letter-spacing:-.07em;margin:21px 0 16px;font-weight:900}.hero h1 span{color:#308e77}.hero p{font-size:15px;line-height:2;color:#526965;margin-bottom:28px;font-weight:600}.primary-button{border:0;background:#23846d;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:15px;min-height:56px;padding:12px 24px;font-weight:800;box-shadow:0 6px #14634f;transition:transform .15s,box-shadow .15s,background .15s}.primary-button:hover:not(:disabled){background:#176d59;transform:translateY(2px);box-shadow:0 4px #105743}.primary-button:active:not(:disabled){transform:translateY(6px);box-shadow:0 0 #105743}.primary-button:disabled{background:#a8c6bb;box-shadow:0 5px #8ab2a4;color:#eff6f2}.hero-button{min-width:237px}.arrow-icon{font-family:DM Sans,sans-serif;font-size:22px;line-height:1}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-circle{position:absolute;width:315px;height:315px;border-radius:50%;background:#fff6e7;display:flex;align-items:center;justify-content:center;bottom:20px;right:75px;box-shadow:inset 0 0 0 8px #ffffff63}.hero-circle:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;border:2px dashed #acd8c8;z-index:-1}.hero-circle .mascot{width:245px;transform:translateY(14px)}.speech-bubble{position:absolute;z-index:2;background:#fff;border-radius:18px;font-family:DM Sans,sans-serif;font-weight:800;color:#2b856e;box-shadow:0 8px 20px #567d6e26}.bubble-hello{top:52px;left:22px;padding:12px 18px;font-size:23px;transform:rotate(-7deg)}.bubble-you{right:7px;bottom:73px;padding:11px 15px;font-size:16px;transform:rotate(6deg)}.bubble-you span{color:#eda35f;margin-left:5px}.hero-spark{position:absolute;color:#f1ad72;font-size:32px}.spark-one{left:65px;bottom:62px}.spark-two{right:37px;top:54px;color:#6ab99e}.spark-three{left:16px;top:149px;color:#f4d387;font-size:20px}.missions-section{margin-top:65px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.small-label{font-family:DM Sans,sans-serif;font-size:11px;letter-spacing:.17em;font-weight:800;color:#33927c}.section-heading h2{font-size:29px;letter-spacing:-.055em;margin:8px 0 6px;font-weight:900}.section-heading p{color:#6a7a7a;font-size:13px;font-weight:600;margin:0}.progress-pill{background:#fff;border:1px solid #e6eee9;border-radius:50px;padding:12px 18px;white-space:nowrap;color:#455d56;font-size:13px;font-weight:800;box-shadow:0 5px 18px #4066530d}.progress-star{color:#eaaa56;font-size:17px;margin-right:4px}.mission-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.mission-card{border:1px solid #e2ebe7;background:#fff;border-radius:22px;text-align:left;padding:17px;min-height:248px;display:flex;flex-direction:column;box-shadow:0 6px 16px #284d4210;transition:transform .18s,box-shadow .18s}.mission-card:not(:disabled):hover{transform:translateY(-5px);box-shadow:0 16px 24px #284d4221}.mission-card.locked{opacity:.65;background:#fafbfa}.card-top,.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px}.mission-number{font-family:DM Sans,sans-serif;color:#669386;font-size:10px;font-weight:800;letter-spacing:.13em}.card-status{font-size:10px;font-weight:800;color:#288168;background:#e7f4ed;padding:6px 9px;border-radius:50px;white-space:nowrap}.card-status.done{color:#aa7530;background:#fff2da}.locked .card-status{background:#eff2f0;color:#7d8c87}.card-illustration{height:124px;border-radius:15px;margin:15px 0 14px;display:grid;place-items:center;position:relative;overflow:hidden}.card-illustration:before{content:"";position:absolute;width:112px;height:112px;border-radius:50%;background:#ffffff72;top:20px;right:-11px}.card-illustration:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;border:2px dashed #ffffff9c;left:-33px;top:-50px}.card-illustration>span:first-child{font-size:65px;z-index:1;filter:drop-shadow(0 7px 2px #77645615)}.card-tiny-spark{position:absolute;right:28px;top:22px;color:#fff;font-size:25px}.card-place{font-size:11px;color:#83918e;font-weight:700}.card-bottom h3{font-size:16px;margin:3px 0 0;font-weight:900;letter-spacing:-.04em}.card-arrow{color:#2c9278;font-size:22px;font-weight:700;line-height:1}.locked .card-arrow{color:#9baba4}.home-note{display:flex;align-items:center;gap:9px;color:#758782;font-size:12px;font-weight:700;margin:28px 4px 0}.home-note span:first-child{font-size:19px}.site-footer{border-top:1px solid #e4ece8;padding:24px 0 32px;display:flex;justify-content:space-between;font-size:11px;color:#92a19b;font-weight:700}.lesson-main,.parent-main{padding-top:22px;padding-bottom:76px;max-width:900px}.back-link{display:inline-flex;align-items:center;gap:8px;border:0;background:none;color:#4b806e;font-size:13px;font-weight:800;padding:7px 0;margin-bottom:28px}.back-link span{font-size:19px;line-height:0}.back-link:hover{text-decoration:underline}.lesson-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.lesson-heading h1,.parent-hero h1{font-size:31px;letter-spacing:-.06em;margin:8px 0 7px;font-weight:900}.lesson-heading p,.parent-hero p{font-size:13px;color:#647974;line-height:1.8;margin:0;font-weight:600}.lesson-heading-emoji{width:76px;height:76px;display:grid;place-items:center;border-radius:22px;font-size:44px;flex-shrink:0}.lesson-progress{display:flex;gap:8px}.progress-segment{height:9px;flex:1;border-radius:10px;background:#dfece6}.progress-segment.filled{background:#63b79a}.lesson-counter{text-align:right;color:#658379;font-size:11px;font-weight:800;margin:8px 0 14px}.lesson-card{background:#fff;border:1px solid #e6eee9;border-radius:27px;padding:30px 36px 28px;box-shadow:0 13px 32px #234d4011;min-height:475px}.lesson-step{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:900;margin-bottom:28px;letter-spacing:-.035em}.step-round{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e1f4e9;color:#24846b;font-family:DM Sans,sans-serif;font-size:16px}.conversation-row{display:flex;gap:17px;align-items:flex-start;margin:32px 0 29px}.avatar{width:87px;height:87px;border-radius:50%;background:#fff0d8;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.avatar .mascot{width:77px;transform:translateY(11px)}.conversation-bubble{border-radius:19px;background:#f4f9f6;padding:22px 26px;flex:1;position:relative;min-height:125px}.conversation-bubble:before{content:"";position:absolute;border-style:solid;border-width:10px 14px 10px 0;border-color:transparent #f4f9f6 transparent transparent;left:-13px;top:29px}.speaker-name{color:#47927a;font-size:11px;font-weight:800}.english-line{font-family:DM Sans,sans-serif;font-size:clamp(24px,4vw,34px);line-height:1.28;font-weight:800;color:#273a4e;margin-top:5px}.japanese-line{font-size:13px;color:#778883;margin-top:8px;font-weight:600}.sound-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:62px;border:2px solid #b7daca;border-radius:15px;background:#ecf8f1;color:#24745e;font-size:16px;font-weight:900;transition:background .15s}.sound-button:hover{background:#dcf1e6}.sound-button span{font-size:21px}.lesson-actions{display:flex;justify-content:flex-end;margin-top:29px}.lesson-actions .primary-button{min-width:205px}.inline-error{color:#ad623c;background:#fff1e9;padding:10px 14px;border-radius:10px;font-size:12px;font-weight:700;margin:12px 0 0}.step-dots{display:flex;gap:6px;justify-content:center;margin-top:23px}.step-dots span{width:7px;height:7px;background:#d7e4de;border-radius:50%}.step-dots span.active{background:#71b69e}.question-box{display:flex;align-items:center;gap:16px;background:#f3f8f5;border-radius:17px;padding:18px 21px;margin-bottom:19px}.question-icon{font-size:27px}.question-box div{display:flex;flex-direction:column;gap:3px}.question-box div>span{font-size:11px;color:#7c9188;font-weight:700}.question-box strong{font-size:17px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.choice-card{position:relative;min-height:148px;border:2px solid #e7eeeb;border-radius:17px;background:#fff;padding:17px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-family:DM Sans,Noto Sans JP,sans-serif;font-size:15px;font-weight:800;text-align:center;line-height:1.3;transition:transform .15s,border-color .15s,background .15s}.choice-card:hover{transform:translateY(-3px);border-color:#82c7aa}.choice-card.correct{border-color:#42ac82;background:#eff9f2}.choice-card.incorrect{border-color:#ec9c8a;background:#fff4f1}.choice-emoji{font-size:43px;line-height:1.1}.choice-indicator{position:absolute;right:10px;top:7px;color:#2b9874;font-size:21px}.incorrect .choice-indicator{color:#d17459}.choice-feedback{font-size:13px;color:#b36c4d;background:#fff5ec;padding:11px 14px;border-radius:10px;font-weight:700;margin:15px 0 0}.choice-feedback.positive{background:#eff8f0;color:#288163}.answer-panel{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;background:#eef8f2;border-radius:20px;padding:22px 18px;margin-bottom:16px}.answer-kicker{font-size:12px;color:#4b967b;font-weight:800}.answer-panel strong{font-family:DM Sans,sans-serif;font-size:clamp(24px,4vw,34px);line-height:1.25;color:#263e4d}.answer-panel>span:last-child{color:#668278;font-size:13px;font-weight:700}.speak-instruction{font-size:12px;line-height:1.8;color:#73867f;font-weight:600;text-align:center;margin:0 0 19px}.audio-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare-button,.compare-placeholder{display:flex;align-items:center;gap:13px;border:2px solid #c9e4d3;border-radius:16px;background:#f5fbf6;padding:13px 16px;min-height:76px;text-align:left;color:#28785e;font-size:15px;font-weight:900}.compare-button:hover{background:#e6f7e9}.compare-button.own{border-color:#f4d6b2;background:#fff9ef;color:#986a3f}.compare-button.own:hover{background:#fff0db}.compare-icon{display:grid;place-items:center;background:#fff;border-radius:12px;width:42px;height:42px;font-size:22px;flex-shrink:0}.compare-button span:last-child{display:flex;flex-direction:column;gap:3px}.compare-button small{font-size:10px;color:#83978b}.compare-placeholder{border-style:dashed;background:#fafbf9;color:#a6b4ad;font-size:12px;font-weight:700}.compare-placeholder span{font-size:22px}.record-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px}.record-button{border:0;background:#f8e1d8;color:#ac5b49;border-radius:12px;min-height:49px;padding:10px 20px;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:900}.record-button:hover{background:#f3d0c3}.record-button>span:first-child{font-size:18px}.record-button.recording{background:#cb6458;color:#fff}.record-dot{width:11px;height:11px;border-radius:50%;background:#fff;animation:pulse 1s infinite}.recording-hint{font-size:12px;color:#a76b5c;font-weight:700}.fallback-link{display:block;border:0;background:none;text-decoration:underline;color:#687f76;font-size:12px;font-weight:700;margin:13px auto 0;padding:4px}.self-check{display:block;margin:12px auto 0;border:1px solid #9fcfbb;background:#eaf7ee;color:#227760;border-radius:10px;padding:10px 16px;font-size:12px;font-weight:800}.completion-card{background:#fff;border:1px solid #e4efe8;border-radius:28px;min-height:550px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;box-shadow:0 14px 30px #244c3d12;padding:40px}.completion-card:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;background:#f2faf5;top:-197px;left:-124px}.completion-mascot{width:150px;height:150px;border-radius:50%;background:#fff2dc;display:grid;place-items:center;overflow:hidden;margin-bottom:15px;z-index:1}.completion-mascot .mascot{width:147px;transform:translateY(20px)}.completion-card .small-label,.completion-card h2,.completion-card p,.completion-actions{z-index:1}.completion-card h2{font-size:34px;letter-spacing:-.06em;margin:7px 0}.completion-card p{line-height:1.9;color:#6a8176;font-size:14px;font-weight:700}.completion-actions{display:flex;gap:12px;margin-top:20px}.secondary-button{min-height:56px;border-radius:15px;border:2px solid #cde4d6;background:#fff;color:#37876d;padding:12px 22px;font-weight:900}.secondary-button:hover{background:#edf8f1}.confetti{position:absolute;color:#e3ab71;font-size:35px}.confetti-one{top:85px;left:25%}.confetti-two{right:22%;top:107px;color:#7ec3a7}.confetti-three{right:15%;bottom:134px;color:#f1d18e}.parent-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#dcefe5;border-radius:24px;padding:36px 42px;margin-bottom:20px}.parent-hero-icon{font-size:70px}.parent-summary{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:20px}.parent-summary>div{background:#fff;border:1px solid #e7eee9;border-radius:20px;padding:24px 30px;display:flex;flex-direction:column;gap:2px}.parent-summary strong{font-family:DM Sans,Noto Sans JP,sans-serif;font-size:39px;line-height:1.1;color:#27876a}.parent-summary small{font-size:16px;color:#88a498}.parent-summary span{font-size:12px;font-weight:700;color:#72897d}.parent-card{background:#fff;border:1px solid #e6eee9;border-radius:23px;padding:26px 32px}.parent-card h2,.parent-info h2{font-size:18px;margin-bottom:15px}.parent-row{display:flex;align-items:center;gap:13px;border-top:1px solid #eaf0ed;padding:13px 0}.parent-row-icon{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;font-size:25px;flex-shrink:0}.parent-row-title{display:flex;flex-direction:column;gap:2px;flex:1}.parent-row-title span{font-family:DM Sans,sans-serif;font-size:9px;letter-spacing:.1em;color:#86a097;font-weight:800}.parent-row-title strong{font-size:13px}.parent-row-status{color:#9aaca2;font-size:11px;font-weight:800}.parent-row-status.is-done{color:#2b8f70}.parent-info{padding:29px 6px;color:#788982}.parent-info h2{color:#354a42;margin-bottom:10px}.parent-info p{font-size:12px;line-height:1.9;margin-bottom:8px}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}@media(max-width:900px){.hero-copy{padding-left:42px}.hero-circle{right:28px}.mission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.page-width{width:min(100% - 28px,520px)}.site-header{height:71px}.brand{font-size:14px;gap:7px}.brand-mark{width:32px;height:32px;font-size:22px;border-radius:10px}.nav-link{font-size:11px;padding:9px 10px}.hero{display:flex;flex-direction:column-reverse;min-height:0;border-radius:25px}.hero-art{height:212px;min-height:212px}.hero-circle{width:225px;height:225px;bottom:-38px;right:calc(50% - 113px)}.hero-circle:before{width:245px;height:245px}.hero-circle .mascot{width:172px;transform:translateY(15px)}.bubble-hello{left:12%;top:26px;font-size:17px}.bubble-you{right:7%;bottom:16px;font-size:13px}.spark-one{left:11%;bottom:44px}.spark-two{right:14%;top:15px}.hero-copy{padding:24px 25px 34px}.eyebrow{font-size:10px;padding:7px 12px}.hero h1{font-size:34px;margin:14px 0 10px}.hero p{font-size:12px;line-height:1.85;margin-bottom:21px}.desktop-break{display:none}.hero-button{width:100%}.missions-section{margin-top:44px}.section-heading{align-items:flex-start}.section-heading h2{font-size:24px}.section-heading p{font-size:11px;line-height:1.5}.progress-pill{font-size:10px;padding:9px 11px}.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.mission-card{min-height:214px;padding:11px;border-radius:17px}.mission-number{font-size:9px}.card-status{font-size:9px;padding:5px 7px}.card-illustration{height:101px;margin:10px 0}.card-illustration>span:first-child{font-size:52px}.card-place{font-size:9px}.card-bottom h3{font-size:13px}.card-arrow{font-size:19px}.home-note{line-height:1.6}.site-footer{padding-top:17px}.lesson-main,.parent-main{padding-top:13px}.back-link{margin-bottom:20px}.lesson-heading h1,.parent-hero h1{font-size:25px}.lesson-heading p,.parent-hero p{font-size:11px}.lesson-heading-emoji{width:58px;height:58px;font-size:34px;border-radius:17px}.lesson-heading{margin-bottom:23px}.lesson-card{padding:21px 17px 24px;border-radius:20px;min-height:430px}.lesson-step{font-size:15px;margin-bottom:17px}.conversation-row{gap:10px;margin:29px 0 25px}.avatar{width:62px;height:62px}.avatar .mascot{width:55px}.conversation-bubble{padding:16px 17px;min-height:110px}.english-line{font-size:24px}.japanese-line{font-size:11px}.sound-button{min-height:56px;font-size:14px}.choice-grid{gap:7px}.choice-card{padding:10px 5px;min-height:123px;font-size:11px;border-radius:13px}.choice-emoji{font-size:33px}.choice-feedback{font-size:11px}.question-box{padding:14px;margin-bottom:14px}.question-box strong{font-size:14px}.lesson-actions .primary-button{width:100%}.answer-panel{padding:19px 12px}.answer-panel strong{font-size:24px}.audio-compare{gap:7px}.compare-button,.compare-placeholder{padding:8px;gap:6px;font-size:12px;min-height:70px}.compare-icon{width:31px;height:31px;font-size:17px}.compare-placeholder{font-size:10px}.record-controls{flex-wrap:wrap}.completion-card{padding:28px 18px;min-height:490px}.completion-card h2{font-size:27px}.completion-card p{font-size:12px}.completion-actions{width:100%;flex-direction:column-reverse}.completion-actions button{width:100%}.parent-hero{padding:25px 21px}.parent-hero-icon{font-size:48px}.parent-summary{gap:10px}.parent-summary>div{padding:17px}.parent-summary strong{font-size:31px}.parent-summary span{font-size:10px}.parent-card{padding:20px 17px}.parent-row-status{font-size:10px}}@media(max-width:380px){.site-header nav{gap:0}.nav-link{font-size:10px;padding:8px}.brand{font-size:12px}.brand-mark{width:29px;height:29px}.mission-grid{gap:8px}.mission-card{padding:9px}.card-bottom h3{font-size:12px}.card-status{font-size:8px}}