:root{--paper:#f6f3eb;--white:#fffefa;--ink:#1e3541;--muted:#697b7e;--teal:#176b61;--teal-soft:#e4efdf;--peach:#f1cbb1;--line:#e1e5dc;--gold:#b98733;font-family:'PingFang TC','Noto Sans TC',system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;line-height:1.7}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button{cursor:pointer;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:13px;padding:12px 20px;min-height:48px;line-height:1.4}button:disabled{cursor:default;opacity:.5}button:hover:not(:disabled){border-color:var(--teal)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #c78550;outline-offset:4px}input{border:1px solid #b6c3bb;border-radius:9px;background:var(--white);color:var(--ink);padding:12px;min-height:48px;max-width:100%}.skip{position:absolute;top:-100px;background:var(--ink);color:white;padding:15px;z-index:9}.skip:focus{top:0}.header{max-width:1220px;margin:auto;padding:25px 30px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font-weight:700;font-size:19px;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:500}.brand-mark{display:grid;place-content:center;position:relative;background:var(--teal);color:var(--white);width:46px;height:48px;border-radius:15px;font:bold 38px Georgia;letter-spacing:0}.brand-mark>span{position:absolute;right:-5px;top:-7px;background:var(--peach);color:var(--ink);font:bold 19px Georgia;padding:0 5px;border:3px solid var(--paper);border-radius:9px}.header nav{display:flex;gap:8px;align-items:center}.header nav a{font-size:14px;min-height:46px;padding:12px 14px;text-decoration:none;border-radius:12px}.header nav a.active{background:#e9ede1;color:var(--teal)}#balance{display:inline-block;margin-left:4px;min-width:24px;text-align:center;color:var(--teal)}main{max-width:1160px;margin:auto;padding:12px 30px 50px;min-height:60vh}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--teal);font-weight:700;margin:0 0 14px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,4vw,56px);font-weight:650;line-height:1.3;letter-spacing:1px}h2{font-size:27px;font-weight:650;line-height:1.4}h3{font-size:19px}p{line-height:1.8}.muted,.small{color:var(--muted)}.small{font-size:13px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;background:var(--teal);color:var(--white);border-radius:12px;min-height:52px;padding:14px 23px;text-decoration:none;font-size:16px}.primary:hover:not(:disabled){background:#125c54}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:13px 20px;border:1px solid #b7c6bc;border-radius:12px;text-decoration:none;background:transparent}.text-button{border:0;background:none;padding:8px 4px;color:var(--teal);border-radius:3px;min-height:44px}.row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.between{justify-content:space-between}.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:30px;align-items:center;padding:36px 0 50px}.hero-copy>p:not(.eyebrow){font-size:18px;color:var(--muted)}.hero-title em{font-style:normal;color:var(--teal)}.hero-art{min-height:380px;position:relative;border-radius:38px;background:#e8eddf;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:12px;padding:42px 20px}.hero-art:before{content:'';position:absolute;width:310px;height:310px;border:1px dashed #b6c8b8;border-radius:50%;z-index:-1}.hero-tile{background:var(--white);border:1px solid #e2e2d6;border-radius:18px;box-shadow:0 12px 28px #294b3710;width:100px;height:129px;display:grid;place-items:center;font:600 90px Georgia;color:var(--ink);transform:rotate(-8deg)}.hero-tile:nth-child(2){transform:translateY(-18px) rotate(3deg);color:var(--teal)}.hero-tile:nth-child(3){transform:rotate(8deg)}.hero-e{position:absolute;right:45px;bottom:49px;width:62px;height:72px;background:var(--peach);font:bold 59px Georgia;display:grid;place-items:center;border-radius:14px;transform:rotate(11deg);box-shadow:0 7px 20px #73432315}.orbit-note{position:absolute;top:28px;left:28px;font-size:12px;letter-spacing:1px;color:#65806c}.hero-word{position:absolute;bottom:25px;left:30px;font-size:12px;color:var(--muted)}.day-plan{display:grid;grid-template-columns:.9fr 1.5fr;gap:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;margin-bottom:40px}.day-plan h2{font-size:23px;margin-bottom:7px}.daily-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.daily-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:17px;text-decoration:none}.daily-card small{display:block;font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:12px}.daily-card strong{font-size:15px}.daily-card span{display:block;color:var(--teal);font-size:12px;margin-top:7px}.zone-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:34px 0 18px}.zone-header h2{font-size:23px;margin:0}.zone-header p{margin:0;font-size:13px;color:var(--muted)}.lesson-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.lesson-card{position:relative;text-decoration:none;border:1px solid var(--line);background:var(--white);border-radius:18px;padding:20px;min-height:185px;display:flex;flex-direction:column;transition:transform .18s}.lesson-card:hover{transform:translateY(-3px);border-color:#8cae9d}.lesson-card .sound{font:600 58px Georgia;color:var(--teal);line-height:1.1;margin:10px 0 15px}.lesson-card small{font-size:10px;color:var(--muted);letter-spacing:1.5px}.lesson-card .example{font-size:13px;color:var(--muted);margin-top:auto}.complete-dot{position:absolute;top:16px;right:16px;color:var(--teal);font-size:12px}.map-footer{background:#e8eddf;border-radius:18px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:32px}.map-footer p{margin:0}.back{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;text-decoration:none;margin:12px 0 30px}.lesson-hero{display:grid;grid-template-columns:.8fr 1.4fr;gap:40px;padding-bottom:32px}.sound-display{background:#e6ecdf;border-radius:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:28px;position:relative}.sound-display .big-sound{font:600 122px Georgia;color:var(--teal);line-height:1.2;margin-bottom:17px}.sound-display .big-sound.is-long{font-size:100px}.sound-display .ipa{font-size:16px;color:var(--muted)}.lesson-copy h1{font-size:36px;margin-bottom:14px}.lesson-copy .lead{font-size:20px;color:var(--muted)}.word-strip{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.word-button{font:600 23px Georgia;min-height:56px;padding:13px 20px}.word-button small{font:12px system-ui;display:block;color:var(--muted);margin-top:4px}.listen-button{display:inline-flex;align-items:center;gap:10px}.listen-button svg{width:21px;height:21px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.game-link{display:flex;align-items:center;gap:16px;text-decoration:none;padding:22px;background:var(--white);border:1px solid var(--line);border-radius:17px;min-height:112px}.game-link svg{width:32px;height:32px;color:var(--teal);flex-shrink:0}.game-link strong{display:block;font-size:17px}.game-link small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.notice{font-size:13px;color:var(--muted);padding:16px 0;line-height:1.9}.notice a{color:var(--teal)}.warmup{border:1px solid var(--line);border-radius:16px;padding:20px;margin:25px 0}.warmup summary{cursor:pointer;min-height:44px;font-size:17px}.warmup .word-strip{margin-bottom:0}.game-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:10px 0 24px}.game-top .back{margin:0}.game-top .small{margin:0}.progress-bars{display:flex;gap:6px;width:170px}.progress-bars span{height:5px;flex:1;background:#dce3d5;border-radius:5px}.progress-bars span.done{background:var(--teal)}.game-shell{max-width:850px;margin:auto;border:1px solid var(--line);border-radius:25px;padding:30px;background:var(--white);text-align:center}.game-shell h1{font-size:28px;margin-bottom:14px}.game-shell .instruction{font-size:17px;color:var(--muted);margin-bottom:16px}.audio-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:12px 0 25px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.choice{background:#faf9f3;border:2px solid #e4e8de;border-radius:17px;padding:14px;min-height:110px;overflow:hidden}.choice .word{font:600 37px Georgia;display:block;margin:8px 0}.choice[aria-pressed=true],.choice.correct{border-color:var(--teal);background:#eaf1e3}.picture{display:block;width:100%;aspect-ratio:1;max-width:240px;margin:auto;background-image:url('../media/images/vocabulary.webp');background-size:400% 600%;background-repeat:no-repeat;border-radius:12px;mix-blend-mode:multiply}.blank-word{font:600 79px Georgia;letter-spacing:4px;margin:25px 0;color:var(--ink);overflow-wrap:anywhere}.letter-choices{display:flex;justify-content:center;flex-wrap:wrap;gap:13px;margin:22px 0}.letter-choice{font:600 38px Georgia;min-width:74px;min-height:79px;background:#f1f1e7;border:2px solid #dce5d8;border-radius:15px}.letter-choice[aria-pressed=true]{border-color:var(--teal);background:#e1eddd}.train{display:flex;gap:8px;justify-content:center;align-items:flex-end;flex-wrap:wrap;margin:20px 0 30px}.car{font:600 40px Georgia;min-width:88px;min-height:90px;background:#edf0e5;border:2px dashed #afc1b1;border-radius:15px;display:grid;place-items:center;padding:10px;position:relative}.car:after{content:'';position:absolute;bottom:-10px;left:16px;right:16px;height:10px;background:radial-gradient(circle at 5px 5px,#6b7c70 4px,transparent 5px),radial-gradient(circle at calc(100% - 5px) 5px,#6b7c70 4px,transparent 5px)}.car.filled{border-style:solid;border-color:var(--teal)}.feedback{padding:18px;background:#edf2e6;border-radius:15px;min-height:70px;margin:22px 0;text-align:left}.feedback h2{font-size:20px;margin-bottom:7px}.feedback p{margin-bottom:8px}.feedback .answer-word{font:600 40px Georgia;color:var(--teal)}.feedback.hint{background:#f5e9d9}.game-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:18px}.game-bottom button{min-width:125px}.transform{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}.transform figure{margin:0;flex:1;max-width:190px}.transform-word{font:600 63px Georgia;letter-spacing:3px;margin-top:9px;display:block}.toggle-e{font:bold 50px Georgia;min-width:90px;min-height:90px;background:#f3d2b8;border:2px dashed #cc9363}.toggle-e.active{border-style:solid;background:#ecc49f}.success{max-width:730px;text-align:center;margin:40px auto;background:var(--white);border:1px solid var(--line);border-radius:25px;padding:45px}.success .star-circle{border-radius:50%;width:100px;height:100px;background:#f5e9c7;color:#a77b2e;display:grid;place-items:center;font-size:55px;margin:0 auto 25px}.success h1{font-size:36px}.success .row{justify-content:center;margin-top:25px}.balance-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px 0}.balance-big{font:600 95px Georgia;color:var(--teal);line-height:1.2}.balance-big small{font:16px system-ui}.rewards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.reward{background:var(--white);border:1px solid var(--line);border-radius:19px;padding:25px;display:flex;flex-direction:column}.reward .cost{color:var(--gold);font:600 36px Georgia;margin:12px 0}.reward p{font-size:14px;color:var(--muted)}.reward button{margin-top:auto}.pending{background:#e4ecdc;border-radius:17px;padding:22px;margin-bottom:25px}.pending h2{font-size:22px;margin-bottom:7px}.parent-gate{max-width:530px;margin:30px auto;background:var(--white);border:1px solid var(--line);padding:35px;border-radius:24px}.parent-gate input{width:100%;margin:12px 0 18px}.parent-gate h1{font-size:30px}.panel{border:1px solid var(--line);border-radius:18px;background:var(--white);padding:25px;margin:22px 0}.panel h2{font-size:22px}.form-grid{display:grid;grid-template-columns:1fr 130px auto;gap:12px;align-items:end}.form-grid label{font-size:13px;color:var(--muted)}.form-grid input{width:100%;margin-top:7px}.parent-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-top:1px solid var(--line)}.parent-item p{margin:0}.parent-item strong{display:block}.parent-item .row{justify-content:flex-end}.ledger{width:100%;border-collapse:collapse;font-size:14px}.ledger th,.ledger td{padding:12px 8px;text-align:left;border-bottom:1px solid var(--line)}.ledger .amount{white-space:nowrap;color:var(--teal)}.ledger-wrap{overflow-x:auto}.import-label{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid var(--line);border-radius:13px;cursor:pointer}.import-label input{width:1px;height:1px;position:absolute;opacity:0;padding:0;min-height:0}.import-preview{padding:20px;background:#f5e9d9;margin:18px 0;border-radius:14px}.parent-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{background:#f0f2e8;padding:17px;border-radius:12px}.stat b{display:block;font:500 40px Georgia;color:var(--teal)}footer{max-width:1160px;margin:auto;padding:25px 30px 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;font-size:12px;color:var(--muted)}footer a{text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.storage-warning{max-width:1100px;margin:10px auto;padding:14px 20px;background:#ffe8cf;border-radius:10px;font-size:14px}dialog{max-width:600px;width:calc(100% - 35px);border:1px solid var(--line);border-radius:22px;padding:35px;background:var(--white);color:var(--ink);line-height:1.9}dialog::backdrop{background:#102b306b}.dialog-close{position:absolute;right:15px;top:10px;min-width:44px;border:0;background:none;font-size:28px}.error-message{color:#8a542f;font-size:14px;min-height:26px}.video-main{max-width:1000px}.video-player{width:100%;aspect-ratio:16/9;background:#17343b;border-radius:18px;display:block;margin:24px 0 15px}.film-caption{font-size:21px;background:#e5ecdf;border-radius:13px;padding:18px;text-align:center;min-height:65px}.film-links{display:flex;flex-wrap:wrap;gap:20px;margin:25px 0;font-size:14px}.film-chapters{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.film-chapters button{font-size:14px}.video-main h1{font-size:42px}.video-main .panel{font-size:14px}.warmup .small{margin-top:13px}.chip-tag{font-size:11px;background:#e7edde;padding:5px 9px;border-radius:7px;color:var(--teal)}.tick{color:var(--teal)}@media(max-width:1000px){.lesson-grid{grid-template-columns:repeat(4,1fr)}.game-grid{grid-template-columns:repeat(2,1fr)}.hero-art{min-height:340px}.hero-tile{width:80px;height:110px;font-size:75px}.day-plan{grid-template-columns:1fr;gap:17px}.lesson-hero{gap:25px}}@media(max-width:700px){.header{padding:18px 18px 12px;display:block}.brand{font-size:18px}.header nav{margin-top:18px;justify-content:space-between;gap:0}.header nav a{padding:10px;font-size:14px}.header nav a:last-child{padding-right:0}.header nav a.active:last-child{padding-right:10px}main{padding:8px 18px 35px}.hero{grid-template-columns:1fr;gap:22px;padding:25px 0 28px}.hero h1{font-size:41px;margin-bottom:18px}.hero-copy>p:not(.eyebrow){font-size:17px}.hero-art{min-height:250px;border-radius:24px}.hero-art:before{width:205px;height:205px}.hero-tile{width:77px;height:102px;font-size:72px}.hero-e{right:48px;bottom:29px;width:49px;height:59px;font-size:45px}.hero-word{left:21px;bottom:13px;font-size:11px}.orbit-note{top:18px;left:22px}.hero-copy .row>a{flex:1;white-space:nowrap;font-size:15px;padding:13px 12px}.day-plan{padding:24px 0;margin-bottom:28px}.daily-cards{gap:7px}.daily-card{padding:13px 10px}.daily-card strong{font-size:13px}.daily-card small{font-size:9px}.daily-card span{font-size:11px}.zone-header{align-items:flex-start;gap:10px}.zone-header h2{font-size:21px}.zone-header p{font-size:11px;max-width:125px;text-align:right}.lesson-grid{grid-template-columns:repeat(2,1fr);gap:10px}.lesson-card{padding:18px;min-height:160px}.lesson-card .sound{font-size:55px;margin:8px 0 12px}.lesson-card .example{font-size:12px}.map-footer{align-items:flex-start;flex-direction:column;padding:21px}.map-footer>p{font-size:14px}.lesson-hero{grid-template-columns:1fr;gap:23px}.sound-display{min-height:215px;padding:23px}.sound-display .big-sound{font-size:97px;margin-bottom:10px}.sound-display .big-sound.is-long{font-size:85px}.lesson-copy h1{font-size:31px}.lesson-copy .lead{font-size:18px}.game-grid{grid-template-columns:1fr;gap:10px}.game-link{min-height:87px;padding:18px}.back{margin-bottom:20px}.word-button{font-size:22px;padding:11px 15px}.game-top{flex-wrap:wrap}.progress-bars{width:125px}.game-shell{padding:22px 14px;border-radius:20px}.game-shell h1{font-size:25px}.game-shell .instruction{font-size:16px}.audio-actions{gap:8px}.audio-actions button{font-size:14px;padding:12px}.choices{gap:8px;margin:20px 0}.choice{padding:9px 5px;min-height:105px;border-radius:13px}.choice .word{font-size:27px}.choice .small{font-size:10px}.blank-word{font-size:62px;letter-spacing:2px}.letter-choices{gap:8px}.letter-choice{min-width:52px;min-height:65px;font-size:32px;padding:9px}.car{min-width:68px;min-height:77px;font-size:33px;padding:8px}.train{gap:6px}.game-bottom{align-items:stretch}.game-bottom button{min-width:0;flex:1;font-size:15px;padding:13px 10px}.feedback{font-size:15px;padding:17px}.feedback h2{font-size:19px}.transform{gap:8px}.transform-word{font-size:54px}.toggle-e{font-size:44px;min-width:70px;min-height:80px}.success{padding:30px 19px;margin:20px auto}.success h1{font-size:31px}.balance-hero{display:block}.balance-big{font-size:75px}.rewards{grid-template-columns:1fr;gap:12px}.reward{padding:23px}.reward .cost{font-size:31px;margin:8px 0}.parent-gate{padding:25px}.panel{padding:20px}.form-grid{grid-template-columns:1fr 95px}.form-grid button{grid-column:1/-1}.parent-item{align-items:flex-start;flex-direction:column}.parent-item .row{justify-content:flex-start}.parent-stats{gap:7px}.stat{padding:13px 9px;font-size:11px}.stat b{font-size:31px}.video-main h1{font-size:33px}.film-caption{font-size:19px}.film-links{font-size:13px;gap:12px 17px}footer{padding:20px 18px 30px;font-size:11px}dialog{padding:35px 23px 25px}.warmup{padding:17px}.storage-warning{margin:10px 18px}.film-chapters button{font-size:13px;padding:11px 14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.choices.two{grid-template-columns:repeat(2,1fr)}
.picture-0{background-position:0.0% 0.0%}
.picture-1{background-position:33.333333333333336% 0.0%}
.picture-2{background-position:66.66666666666667% 0.0%}
.picture-3{background-position:100.0% 0.0%}
.picture-4{background-position:0.0% 20.0%}
.picture-5{background-position:33.333333333333336% 20.0%}
.picture-6{background-position:66.66666666666667% 20.0%}
.picture-7{background-position:100.0% 20.0%}
.picture-8{background-position:0.0% 40.0%}
.picture-9{background-position:33.333333333333336% 40.0%}
.picture-10{background-position:66.66666666666667% 40.0%}
.picture-11{background-position:100.0% 40.0%}
.picture-12{background-position:0.0% 60.0%}
.picture-13{background-position:33.333333333333336% 60.0%}
.picture-14{background-position:66.66666666666667% 60.0%}
.picture-15{background-position:100.0% 60.0%}
.picture-16{background-position:0.0% 80.0%}
.picture-17{background-position:33.333333333333336% 80.0%}
.picture-18{background-position:66.66666666666667% 80.0%}
.picture-19{background-position:100.0% 80.0%}
.picture-20{background-position:0.0% 100.0%}
.picture-21{background-position:33.333333333333336% 100.0%}
.picture-22{background-position:66.66666666666667% 100.0%}
.picture-23{background-position:100.0% 100.0%}