:root{font-family:Nunito Variable,Zen Maru Gothic,Hiragino Maru Gothic ProN,Yu Gothic,system-ui,sans-serif;color:#23434b;background:#edf5ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible{outline:3px solid #f9b84c;outline-offset:4px}h1,h2,h3,p{margin:0}a{color:#217663}button{color:inherit}.site-shell{display:grid;grid-template-columns:242px minmax(0,1fr);max-width:1640px;margin:auto;min-height:100vh}.sidebar{background:#f8fbf7;border-right:1px solid #e0eae2;padding:31px 20px 20px 25px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;gap:33px;z-index:5}.brand{border:0;background:none;display:flex;align-items:center;gap:12px;text-align:left;padding:0 6px;white-space:nowrap}.brand-icon{width:47px;height:47px;display:grid;place-items:center;font-size:24px;background:#26816c;color:#fff;border-radius:15px;box-shadow:inset 0 -5px #0000001f}.brand strong{display:block;font-weight:1000;letter-spacing:.6px;font-size:16px;color:#174749}.brand small{display:block;color:#5f7473;font-size:11px;font-weight:800;margin-top:2px}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.nav-link{border:0;background:transparent;color:#5d7677;display:flex;align-items:center;gap:13px;padding:15px 16px;border-radius:16px;text-align:left;font-size:14px;font-weight:900;white-space:nowrap;transition:.2s}.nav-link:hover{background:#e8f3ed}.nav-link.active{color:#23695f;background:#daede2}.nav-link span{font-size:21px;line-height:1}.sidebar-bottom{margin-top:auto}.sidebar-foot{font-size:11px;color:#5d7673;line-height:1.55;margin:28px 8px 6px}.main-content{min-width:0;padding:0 40px 15px}.eyebrow{font-size:12px;color:#5d7168;letter-spacing:1.5px;font-weight:1000}.screen{padding-bottom:26px;animation:fade-in .3s ease}.button{display:inline-flex;align-items:center;justify-content:center;gap:19px;border:0;border-radius:15px;padding:13px 23px;font-size:15px;font-weight:1000;transition:transform .15s,background .15s,box-shadow .15s;min-height:46px}.button:hover{transform:translateY(-2px)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:26px 2px 15px}.section-heading h2{font-size:20px;font-weight:1000;letter-spacing:.3px}.section-heading>span{color:#57726c;font-size:12px;font-weight:800}.outline-button{background:#fff;border:1px solid #d9e8dd;color:#35806f;border-radius:12px;padding:9px 16px;font-weight:900;font-size:12px;margin-top:12px}.outline-button:hover{background:#f2fbf5}.main-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #dae6dd;padding:19px 3px;color:#5c7265;font-size:11px}.back-link{border:0;background:none;color:#527467;font-size:13px;font-weight:900;margin:9px 0 19px;padding:0}.section-heading-spaced{margin-top:33px}.game-wrap{max-width:930px;margin:auto;padding-bottom:35px}.game-head{display:flex;align-items:center;justify-content:space-between;gap:9px}.icon-text-button{background:none;border:0;color:#497466;font-size:12px;font-weight:1000;padding:8px 0;white-space:nowrap}.game-progress-line{background:#dbe9df;max-width:100%;border-radius:30px;height:10px;margin-top:17px;overflow:hidden}.game-progress-line div{height:100%;background:linear-gradient(90deg,#4db28f,#8bd19a);border-radius:30px;transition:width .5s ease}.game-counter{display:flex;justify-content:space-between;gap:10px;margin:13px 1px;color:#7c9c90;font-size:12px;font-weight:900}.game-counter strong{color:#2b816c}.game-counter span{color:#abbdb1}.game-stage{position:relative;overflow:hidden;margin-top:15px;min-height:385px;display:flex;align-items:center;flex-direction:column;background:radial-gradient(ellipse at 50% 120%,#e2f8e7,#f8fcf5 75%);border:1px solid #e0eadf;border-radius:30px;padding:24px 20px 15px}.stage-island{background:radial-gradient(ellipse at 50% 130%,#fff2d4,#fffefa 78%)}.stage-castle{background:radial-gradient(ellipse at 50% 130%,#ffe4dc,#fffdfa 78%)}.stage-floating{position:absolute;font-size:36px;color:#f5ca6f;opacity:.7}.target-meaning{font-size:clamp(31px,5vw,53px);letter-spacing:4px;font-weight:1000;color:#2b7568;line-height:1.25;margin-top:10px}.target-meaning{letter-spacing:1px;font-size:32px}.typed-tiles{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:18px;max-width:100%}.typed-tile{display:flex;justify-content:center;align-items:center;min-width:clamp(29px,4vw,46px);height:clamp(42px,5vw,55px);border:2px solid #d4e3d5;border-bottom:4px solid #bed8c7;border-radius:12px;background:#fff;font-size:24px;color:#a3b0a9;font-weight:1000}.typed-tile.filled{border-color:#addcc0;border-bottom-color:#7ebd95;background:#def4df;color:#2a7565}.typed-tile.next{border-color:#f3c570;border-bottom-color:#e9aa48;background:#fff8e4}.tile-caret{height:20px;width:3px;background:#e5af48;border-radius:8px;animation:blink 1.1s infinite}.typing-feedback{font-size:13px;color:#587368;font-weight:900;text-align:center;min-height:26px;margin-top:15px}.typing-feedback.feedback-wrong{color:#d07b6d}.keyboard-panel{border:1px solid #e0eadf;border-radius:25px;background:#fffefa;margin-top:17px;padding:16px 21px;box-shadow:0 6px 18px #527c6010}.keyboard-panel-top{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:13px;color:#617971;font-weight:900}.keyboard-layout{margin:17px auto 15px;max-width:710px;display:flex;flex-direction:column;gap:6px}.key-row{display:flex;gap:6px;justify-content:center}.key-row-1{padding:0 4%}.key-row-2{padding:0 9%}.key-cap{min-width:0;flex:1;max-width:64px;aspect-ratio:1.22;border:1px solid #d9e7dc;border-bottom:4px solid #cbd8cf;border-radius:9px;background:#f7faf6;color:#5a746f;font-size:clamp(12px,1.6vw,18px);font-weight:1000;transition:transform .1s,background .1s}.key-cap:not(:disabled):active{transform:translateY(3px);border-bottom-width:1px}.keyboard-panel-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.keyboard-panel-bottom>span{font-size:11px;color:#a3b6a8}.hint-button,.delete-button{border:0;border-radius:12px;background:#e8f4ed;padding:10px 14px;font-size:12px;color:#447464;font-weight:1000}.delete-button{background:#f7f2e5;color:#776b51}.overlay{position:fixed;inset:0;background:#143e39a6;display:grid;place-items:center;z-index:30;padding:20px;backdrop-filter:blur(4px)}.dialog{background:#fffefa;border-radius:27px;padding:35px 32px;max-width:420px;width:100%;text-align:center;box-shadow:0 27px 50px #143f3a30}.dialog-emoji{font-size:52px}.dialog h2{font-size:22px;margin-top:9px}.dialog p{margin-top:12px;color:#83968f;font-size:14px;line-height:1.7}.dialog-actions{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin-top:23px}.button.primary{color:#fff;background:#24826f;box-shadow:0 4px #1b6d5f}.button.ghost{color:#377664;background:#e9f3ed}.button.destructive{background:#ba5a53;color:#fff}.result-screen{text-align:center;position:relative;max-width:700px;margin:20px auto 50px;background:#fffefa;border:1px solid #dfebdf;border-radius:30px;padding:45px 32px;box-shadow:0 12px 36px #55745814}.result-screen h1{font-size:38px;font-weight:1000;margin-top:7px}.result-screen p{font-size:15px;color:#617971;margin-top:8px}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:23px 0}.result-metrics>div{border-radius:15px;background:#f0f8ee;padding:16px 6px;display:flex;flex-direction:column;gap:6px}.result-metrics strong{font-size:29px;color:#2b8b73}.result-metrics span{font-size:10px;font-weight:900;color:#5a7469}.result-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.page-intro{margin:16px 0 24px}.page-intro h1{font-size:32px;font-weight:1000;margin:8px 0}.page-intro p{color:#557268;font-size:14px}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.stat-strip>div{border:1px solid #e1eae2;border-radius:19px;background:#fffefa;padding:20px;display:flex;flex-direction:column;gap:7px}.stat-strip strong{font-size:31px;color:#247d66}.stat-strip span{font-size:12px;color:#5e7969;font-weight:900}.parent-page{max-width:1010px;margin:auto}.parent-gate{max-width:620px;text-align:center;margin:22px auto 60px;background:#fffefa;border-radius:28px;padding:40px 30px;border:1px solid #e1eae0}.parent-icon{font-size:50px}.parent-gate h1{font-size:30px;margin-top:9px}.parent-gate p{line-height:1.8;font-size:14px;color:#61796e;margin-top:12px}.parent-gate label{font-size:28px;display:block;margin:25px 0 12px;font-weight:1000;color:#2b786b}.parent-gate form{display:flex;gap:10px;justify-content:center}.parent-gate input{width:150px;border-radius:12px;border:1px solid #cbdcd0;padding:10px 13px;text-align:center}.parent-gate small{display:block;font-size:11px;color:#66776b;margin-top:20px}.form-error{color:#b7514a!important;font-size:12px!important}.parent-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.report-stat{background:#fffefa;border:1px solid #e0eadf;border-radius:21px;padding:21px}.report-stat small{color:#62786f;font-size:11px;font-weight:900}.report-stat strong{display:block;margin-top:10px;font-size:34px;color:#2b8168}.report-stat strong span{font-size:13px;margin-left:4px}.report-card{background:#fffefa;border:1px solid #e1eae0;border-radius:24px;padding:26px;margin-top:17px}.report-card h2{font-size:19px}.report-card>p{margin-top:9px;color:#60786d;font-size:13px;line-height:1.85}.report-bar{margin-top:20px;background:#e4eee6;border-radius:10px;overflow:hidden;height:13px}.report-bar div{background:#79be94;height:100%;border-radius:10px;transition:width .4s}.word-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.word-chips span{background:#ebf5e9;color:#537266;padding:7px 12px;border-radius:30px;font-size:11px;font-weight:900}.report-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.danger-outline{color:#b7514a;border-color:#f0d5d0}.report-actions span{font-size:11px;color:#76736d}.report-safety p{max-width:850px}.report-actions{margin-top:12px}@keyframes fade-in{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:0}}@media(max-width:1100px){.site-shell{grid-template-columns:203px minmax(0,1fr)}.sidebar{padding-left:16px;padding-right:13px}.main-content{padding:0 25px 10px}.nav-link{font-size:12px;gap:9px;padding:14px 11px}}@media(max-width:780px){.site-shell{display:block}.sidebar{height:auto;position:sticky;z-index:8;top:0;flex-direction:row;align-items:center;gap:0;padding:9px 15px;border-right:0;border-bottom:1px solid #e4ebe4}.brand{padding:0}.brand-icon{height:35px;width:35px;border-radius:11px;font-size:18px}.brand strong{font-size:13px}.brand small{font-size:9px}.sidebar-nav{margin-left:auto;flex-direction:row;gap:2px}.nav-link{padding:10px;border-radius:11px;font-size:0;gap:0}.nav-link span{font-size:19px}.sidebar-bottom{display:none}.main-content{padding:0 17px 10px}.eyebrow{font-size:9px;letter-spacing:1px}.parent-stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.sidebar{padding:8px 9px}.brand{gap:7px}.brand strong{font-size:12px}.nav-link{padding:7px}.nav-link span{font-size:18px}.main-content{padding:0 12px 12px}.eyebrow{font-size:8px}.section-heading h2{font-size:17px}.section-heading>span{font-size:10px}.game-wrap{margin:0}.game-stage{min-height:354px;border-radius:22px;padding:22px 11px 15px}.game-counter span{display:none}.typed-tiles{gap:3px}.typed-tile{min-width:25px;height:39px;font-size:18px;border-radius:8px}.keyboard-panel{padding:14px 8px;border-radius:20px}.keyboard-panel-top{font-size:11px}.keyboard-layout,.key-row{gap:3px}.key-row-1{padding:0 2%}.key-row-2{padding:0 6%}.key-cap{min-width:0;border-radius:6px;aspect-ratio:1.05;font-size:13px;border-bottom-width:3px}.keyboard-panel-bottom>span{display:none}.hint-button,.delete-button{font-size:11px}.game-wrap{padding-bottom:12px}.result-screen{margin:0 auto 20px;padding:28px 13px}.result-screen h1{font-size:27px}.result-metrics{gap:5px}.result-metrics strong{font-size:23px}.result-metrics span{font-size:9px}.parent-gate{padding:26px 17px}.parent-gate form{flex-direction:column;align-items:center}.parent-gate input{width:100%}.parent-stat-grid{gap:7px}.report-stat{padding:15px}.report-stat strong{font-size:27px}.report-card{padding:18px}.main-footer{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.game-head{align-items:center;gap:12px}.game-head-right{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-left:auto;flex-shrink:0}.game-counter{margin:0;display:flex;align-items:baseline;justify-content:flex-end;gap:5px;white-space:nowrap;color:#527367;font-size:13px;font-weight:900;font-variant-numeric:tabular-nums}.game-counter strong{color:#287a67;font-size:15px;font-weight:1000}.game-progress-line{margin-top:14px;height:7px}@media(max-width:480px){.game-wrap{padding-top:13px}.game-head-right{gap:8px}.game-counter{font-size:12px;gap:4px}.game-counter strong{font-size:14px}}.learning-progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.learning-progress-card{background:#fffefa;border:1px solid #deebe3;border-radius:18px;padding:20px;text-align:left;display:flex;flex-direction:column;gap:12px}.learning-progress-card strong{font-size:18px;color:#2b6157}.learning-progress-card span{font-size:14px;color:#5f7871}.learning-progress-card small{font-size:12px;color:#238167;font-weight:900}.learning-progress-card .report-bar{width:100%;margin:2px 0 0}@media(max-width:780px){.learning-progress-grid{grid-template-columns:1fr}}.learning-result{padding-top:42px}.result-complete-icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 16px;border-radius:50%;background:#e1f3e9;color:#2c8a6e;font-size:42px;font-weight:900}.learning-result .result-metrics{grid-template-columns:repeat(2,minmax(0,1fr));max-width:440px;margin-left:auto;margin-right:auto}@media(max-width:480px){.learning-result{padding-top:28px}.result-complete-icon{width:60px;height:60px;font-size:35px}}.screen-home .section-heading{margin-top:27px;margin-bottom:13px}@media(max-width:480px){.screen-home .section-heading{margin-top:23px;align-items:flex-start;gap:2px;flex-direction:column}.screen-home .section-heading h2{font-size:19px}.screen-home .section-heading>span{font-size:11px}}.screen-home .section-heading:first-child{margin-top:16px}.answer-peek{min-height:40px;display:flex;align-items:center;justify-content:center;margin-top:5px;font-weight:1000;color:#2b7568;font-size:clamp(24px,4.6vw,38px);letter-spacing:.12em}.answer-input-row{display:flex;justify-content:center;align-items:center;gap:11px;max-width:100%;width:100%;margin-top:2px}.answer-input-row .typed-tiles{margin-top:0;flex:0 1 auto;min-width:0}.space-hint-button{min-height:40px;padding:10px 16px;font-weight:1000;font-size:13px;white-space:nowrap}@media(max-width:480px){.answer-peek{min-height:35px;font-size:27px}.answer-input-row{gap:8px}.space-hint-button{font-size:11px;padding:9px 12px}}.game-stage.stage-island,.game-stage.stage-castle{min-height:0;padding-bottom:24px}.answer-input-row{margin-top:18px}.answer-peek{min-height:0;margin-top:12px;padding:2px 0;line-height:1.25}@media(max-width:480px){.game-stage.stage-island,.game-stage.stage-castle{min-height:0;padding-bottom:22px}.answer-peek{min-height:0;margin-top:10px}}.answer-status{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:100%;height:44px;margin-top:10px}.answer-status .answer-peek{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;margin:0;padding:0;line-height:1.1}.answer-status .typing-feedback{width:100%;min-height:0;margin:0;line-height:1.4}@media(max-width:480px){.answer-status .answer-peek{min-height:0;margin:0}}.game-stage.stage-island{min-height:0;padding:30px 20px 24px}.word-prompt{width:100%;min-height:86px;display:flex;align-items:center;justify-content:center;gap:15px}.word-prompt .target-meaning{margin:0;font-size:clamp(34px,5.3vw,49px);line-height:1.35;letter-spacing:.02em;text-align:center}.word-prompt-illustration{font-size:clamp(33px,4.8vw,49px);line-height:1.2;flex-shrink:0}.keyboard-action-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.enter-hint-button{min-height:40px;background:#f4ebd9;color:#7f6440}@media(max-width:480px){.game-stage.stage-island{padding:22px 12px}.word-prompt{min-height:78px;gap:9px}.word-prompt .target-meaning{font-size:clamp(29px,7vw,38px)}.word-prompt-illustration{font-size:33px}.keyboard-action-buttons{gap:5px}.enter-hint-button{font-size:11px;padding:9px 11px}}.vocab-category-heading{margin:31px 0 14px}.vocab-home-footer-actions{display:flex;flex-wrap:wrap;gap:11px;margin:26px 0 7px}@media(max-width:480px){.vocab-category-heading{margin:25px 0 12px}.vocab-home-footer-actions{gap:8px}.vocab-home-footer-actions .outline-button{flex:1;font-size:11px;padding-left:8px;padding-right:8px}}.game-stage.stage-conversation{min-height:0;padding:26px 16px 22px;background:radial-gradient(ellipse at 50% 130%,#e9edff,#fffefa 80%)}.stage-conversation .word-prompt{min-height:85px}.stage-conversation .word-prompt .target-meaning{font-size:clamp(27px,4.4vw,40px);overflow-wrap:anywhere}.stage-conversation .answer-input-row{margin-top:16px}.phrase-typed-tiles{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px 14px}.phrase-word{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:3px}.phrase-word .typed-tile{min-width:clamp(20px,3.5vw,35px);height:clamp(34px,4.3vw,43px);font-size:clamp(15px,2.2vw,20px);border-radius:8px}.phrase-word .tile-caret{height:15px}.phrase-punctuation{font-size:18px;color:#81988f;font-weight:900}.stage-conversation .answer-status{height:58px;flex-basis:58px}.stage-conversation .answer-peek{font-size:clamp(17px,3.4vw,27px);letter-spacing:.03em;white-space:normal;overflow-wrap:anywhere;text-align:center}.conversation-home{margin-top:32px;padding:clamp(19px,3vw,28px);border:1px solid #dce2fa;border-radius:24px;background:linear-gradient(135deg,#f7f7ff,#f0f6fd)}.conversation-home-heading{display:flex;align-items:center;justify-content:space-between;gap:19px}.conversation-step-label{color:#676aa3;font-size:10px;font-weight:1000;letter-spacing:.08em}.conversation-home h2{color:#354768;font-size:clamp(21px,2.8vw,28px);margin:7px 0}.conversation-home p{color:#627085;font-size:12px;line-height:1.7}.conversation-progress{display:block;color:#626fa6;font-size:11px;font-weight:900;margin-top:9px}.conversation-start{display:inline-flex;gap:13px;align-items:center;justify-content:center;flex-shrink:0;min-height:46px;white-space:nowrap;padding:10px 16px}@media(max-width:780px){.conversation-home-heading{align-items:stretch;flex-direction:column}.conversation-start{align-self:stretch}}@media(max-width:480px){.stage-conversation .word-prompt .target-meaning{font-size:27px}.game-stage.stage-conversation{padding:20px 8px}.phrase-typed-tiles{gap:7px 9px}.phrase-word{gap:2px}.phrase-word .typed-tile{min-width:20px;height:32px;font-size:15px}.phrase-punctuation{font-size:16px}.conversation-home{margin-top:25px;padding:17px 13px;border-radius:20px}}.study-progress-list{margin-top:0;overflow:hidden;border:1px solid #dce8df;border-radius:18px;background:#fffefa}.study-progress-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eef7ee;font-size:24px;line-height:1}.study-progress-main{display:flex;flex-direction:column;min-width:0;gap:9px}.study-progress-main strong{font-size:15px;font-weight:1000;color:#34564c;line-height:1.3}.study-progress-track{display:block;overflow:hidden;width:100%;max-width:460px;height:6px;border-radius:99px;background:#e5eee7}.study-progress-track>span{display:block;height:100%;border-radius:inherit;background:#4fa686;transition:width .22s ease}.study-progress-count{display:flex;align-items:flex-end;flex-direction:column;gap:2px;white-space:nowrap;font-variant-numeric:tabular-nums}.study-progress-count strong{font-size:15px;font-weight:1000;color:#357e6a}.study-progress-count small{font-size:10px;font-weight:800;color:#61786b}.conversation-progress-list{margin-top:17px;border-color:#e0e5f4}.conversation-progress-list .study-progress-icon{background:#eef0fb}.conversation-progress-list .study-progress-main strong{color:#445574}.conversation-progress-list .study-progress-track{background:#e8eaf6}.conversation-progress-list .study-progress-track>span{background:#8b9ccc}.conversation-progress-list .study-progress-count strong{color:#5c73a5}@media(max-width:480px){.study-progress-list{border-radius:15px}.study-progress-icon{width:33px;height:33px;border-radius:9px;font-size:21px}.study-progress-main{gap:7px}.study-progress-main strong{font-size:14px}.study-progress-track{height:5px}.study-progress-count strong{font-size:13px}.study-progress-count small{font-size:9px}}.eitype-home{max-width:1040px;margin:0 auto}.eitype-intro{display:flex;align-items:flex-start;flex-direction:column;gap:10px;padding:clamp(18px,3vw,27px);border:1px solid #cde7d8;border-radius:22px;background:linear-gradient(125deg,#f5fff4,#e9f6eb)}.eitype-grade{padding:6px 12px;border-radius:99px;background:#d9eee1;color:#2f715d;font-size:12px;font-weight:900}.eitype-intro h1{margin:0;color:#285e50;font-size:clamp(25px,3.7vw,35px);letter-spacing:-.025em;line-height:1.4}.eitype-intro p{color:#59786c;font-size:13px;line-height:1.7;font-weight:750}.eitype-overall{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:4px}.eitype-overall strong{color:#3b7968;font-weight:900;font-size:13px}.eitype-overall .study-progress-track{width:100%;max-width:470px;height:7px}.eitype-start{margin-top:5px;padding:11px 24px;min-height:46px;font-size:14px}.study-mode-row{display:grid;grid-template-columns:38px minmax(0,1fr) 68px max-content;align-items:center;gap:12px;min-height:69px;padding:9px 14px}.study-mode-row+.study-mode-row{border-top:1px solid #e8eee8}.conversation-progress-list .study-mode-row+.study-mode-row{border-color:#ebedf5}.eitype-disclaimer{margin-top:15px;color:#647067;font-size:11px;line-height:1.6}.learning-wrap{max-width:850px}.learning-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;margin-top:12px;padding:22px 18px;border:1px solid #d6e7d9;background:linear-gradient(140deg,#f4fff4,#fdfef9);border-radius:26px;text-align:center}.learning-mode-label{font-size:12px;font-weight:900;color:#577966}.learning-japanese{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:16px;color:#2b7264}.learning-japanese strong{font-size:clamp(32px,5.5vw,46px);font-weight:1000;overflow-wrap:anywhere;line-height:1.3}.learning-japanese>span{font-size:34px}.learning-reveal{display:flex;align-items:center;justify-content:center;width:100%;height:82px;flex:0 0 82px;margin:7px 0 14px;color:#308a66}.learning-reveal strong{font-size:clamp(48px,8vw,74px);font-weight:1000;letter-spacing:.01em;line-height:1.16;overflow-wrap:anywhere}.learning-hidden-answer{color:#c3d8ca;font-size:41px;font-weight:900}.learning-stage-phrase .learning-japanese strong{font-size:clamp(25px,4.4vw,38px)}.learning-stage-phrase .learning-reveal{height:92px;flex-basis:92px}.learning-stage-phrase .learning-reveal strong{font-size:clamp(26px,4.6vw,44px);line-height:1.22}.learning-space-action{width:100%;max-width:460px;min-height:52px;padding:11px 24px;font-size:16px}.test-clear{font-weight:900;color:#3b9573;font-size:16px;margin-top:12px}@media(max-width:480px){.eitype-intro{padding:19px 15px;border-radius:19px}.eitype-intro h1{font-size:26px}.eitype-intro p{font-size:12px}.eitype-start{width:100%}.study-mode-row{grid-template-columns:30px minmax(0,1fr) 52px 99px;gap:7px;padding:9px;min-height:64px}.study-mode-row .study-progress-icon{width:30px;height:30px;font-size:19px}.study-mode-row .study-progress-main strong,.study-mode-row .study-progress-count strong{font-size:12px}.study-mode-row .study-progress-count small{font-size:9px}.learning-stage{padding:20px 13px 18px;border-radius:19px}.learning-japanese{margin-top:14px;gap:10px}.learning-japanese strong{font-size:clamp(34px,9vw,43px)}.learning-japanese>span{font-size:31px}.learning-reveal{height:78px;flex-basis:78px;margin:4px 0 12px}.learning-reveal strong{font-size:clamp(53px,15vw,68px)}.learning-stage-phrase .learning-japanese strong{font-size:clamp(25px,7vw,32px)}.learning-stage-phrase .learning-reveal{height:90px;flex-basis:90px}.learning-stage-phrase .learning-reveal strong{font-size:clamp(25px,7vw,35px)}}@media(prefers-reduced-motion:reduce){.study-progress-track>span{transition:none}}.sound-toggle{display:inline-grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:0;border-radius:11px;background:transparent;color:#92aaa0;cursor:pointer;touch-action:manipulation;transition:color .15s,background-color .15s}.sound-toggle svg{display:block;pointer-events:none}.sound-toggle.is-muted{color:#b0b9b2}@media(hover:hover){.sound-toggle:hover{background:#3e7c5d0f;color:#5c8878}}.sound-toggle:focus-visible{outline:2px solid #248d77;outline-offset:1px}.game-head-right{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}.game-head-right .game-counter{margin:0}@media(max-width:480px){.game-head,.game-head-right{gap:7px}.sound-toggle{flex-basis:40px;width:40px;height:40px}}.learning-answer-line{display:grid;grid-template-columns:42px minmax(0,max-content) 42px;align-items:center;justify-content:center;gap:9px;width:fit-content;max-width:100%;margin:0 auto}.learning-answer-content{display:block;min-width:5ch;max-width:100%;font-size:clamp(48px,8vw,74px);font-weight:1000;line-height:1.16;letter-spacing:.01em;text-align:center;overflow-wrap:anywhere}.learning-answer-content strong{display:block;font-size:inherit;line-height:inherit}.learning-stage-phrase .learning-answer-content{font-size:clamp(26px,4.6vw,44px);line-height:1.22}.learning-answer-spacer{width:42px;height:1px}.learning-answer-line .sound-toggle{align-self:center}.word-prompt{flex-wrap:nowrap}.word-prompt .target-meaning{min-width:0;flex:0 1 auto;overflow-wrap:anywhere}.word-prompt .sound-toggle{flex-shrink:0}@media(max-width:480px){.learning-answer-line{grid-template-columns:40px minmax(0,max-content) 40px;gap:6px}.learning-answer-spacer{width:40px}.learning-answer-content{font-size:clamp(53px,15vw,68px)}.learning-stage-phrase .learning-answer-content{font-size:clamp(25px,7vw,35px)}.word-prompt{gap:9px}.word-prompt .sound-toggle{flex-basis:40px}}.learning-prompt-stack{display:contents}@media(max-width:780px){.site-shell.learning-active{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.learning-active .sidebar{position:relative;top:auto;flex:0 0 auto}.learning-active .brand strong{font-size:16px}.learning-active .brand small{font-size:11px}.learning-active .nav-link span{font-size:22px}.learning-active .main-content{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding:12px 14px max(16px,env(safe-area-inset-bottom))}.learning-active .learning-wrap{display:flex;flex:1 1 auto;flex-direction:column;width:100%;max-width:none;min-height:0;padding:0;margin:0}.learning-active .game-head{flex:0 0 auto;min-height:51px}.learning-active .icon-text-button{font-size:15px;padding:10px 0;white-space:normal;text-align:left}.learning-active .game-counter{font-size:15px;align-items:baseline;gap:6px}.learning-active .game-counter strong{font-size:21px;white-space:nowrap}.learning-active .game-progress-line{flex:0 0 12px;height:12px;margin-top:12px}.learning-active .learning-stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;align-items:center;flex:1 1 auto;width:100%;min-height:340px;margin-top:14px;padding:25px 18px 26px;gap:8px;border-radius:24px}.learning-active .learning-mode-label{align-self:start;font-size:clamp(16px,4vw,19px);line-height:1.5;text-wrap:balance}.learning-active .learning-prompt-stack{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:stretch;width:100%;min-width:0;min-height:0;gap:clamp(18px,3dvh,30px)}.learning-active .learning-japanese{min-width:0;min-height:0;margin:0;gap:13px}.learning-active .learning-japanese strong{font-size:clamp(46px,14vw,66px);line-height:1.25;letter-spacing:.005em}.learning-active .learning-japanese>span{font-size:clamp(38px,10vw,52px)}.learning-active .learning-reveal{min-width:0;max-width:100%;width:100%;height:auto;flex:none;min-height:0;margin:0}.learning-active .learning-answer-content{font-size:clamp(68px,21vw,96px);line-height:1.18}.learning-active .learning-reveal strong{font-size:inherit;line-height:inherit}.learning-active .learning-hidden-answer{font-size:.8em}.learning-active .learning-stage-phrase .learning-japanese strong{font-size:clamp(32px,9vw,46px);line-height:1.3}.learning-active .learning-stage-phrase .learning-answer-content{font-size:clamp(31px,8.2vw,46px);line-height:1.3}.learning-active .learning-space-action{align-self:end;width:100%;max-width:none;min-height:70px;border-radius:19px;font-size:clamp(19px,5.5vw,24px);line-height:1.4}}@media(max-width:780px)and (max-height:600px){.learning-active .learning-stage{grid-template-rows:auto minmax(170px,1fr) auto;min-height:360px;padding-top:16px;padding-bottom:17px}.learning-active .learning-space-action{min-height:60px}}.sound-switch{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:5px 11px 5px 8px;border:1px solid #d9e7dc;border-radius:99px;background:#fffefa;color:#487d6c;font-size:12px;font-weight:900;white-space:nowrap;touch-action:manipulation}.sound-switch svg{width:17px;height:17px}.sound-switch.is-muted{color:#9aa79f;background:#f2f4f1}.sound-toggle.is-hidden{visibility:hidden;pointer-events:none}.sound-toggle{color:#5f978a}@media(max-width:480px){.sound-switch{min-height:34px;padding:4px 9px 4px 7px;font-size:11px}}.result-review{list-style:none;margin:4px auto 22px;padding:0;max-width:480px;display:flex;flex-direction:column;gap:7px;text-align:left}.result-review li{display:grid;grid-template-columns:26px minmax(0,1fr) auto 42px;align-items:center;gap:9px;padding:8px 6px 8px 12px;border:1px solid #e0ebe2;border-radius:15px;background:#f7fbf6}.result-review li.is-missed{background:#fff8ec;border-color:#f1e0c2}.result-review-mark{font-size:17px;text-align:center}.result-review-text{display:flex;flex-direction:column;min-width:0}.result-review-text small{font-size:12px;font-weight:800;color:#5f756c}.result-review-text strong{font-size:19px;font-weight:1000;color:#24705f;overflow-wrap:anywhere}.result-review-status{font-size:11px;font-weight:900;color:#4b7b65;white-space:nowrap}.result-review li.is-missed .result-review-status{color:#936631}@media(max-width:480px){.result-review li{grid-template-columns:22px minmax(0,1fr) auto 40px;gap:6px;padding-left:9px}.result-review-text strong{font-size:17px}.result-review-status{font-size:10px}}.learned-tag{display:inline-block;margin-left:7px;padding:2px 7px;border-radius:99px;background:#fff1d6;color:#91621e;font-size:10px;font-weight:900;vertical-align:2px;white-space:nowrap}.study-row-button{width:100%;border:0;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;grid-template-columns:38px minmax(0,1fr) 68px 92px;transition:background-color .15s}.study-row-button:hover{background:#f3f9f4}.study-row-button:focus-visible{outline:3px solid #2d9175;outline-offset:-3px}.study-progress-main{display:flex;flex-direction:column;min-width:0}.study-step-pill{justify-self:end;padding:8px 11px;border-radius:99px;font-size:12px;font-weight:900;white-space:nowrap;background:#ebf6ee;color:#307b65;border:1px solid #d0e5d9}.study-step-pill.step-test{background:#24826f;color:#fff;border-color:#24826f}.study-step-pill.step-review{background:#fffefa;color:#66776e;border-color:#e0e8e2}.conversation-progress-list .study-row-button:hover{background:#f6f7ff}.conversation-progress-list .study-step-pill{background:#f2f3fc;color:#596eac;border-color:#d7dff4}.conversation-progress-list .study-step-pill.step-test{background:#6f82bd;color:#fff;border-color:#6f82bd}.conversation-progress-list .study-step-pill.step-review{background:#fff;color:#949bb3;border-color:#e3e6f2}@media(max-width:480px){.study-row-button{grid-template-columns:30px minmax(0,1fr) 48px 82px}.study-step-pill{padding:7px 8px;font-size:11px}}.conversation-genres{margin-top:15px}.conversation-genres>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:99px;border:1px solid #d7dff4;background:#fff;color:#596eac;font-size:12px;font-weight:900}.conversation-genres>summary::-webkit-details-marker{display:none}.conversation-genres>summary:after{content:"▾";transition:transform .15s}.conversation-genres[open]>summary:after{transform:rotate(180deg)}.conversation-genres .conversation-progress-list{margin-top:12px}@media(min-width:781px){.main-content{padding-top:28px}}.review-card{display:flex;align-items:center;gap:14px;margin-top:16px;padding:15px 17px;border:2px solid #f2c97a;border-radius:20px;background:#fff6e2}.review-card-icon{font-size:30px;line-height:1}.review-card-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.review-card-text strong{font-size:17px;font-weight:1000;color:#7a5413}.review-card-text span{font-size:13px;font-weight:800;color:#7a5a24}.review-card-start{flex:none}@media(max-width:480px){.review-card{flex-wrap:wrap;padding:14px}.review-card-start{width:100%}}.practice-answer{margin-top:12px;font-size:clamp(30px,5vw,44px);font-weight:1000;letter-spacing:.06em;color:#2f715d;text-align:center;overflow-wrap:anywhere}.key-cap.key-target{background:#ffe6a4;border-color:#f6cb68;border-bottom-color:#e5aa45;color:#6b4a12;animation:key-breathe 1.8s infinite}@keyframes key-breathe{50%{box-shadow:0 0 0 4px #f7d88855}}@media(prefers-reduced-motion:reduce){.key-cap.key-target{animation:none}}.daily-card{margin-top:16px;padding:14px 17px 12px;border:1px solid #f3d3c2;border-radius:20px;background:#fff5ef}.daily-card-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}.daily-card-head strong{font-size:17px;font-weight:1000;color:#8a3f1c}.daily-card-head span{font-size:12px;font-weight:800;color:#85502f}.daily-week{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;max-width:460px}.daily-week li{display:flex;flex-direction:column;align-items:center;gap:4px}.daily-stamp{display:grid;place-items:center;width:100%;max-width:44px;aspect-ratio:1;border-radius:50%;border:2px dashed #ecc9b4;background:#fffdfb;font-size:20px}.daily-week li.is-done .daily-stamp{border:2px solid #f0b48f;background:#ffe7d6}.daily-week li.is-today .daily-stamp{box-shadow:0 0 0 3px #f6c9a9}.daily-week small{font-size:11px;font-weight:900;color:#85502f}.report-backup h3{font-size:15px;margin-top:20px}.report-backup .report-actions{gap:10px}.report-backup .report-actions .outline-button,.report-backup .report-actions .button{margin-top:0}.report-backup .report-actions+.report-actions,.report-backup textarea+.report-actions{margin-top:10px}.backup-code,.backup-input{display:block;width:100%;min-height:84px;margin-top:12px;padding:10px 12px;border:1px solid #cbdcd0;border-radius:12px;background:#fbfdfb;color:#23434b;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;resize:vertical}.file-button{position:relative;cursor:pointer}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-button:focus-within{outline:3px solid #f9b84c;outline-offset:2px}.backup-ok{margin-top:12px;color:#2a6f5c;font-size:13px;font-weight:800}.weak-card{margin:18px 0 4px;padding:15px 17px;border:1px solid #ecd3d9;border-radius:20px;background:#fff6f8}.weak-card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.weak-card-head strong{font-size:17px;font-weight:1000;color:#8a3a4c}.weak-chips{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:7px}.weak-chips li{padding:6px 12px;border-radius:99px;background:#fff;border:1px solid #ecd3d9;font-size:13px;font-weight:900;color:#7a3445}.weak-card p{margin-top:10px;font-size:12px;font-weight:800;color:#7a4a55}.weak-list{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:7px}.weak-list li{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;padding:9px 13px;border-radius:12px;background:#f7faf6;border:1px solid #e1eae0}.weak-word{display:flex;align-items:baseline;gap:9px}.weak-word strong{font-size:16px;color:#24604f}.weak-word small{font-size:12px;color:#5b6f65}.weak-count{font-size:12px;font-weight:800;color:#6b5a3c}.weak-empty{margin-top:12px;font-size:13px;color:#4f6a5e}@media(max-width:480px){.weak-card-head .button{width:100%}}.listen-prompt{justify-content:center;gap:10px}.listen-prompt-text{font-size:clamp(24px,4vw,32px);font-weight:1000;color:#2b6f60}.listen-card{margin:18px 0 4px;padding:15px 17px;border:1px solid #d6dcf3;border-radius:20px;background:#f6f7ff}.listen-card>strong{font-size:17px;font-weight:1000;color:#3f4f86}.listen-card p{margin-top:8px;font-size:13px;font-weight:800;color:#4c5679;line-height:1.6}.listen-genres{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.listen-genre{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border-radius:14px;border:1px solid #cdd5f1;background:#fff;font-size:14px;font-weight:900;color:#33406f}.listen-genre small{margin-left:4px;font-size:12px;color:#4c5679}.listen-genre:hover{background:#eef1ff}.finger-hint strong{padding:2px 8px;margin:0 2px;border-radius:7px;background:#ffe6a4;color:#6b4a12}.key-cap.finger-left-pinky{background:#fde8ec}.key-cap.finger-left-ring{background:#fff0db}.key-cap.finger-left-middle{background:#fbf6d3}.key-cap.finger-left-index{background:#e3f5e6}.key-cap.finger-right-index{background:#e0f2f7}.key-cap.finger-right-middle{background:#e6ebfb}.key-cap.finger-right-ring{background:#efe6fa}.key-cap.finger-right-pinky{background:#f8e4f3}.key-cap.key-target{background:#ffe6a4}.key-cap[class*=finger-]{color:#46605b}.level-switch{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.level-switch button{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:99px;border:1px solid #c9ddcf;background:#fff;font-size:13px;font-weight:1000;color:#2f6f5c}.level-switch button.is-selected{background:#24826f;border-color:#24826f;color:#fff}.level-switch small{font-size:10px;font-weight:900;padding:1px 6px;border-radius:99px;background:#fff1d6;color:#7a5413}.profile-chip{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin:-14px 6px 0;padding:6px 12px;border-radius:99px;border:1px solid #c9ddcf;background:#fff;color:#2f6f5c;font-size:13px;font-weight:1000}@media(max-width:780px){.profile-chip{margin:0 0 0 8px;padding:5px 9px;font-size:12px;align-self:center}}.profile-picker{max-width:720px;margin:24px auto;text-align:center}.profile-picker h1{font-size:clamp(26px,4vw,34px);font-weight:1000}.profile-picker>p{margin-top:18px;font-size:13px;color:#557268;font-weight:800}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:22px}.profile-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 12px;border:2px solid #d9e8dd;border-radius:22px;background:#fffefa;color:#24604f;font-size:18px;font-weight:1000}.profile-option.is-current{border-color:#24826f}.profile-option:hover{background:#f2fbf5}.profile-icon{font-size:52px;line-height:1}.profile-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}.profile-list li,.profile-add{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.profile-add{margin-top:14px}.profile-list select,.profile-add select{font-size:20px;padding:4px 6px;border-radius:10px;border:1px solid #cbdcd0;background:#fff}.profile-list input,.profile-add input{flex:1;min-width:140px;padding:9px 12px;border-radius:10px;border:1px solid #cbdcd0;font:inherit;font-size:14px}.profile-list .outline-button{margin-top:0}.profile-current{font-size:11px;font-weight:900;padding:3px 8px;border-radius:99px;background:#daede2;color:#23695f}.footer-link{border:0;background:none;padding:0;color:#4f6b5f;font-size:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px}.footer-link:hover{color:#23695f}.parent-gate .outline-button{margin-top:18px}.guide-list,.guide-steps{margin:12px 0 0;padding-left:1.3em;color:#4f6b61;font-size:14px;line-height:1.85}.guide-list li+li,.guide-steps li+li{margin-top:8px}.guide-list strong,.guide-steps strong{color:#23434b}.guide-section>p{margin-top:14px}.guide-updated{margin:18px 4px 0;color:#5c7265;font-size:12px}@media(max-width:480px){.guide-list,.guide-steps{font-size:13px}}.own-word-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:14px}.own-word-form label{display:flex;flex-direction:column;gap:5px;flex:1;min-width:150px;font-size:12px;font-weight:900;color:#4f6b5f}.own-word-form input{padding:10px 12px;border-radius:10px;border:1px solid #cbdcd0;font:inherit;font-size:15px;font-weight:700;color:#23434b}.own-word-bulk{margin-top:14px}.own-word-bulk summary{cursor:pointer;font-size:13px;font-weight:900;color:#35806f}.own-word-bulk p{margin:8px 0 0;font-size:12px;color:#5b6f65;line-height:1.7}.own-word-bulk textarea{display:block;width:100%;min-height:110px;margin:8px 0 10px;padding:10px 12px;border-radius:10px;border:1px solid #cbdcd0;font:inherit;font-size:14px;color:#23434b}.own-word-message{margin-top:12px;display:grid;gap:4px}.own-word-message p{margin:0;white-space:pre-line;font-size:13px}.report-own-words h3{margin-top:18px;font-size:15px}.own-word-list{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:7px}.own-word-list li{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;border-radius:12px;background:#f7faf6;border:1px solid #e1eae0}.own-word-text{flex:1;min-width:0;display:flex;flex-direction:column}.own-word-text strong{font-size:15px;color:#24604f;overflow-wrap:anywhere}.own-word-text small{font-size:12px;color:#5b6f65}.own-word-passed{font-size:11px;font-weight:900;color:#2a7565;background:#def4df;border-radius:20px;padding:3px 8px}.own-word-list .outline-button{margin-top:0;padding:7px 11px}@media(max-width:480px){.level-switch{gap:5px}.level-switch button{padding:6px 9px;font-size:12px;gap:4px;white-space:nowrap}.level-switch small{padding:1px 4px;font-size:9px}}.eitype-intro .eitype-level-note{margin:8px 0 0;font-size:13px;font-weight:900;color:#4f6b5f}.more-genres{margin-top:10px}.more-genres>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:99px;border:1px solid #d3e3d8;background:#fff;color:#2f6f5c;font-size:13px;font-weight:900}.more-genres>summary::-webkit-details-marker{display:none}.more-genres>summary:after{content:"▾";transition:transform .15s}.more-genres[open]>summary:after{transform:rotate(180deg)}.more-genres>summary small{font-size:11px;color:#4f6b5f}.more-genres .study-progress-list{margin-top:10px}.record-section{margin-top:26px}.record-section>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 2px 12px}.record-section>summary::-webkit-details-marker{display:none}.record-section>summary h2{font-size:20px;font-weight:1000}.record-section>summary h2:after{content:" ▾";font-size:14px;color:#4f6b5f}.record-section:not([open])>summary h2:after{content:" ▸"}.record-section>summary span{color:#57726c;font-size:12px;font-weight:800;white-space:nowrap}@media(max-width:480px){.record-section>summary h2{font-size:16px}}@media(max-width:780px){.learning-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.learning-progress-card{padding:12px;gap:7px;border-radius:14px}.learning-progress-card strong{font-size:14px}.learning-progress-card span{font-size:12px}.learning-progress-card .report-bar{height:8px}}@media(max-width:480px){.stat-strip{gap:7px}.stat-strip>div{padding:12px 10px;gap:4px;border-radius:14px}.stat-strip strong{font-size:19px;white-space:nowrap}.stat-strip span{font-size:10px}}.pet-card{display:flex;align-items:center;gap:16px;margin-top:18px;padding:14px 18px;border-radius:22px;border:1px solid #f1dfb4;background:#fffaf0}.pet-face{flex:none;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#fff1d1;font-size:44px;line-height:1}.pet-happy .pet-face{animation:pet-hop 2.4s ease-in-out infinite}@keyframes pet-hop{0%,80%,to{transform:translateY(0)}88%{transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){.pet-happy .pet-face{animation:none}}.pet-body{flex:1;min-width:0;display:grid;gap:6px}.pet-name{display:flex;align-items:center;gap:8px}.pet-name strong{font-size:17px;font-weight:1000;color:#7a4d10}.pet-name small{font-size:11px;font-weight:900;color:#7a5413;background:#ffe7b0;border-radius:99px;padding:2px 8px}.pet-rename-button{border:0;background:none;padding:2px 4px;font-size:14px}.pet-rename{display:flex;gap:8px;flex-wrap:wrap}.pet-rename input{width:9em;padding:6px 10px;border-radius:10px;border:1px solid #e3cf9f;font:inherit;font-size:15px;font-weight:800}.pet-rename .button{min-height:34px;padding:6px 14px;font-size:13px}.pet-line{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:13px;font-weight:800;color:#5f5440;line-height:1.6}.pet-english{font-family:Nunito Variable,system-ui,sans-serif;font-weight:900;font-size:15px;color:#6b4a12}.pet-line .sound-toggle{width:30px;height:30px}.pet-growth{display:flex;align-items:center;gap:10px}.pet-growth .study-progress-track{flex:1}.pet-growth small{flex:none;font-size:11px;font-weight:900;color:#6e5a33}.pet-fed{margin-top:10px;font-size:15px;font-weight:900;color:#7a4d10}.pet-grew{font-size:18px}@media(max-width:480px){.pet-card{gap:12px;padding:12px 13px}.pet-face{width:58px;height:58px;font-size:36px}}:root{--ink: #1d2b4f;--ink-soft: #3d4a6b;--cream: #fff8ec;--blue: #1f63d8;--blue-soft: #e3edff;--blue-edge: #b9cffb;--green: #12793a;--green-soft: #dcf5e4;--green-edge: #a8e2bd;--orange: #a04607;--orange-soft: #ffebd8;--orange-edge: #fbc794;--purple: #6f36d6;--purple-soft: #eee5ff;--purple-edge: #d0bdf7;--pink: #b8215f;--pink-soft: #ffe4ef;--pink-edge: #f7b6cf;--teal: #0a6f78;--teal-soft: #d8f3f5;--teal-edge: #9edde3;--sun: #ffc93c}body{background:var(--cream)}.site-shell{color:var(--ink);font-size:18px}.site-shell .main-content{padding-bottom:32px}.site-shell .sidebar{background:#fff}.site-shell .brand-icon{background:linear-gradient(135deg,#ff8a3d,#ff4f8b);box-shadow:inset 0 -5px #0000001f}.site-shell .brand strong{font-size:20px;color:var(--ink)}.site-shell .nav-link{font-size:18px;color:var(--ink-soft);padding:16px 18px;border-radius:18px}.site-shell .nav-link span{font-size:28px}.site-shell .nav-link.active{background:var(--blue-soft);color:var(--blue)}.site-shell .sidebar-foot{font-size:13px;color:var(--ink-soft)}@media(max-width:780px){.site-shell .sidebar{padding:10px 16px}.site-shell .brand strong{font-size:18px}.site-shell .sidebar-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#fff;border-top:2px solid #f0e6d2;box-shadow:0 -6px 18px #1d2b4f14}.site-shell .nav-link{flex-direction:column;gap:2px;padding:6px 4px;font-size:13px;font-weight:1000;justify-content:center;text-align:center;white-space:normal;line-height:1.2}.site-shell .nav-link span{font-size:26px}.site-shell .main-content{padding:0 14px 104px}.site-shell .main-footer{margin-bottom:8px}}.site-shell .button{min-height:56px;font-size:18px;border-radius:18px;padding:14px 24px}.site-shell .button.primary{background:var(--blue);box-shadow:0 5px #154aa8}.site-shell .button.ghost{background:#fff;color:var(--blue);border:2px solid var(--blue-edge)}.site-shell .outline-button{font-size:16px;min-height:48px;padding:10px 18px;border-radius:14px;color:var(--blue);border:2px solid var(--blue-edge)}.site-shell .back-link,.site-shell .icon-text-button{font-size:18px;color:var(--ink-soft);min-height:48px}.site-shell .section-heading h2{font-size:24px;color:var(--ink)}.site-shell .section-heading>span{font-size:15px;color:var(--ink-soft)}.site-shell .study-progress-track{height:12px;background:#ece6da;border-radius:99px}.site-shell .study-progress-track>span{background:linear-gradient(90deg,#ffb020,#ff7a2f)}.site-shell .main-footer{font-size:14px;color:var(--ink-soft)}.eitype-home .pet-card{margin-top:16px;padding:18px 20px;border:3px solid #ffe08a;background:linear-gradient(135deg,#fff6d6,#fffdf6);border-radius:28px}.eitype-home .pet-face{width:104px;height:104px;font-size:66px;background:#fff;box-shadow:0 4px #ffd666}.eitype-home .pet-name strong{font-size:24px;color:#8a4b00}.eitype-home .pet-name small{font-size:14px;padding:3px 10px}.eitype-home .pet-line{font-size:17px;color:#5a4520}.eitype-home .pet-english{font-size:22px;color:#8a4b00}.eitype-home .pet-growth small{font-size:15px;color:#6e5320}.eitype-home .pet-rename-button{font-size:20px;min-width:44px;min-height:44px}.site-shell .eitype-intro{margin-top:16px;padding:22px;border-radius:28px;border:0;background:#fff;box-shadow:0 6px #f0e6d2}.site-shell .level-switch{gap:8px;margin-bottom:14px}.site-shell .level-switch button{min-height:48px;padding:8px 18px;font-size:17px;border:2px solid #e4dccb;color:var(--ink-soft)}.site-shell .level-switch button.is-selected{background:var(--ink);border-color:var(--ink);color:#fff}.site-shell .level-switch small{font-size:12px}.site-shell .eitype-grade{display:inline-block;padding:0;background:none;font-size:22px;font-weight:1000;color:var(--ink)}.site-shell .eitype-intro .eitype-level-note{margin:4px 0 0;font-size:16px;color:var(--ink-soft)}.site-shell .eitype-intro h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.site-shell .eitype-start{width:100%;margin-top:18px;min-height:96px;justify-content:flex-start;gap:16px;padding:16px 22px;border-radius:24px;font-size:24px;text-align:left;line-height:1.3}.site-shell .eitype-start.step-learn{background:var(--blue);box-shadow:0 7px #154aa8}.site-shell .eitype-start.step-test{background:var(--green);box-shadow:0 7px #0b5a2a}.site-shell .eitype-start.step-review{background:var(--purple);box-shadow:0 7px #4f22a6}.eitype-start-emoji{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#fff;font-size:42px}.eitype-start-label{display:flex;flex-direction:column}.eitype-start-label small{font-size:16px;opacity:.95}.site-shell .eitype-overall{margin-top:18px}.site-shell .eitype-overall strong{font-size:16px;color:var(--ink-soft)}.site-shell .review-card{margin-top:16px;padding:18px 20px;border-radius:24px;border:3px solid var(--purple-edge);background:var(--purple-soft)}.site-shell .review-card-icon{font-size:40px}.site-shell .review-card-text strong{font-size:22px;color:#4f22a6}.site-shell .review-card-text span{font-size:16px;color:#4a3d6b}.site-shell .review-card-start{background:var(--purple);box-shadow:0 5px #4f22a6}.site-shell .daily-card{border-radius:24px}.site-shell .daily-card-head strong{font-size:20px}.site-shell .daily-card-head span{font-size:15px}.site-shell .daily-week small{font-size:14px}.site-shell .study-progress-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;border:0;background:none;overflow:visible}.site-shell .genre-tile{display:grid;grid-template-columns:1fr auto;grid-template-areas:"icon count" "main main" "pill pill";align-items:center;gap:10px;padding:16px;min-height:0;text-align:left;border:3px solid var(--tile-edge);border-radius:24px;background:var(--tile-soft);box-shadow:0 5px 0 var(--tile-edge);transition:transform .12s}.site-shell .genre-tile:hover{transform:translateY(-2px)}.site-shell .genre-tile:active{transform:translateY(3px);box-shadow:0 2px 0 var(--tile-edge)}.site-shell .genre-tile+.genre-tile{border-top:3px solid var(--tile-edge)}.tile-color-0{--tile: var(--blue);--tile-soft: var(--blue-soft);--tile-edge: var(--blue-edge)}.tile-color-1{--tile: var(--orange);--tile-soft: var(--orange-soft);--tile-edge: var(--orange-edge)}.tile-color-2{--tile: var(--green);--tile-soft: var(--green-soft);--tile-edge: var(--green-edge)}.tile-color-3{--tile: var(--purple);--tile-soft: var(--purple-soft);--tile-edge: var(--purple-edge)}.tile-color-4{--tile: var(--pink);--tile-soft: var(--pink-soft);--tile-edge: var(--pink-edge)}.tile-color-5{--tile: var(--teal);--tile-soft: var(--teal-soft);--tile-edge: var(--teal-edge)}.site-shell .genre-tile .study-progress-icon{grid-area:icon;width:64px;height:64px;border-radius:18px;background:#fff;font-size:40px}.site-shell .genre-tile .study-progress-main{grid-area:main;display:grid;gap:8px}.site-shell .genre-tile .study-progress-main strong{font-size:22px;color:var(--ink);line-height:1.25}.site-shell .genre-tile .study-progress-track{background:#fffc}.site-shell .genre-tile .study-progress-track>span{background:var(--tile)}.site-shell .genre-tile .study-progress-count{grid-area:count;align-self:start;text-align:right}.site-shell .genre-tile .study-progress-count strong{font-size:18px;color:var(--ink)}.site-shell .genre-tile .learned-tag{display:inline-block;margin-left:6px;font-size:13px;vertical-align:middle}.site-shell .genre-tile .study-step-pill{grid-area:pill;justify-self:stretch;display:flex;justify-content:center;align-items:center;min-height:44px;border-radius:14px;font-size:18px;font-weight:1000;color:#fff;background:var(--tile);border:0}.site-shell .genre-tile.is-complete{background:#fffdf4}@media(max-width:480px){.site-shell .study-progress-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.site-shell .genre-tile{padding:12px;gap:8px;border-radius:20px}.site-shell .genre-tile .study-progress-icon{width:52px;height:52px;font-size:32px}.site-shell .genre-tile .study-progress-main strong{font-size:18px}.site-shell .genre-tile .study-progress-count strong{font-size:15px}.site-shell .genre-tile .study-step-pill{font-size:16px}.site-shell .eitype-start{font-size:21px;padding:14px 16px}.eitype-start-emoji{width:56px;height:56px;font-size:36px}.eitype-home .pet-face{width:84px;height:84px;font-size:52px}.eitype-home .pet-english{font-size:19px}.eitype-home .pet-line{font-size:15px}}.site-shell .more-genres>summary{min-height:52px;padding:10px 20px;font-size:17px;border:2px solid #e4dccb;color:var(--ink)}.site-shell .more-genres>summary small{font-size:14px;color:var(--ink-soft)}.site-shell .more-genres .study-progress-list{margin-top:14px}.site-shell .conversation-home{border-radius:28px;border:3px solid var(--purple-edge);background:var(--purple-soft)}.site-shell .conversation-home h2{font-size:26px;color:#4f22a6}.site-shell .conversation-progress{font-size:16px;color:#4a3d6b}.site-shell .conversation-start{background:var(--purple);box-shadow:0 5px #4f22a6}.site-shell .conversation-genres>summary{min-height:48px;font-size:16px;padding:10px 18px;color:#4f22a6;border:2px solid var(--purple-edge)}.site-shell .game-counter{font-size:18px;color:var(--ink-soft)}.site-shell .game-counter strong{font-size:22px;color:var(--green)}.site-shell .game-progress-line{height:14px;background:#ece6da}.site-shell .game-progress-line div{background:linear-gradient(90deg,#ffb020,#ff7a2f)}.site-shell .game-stage,.site-shell .learning-stage{border:3px solid #f0e6d2;border-radius:30px;background:#fff;box-shadow:0 6px #f0e6d2}.site-shell .target-meaning{font-size:clamp(40px,7vw,60px);color:var(--ink)}.site-shell .typed-tile{min-width:clamp(40px,6vw,58px);height:clamp(56px,7vw,68px);font-size:clamp(26px,4vw,32px);border-radius:14px;color:#9aa3b8}.site-shell .typed-tile.filled{background:var(--green-soft);border-color:var(--green-edge);border-bottom-color:#6fcf91;color:var(--green)}.site-shell .typing-feedback{font-size:20px;color:var(--ink-soft)}.site-shell .typing-feedback.feedback-wrong{color:var(--pink)}.site-shell .answer-peek{font-size:clamp(30px,5vw,44px);color:var(--blue)}.site-shell .practice-answer{font-size:clamp(30px,5vw,42px);color:var(--orange)}.site-shell .keyboard-panel{border:3px solid #f0e6d2;border-radius:26px;background:#fff;padding:16px}.site-shell .keyboard-layout{margin:4px auto 14px;max-width:760px;gap:8px}.site-shell .key-row{gap:8px}.site-shell .key-cap{max-width:68px;font-size:clamp(16px,2vw,22px);color:var(--ink);border-radius:12px}.site-shell .key-target{background:var(--sun)!important;border-color:#e0a400!important;color:var(--ink)!important}.site-shell .hint-button,.site-shell .delete-button{min-height:52px;padding:10px 18px;font-size:18px;border-radius:16px}.site-shell .hint-button{background:var(--blue-soft);color:var(--blue)}.site-shell .enter-hint-button{background:var(--orange-soft);color:var(--orange)}.site-shell .delete-button{background:#f3efe6;color:var(--ink-soft)}.site-shell .finger-hint{font-size:17px}.site-shell .learning-mode-label{font-size:16px;color:var(--ink-soft)}.site-shell .learning-japanese strong{font-size:clamp(40px,7vw,60px);color:var(--ink)}.site-shell .learning-answer-content strong{font-size:clamp(40px,7vw,60px);color:var(--blue)}.site-shell .learning-space-action{min-height:64px;font-size:22px}@media(max-width:480px){.site-shell .game-stage{min-height:300px;padding:22px 10px 14px}.site-shell .typed-tiles{gap:5px}.site-shell .typed-tile{min-width:32px;height:50px;font-size:24px;border-radius:10px}.site-shell .keyboard-panel{padding:10px 5px;border-radius:20px}.site-shell .keyboard-layout,.site-shell .key-row{gap:4px}.site-shell .key-row-1{padding:0 3%}.site-shell .key-row-2{padding:0 9%}.site-shell .key-cap{aspect-ratio:auto;height:48px;font-size:18px;border-radius:8px}.site-shell .hint-button,.site-shell .delete-button{min-height:48px;font-size:16px;padding:8px 12px}.site-shell .game-counter span{display:inline}}.site-shell .result-screen{border:3px solid #f0e6d2;border-radius:30px;box-shadow:0 6px #f0e6d2}.site-shell .result-screen h1{font-size:36px;color:var(--ink)}.site-shell .result-screen p{font-size:18px;color:var(--ink-soft)}.site-shell .result-metrics strong{font-size:34px;color:var(--green)}.site-shell .result-metrics span{font-size:14px;color:var(--ink-soft)}.site-shell .test-clear{font-size:22px;color:var(--green)}.site-shell .pet-fed{font-size:20px}.site-shell .pet-grew{font-size:24px}.site-shell .result-review li{font-size:17px}.site-shell .result-buttons{flex-direction:column;align-items:stretch;max-width:420px;margin:0 auto}@media(max-width:480px){.site-shell .result-screen h1{font-size:30px}.site-shell .result-metrics strong{font-size:28px}.site-shell .result-metrics span{font-size:13px}}@media(max-width:780px){.site-shell.in-session .sidebar-nav{display:none}.site-shell.in-session .main-content{padding-bottom:24px}}.eitype-home .pet-growth{flex-direction:column;align-items:stretch;gap:6px}.eitype-home .pet-growth .study-progress-track{flex:none;width:100%}.site-shell .eitype-start{word-break:keep-all;overflow-wrap:anywhere}.site-shell .button.review-card-start,.site-shell .button.conversation-start{background:var(--purple);box-shadow:0 5px #4f22a6}.site-shell .daily-card{padding:18px 20px}.site-shell .daily-week{gap:6px}.site-shell .daily-week small{white-space:nowrap}.site-shell .result-screen{display:flex;flex-direction:column}.site-shell .result-screen>.result-review{order:2;margin-top:22px}.site-shell .result-review-mark{font-size:22px}.site-shell .result-review-text small{font-size:15px;color:var(--ink-soft)}.site-shell .result-review-text strong{font-size:22px;color:var(--ink)}.site-shell .result-review-status{font-size:14px;color:var(--green)}.site-shell .result-review li.is-missed .result-review-status{color:var(--orange)}.site-shell .level-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:560px}.site-shell .level-switch button{flex-direction:column;justify-content:center;gap:2px;padding:8px 6px;min-height:60px;white-space:nowrap}@media(max-width:480px){.site-shell .level-switch button{font-size:16px}.site-shell .level-switch small{font-size:11px}.site-shell .eitype-intro{padding:16px}.site-shell .eitype-grade{font-size:20px}}.site-shell .typed-tile.just-typed{animation:tile-pop .2s ease-out}.site-shell .answer-input-row.is-wrong .typed-tile.next{animation:tile-shake .32s ease-in-out;border-color:var(--pink-edge);background:var(--pink-soft)}.site-shell .game-stage.is-correct .typed-tile.filled{animation:tile-bounce .45s ease-out;background:#c9f2d6;border-color:#6fcf91}.site-shell .game-stage.is-correct .typing-feedback{font-size:26px;color:var(--green);animation:tile-pop .3s ease-out}@keyframes tile-pop{0%{transform:scale(.7)}70%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes tile-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes tile-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-10px)}}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:40}.confetti span{position:absolute;top:-24px;border-radius:3px;animation:confetti-fall 2.6s ease-in forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(540deg);opacity:.9}}@media(prefers-reduced-motion:reduce){.confetti{display:none}.site-shell .typed-tile,.site-shell .typing-feedback{animation:none!important}}.site-shell .page-intro h1{font-size:34px;color:var(--ink)}.site-shell .page-intro p{font-size:18px;color:var(--ink-soft)}.site-shell .stat-strip>div{border:3px solid #f0e6d2;border-radius:22px;background:#fff}.site-shell .stat-strip strong{color:var(--blue);font-size:32px}.site-shell .stat-strip span{font-size:15px;color:var(--ink-soft)}.site-shell .listen-card{padding:18px 20px;border:3px solid var(--purple-edge);border-radius:24px;background:var(--purple-soft)}.site-shell .listen-card>strong{font-size:22px;color:#4f22a6}.site-shell .listen-card p{font-size:17px;color:#4a3d6b}.site-shell .listen-genre{min-height:52px;padding:10px 16px;font-size:18px;border-radius:16px;color:#3b2a7a}.site-shell .listen-genre small{font-size:15px;color:#4a3d6b}.site-shell .listen-prompt-text{font-size:clamp(30px,5vw,40px);color:var(--ink)}.site-shell .weak-card{border-radius:24px;border-width:3px}.site-shell .weak-card-head strong{font-size:22px}.site-shell .weak-chips li{font-size:17px;padding:8px 14px}.site-shell .weak-card p{font-size:15px}.site-shell .record-section>summary h2{font-size:24px;color:var(--ink)}.site-shell .record-section>summary span{font-size:16px;color:var(--ink-soft)}.site-shell .learning-progress-card{border:3px solid #f0e6d2;border-radius:22px;background:#fff;box-shadow:0 4px #f0e6d2;gap:10px}.site-shell .learning-progress-card strong{font-size:21px;color:var(--ink)}.site-shell .learning-progress-card span{font-size:16px;color:var(--ink-soft)}.site-shell .learning-progress-card small{font-size:16px;color:var(--green)}.site-shell .learning-progress-card .report-bar{height:12px;background:#ece6da}.site-shell .learning-progress-card .report-bar div{background:linear-gradient(90deg,#ffb020,#ff7a2f)}@media(max-width:780px){.site-shell .learning-progress-card{padding:14px}.site-shell .learning-progress-card strong{font-size:18px}.site-shell .learning-progress-card span,.site-shell .learning-progress-card small{font-size:14px}}@media(max-width:480px){.site-shell .stat-strip strong{font-size:22px}.site-shell .stat-strip span{font-size:13px}.site-shell .record-section>summary h2{font-size:19px}.site-shell .record-section>summary span{font-size:14px}}.site-shell .profile-picker h1{font-size:clamp(32px,5vw,42px);color:var(--ink)}.site-shell .profile-picker>p{font-size:17px;color:var(--ink-soft)}.site-shell .profile-option{border:3px solid #f0e6d2;border-radius:26px;background:#fff;box-shadow:0 5px #f0e6d2;min-height:160px}.site-shell .profile-option strong{font-size:24px;color:var(--ink)}.site-shell .profile-option.is-current{border-color:var(--blue);box-shadow:0 5px 0 var(--blue-edge)}.site-shell .profile-icon{font-size:72px}.site-shell .profile-chip{min-height:44px;font-size:16px}@media(max-width:780px){.site-shell .profile-chip{font-size:15px;padding:6px 12px}}.site-shell .dialog h2{font-size:26px;color:var(--ink)}.site-shell .dialog p{font-size:17px;color:var(--ink-soft)}.site-shell .parent-gate p{font-size:17px}.site-shell .parent-gate small{font-size:14px}.site-shell .parent-gate input{font-size:20px;min-height:52px}.site-shell .report-stat small{font-size:14px}.site-shell .report-card h2{font-size:22px}.site-shell .report-card h3{font-size:18px}.site-shell .report-card>p,.site-shell .report-card p{font-size:16px}.site-shell .word-chips span{font-size:14px}.site-shell .weak-word strong{font-size:18px}.site-shell .weak-word small,.site-shell .weak-count,.site-shell .report-actions span{font-size:14px}.site-shell .backup-ok,.site-shell .own-word-message p{font-size:15px}.site-shell .form-error{font-size:15px!important}.site-shell .own-word-form label{font-size:15px}.site-shell .own-word-form input,.site-shell .profile-list input,.site-shell .profile-add input{font-size:17px;min-height:48px}.site-shell .own-word-text strong{font-size:18px}.site-shell .own-word-text small{font-size:14px}.site-shell .own-word-passed{font-size:13px}.site-shell .own-word-bulk summary{font-size:16px}.site-shell .own-word-bulk p{font-size:14px}.site-shell .guide-list,.site-shell .guide-steps{font-size:17px}.site-shell .guide-updated,.site-shell .footer-link,.site-shell .sidebar-foot{font-size:14px}.site-shell .brand{min-height:44px}.site-shell .eyebrow{font-size:14px;letter-spacing:1px}.site-shell .level-switch small{font-size:13px}.site-shell .sound-switch{min-height:44px;padding:8px 14px;font-size:15px}.site-shell .sound-switch span{font-size:15px}.site-shell .sound-toggle{min-width:44px;min-height:44px}.site-shell .report-stat strong span{font-size:16px}.site-shell .report-card details>summary,.site-shell .own-word-bulk summary{display:inline-flex;align-items:center;min-height:44px}.site-shell .footer-link{min-height:44px;display:inline-flex;align-items:center}@media(max-width:780px){.site-shell .nav-link{font-size:14px}.site-shell .eyebrow{font-size:13px}}@media(max-width:480px){.site-shell .stat-strip span{font-size:14px}.site-shell .level-switch small{font-size:12px}}.pet-face .piko-art{width:88%;height:88%;overflow:visible}.piko-art .piko-wing{transform-box:fill-box}.piko-art .piko-wing-left{transform-origin:80% 15%}.piko-art .piko-wing-right{transform-origin:20% 15%}.piko-art.is-flapping .piko-wing-left{animation:wing-left .35s ease-in-out 4}.piko-art.is-flapping .piko-wing-right{animation:wing-right .35s ease-in-out 4}.piko-art.is-flapping{animation:piko-hop .7s ease-out 2}.piko-stage-0 .piko-egg{transform-box:fill-box;transform-origin:50% 90%;animation:egg-wobble 3s ease-in-out infinite}@keyframes wing-left{50%{transform:rotate(28deg)}}@keyframes wing-right{50%{transform:rotate(-28deg)}}@keyframes piko-hop{40%{transform:translateY(-8px)}}@keyframes egg-wobble{0%,70%,to{transform:rotate(0)}78%{transform:rotate(-6deg)}86%{transform:rotate(5deg)}94%{transform:rotate(-2deg)}}.site-shell .pet-fed{display:flex;align-items:center;justify-content:center;gap:8px}.site-shell .pet-fed .piko-art{width:56px;height:56px;flex:none}.site-shell .pet-grew .piko-art{width:72px;height:72px}.pet-intro{display:grid;gap:10px}.site-shell .pet-intro-line{font-size:19px;line-height:1.6;color:#4a3612;background:#fff;border:2px solid #ffe08a;border-radius:18px;padding:12px 16px}.pet-intro-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pet-intro-dots{display:inline-flex;gap:6px;margin-right:auto}.pet-intro-dots span{width:10px;height:10px;border-radius:50%;background:#f0d894}.pet-intro-dots span.is-current{background:#b06a00}.site-shell .pet-intro-skip{min-height:44px;padding:8px 14px;border:0;background:none;font-size:16px;font-weight:900;color:#6e5320}.site-shell .button.pet-intro-next{min-height:52px;padding:10px 22px;font-size:19px;background:#965700;box-shadow:0 5px #6a3d00}.site-shell .pet-help-button{min-height:44px;padding:6px 12px;margin-left:auto;border:2px solid #ffe08a;border-radius:99px;background:#fff;font-size:14px;font-weight:900;color:#6e5320}.site-shell .eitype-start.is-pointed{animation:start-glow 1.2s ease-in-out infinite;outline:4px solid var(--sun);outline-offset:4px}@keyframes start-glow{50%{transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.piko-art,.piko-art *,.site-shell .eitype-start.is-pointed{animation:none!important}}@media(max-width:480px){.site-shell .pet-intro-line{font-size:17px;padding:10px 12px}.site-shell .pet-help-button{font-size:13px;padding:6px 10px}}.site-shell .level-switch button{border-radius:18px}@media(max-width:480px){.eitype-home .pet-card{gap:10px;padding:14px 12px}.eitype-home .pet-face{width:72px;height:72px;align-self:flex-start;margin-top:30px}.site-shell .pet-intro-line{font-size:16px}.site-shell .button.pet-intro-next{font-size:17px;padding:8px 16px}}.eitype-home .pet-name{flex-wrap:wrap;row-gap:4px}.eitype-home .pet-name strong,.eitype-home .pet-name small{white-space:nowrap}@media(max-width:480px){.pet-help-text{display:none}.site-shell .pet-help-button{min-width:44px;font-size:18px;padding:4px}.eitype-home .pet-name strong{font-size:22px}.eitype-home .pet-name small{font-size:13px}}.pet-wardrobe{margin-top:10px}.site-shell .pet-wardrobe>summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 16px;border:2px solid #ffc2d4;border-radius:99px;background:#fff;font-size:16px;font-weight:900;color:var(--pink);cursor:pointer;list-style:none}.pet-wardrobe>summary::-webkit-details-marker{display:none}.site-shell .pet-wardrobe>summary small{font-size:14px;color:#8a1d4a}.pet-wardrobe-items{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.site-shell .pet-wardrobe-items button{min-height:44px;padding:6px 14px;border:2px solid #ffc2d4;border-radius:16px;background:#fff;font-size:16px;font-weight:900;color:#8a1d4a}.site-shell .pet-wardrobe-items button[aria-pressed=true]{border-color:var(--pink);background:var(--pink);color:#fff}.site-shell .pet-wardrobe-items button:disabled{border-style:dashed;background:#fbf4f7;color:#6b4a58;opacity:1;font-size:14px}.site-shell .pet-gift{margin-top:10px;padding:12px 16px;border-radius:18px;background:#ffe7ef;font-size:19px;font-weight:900;color:#8a1d4a}.placement-card{display:flex;align-items:center;gap:14px;margin-top:16px;padding:18px 20px;border:3px solid var(--teal-edge);border-radius:24px;background:var(--teal-soft)}.placement-card-icon{font-size:40px;line-height:1}.placement-card-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.site-shell .placement-card-text strong{font-size:22px;font-weight:1000;color:#064a50}.site-shell .placement-card-text span{font-size:16px;font-weight:800;color:#1f4f53}.site-shell .button.placement-start{flex:none;min-height:52px;font-size:18px;color:#fff;background:var(--teal);box-shadow:0 5px #064a50}@media(max-width:480px){.placement-card{flex-wrap:wrap;padding:14px}.site-shell .button.placement-start{width:100%}}.site-shell .skip-button{background:var(--teal-soft);color:#064a50}.placement-rounds{display:grid;gap:8px;max-width:420px;margin:18px auto 0;padding:0;list-style:none}.site-shell .placement-rounds li{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:18px;background:#fff6dc;font-size:19px;font-weight:900;color:var(--ink)}.site-shell .placement-rounds li.is-passed{background:var(--green-soft, #dff5e6)}.placement-rounds strong{margin-left:auto;font-size:22px}.site-shell .placement-advice{margin:18px 0 8px;font-size:22px;font-weight:900;color:var(--ink)}.site-shell .placement-advice strong{color:var(--teal)}.site-shell .placement-result .result-buttons{margin-top:14px}.site-shell .report-week .week-line{margin-top:8px;font-size:18px;font-weight:800;line-height:1.7;color:var(--ink)}.week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;max-width:460px;margin:14px 0 0;padding:0;list-style:none}.week-days li{display:flex;flex-direction:column;align-items:center;gap:4px}.week-days li>span{display:grid;place-items:center;width:40px;height:40px;border:2px dashed #d9cbb0;border-radius:50%;background:#fff;font-size:20px}.week-days li.is-done>span{border:2px solid #f2c94c;background:#fff6d6}.week-days li.is-today>span{outline:3px solid #f5c58c;outline-offset:1px}.site-shell .week-days small{font-size:14px;font-weight:800;color:#3f5149}.week-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.week-stats>div{padding:12px 14px;border-radius:16px;background:#f1f7f2}.site-shell .week-stats small{display:block;font-size:14px;font-weight:800;color:#3f5149}.site-shell .week-stats strong{font-size:30px;color:#17663f}.site-shell .week-stats strong span{margin-left:2px;font-size:15px}.site-shell .report-week .week-note{margin-top:12px;font-size:16px;line-height:1.7;color:#33463e}@media(max-width:480px){.week-days li>span{width:34px;height:34px;font-size:17px}.week-stats{gap:6px}.week-stats>div{padding:10px 8px}.site-shell .week-stats strong{font-size:24px}.site-shell .week-stats small{font-size:13px}}@media(min-width:1100px){.eitype-home{display:grid;grid-template-columns:300px minmax(0,1fr);column-gap:28px;align-items:start;max-width:1180px}.eitype-home>.pet-card{position:sticky;top:24px;flex-direction:column;align-items:stretch;gap:12px;padding:22px 20px}.eitype-home>.pet-card .pet-face{align-self:center;width:150px;height:150px}.eitype-home>.pet-card .pet-name{justify-content:center}.eitype-home>.pet-card .pet-help-button{margin-left:0}.eitype-home>.pet-card .pet-line{justify-content:center;text-align:center}.eitype-home>.pet-card .pet-growth small{text-align:center}.eitype-home>.pet-card .pet-intro-actions{justify-content:center}.eitype-home>.pet-card .pet-intro-dots{margin-right:0;flex-basis:100%;justify-content:center}.eitype-home>.pet-card .pet-wardrobe{text-align:center}.eitype-home>.pet-card .pet-wardrobe-items{justify-content:center}}.choose-stage,.arrange-stage{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:15px;padding:26px 20px 18px;border:3px solid #f0e6d2;border-radius:30px;background:#fff;box-shadow:0 6px #f0e6d2}.choose-prompt{display:flex;align-items:center;gap:12px;min-height:64px}.site-shell .choose-prompt>span{font-size:clamp(24px,4vw,32px);font-weight:1000;color:var(--ink)}.site-shell .choose-answer{font-size:clamp(40px,7vw,56px);color:var(--blue);animation:tile-pop .3s ease-out}.choose-prompt .sound-toggle{width:56px;height:56px}.choose-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;max-width:640px}.site-shell .choose-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:140px;padding:14px 10px;border:3px solid var(--blue-edge);border-bottom-width:6px;border-radius:22px;background:var(--blue-soft);color:var(--ink)}.site-shell .choose-option:not(:disabled):hover{transform:translateY(-2px)}.choose-picture{font-size:56px;line-height:1}.site-shell .choose-meaning{font-size:20px;font-weight:900;color:var(--ink)}.site-shell .choose-option.no-picture .choose-meaning{font-size:26px}.site-shell .choose-key{position:absolute;top:8px;left:12px;font-size:14px;font-weight:900;color:#3d5a99}.site-shell .choose-option.is-wrong{opacity:1;border-color:#f2c4d3;background:#fbf2f5;animation:tile-shake .32s ease-in-out}.site-shell .choose-option.is-wrong .choose-picture{opacity:.35}.site-shell .choose-option.is-wrong .choose-meaning,.site-shell .choose-option.is-wrong .choose-key{color:#6b4a58}.site-shell .choose-option.is-correct{border-color:#6fcf91;background:#c9f2d6;animation:tile-bounce .45s ease-out}.site-shell .choose-stage.is-correct .typing-feedback,.site-shell .arrange-stage.is-correct .typing-feedback{font-size:26px;color:var(--green)}@media(max-width:480px){.choose-stage,.arrange-stage{padding:18px 10px 14px;gap:14px}.choose-options{gap:10px}.site-shell .choose-option{min-height:120px}.choose-picture{font-size:46px}.site-shell .choose-meaning{font-size:18px}.site-shell .choose-option.no-picture .choose-meaning{font-size:22px}}.arrange-line{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;min-height:64px;max-width:100%}.site-shell .arrange-slot{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:56px;padding:0 12px;border:3px dashed #d4dbe8;border-radius:14px;font-size:clamp(22px,3.4vw,30px);font-weight:900;color:var(--ink)}.site-shell .arrange-slot.next{border-color:var(--sun);background:#fff8e4}.site-shell .arrange-slot.filled{border-style:solid;border-color:var(--green-edge);background:var(--green-soft);color:var(--green);animation:tile-pop .2s ease-out}.site-shell .arrange-mark{font-size:32px;font-weight:900;color:var(--ink)}.site-shell .arrange-sentence{font-size:clamp(28px,5vw,44px);font-weight:1000;color:var(--green);animation:tile-bounce .45s ease-out}.arrange-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:720px}.site-shell .arrange-card{min-width:72px;min-height:60px;padding:8px 18px;border:3px solid var(--purple-edge);border-bottom-width:6px;border-radius:16px;background:var(--purple-soft);font-size:clamp(22px,3.4vw,28px);font-weight:900;color:#3b2a7a}.site-shell .arrange-card:not(:disabled):hover{transform:translateY(-2px)}.site-shell .arrange-card.is-used{visibility:hidden}.site-shell .arrange-card.is-wrong{border-color:var(--pink-edge);background:var(--pink-soft);color:#8a1d4a;animation:tile-shake .32s ease-in-out}@media(max-width:480px){.site-shell .arrange-slot{min-width:48px;height:48px;padding:0 8px}.site-shell .arrange-card{min-width:60px;min-height:54px;padding:6px 12px}}@media(prefers-reduced-motion:reduce){.site-shell .choose-option,.site-shell .choose-answer,.site-shell .arrange-slot,.site-shell .arrange-card,.site-shell .arrange-sentence{animation:none!important}}.site-shell .button.choose-start{background:var(--teal-soft);color:#064a50}.site-shell .arrange-stage .target-meaning{font-size:clamp(28px,5vw,42px);line-height:1.35}.ime-notice{display:grid;gap:6px;margin-top:14px;padding:14px 18px;border:3px solid var(--orange-edge, #f6c69a);border-radius:22px;background:var(--orange-soft, #fff0e2);animation:tile-pop .3s ease-out}.site-shell .ime-notice strong{font-size:22px;font-weight:1000;color:#7a3500}.site-shell .ime-notice span{font-size:17px;font-weight:800;line-height:1.6;color:#5a3410}@media(max-width:480px){.site-shell .ime-notice strong{font-size:19px}.site-shell .ime-notice span{font-size:15px}}@media(prefers-reduced-motion:reduce){.ime-notice{animation:none}}.backup-reminder{display:grid;gap:8px;justify-items:start;margin-top:17px;padding:20px 22px;border:3px solid #f2c94c;border-radius:24px;background:#fff8e1}.site-shell .backup-reminder strong{font-size:20px;color:#6a4500}.site-shell .backup-reminder p{font-size:16px;line-height:1.75;color:#4f3c16}.site-shell .report-backup .backup-when{font-weight:800;color:#3f5149}.nav-link{position:relative}.nav-badge{display:inline-block;width:12px;height:12px;margin-left:6px;border:2px solid #fff;border-radius:50%;background:#d93a3a;vertical-align:top}@media(max-width:780px){.nav-badge{position:absolute;top:4px;right:calc(50% - 26px);margin:0}}.week-goal{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:12px;padding-top:12px;border-top:2px dashed #f0dcc4}.site-shell .week-goal strong{font-size:18px;color:#7a3f00}.week-goal-stars{font-size:22px;letter-spacing:2px;color:#c98a00}.site-shell .week-goal-left{font-size:16px;font-weight:900;color:#6b4a1f}.site-shell .week-goal-done{margin-top:10px;padding:12px 16px;border-radius:18px;background:#fff3c4;font-size:20px;font-weight:900;color:#6a4500}.site-shell .level-clear{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:12px;font-size:22px;font-weight:1000;color:#6a4500}.site-shell .button.certificate-open{min-height:48px;padding:8px 18px;font-size:17px;color:#5a3a00;background:#ffd54a;box-shadow:0 4px #d99a00}.certificate-card{display:grid;gap:10px;margin:0 0 18px;padding:18px 20px;border:3px solid #f2c94c;border-radius:24px;background:#fff8e1}.site-shell .certificate-card>strong{font-size:22px;color:#6a4500}.certificate-list{display:flex;flex-wrap:wrap;gap:10px}.certificate-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0 18px}.site-shell .certificate-name-input{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:900;color:var(--ink)}.site-shell .certificate-name-input input{min-height:48px;width:12em;padding:6px 12px;border:3px solid #f0dcc4;border-radius:14px;font-size:20px;font-weight:900;color:var(--ink);background:#fff}.certificate{max-width:980px;margin:0 auto;padding:14px;border-radius:18px;background:#fffaf0;box-shadow:0 8px #f0e6d2}.certificate-frame{position:relative;padding:34px 40px 28px;border:6px double #d99a00;border-radius:12px;text-align:center;background:radial-gradient(circle at 0 0,#ffe9a8 0 48px,transparent 49px),radial-gradient(circle at 100% 0,#ffd6e4 0 48px,transparent 49px),radial-gradient(circle at 0 100%,#d9ecff 0 48px,transparent 49px),radial-gradient(circle at 100% 100%,#d8f5e3 0 48px,transparent 49px),#fffdf6}.certificate-ribbon{margin:0;font-size:44px;line-height:1}.site-shell .certificate h1{margin:6px 0 10px;font-size:clamp(40px,7vw,64px);letter-spacing:.3em;color:#7a4a00}.site-shell .certificate-name{font-size:26px;font-weight:900;color:var(--ink)}.site-shell .certificate-name strong{display:inline-block;min-width:6em;padding:0 12px 2px;border-bottom:3px solid #d99a00;font-size:36px;text-align:center}.site-shell .certificate-body{max-width:34em;margin:18px auto 0;font-size:22px;font-weight:800;line-height:1.9;color:var(--ink);text-align:left}.certificate-foot{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:18px}.certificate-foot .piko-art{width:110px;height:110px;overflow:visible}.site-shell .certificate-foot p{margin:2px 0;font-size:20px;font-weight:900;color:var(--ink);text-align:left}.site-shell .certificate-from{color:#7a4a00}@media(max-width:480px){.certificate-frame{padding:22px 14px 18px}.site-shell .certificate-name strong{font-size:28px}.site-shell .certificate-body{font-size:18px}.certificate-foot .piko-art{width:80px;height:80px}.site-shell .certificate-foot p{font-size:17px}}@media print{@page{size:A4 landscape;margin:10mm}html,body,.site-shell{min-height:0!important;background:#fff!important}.site-shell{display:block}.certificate-screen{padding:0;animation:none}.site-shell .sidebar,.site-shell .main-footer,.certificate-tools{display:none!important}.site-shell .main-content{padding:0}.certificate{max-width:none;box-shadow:none;padding:0;background:#fff;break-inside:avoid}.certificate-frame{display:flex;flex-direction:column;justify-content:center;min-height:165mm;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.site-shell .week-share{margin-top:14px}.install-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:14px}.install-option{padding:14px 16px;border:2px solid #e1eae0;border-radius:18px;background:#fff}.install-option.is-this-device{border-color:var(--teal-edge);background:var(--teal-soft)}.site-shell .install-option h3{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:17px;color:var(--ink)}.site-shell .install-this{padding:2px 10px;border-radius:99px;background:var(--teal);font-size:13px;color:#fff}.install-option ol{margin:8px 0 0;padding-left:1.4em}.site-shell .install-option li{margin:4px 0;font-size:15px;line-height:1.6;color:#33463e}