@import "https://fonts.googleapis.com/css2?family=Chiron+GoRound+TC:wght@400;600;700;800&family=LXGW+WenKai+TC:wght@400;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.contents{display:contents}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--bg:#fffaf0;--paper:#fffef9;--mint:#5bb8a7;--mint-dark:#28796e;--mint-pale:#dff5ee;--coral:#f37f70;--coral-pale:#ffe6df;--yellow:#ffd569;--yellow-pale:#fff3c9;--sky:#80bdef;--sky-pale:#e5f3ff;--purple:#8b7bc6;--ink:#263b3a;--muted:#68807d;--line:#dce9e4;--shadow:0 12px 35px #426c631a}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:radial-gradient(circle at 82% 8%,#e3f7ff 0,transparent 25%),radial-gradient(circle at 12% 32%,#fff1d5 0,transparent 22%),var(--bg);color:var(--ink);margin:0;font-family:Noto Sans HK,PingFang HK,Arial,sans-serif}button,a{font:inherit}button{cursor:pointer}.noise{pointer-events:none;opacity:.34;background-image:radial-gradient(#80bdef 1px,#0000 1px);background-size:26px 26px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 68%);mask-image:linear-gradient(#000,#0000 68%)}.brand{align-items:center;gap:11px;display:flex}.brandmark{color:#fff;background:var(--mint);border-radius:15px 15px 15px 6px;place-items:center;width:44px;height:44px;font-size:24px;font-weight:900;display:grid;transform:rotate(-2deg);box-shadow:4px 4px #bce7db}.brand b{letter-spacing:.12em;font-size:17px;display:block}.brand small{color:var(--muted);font-size:.875rem}header{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffef9d1;border-bottom:1px solid #5bb8a729;justify-content:space-between;align-items:center;height:76px;padding:0 3vw;display:flex;position:relative}.header-right{color:var(--muted);align-items:center;gap:9px;font-size:.875rem;display:flex}.live-dot{background:var(--coral);width:9px;height:9px;box-shadow:0 0 0 5px var(--coral-pale);border-radius:50%}.header-right button{background:var(--mint-pale);color:var(--mint-dark);border:0;border-radius:20px;margin-left:18px;padding:11px 17px;font-weight:700}.app-shell{grid-template-columns:225px minmax(0,1fr);max-width:1500px;min-height:calc(100vh - 76px);margin:auto;display:grid}aside{border-right:1px solid var(--line);z-index:2;background:#fffef985;flex-direction:column;height:calc(100vh - 10px);padding:28px 17px;display:flex;position:sticky;top:0}aside nav{flex-direction:column;gap:7px;display:flex}aside nav button{color:var(--muted);text-align:left;background:0 0;border:0;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;font-weight:650;transition:all .2s;display:flex;position:relative}aside nav button i{width:27px;height:27px;color:var(--mint-dark);background:#eef6f2;border-radius:9px;place-items:center;font-style:normal;display:grid}aside nav button:hover{color:var(--ink);background:#fff;transform:translate(2px)}aside nav button.active{color:var(--mint-dark);box-shadow:var(--shadow);background:#fff}aside nav button.active i{background:var(--mint);color:#fff;transform:rotate(-4deg)}.aside-note{background:var(--coral-pale);border:1px dashed #efb9a6;border-radius:18px;margin-top:auto;padding:16px}.aside-note b{color:#b95043;font-size:.875rem}.aside-note p{color:#8e625c;margin:7px 0 0;font-size:.875rem;line-height:1.6}.hero{border-bottom:1px dashed #cfe2dc;grid-template-columns:1.18fr .82fr;align-items:center;gap:40px;min-height:560px;display:grid;position:relative}.eyebrow,.page-title>span,.section-heading span,.principles>div>span{letter-spacing:.17em;color:var(--coral);font-size:.875rem;font-weight:850}.eyebrow i{background:var(--yellow);vertical-align:middle;border-radius:5px;width:25px;height:5px;margin-right:8px;display:inline-block;transform:rotate(-3deg)}.hero h1{letter-spacing:-.055em;margin:22px 0;font-size:clamp(45px,5vw,75px);line-height:1.08}.hero h1 span{color:var(--mint-dark);display:inline-block;position:relative}.hero h1 span:after{content:"";background:var(--yellow);opacity:.55;z-index:-1;border-radius:50%;height:12px;position:absolute;bottom:5px;left:0;right:0;transform:rotate(-1deg)}.hero p{max-width:650px;color:var(--muted);font-size:16px;line-height:1.85}.hero-actions{gap:12px;margin-top:30px;display:flex}.primary,.ghost{border:0;border-radius:18px;padding:15px 21px;font-weight:800}.primary{background:var(--mint);color:#fff;box-shadow:0 6px #379686}.primary:hover{transform:translateY(2px);box-shadow:0 4px #379686}.primary b{margin-left:25px}.ghost{color:var(--mint-dark);border:2px solid var(--mint-pale);background:#fff}.orbital{background:var(--sky-pale);height:370px;box-shadow:var(--shadow);border:3px solid #fff;border-radius:48% 52% 44% 56%/53% 42% 58% 47%;place-items:center;display:grid;position:relative}.orbit{border:2px dashed #5bb8a759;border-radius:50%;animation:20s linear infinite spin;position:absolute}.o1{width:310px;height:310px}.o2{width:220px;height:220px;animation-duration:14s;animation-direction:reverse}.orbit:after{content:"★";color:var(--coral);font-size:20px;position:absolute;top:15%;left:4%}.core{background:var(--yellow);color:#7a5e16;border:5px solid #fff;border-radius:45% 55% 50% 50%;place-items:center;width:135px;height:135px;font-size:58px;display:grid;box-shadow:0 10px 25px #9e771c26}.core span{color:#7a682d;margin-top:96px;font-size:.875rem;position:absolute}.sat{width:48px;height:48px;box-shadow:var(--shadow);background:#fff;border-radius:16px;place-items:center;font-size:.875rem;font-weight:800;display:grid;position:absolute}.s1{top:26px;left:50%;transform:rotate(5deg)}.s2{bottom:45px;right:7%;transform:rotate(-5deg)}.s3{bottom:25px;left:16%;transform:rotate(4deg)}@keyframes spin{to{transform:rotate(360deg)}}.signal-row{border-bottom:1px dashed #cfe2dc;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 0;display:grid}.signal-row>div{background:#fff;border-radius:18px;padding:20px 23px;box-shadow:0 5px 20px #426c630f}.signal-row>div:nth-child(2){background:var(--yellow-pale)}.signal-row>div:nth-child(3){background:var(--coral-pale)}.signal-row small{color:var(--muted);font-size:.875rem;display:block}.signal-row strong{color:var(--mint-dark);margin-top:7px;font-size:24px;display:block}.signal-row em{color:var(--muted);font-size:.875rem;font-style:normal;font-weight:400}.section-heading{justify-content:space-between;align-items:end;margin:75px 0 25px;display:flex}.section-heading h2,.principles h2{margin:9px 0 0;font-size:32px}.section-heading p{color:var(--muted);font-size:.875rem}.route-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.route-card{text-align:left;min-height:245px;color:var(--ink);box-shadow:var(--shadow);background:#fff;border:0;border-radius:24px;padding:22px;transition:all .25s;position:relative;overflow:hidden}.route-card:nth-child(2){background:var(--yellow-pale)}.route-card:nth-child(3){background:var(--coral-pale)}.route-card:nth-child(4){background:var(--sky-pale)}.route-card>span{color:#93aaa6;font-size:.875rem}.route-card small{color:var(--mint-dark);margin-top:33px;font-size:.875rem;font-weight:800;display:block}.route-card p{color:var(--muted);font-size:.875rem;line-height:1.7}.route-card b{color:var(--mint-dark);font-size:.875rem;position:absolute;bottom:20px}.principles{box-shadow:var(--shadow);border:3px solid var(--mint-pale);background:#fff;border-radius:32px;grid-template-columns:1fr 1.25fr;gap:65px;margin:90px 0 30px;padding:50px;display:grid}.principles>div p{color:var(--muted);font-size:.875rem;line-height:1.8}.principles ol{margin:0;padding:0;list-style:none}.principles li{border-bottom:1px dashed var(--line);grid-template-columns:42px 1fr 1.7fr;align-items:center;gap:12px;padding:18px 0;display:grid}.principles li i{color:#fff;background:var(--mint);border-radius:10px;place-items:center;width:30px;height:30px;font-size:.875rem;font-style:normal;display:grid}.principles li span{color:var(--muted);font-size:.875rem}.page-title{max-width:850px;padding:70px 0 38px}.page-title h1{letter-spacing:-.05em;margin:14px 0;font-size:clamp(40px,5vw,64px);line-height:1.12}.page-title p{color:var(--muted);max-width:750px;line-height:1.8}.timeline{grid-template-columns:1fr 1fr;gap:12px;display:grid}.timeline article{box-shadow:var(--shadow);background:#fff;border-radius:22px;grid-template-columns:55px 1fr;gap:15px;padding:25px;display:grid}.timeline .step{background:var(--mint-pale);width:42px;height:42px;color:var(--mint-dark);border-radius:13px;place-items:center;font-weight:900;display:grid}.timeline article span{color:var(--muted);font-size:.875rem}.timeline article h3{margin:4px 0 12px;font-size:23px}.timeline ul{color:var(--muted);margin:0;padding-left:18px;font-size:.875rem;line-height:1.8}.timeline .alert{background:#fffaf8;border:2px solid #ffd0c7}.timeline .alert span{color:#c65146}.callout{background:var(--mint-pale);border-radius:22px;margin-top:30px;padding:27px}.callout b{font-size:20px}.callout p{color:var(--muted);max-width:800px;font-size:.875rem;line-height:1.75}.callout button{color:var(--mint-dark);background:0 0;border:0;padding:0;font-size:.875rem;font-weight:800}.activity-story{box-shadow:var(--shadow);background:#fff;border-radius:28px;grid-template-columns:1.2fr .8fr;align-items:center;gap:28px;margin-bottom:22px;padding:14px;display:grid}.activity-story img{border-radius:20px;width:100%;display:block}.activity-story>div{padding:18px}.activity-story span,.articulation-guide>div>span{color:var(--coral);letter-spacing:.12em;font-size:.875rem;font-weight:850}.activity-story h2,.articulation-guide h2{margin:7px 0;font-size:25px}.activity-story p{color:var(--muted);font-size:.875rem;line-height:1.7}.activity-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.activity{min-height:330px;color:var(--ink);text-align:left;box-shadow:var(--shadow);background:#fff;border:0;border-radius:23px;padding:0;transition:all .25s;position:relative;overflow:hidden}.activity:hover{transform:translateY(-4px)rotate(-.5deg)}.activity-thumb{background-repeat:no-repeat;background-size:205% 205%;height:145px}.crop-0{background-position:0 0}.crop-1{background-position:100% 0}.crop-2{background-position:0 100%}.crop-3{background-position:100% 100%}.act-icon{background:var(--yellow-pale);color:#94731c;border-radius:10px;place-items:center;width:34px;height:34px;margin-right:8px;font-size:21px;display:inline-grid}.activity small,.modal>small{color:var(--muted);font-size:.875rem}.activity h3{margin:10px 0 4px;font-size:19px}.activity p{color:var(--muted);font-size:.875rem}.activity b{color:var(--mint-dark);font-size:.875rem;position:absolute;bottom:18px}.activity b i{margin-left:12px}.activity>em{width:29px;height:29px;color:var(--mint-dark);background:#fff;border-radius:50%;place-items:center;font-size:.875rem;font-style:normal;display:grid;position:absolute;top:12px;right:14px}.sound-warning{background:var(--mint-pale);border-radius:20px;gap:15px;margin-bottom:16px;padding:18px;display:flex}.sound-warning>span{background:var(--mint);color:#fff;border-radius:9px;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.sound-warning b{font-size:.875rem}.sound-warning p{color:var(--muted);margin:4px 0 0;font-size:.875rem;line-height:1.65}.articulation-guide{box-shadow:var(--shadow);background:#fff;border-radius:26px;grid-template-columns:1.25fr .75fr;align-items:center;gap:25px;margin-bottom:18px;padding:14px;display:grid}.articulation-guide img{border-radius:18px;width:100%;display:block}.articulation-guide>div{padding:18px}.articulation-guide ul{grid-template-columns:1fr 1fr;gap:8px;margin:15px 0 0;padding:0;list-style:none;display:grid}.articulation-guide li{background:#f5f8f6;border:2px solid #0000;border-radius:12px;padding:10px}.articulation-guide li.active{background:var(--yellow-pale);border-color:var(--yellow)}.articulation-guide li b{font-size:.875rem;display:block}.articulation-guide li small{color:var(--muted);font-size:.875rem}.sound-lab{min-height:650px;box-shadow:var(--shadow);background:#fff;border-radius:27px;grid-template-columns:minmax(330px,.85fr) 1.15fr;display:grid;overflow:hidden}.sound-stage{background:radial-gradient(circle at 50% 30%,var(--sky-pale),transparent 55%);border-right:1px dashed var(--line);padding:35px}.sound-group{color:var(--coral);letter-spacing:.13em;font-size:.875rem;font-weight:800}.char-wrap{align-items:center;gap:25px;margin:30px 0 10px;display:flex}.char-wrap>strong{color:var(--mint-dark);font-size:110px;line-height:1}.char-wrap>div b{color:var(--coral);font-family:monospace;font-size:25px;display:block}.char-wrap>div span{color:var(--muted);font-size:.875rem}.wave{border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);align-items:center;gap:5px;height:50px;display:flex}.wave i{background:var(--sky);border-radius:4px;width:4px;height:12px;display:block}.wave i:nth-child(2n){height:26px}.wave i:nth-child(3n){height:36px}.sound-info{padding:22px 0}.sound-info small{color:var(--muted);font-size:.875rem}.sound-info p{font-size:14px;line-height:1.6}.sound-info em{color:#aa5a24;background:var(--yellow-pale);border-radius:10px;padding:8px 11px;font-size:.875rem;font-style:normal;display:inline-block}.play-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.play-row button{background:var(--mint-pale);color:var(--ink);text-align:left;border:0;border-radius:14px;align-items:center;gap:12px;padding:13px;display:flex}.play-row button:hover,.play-row button.playing{background:var(--yellow-pale)}.play-row button i{background:var(--mint);color:#fff;border-radius:10px;place-items:center;width:31px;height:31px;font-size:.875rem;font-style:normal;display:grid}.play-row span{color:var(--muted);font-size:.875rem}.play-row b{color:var(--ink);margin-top:3px;font-size:.875rem;display:block}.voice-note{color:#b14e43;margin-top:10px;font-size:.875rem;line-height:1.6}.sound-bank{max-height:650px;padding:25px;overflow:auto}.bank-tabs{background:#f4f8f6;border-radius:15px;margin-bottom:23px;padding:4px;display:flex}.bank-tabs button{color:var(--muted);background:0 0;border:0;border-radius:12px;flex:1;padding:11px}.bank-tabs button.active{color:#fff;background:var(--mint)}.bank-tabs span{margin-left:5px;font-size:.875rem}.sound-set>small{color:var(--muted);font-size:.875rem}.sound-set>div{grid-template-columns:repeat(4,1fr);gap:7px;margin:9px 0 23px;display:grid}.sound-set button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:13px;height:73px;position:relative}.sound-set button:hover,.sound-set button.active{border-color:var(--coral);background:var(--coral-pale)}.sound-set button b{font-size:20px;display:block}.sound-set button span{color:var(--coral);font-size:.875rem;position:absolute;top:5px;right:7px}.sound-set button em{color:var(--muted);font-size:.875rem;font-style:normal}.professional-note{background:var(--yellow-pale);border-radius:20px;margin-top:15px;padding:22px}.professional-note b{color:#956b12;font-size:.875rem}.professional-note p{color:var(--muted);font-size:.875rem;line-height:1.7}.level-tabs{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px;display:grid}.level-tabs button{color:var(--ink);background:#fff;border:0;border-radius:18px;padding:15px;box-shadow:0 5px 15px #426c630f}.level-tabs button:nth-child(2){background:var(--yellow-pale)}.level-tabs button:nth-child(3){background:var(--coral-pale)}.level-tabs button.active{outline:3px solid var(--mint);transform:translateY(-2px)}.level-tabs b{font-size:15px;display:block}.level-tabs span{color:var(--muted);font-size:.875rem}.scene-card{box-shadow:var(--shadow);background:#fff;border-radius:28px;padding:24px}.scene-top{color:var(--mint-dark);justify-content:space-between;font-size:.875rem;font-weight:800;display:flex}.scene-top button{background:var(--mint-pale);color:var(--mint-dark);border:0;border-radius:15px;padding:8px 12px}.scene-visual{letter-spacing:.3em;background:var(--sky-pale);border-radius:20px;justify-content:center;align-items:center;min-height:280px;margin-top:14px;font-size:clamp(44px,8vw,90px);display:flex}.scene-image{object-fit:cover;border-radius:20px;width:100%;max-height:610px;margin-top:14px;display:block}.scene-card>h2{text-align:center;font-size:29px}.guide-label{text-align:center;color:var(--muted);font-size:.875rem}.question-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.question-chips button{background:var(--mint-pale);color:var(--mint-dark);border:0;border-radius:16px;padding:10px 14px;font-weight:700}.question-chips button:nth-child(2n){background:var(--yellow-pale);color:#8a6819}.question-chips button:hover{transform:translateY(-2px)}.model-answer{background:var(--coral-pale);border-radius:17px;max-width:760px;margin:25px auto 0;padding:20px}.model-answer small{color:#ae5549;font-size:.875rem;font-weight:800}.model-answer p{color:#695b59;line-height:1.7}.planner{box-shadow:var(--shadow);background:#fff;border-radius:25px;padding:28px}.planner label{color:var(--muted);margin-bottom:25px;font-size:.875rem;display:block}.planner label>div{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.planner label button{color:var(--ink);background:#f1f6f3;border:0;border-radius:15px;padding:10px 16px}.planner label button.active{background:var(--mint);color:#fff}.generate{background:var(--yellow);color:#705714;border:0;border-radius:16px;width:100%;padding:15px;font-weight:850;box-shadow:0 5px #e5ba4e}.plan-output{box-shadow:var(--shadow);background:#fff;border-radius:25px;margin-top:20px;overflow:hidden}.plan-head{background:var(--mint-pale);justify-content:space-between;padding:24px;display:flex}.plan-head span{color:var(--mint-dark);font-size:.875rem}.plan-head h2{margin:7px 0 0}.plan-head>strong{color:var(--mint-dark);font-size:18px}.plan-head>strong small{color:var(--muted);font-size:.875rem;font-weight:400;display:block}.plan-output article{border-top:1px dashed var(--line);grid-template-columns:50px 1fr;gap:15px;padding:20px 25px;display:grid}.plan-output article i{color:#fff;background:var(--coral);border-radius:10px;place-items:center;width:31px;height:31px;font-size:.875rem;font-style:normal;display:grid}.plan-output article small{color:var(--muted);font-size:.875rem}.plan-output article h3{margin:5px 0;font-size:16px}.plan-output article p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.6}.plan-output article button{background:var(--sky-pale);color:#3577a8;border:0;border-radius:12px;margin-top:10px;padding:8px 12px;font-size:.875rem;font-weight:800}.progress-card{box-shadow:var(--shadow);background:#fff;border-radius:23px;padding:25px}.progress-card>div:first-child{justify-content:space-between;align-items:end;display:flex}.progress-card span{color:var(--muted);font-size:.875rem}.progress-card strong{color:var(--mint-dark);font-size:42px}.progress-card strong small{color:var(--muted);font-size:15px}.progress{background:#eaf3ef;border-radius:9px;height:9px;margin:15px 0;overflow:hidden}.progress i{background:linear-gradient(90deg,var(--mint),var(--yellow));height:100%;transition:all .3s;display:block}.progress-card em{color:var(--muted);font-size:.875rem;font-style:normal}.check-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;display:grid}.check-grid button{min-height:70px;color:var(--ink);text-align:left;background:#fff;border:0;border-radius:17px;grid-template-columns:25px 1fr 25px;align-items:center;gap:10px;padding:14px;display:grid;box-shadow:0 5px 16px #426c630f}.check-grid button>i{border:2px solid #bdd7d0;border-radius:8px;place-items:center;width:23px;height:23px;font-style:normal;display:grid}.check-grid button small{color:#9db1ad}.check-grid button.done{background:var(--mint-pale)}.check-grid button.done>i{background:var(--mint);color:#fff;border-color:var(--mint)}.reset{color:var(--muted);background:0 0;border:0;margin-top:15px;padding:8px 0;font-size:.875rem}.resource-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.resource-list a{color:var(--ink);background:#fff;border-radius:20px;grid-template-columns:45px 1fr 25px;align-items:center;gap:10px;padding:22px;text-decoration:none;transition:all .2s;display:grid;box-shadow:0 5px 17px #426c630f}.resource-list a:hover{transform:translateY(-3px)}.resource-list a>span{background:var(--sky-pale);color:#397baa;border-radius:10px;place-items:center;width:34px;height:34px;font-size:.875rem;display:grid}.resource-list h3{margin:0;font-size:16px}.resource-list p{color:var(--muted);margin:5px 0 0;font-size:.875rem}.resource-list b{color:var(--mint-dark)}footer{border-top:1px dashed var(--line);min-height:120px;color:var(--muted);background:#ffffff73;align-items:center;gap:40px;padding:30px 3vw;font-size:.875rem;display:flex}footer>span{margin-left:auto}.modal-back{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:20;background:#283b3a73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border-radius:27px;width:min(680px,95vw);max-height:92vh;padding:22px 32px 32px;position:relative;overflow:auto;box-shadow:0 25px 70px #22443f38}.modal-demo{object-fit:cover;border-radius:19px;width:100%;max-height:270px;margin-bottom:16px}.close{color:var(--ink);width:38px;height:38px;box-shadow:var(--shadow);background:#fff;border:0;border-radius:50%;font-size:25px;position:absolute;top:11px;right:13px}.modal h2{margin:8px 0;font-size:27px}.modal .goal{color:var(--mint-dark);font-size:.875rem}.modal ol{margin:20px 0;padding:0;list-style:none}.modal li{border-top:1px dashed var(--line);grid-template-columns:38px 1fr;gap:10px;padding:12px 0;display:grid}.modal li i{background:var(--yellow);color:#735810;border-radius:9px;place-items:center;width:28px;height:28px;font-size:.875rem;font-style:normal;font-weight:850;display:grid}.modal li p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.6}.modal>.primary{width:100%}@media (width<=1000px){.app-shell{grid-template-columns:78px minmax(0,1fr)}aside nav button{justify-content:center}aside nav button span,.aside-note{display:none}.hero{grid-template-columns:1fr}.orbital{display:none}.route-grid{grid-template-columns:1fr 1fr}.principles,.activity-story,.articulation-guide{grid-template-columns:1fr}.activity-grid{grid-template-columns:1fr 1fr}.sound-lab{grid-template-columns:1fr}.sound-stage{border-right:0;border-bottom:1px dashed var(--line)}}@media (width<=680px){header{padding:0 16px}.header-right{display:none}.app-shell{display:block}.content{padding:0 16px 92px}aside{z-index:10;background:#fffef9f0;border:0;border-radius:21px;height:68px;padding:6px;position:fixed;inset:auto 10px 10px;box-shadow:0 10px 35px #355b5433}aside nav{flex-direction:row;height:100%;overflow-x:auto}aside nav button{min-width:56px;padding:8px}aside nav button i{font-size:18px}.hero{min-height:610px}.hero h1{font-size:45px}.hero-actions{flex-direction:column}.signal-row{grid-template-columns:1fr}.section-heading{margin-top:60px;display:block}.route-grid,.activity-grid,.timeline,.check-grid,.resource-list{grid-template-columns:1fr}.principles{gap:30px;margin-top:60px;padding:25px}.principles li{grid-template-columns:35px 1fr}.principles li span{grid-column:2}.page-title{padding-top:48px}.activity-story>div,.articulation-guide>div{padding:8px}.articulation-guide ul{grid-template-columns:1fr}.sound-stage,.sound-bank{padding:20px}.char-wrap>strong{font-size:90px}.play-row{grid-template-columns:1fr}.sound-set>div{grid-template-columns:repeat(3,1fr)}.level-tabs{grid-template-columns:1fr}.scene-visual{letter-spacing:.08em;min-height:210px;font-size:38px}.plan-head{display:block}.plan-head>strong{margin-top:15px;display:block}.modal{padding:18px}.modal-demo{max-height:190px}footer{padding-bottom:105px;display:block}footer p{margin-top:18px}footer>span{margin-top:8px;display:block}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}.hero h1,.page-title h1,.section-heading h2,.principles h2,.activity h3,.scene-card>h2,.modal h2{letter-spacing:-.025em;font-family:LXGW WenKai TC,Kaiti TC,BiauKai,ui-rounded,cursive;font-weight:700}.hero h1,.page-title h1{letter-spacing:-.045em}.activity-progress{box-shadow:var(--shadow);background:#fff;border-radius:22px;margin-bottom:18px;padding:20px 24px}.activity-progress>div:first-child{justify-content:space-between;display:flex}.activity-progress span{color:var(--muted);font-size:.875rem}.activity-progress b{color:var(--mint-dark)}.activity-progress>div:nth-child(2){background:#edf5f2;border-radius:8px;height:9px;margin:12px 0;overflow:hidden}.activity-progress i{background:linear-gradient(90deg,var(--mint),var(--yellow));height:100%;transition:all .3s;display:block}.activity-progress p{color:var(--muted);margin:0;font-size:.875rem}.activity.completed{outline:3px solid var(--mint);background:#f5fffb}.activity-thumb{object-fit:cover;background:0 0;width:100%;height:168px;display:block}.songs-section{margin-top:75px}.song-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.song-grid article{box-shadow:var(--shadow);background:#fff;border-radius:23px;overflow:hidden}.video-wrap{background:var(--sky-pale);height:0;padding-bottom:56.25%;position:relative}.video-wrap iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.song-grid article>div:last-child{padding:18px}.song-grid small{color:var(--coral);font-size:.875rem;font-weight:800}.song-grid h3{margin:5px 0;font-family:LXGW WenKai TC,ui-rounded,cursive;font-size:21px}.song-grid p{color:var(--muted);font-size:.875rem;line-height:1.65}.articulation-guide{grid-template-columns:1fr 1fr;align-items:start}.articulation-guide>.art-map{padding:0}.art-map{background:linear-gradient(145deg,var(--sky-pale),#fff6db);border-radius:22px;min-height:420px;position:relative;overflow:hidden}.art-map svg{width:100%;height:100%;position:absolute;inset:0}.head-line{fill:#ffe4cf;stroke:#cb8b70;stroke-width:5px}.mouth-line,.palate-line,.throat-line{fill:none;stroke:#7a4a47;stroke-width:8px;stroke-linecap:round}.tongue-line{fill:#f28b86;stroke:#bc5e5b;stroke-width:5px}.air-line{fill:none;stroke:#62aee8;stroke-width:7px;stroke-dasharray:12 9;stroke-linecap:round}.map-dot{color:var(--ink);z-index:2;background:#fff;border:0;border-radius:14px;align-items:center;gap:6px;padding:8px 10px;font-size:.875rem;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px 16px #305b542e}.map-dot i{background:var(--coral);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 4px #f37f7033}.map-dot.active{background:var(--mint-dark);color:#fff;transform:translate(-50%,-50%)scale(1.08)}.map-dot.active i{background:var(--yellow);box-shadow:0 0 0 5px #ffd56940}.map-intro{color:var(--muted);font-size:.875rem;line-height:1.65}.articulation-guide ul{flex-direction:column;gap:7px;display:flex}.articulation-guide li{padding:0}.articulation-guide li button{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:10px;padding:10px}.articulation-guide li button b{font-size:.875rem}.articulation-guide li button small{color:var(--coral);margin-left:8px;font-weight:800;display:inline}.articulation-guide li button em{color:var(--muted);margin-top:3px;font-size:.875rem;font-style:normal;display:block}.articulation-guide li.active button{background:var(--yellow-pale)}.show-all{background:var(--mint-pale);color:var(--mint-dark);border:0;border-radius:13px;padding:9px 13px;font-size:.875rem;font-weight:800}.filter-status{background:var(--yellow-pale);border-radius:11px;margin-bottom:13px;padding:9px 11px;font-size:.875rem}.filter-status button{float:right;color:var(--coral);background:0 0;border:0;font-weight:800}.sound-quiz{box-shadow:var(--shadow);background:#fff;border-radius:24px;grid-template-columns:1fr 1fr;align-items:center;gap:20px;margin-top:16px;padding:22px;display:grid}.sound-quiz>div:first-child>span{color:var(--coral);font-size:.875rem;font-weight:800}.sound-quiz h3{margin:6px 0 13px;font-family:LXGW WenKai TC,ui-rounded,cursive}.listen-quiz{background:var(--mint);color:#fff;border:0;border-radius:14px;padding:10px 14px;font-size:.875rem;font-weight:800}.quiz-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.quiz-options button{border:2px solid var(--line);color:var(--ink);background:#fffef8;border-radius:16px;padding:14px}.quiz-options button:hover{border-color:var(--sky)}.quiz-options button.answer{background:var(--mint-pale);border-color:var(--mint)}.quiz-options b{font-size:28px;display:block}.quiz-options small{color:var(--muted)}.sound-quiz>p{color:var(--muted);background:#f4f8f6;border-radius:11px;grid-column:1/-1;margin:0;padding:10px;font-size:.875rem}.sound-quiz>p.correct{background:var(--mint-pale);color:var(--mint-dark);font-weight:800}.sound-quiz>p.try{background:var(--yellow-pale);color:#7b631d}.primary.task-done{background:var(--coral);box-shadow:0 6px #c95e53}@media (width<=1000px){.song-grid{grid-template-columns:1fr 1fr}.articulation-guide{grid-template-columns:1fr}.art-map{min-height:390px}}@media (width<=680px){.song-grid,.sound-quiz{grid-template-columns:1fr}.sound-quiz>p{grid-column:1}.art-map{min-height:300px}.map-dot span{display:none}.activity-thumb{height:190px}}.hero h1,.page-title h1,.section-heading h2,.principles h2,.activity h3,.scene-card>h2,.modal h2,.song-grid h3,.sound-quiz h3{font-family:Chiron GoRound TC,Huninn,Noto Sans TC,ui-rounded,sans-serif;font-weight:800}.playful-title{filter:drop-shadow(0 4px #fffffff2);width:max-content;max-width:100%;position:relative;transform:rotate(-.35deg);letter-spacing:.015em!important}.playful-title-inner{color:inherit!important;display:inline!important;position:static!important}.hero h1.playful-title span,.page-title h1.playful-title span{color:inherit;display:inline-block;position:static}.hero h1.playful-title span:after,.page-title h1.playful-title span:after{display:none}.playful-char{transform-origin:50% 80%;text-shadow:0 2px #ffffffeb}.playful-char:nth-child(3n+1){transform:rotate(-2deg)translateY(1px)}.playful-char:nth-child(3n+2){transform:rotate(1.5deg)translateY(-1px)}.playful-char:nth-child(5n){transform:rotate(2.5deg)translateY(2px)}.playful-char.tone-0{color:#22a7a7!important}.playful-char.tone-1{color:#ffb000!important}.playful-char.tone-2{color:#ee6659!important}.playful-char.tone-3{color:#33a7a0!important}.hero .playful-title:before,.page-title .playful-title:before{content:"";background:var(--sky);width:28px;height:8px;box-shadow:15px 1px 0 -2px var(--sky);border-radius:9px;position:absolute;top:-12px;left:8%;transform:rotate(-23deg)}.hero .playful-title:after,.page-title .playful-title:after{content:"⌁";color:var(--yellow);font-family:ui-rounded,sans-serif;font-size:.42em;position:absolute;bottom:-.18em;right:-.55em;transform:rotate(16deg)}@media (width<=680px){.playful-title{width:auto;line-height:1.13}.hero .playful-title:after,.page-title .playful-title:after{right:0}}aside nav button i{background:linear-gradient(145deg,#fff7d7,#e5f7f3);font-size:16px;box-shadow:inset 0 0 0 1px #5bb8a71f}aside nav button:nth-child(3n+2) i{background:linear-gradient(145deg,#fff0ec,#fff8d7)}aside nav button:nth-child(3n) i{background:linear-gradient(145deg,#e7f4ff,#f1eaff)}aside nav button:hover i{transform:rotate(-8deg)scale(1.08)}aside nav button.active i{color:inherit;background:#fff;transform:rotate(-5deg)scale(1.08);box-shadow:0 4px 10px #34716629}.goal-navigator{box-shadow:var(--shadow);border:3px solid var(--mint-pale);background:#fff;border-radius:30px;padding:28px}.goal-age>span{color:var(--coral);letter-spacing:.12em;margin-bottom:10px;font-size:.875rem;font-weight:850;display:block}.goal-age>div{flex-wrap:wrap;gap:7px;display:flex}.goal-age button{color:var(--ink);background:#f1f6f3;border:0;border-radius:15px;padding:10px 15px;font-weight:750}.goal-age button.active{background:var(--mint);color:#fff;box-shadow:0 4px #3f9b8c}.goal-path{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;display:grid}.goal-path article{background:var(--sky-pale);border-radius:22px;min-height:175px;padding:21px}.goal-path article:nth-child(3){background:var(--coral-pale)}.goal-path article.zpd{background:var(--yellow-pale);outline:3px solid var(--yellow);transform:translateY(-4px)}.goal-path small{color:var(--muted);font-size:.875rem;font-weight:800}.goal-path h3{margin:8px 0;font-family:Chiron GoRound TC,ui-rounded,sans-serif;font-size:18px}.goal-path p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.7}.domain-strip{flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.domain-strip b{margin-right:4px;font-size:.875rem}.domain-strip span{color:var(--mint-dark);background:#f2f8f5;border-radius:13px;padding:8px 11px;font-size:.875rem;font-weight:750}.goal-note{color:var(--muted);border-top:1px dashed var(--line);margin:16px 0 0;padding-top:14px;font-size:.875rem;line-height:1.6}.song-method{grid-template-columns:repeat(3,1fr);gap:10px;margin:-6px 0 18px;display:grid}.song-method article{border:2px solid var(--mint-pale);background:#fff;border-radius:20px;padding:18px;box-shadow:0 5px 18px #426c6312}.song-method article:nth-child(2){border-color:var(--yellow);background:var(--yellow-pale)}.song-method article:nth-child(3){background:var(--coral-pale);border-color:#ffd0c7}.song-method i{font-size:24px;font-style:normal;display:block}.song-method b{margin:7px 0;font-family:Chiron GoRound TC,ui-rounded,sans-serif;font-size:15px;display:block}.song-method p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.65}.sound-games{box-shadow:var(--shadow);background:#fff;border-radius:27px;margin-top:18px;padding:25px}.sound-game-head{justify-content:space-between;align-items:end;gap:20px;display:flex}.sound-game-head span{color:var(--coral);font-size:.875rem;font-weight:850}.sound-game-head h2{margin:6px 0;font-family:Chiron GoRound TC,ui-rounded,sans-serif;font-size:25px}.sound-game-head p{color:var(--muted);max-width:650px;font-size:.875rem;line-height:1.65}.drill-tabs{gap:6px;display:flex}.drill-tabs button{background:#f1f6f3;border:0;border-radius:13px;padding:9px 12px}.drill-tabs button.active{background:var(--mint);color:#fff}.contrast-cards{grid-template-columns:1fr 34px 1fr;align-items:center;gap:10px;margin-top:18px;display:grid}.contrast-cards>button{border:2px solid var(--mint-pale);text-align:left;color:var(--ink);background:#f7fffc;border-radius:20px;padding:18px}.contrast-cards>button.heard{background:#fff8f6;border-color:#ffd5cd}.contrast-cards>i{text-align:center;color:var(--coral);font-size:20px;font-style:normal;font-weight:900}.contrast-cards small{color:var(--muted);font-size:.875rem;display:block}.contrast-cards strong{margin:5px 0;font-family:Chiron GoRound TC,ui-rounded,sans-serif;font-size:34px;display:block}.contrast-cards span{color:var(--coral);font-family:monospace}.contrast-cards em{float:right;color:var(--mint-dark);font-size:.875rem;font-style:normal;font-weight:800}.blend-card{background:var(--yellow-pale);border-radius:17px;margin-top:10px;padding:15px 18px}.blend-card span{color:#8d6b16;font-size:.875rem;font-weight:850}.blend-card p{color:#665a39;margin:6px 0 0;font-size:.875rem}.chain-game{background:var(--sky-pale);border-radius:18px;grid-template-columns:1fr auto auto;align-items:center;gap:15px;margin-top:10px;padding:17px;display:grid}.chain-game>div:first-child span{color:#3679a8;font-size:.875rem}.chain-game h3{margin:4px 0;font-size:15px}.chain-game>div:nth-child(2){gap:6px;display:flex}.chain-game>div:nth-child(2) button{color:#80a1ba;background:#fff;border:2px dashed #8cc4ed;border-radius:14px;width:43px;height:43px;font-weight:900}.chain-game>div:nth-child(2) button.shown{border-style:solid;border-color:var(--sky);color:#286f9f;font-size:19px}.next-chain{color:#fff;background:#5baee8;border:0;border-radius:13px;padding:10px 13px;font-size:.875rem;font-weight:800}.story-builder{background:linear-gradient(135deg,var(--yellow-pale),#fff7f2);border:2px solid #ffe2a0;border-radius:20px;margin-top:22px;padding:22px}.story-builder>div>span{letter-spacing:.12em;color:var(--coral);font-size:.875rem;font-weight:850}.story-builder h3{margin:6px 0;font-family:Chiron GoRound TC,ui-rounded,sans-serif}.story-builder>div>p{color:var(--muted);font-size:.875rem}.story-builder ol{grid-template-columns:1fr 1fr;gap:8px;margin:15px 0 0;padding:0;list-style:none;display:grid}.story-builder li{background:#fff;border-radius:14px;padding:12px}.story-builder li b{color:var(--mint-dark);font-size:.875rem;display:block}.story-builder li span{color:var(--muted);margin-top:4px;font-size:.875rem;display:block}@media (width<=900px){.goal-path,.song-method{grid-template-columns:1fr}.goal-path article.zpd{transform:none}.sound-game-head{display:block}.drill-tabs{margin-top:12px}.chain-game{grid-template-columns:1fr}.chain-game>div:nth-child(2){flex-wrap:wrap}}@media (width<=680px){.goal-navigator,.sound-games{padding:18px}.contrast-cards{grid-template-columns:1fr}.contrast-cards>i{transform:rotate(90deg)}.story-builder ol{grid-template-columns:1fr}.domain-strip{align-items:flex-start}.sound-game-head h2{font-size:21px}}header{height:94px}.app-shell{min-height:calc(100vh - 94px)}.brand{min-width:94px}.brand img{object-fit:contain;filter:drop-shadow(0 5px 8px #21486b14);width:90px;height:90px;display:block}footer .brand{min-width:118px}.hero{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}.hero>div:first-child{min-width:0}.mascot-sprite{object-fit:contain;filter:drop-shadow(0 14px 18px #21486b29);height:auto;display:block}.mascot-stage{width:100%;min-width:0;height:410px;box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;display:grid;position:relative;overflow:visible}.hero-mascot{z-index:2;width:min(340px,88%);animation:3.2s ease-in-out infinite mascotBob}.hero-shadow{filter:blur(5px);background:#2d455d1f;border-radius:50%;width:190px;height:25px;animation:3.2s ease-in-out infinite shadowPulse;position:absolute;bottom:45px}.mascot-bubble{z-index:3;background:#fff;border:3px solid #173f72;border-radius:18px;padding:9px 13px;font-family:Chiron GoRound TC,ui-rounded,sans-serif;font-size:.875rem;font-weight:800;animation:2.8s ease-in-out infinite bubbleFloat;position:absolute;box-shadow:0 7px #173f721f}.bubble-listen{top:17%;left:7%;transform:rotate(-7deg)}.bubble-talk{animation-delay:.45s;top:24%;right:7%;transform:rotate(7deg)}.bubble-play{animation-delay:.9s;bottom:14%;right:13%;transform:rotate(-4deg)}.mascot-spark{color:var(--yellow);font-size:36px;font-style:normal;animation:1.8s ease-in-out infinite sparkPop;position:absolute;bottom:18%;left:13%}.page-title-wrap{grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:24px;max-width:1060px;display:grid}.page-title-wrap .page-title{max-width:none}.page-mascot{justify-self:end;width:180px;animation:4s ease-in-out infinite pageMascot}.page-title-wrap:hover .page-mascot{animation-duration:1.2s}@keyframes mascotBob{0%,to{transform:translateY(4px)rotate(-1deg)}45%{transform:translateY(-15px)rotate(2deg)}60%{transform:translateY(-10px)rotate(-1deg)}}@keyframes shadowPulse{0%,to{opacity:.65;transform:scaleX(1)}45%{opacity:.35;transform:scaleX(.78)}}@keyframes bubbleFloat{0%,to{translate:0}50%{translate:0 -8px}}@keyframes sparkPop{0%,to{opacity:.6;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(25deg)}}@keyframes pageMascot{0%,to{transform:translateY(2px)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}@media (width<=1000px){.hero{grid-template-columns:1fr}.mascot-stage{display:grid}.page-title-wrap{grid-template-columns:minmax(0,1fr) 150px}.page-mascot{width:145px}}@media (width<=680px){header{height:76px}.brand img{width:72px;height:72px}.app-shell{min-height:calc(100vh - 76px)}.mascot-stage{min-width:0;height:300px;margin-top:-55px}.hero-mascot{width:255px}.mascot-bubble{padding:7px 9px;font-size:.875rem}.page-title-wrap{grid-template-columns:1fr 92px;gap:5px}.page-mascot{width:92px}.page-title-wrap .page-title{padding-right:0}.page-title-wrap .playful-title:after{display:none}footer .brand img{width:95px;height:95px}}.card-play-banner{text-align:left;width:100%;color:var(--ink);box-shadow:var(--shadow);background:linear-gradient(105deg,#fff6d9,#e7f8f4 58%,#eaf4ff);border:0;border-radius:27px;grid-template-columns:90px 1fr auto;align-items:center;gap:18px;margin-top:18px;padding:14px 24px;display:grid;position:relative;overflow:hidden}.card-play-banner:after{content:"";border:22px solid #ffffff85;border-radius:50%;width:130px;height:130px;position:absolute;top:-76px;right:90px}.card-play-banner .mascot-sprite{width:82px;animation:3s ease-in-out infinite pageMascot}.card-play-banner span{flex-direction:column;gap:4px;display:flex}.card-play-banner small{color:var(--coral);letter-spacing:.11em;font-size:.875rem;font-weight:900}.card-play-banner b{font-family:Chiron GoRound TC,ui-rounded,sans-serif;font-size:20px}.card-play-banner em{color:var(--muted);font-size:.875rem;font-style:normal}.card-play-banner>i{background:var(--mint);color:#fff;z-index:1;border-radius:15px;padding:12px 16px;font-size:.875rem;font-style:normal;font-weight:900}.card-mode-tabs{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.card-mode-tabs>button{color:var(--ink);text-align:left;background:#fff;border:2px solid #fff;border-radius:24px;align-items:center;gap:14px;padding:18px 22px;display:flex;box-shadow:0 5px 17px #26524b12}.card-mode-tabs>button>i{background:var(--sky-pale);color:#3479a8;border-radius:17px;place-items:center;width:50px;height:50px;font-size:17px;font-style:normal;font-weight:900;display:grid}.card-mode-tabs>button:last-child>i{background:var(--coral-pale);color:var(--coral)}.card-mode-tabs button.active{border-color:var(--mint);transform:translateY(-2px);box-shadow:0 7px #5bb8a733}.card-mode-tabs b,.card-mode-tabs small{display:block}.card-mode-tabs b{font-family:Chiron GoRound TC,ui-rounded,sans-serif;font-size:17px}.card-mode-tabs small{color:var(--muted);margin-top:3px;font-size:.875rem}.sequence-theme-picker{box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:19px 21px}.sequence-theme-picker>div:first-child{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sequence-theme-picker>div:first-child span{color:var(--muted);font-size:.875rem;font-weight:800}.sequence-theme-picker>div:first-child b{color:var(--coral);font-size:.875rem}.sequence-theme-picker>div:last-child{grid-template-columns:repeat(6,1fr);gap:7px;display:grid}.sequence-theme-picker button{color:var(--ink);background:#f4f8f6;border:0;border-radius:16px;padding:10px 6px}.sequence-theme-picker button i{font-size:23px;font-style:normal;display:block}.sequence-theme-picker button span{margin:3px 0;font-size:.875rem;font-weight:850;display:block}.sequence-theme-picker button small{color:var(--muted);font-size:.875rem;display:block}.sequence-theme-picker button.active{background:var(--yellow-pale);outline:3px solid var(--yellow);transform:rotate(-1deg)}.sequence-game-head{background:linear-gradient(130deg,#e7f8f4,#fff7dd);border-radius:25px;grid-template-columns:1fr 100px;align-items:center;margin:16px 0;padding:19px 23px;display:grid}.sequence-game-head small{color:var(--mint-dark);font-size:.875rem;font-weight:850}.sequence-game-head h2{margin:5px 0;font-family:Chiron GoRound TC,ui-rounded,sans-serif;font-size:24px}.sequence-game-head p{color:var(--muted);margin:0;font-size:.875rem}.sequence-game-head .mascot-sprite{justify-self:end;width:88px;animation:3.5s ease-in-out infinite pageMascot}.sequence-board{counter-reset:card;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.sequence-card{color:var(--ink);cursor:grab;text-align:center;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border:3px solid #fff;border-radius:23px;padding:9px 9px 13px;transition:transform .16s,border-color .16s,box-shadow .16s;position:relative;overflow:hidden;box-shadow:0 7px 19px #2a534c1a}.sequence-card:hover{border-color:var(--sky);transform:translateY(-3px)}.sequence-card.dragging{cursor:grabbing;border-color:var(--coral);z-index:2;transform:scale(.96)rotate(1.5deg);box-shadow:0 13px 30px #f37f703d}.sequence-card>span{z-index:1;color:#fff;background:#173f72;border:3px solid #fff;border-radius:11px;place-items:center;width:31px;height:31px;font-size:.875rem;font-weight:900;display:grid;position:absolute;top:14px;left:15px;box-shadow:0 3px 8px #173f722e}.sequence-card img{aspect-ratio:4/3;object-fit:cover;pointer-events:none;background:#fff9e8;border-radius:16px;width:100%;display:block}.sequence-card>b{margin:9px 0 2px;font-family:Chiron GoRound TC,ui-rounded,sans-serif;font-size:14px;display:block}.sequence-card>small{color:var(--muted);font-size:.875rem}.sequence-card>div{display:none}.sequence-card>div i{font-style:normal}.sequence-feedback{box-shadow:var(--shadow);background:#fff;border-radius:22px;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;margin-top:16px;padding:17px 20px;display:grid}.sequence-feedback>span{background:var(--sky-pale);color:#3479a8;border-radius:15px;place-items:center;width:43px;height:43px;font-size:22px;font-weight:900;display:grid}.sequence-feedback b{font-family:Chiron GoRound TC,ui-rounded,sans-serif;font-size:15px}.sequence-feedback p{color:var(--muted);margin:3px 0 0;font-size:.875rem}.sequence-feedback>button{background:var(--mint);color:#fff;border:0;border-radius:14px;padding:11px 15px;font-size:.875rem;font-weight:900}.sequence-feedback.correct{outline:3px solid var(--mint);background:#effcf7}.sequence-feedback.correct>span{background:var(--yellow);color:#735810;animation:1.3s ease-in-out infinite sparkPop}.sequence-feedback.try{outline:3px solid var(--yellow);background:#fff8e5}.sequence-feedback.try>span{color:var(--coral);background:#fff}.emotion-toolbar{background:linear-gradient(125deg,#fff1ec,#fff9df);border-radius:24px;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px;padding:20px 23px;display:flex}.emotion-toolbar span{color:var(--coral);letter-spacing:.1em;font-size:.875rem;font-weight:900}.emotion-toolbar h2{margin:5px 0 0;font-family:Chiron GoRound TC,ui-rounded,sans-serif;font-size:23px}.emotion-toolbar>div:last-child{gap:6px;display:flex}.emotion-toolbar button{color:var(--muted);background:#fff;border:0;border-radius:12px;padding:9px 12px;font-size:.875rem;font-weight:850}.emotion-toolbar button.active{background:var(--coral);color:#fff;box-shadow:0 4px #cc655b}.emotion-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;display:grid}.emotion-grid button{color:var(--ink);text-align:center;background:#fff;border:3px solid #fff;border-radius:21px;padding:8px 8px 13px;position:relative;box-shadow:0 5px 16px #2a534c14}.emotion-grid button:hover,.emotion-grid button.active{border-color:var(--yellow);transform:translateY(-3px)}.emotion-grid button.active{background:var(--yellow-pale);box-shadow:0 7px #ffd56959}.emotion-grid button>span{color:var(--coral);background:#fff;border-radius:9px;padding:5px 7px;font-size:.875rem;font-weight:900;position:absolute;top:10px;left:10px}.emotion-grid img{aspect-ratio:1;object-fit:cover;background:#fff8e8;border-radius:15px;width:100%;display:block}.emotion-grid b{margin:7px 0 1px;font-family:Chiron GoRound TC,ui-rounded,sans-serif;font-size:17px;display:block}.emotion-grid small{color:var(--muted);font-size:.875rem}.emotion-coach{min-height:125px;box-shadow:var(--shadow);border:3px solid var(--mint-pale);background:#fff;border-radius:25px;grid-template-columns:90px 1fr;align-items:center;gap:18px;margin-top:16px;padding:17px 22px;display:grid;position:relative}.emotion-coach>img,.emotion-coach>.mascot-sprite{aspect-ratio:1;object-fit:cover;border-radius:18px;width:90px}.emotion-coach>.mascot-sprite{object-fit:contain}.emotion-coach>div>b{font-family:Chiron GoRound TC,ui-rounded,sans-serif;font-size:16px}.emotion-coach>div>p{color:var(--muted);margin:5px 0;font-size:.875rem;line-height:1.65}.emotion-coach.open{border-color:var(--mint);background:linear-gradient(135deg,#fff,#f2fbf7);grid-template-columns:150px 1fr}.emotion-coach.open>img{width:150px;height:150px}.emotion-coach small{color:var(--coral);font-size:.875rem;font-weight:900}.emotion-coach h2{margin:5px 0;font-family:Chiron GoRound TC,ui-rounded,sans-serif;font-size:24px}.emotion-coach ul{grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0 0;padding:0;list-style:none;display:grid}.emotion-coach li{color:var(--muted);background:#fff;border-radius:12px;padding:9px;font-size:.875rem;line-height:1.55}.emotion-coach li b{color:var(--mint-dark);display:block}.emotion-coach>button{width:32px;height:32px;color:var(--muted);box-shadow:var(--shadow);background:#fff;border:0;border-radius:50%;font-size:20px;position:absolute;top:10px;right:11px}@media (width<=1000px){.sequence-theme-picker>div:last-child,.emotion-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=680px){.card-play-banner{grid-template-columns:70px 1fr;gap:11px;padding:13px 15px}.card-play-banner .mascot-sprite{width:67px}.card-play-banner b{font-size:15px}.card-play-banner>i{grid-column:2;width:max-content;padding:9px 12px}.card-mode-tabs{grid-template-columns:1fr}.sequence-theme-picker{padding:15px}.sequence-theme-picker>div:last-child{grid-template-columns:repeat(2,1fr)}.sequence-game-head{grid-template-columns:1fr 72px;padding:15px}.sequence-game-head .mascot-sprite{width:68px}.sequence-game-head h2{font-size:20px}.sequence-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sequence-card{border-radius:18px;padding:6px 6px 11px}.sequence-card>b{font-size:.875rem}.sequence-card>small{display:none}.sequence-card>div{justify-content:center;gap:6px;margin-top:7px;display:flex}.sequence-card>div i{background:#eff6f3;border-radius:9px;place-items:center;width:32px;height:28px;font-weight:900;display:grid}.sequence-feedback{grid-template-columns:43px 1fr;padding:14px}.sequence-feedback>button{grid-column:1/-1;width:100%}.emotion-toolbar{padding:17px;display:block}.emotion-toolbar h2{font-size:19px}.emotion-toolbar>div:last-child{margin-top:13px;overflow:auto}.emotion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.emotion-coach,.emotion-coach.open{grid-template-columns:90px 1fr;padding:13px}.emotion-coach.open>img{width:90px;height:90px}.emotion-coach h2{font-size:18px}.emotion-coach ul{grid-column:1/-1;display:block}.emotion-coach li{margin-top:5px}.emotion-coach.open>div{min-width:0}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root{--navigation-height:76px}html{scroll-padding-top:calc(var(--navigation-height) + 16px)}body{font-size:1rem;line-height:1.75}button,select{font:inherit}button{touch-action:manipulation}button,a,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #267a9b}button:disabled{cursor:default;opacity:.4;transform:none}img,svg{max-width:100%}p{overflow-wrap:break-word}.skip-link{z-index:30;color:var(--ink);background:#fff;padding:12px 18px;position:absolute;top:-120px;left:16px}.skip-link:focus{top:12px}.site-header{background:#fffef9;height:90px;padding:0 max(24px,50vw - 620px)}.brand-home{cursor:pointer;background:0 0;border:0;padding:0}.site-header .brand img{width:84px;height:84px}.header-right{font-size:1rem}.header-right button{min-height:44px;margin-left:12px}.app-shell{max-width:1240px;min-height:65vh;display:block}.content{min-width:0;padding:0 36px 64px}.content:focus,.vocab-detail-heading:focus,.vocab-results-heading h2:focus{outline:none}.hero{grid-template-columns:minmax(0,1.4fr) minmax(260px,.7fr);gap:32px;min-height:500px}.hero h1.playful-title{margin:18px 0;font-size:clamp(2.25rem,4.1vw,3.65rem);line-height:1.42}.hero h1.playful-title .playful-title-inner,.page-title h1.playful-title .playful-title-inner{display:inline!important}.playful-title{width:auto;max-width:100%;letter-spacing:.04em!important}.playful-char{line-height:inherit}.hero .playful-title:after,.page-title .playful-title:after{display:none}.hero p{max-width:550px;margin:0;font-size:1.0625rem}.hero-actions{flex-wrap:wrap;margin-top:24px}.hero-actions button{min-height:48px}.eyebrow{letter-spacing:.08em;font-size:.875rem}.mascot-stage{height:350px}.hero-mascot{width:300px;max-width:90%}.hero-shadow{bottom:36px}.mascot-bubble{border-width:2px;padding:7px 12px;font-size:1rem;box-shadow:0 4px #173f721a}.bubble-listen{left:-1%}.bubble-talk{right:-2%}.signal-row{gap:0;padding:20px 0}.signal-row>div,.signal-row>div:nth-child(n){box-shadow:none;background:0 0;border-radius:0;padding:10px 24px}.signal-row>div+div{border-left:1px solid var(--line)}.signal-row small,.signal-row em{font-size:.875rem}.signal-row strong{margin:0;font-size:1.4rem}.section-heading{flex-wrap:wrap;gap:20px;margin:48px 0 22px}.section-heading h2,.principles h2{margin:0;font-size:1.75rem;line-height:1.6}.section-heading p{margin:0;font-size:1rem}.route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}.route-card,.route-card:nth-child(n){border:0;border-bottom:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;min-height:0;padding:20px 0;overflow:visible}.route-card:hover{transform:translate(4px)}.route-card>span{display:none}.route-card small{margin:0;font-size:.875rem}.route-card h3{margin:3px 0;font-size:1.375rem}.route-card p{margin:0 0 10px;font-size:1rem}.route-card b{font-size:.9375rem;display:block;position:static}.principles{box-shadow:none;background:0 0;border:0;border-radius:0;gap:36px;margin:52px 0 16px;padding:0}.principles>div p,.principles li span{font-size:1rem}.principles li{grid-template-columns:34px minmax(70px,.7fr) minmax(0,1.3fr);gap:8px}.principles li b{font-size:1rem}.page-title-wrap{grid-template-columns:minmax(0,1fr) 150px;gap:24px}.page-title{padding:40px 0 26px}.page-title h1.playful-title{margin:10px 0;font-size:clamp(2rem,3.4vw,3rem);line-height:1.45}.page-title p{margin:10px 0 0;font-size:1rem}.page-mascot{width:140px}.goal-navigator,.song-method article,.sound-games,.scene-card,.planner,.progress-card,.sequence-theme-picker,.sequence-game-head,.emotion-toolbar,.emotion-coach,.emotion-coach.open,.story-builder,.professional-note,.activity-progress{box-shadow:none;background:0 0;border:0;border-radius:0;padding:18px 0}.goal-path article,.goal-path article.zpd{box-shadow:none;border:0;transform:none}.timeline{gap:0 28px}.timeline article,.timeline article.alert{border:0;border-bottom:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;padding:24px 0}.timeline ul,.goal-path p,.song-method p,.sound-game-head p,.chain-game h3,.story-builder p,.professional-note p,.activity-progress p,.song-grid p,.activity p,.plan-output article p,.resource-list p,.callout p,.sequence-game-head p,.sequence-feedback p,.emotion-coach p{font-size:1rem;line-height:1.75}.activity{min-height:0;box-shadow:none;border-radius:18px}.activity-copy{padding:16px 8px}.activity b{margin-top:16px;font-size:.9375rem;display:block;position:static}.activity small{font-size:.875rem}.activity-thumb{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto}.song-method article{padding:12px 0}.song-method article:nth-child(n){background:0 0;border:0}.song-grid article,.sound-quiz{box-shadow:none}.resource-list{gap:0 28px}.resource-list a{box-shadow:none;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:22px 0}.check-grid button{box-shadow:none}.check-grid button span{font-size:1rem}.goal-note,.professional-note{font-size:.875rem}.sound-stage,.sound-bank{min-width:0}.sound-lab{box-shadow:none;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.sound-stage{padding:26px}.sound-bank{padding:24px}.sound-set button{height:auto;min-height:96px;padding:17px 4px 10px}.sound-set button span{top:0}.sound-set button em{overflow-wrap:anywhere;font-size:.875rem}.sound-group,.sound-set>small{letter-spacing:normal}.play-row{grid-template-columns:1fr}.play-row button{min-height:64px}.play-row span,.play-row b{font-size:1rem}.articulation-guide li button em{font-size:.875rem}.bank-tabs button{min-width:0}.bank-tabs span{margin:0;display:block}.modal{max-width:min(720px,100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}.modal p,.modal li{font-size:1rem}.card-playground{max-width:none}.card-mode-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:20px;padding:0 0 12px}.card-mode-tabs>button{box-shadow:none;background:0 0;border:0;border-radius:16px;justify-content:center;gap:9px;min-height:64px;padding:14px 8px}.card-mode-tabs button.active{background:var(--mint-pale);color:#216d62;box-shadow:none;transform:none}.card-mode-tabs>button>i{background:0 0;width:auto;height:auto;font-size:1rem}.card-mode-tabs>button:last-child>i{background:0 0}.card-mode-tabs b{overflow-wrap:anywhere;font-size:1.0625rem;line-height:1.7}.sequence-theme-picker{padding-top:0}.sequence-theme-picker button{min-height:80px}.sequence-game-head{border-bottom:1px solid var(--line);margin:0 0 20px}.sequence-card{box-shadow:none;touch-action:pan-y}.sequence-card img{object-fit:contain}.sequence-card>small{display:none}.sequence-card>div{justify-content:center;gap:10px;margin-top:8px;display:flex}.sequence-card>div i{background:var(--mint-pale);border-radius:10px;place-items:center;width:44px;height:36px;display:grid}.sequence-feedback{box-shadow:none}.emotion-toolbar{padding-top:0}.emotion-toolbar>div:last-child{flex-wrap:wrap}.emotion-toolbar button{min-height:44px}.emotion-grid button{box-shadow:none}.emotion-grid img{object-fit:contain}.emotion-coach{border-top:1px solid var(--line);margin-top:24px}.emotion-coach ul{display:block}.emotion-coach li{background:0 0;border-radius:0;padding:8px 0;font-size:1rem}.emotion-coach li b{display:inline}.vocab-filters{grid-template-columns:1fr 1fr;align-items:end;gap:20px 36px;display:grid}.word-kind-picker{border:0;min-width:0;margin:0;padding:0}.word-kind-picker legend,.word-category-label{font-size:1rem;font-weight:750}.word-kind-picker>div{gap:7px;margin-top:8px;display:flex}.word-kind-picker button{border:1px solid var(--line);min-height:46px;color:var(--ink);background:0 0;border-radius:12px;flex:1;padding:8px 12px}.word-kind-picker button[aria-pressed=true]{background:var(--mint-pale);border-color:var(--mint);color:#216d62}.word-category-label select{width:100%;min-height:46px;color:var(--ink);background:#fff;border:1px solid #acc8bf;border-radius:12px;margin-top:8px;padding:8px 38px 8px 14px;display:block}.vocab-results-heading{justify-content:space-between;align-items:baseline;gap:12px;margin:28px 0 12px;display:flex}.vocab-results-heading h2{margin:0;font-family:Chiron GoRound TC,Huninn,sans-serif;font-size:1.375rem}.vocab-results-heading span{white-space:nowrap;color:var(--muted);font-size:.875rem}.vocab-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;display:grid}.vocab-thumbnail{min-width:0;color:var(--ink);text-align:center;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0}.vocab-thumb-picture{aspect-ratio:1;background:#fffaf0;border-radius:20px;width:100%;transition:transform .2s;overflow:visible}.vocab-thumbnail:hover .vocab-thumb-picture{transform:translateY(-4px)}.vocab-thumbnail b{overflow-wrap:anywhere;margin-top:6px;font-family:Chiron GoRound TC,Huninn,sans-serif;font-size:1.5rem;line-height:1.65;display:block}.vocab-illustration,.word-picture{object-fit:contain;width:100%;height:100%;display:block}.word-object{border-radius:18px;padding:6px}.word-scenes{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:4px;width:100%;height:100%;display:grid}.word-scenes img{width:100%;height:auto;display:block}.word-scenes span{text-align:center;font-size:.875rem;display:block}.word-scenes.scene-thumbnail{gap:1px}.vocab-detail{margin-top:24px}.back-to-cards{color:#216d62;background:0 0;border:0;min-height:44px;padding:8px 0}.vocab-detail-heading{color:var(--muted);scroll-margin-top:calc(var(--navigation-height) + 16px);margin:12px 0 18px;font-size:1rem}.vocab-results-heading h2{scroll-margin-top:calc(var(--navigation-height) + 16px)}.vocab-workspace{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:36px;display:grid}.word-card{text-align:center;background:#fffaf0;border-radius:24px;padding:14px}.word-card>.vocab-illustration,.word-card>.word-picture,.word-card>.word-scenes{height:300px}.word-card h3{margin:8px 0;font-family:Chiron GoRound TC,Huninn,sans-serif;font-size:clamp(2.2rem,4vw,3rem);line-height:1.5}.word-coach>span{color:var(--muted);font-size:.875rem}.word-coach .word-example{margin:8px 0 20px;font-family:Chiron GoRound TC,Huninn,sans-serif;font-size:1.5rem;line-height:1.7}.listen-word{background:var(--mint);color:#fff;border:0;border-radius:15px;min-height:48px;padding:12px 20px;font-weight:750}.play-together{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.play-together h3{margin:0 0 5px;font-size:1rem}.play-together p{margin:0}.voice-message{color:#a44536;font-size:.875rem}.word-pagination{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:24px 0;display:grid}.word-pagination button{background:var(--mint-pale);color:#216d62;border:0;border-radius:12px;width:max-content;max-width:100%;min-height:44px;padding:9px 14px}.word-pagination button:last-child{justify-self:end}.word-pagination span{text-align:center;font-size:.875rem}.catalogue-pagination{margin:0 0 22px}.vocab-empty{text-align:center;padding:30px 0}.vocab-empty button{background:var(--mint-pale);color:#216d62;border:0;border-radius:12px;min-height:44px;padding:10px 18px}footer{flex-wrap:wrap;gap:24px;max-width:1240px;margin:auto;padding:20px 36px}footer p,footer>span{font-size:.875rem}footer .brand img{width:84px;height:84px}@keyframes speakPageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes speakCardIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.page-enter,.card-content-enter{animation:.32s ease-out both speakPageIn}.vocab-grid,.word-card{animation:.24s ease-out both speakCardIn}@media (width<=1050px){.hero{grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr)}.hero h1.playful-title{font-size:2.7rem}.hero-mascot{width:245px}.mascot-stage{height:310px}.principles{grid-template-columns:1fr;gap:16px}.vocab-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=680px){.site-header{height:auto;min-height:72px;padding:3px 16px}.site-header .brand{min-width:65px}.site-header .brand img{width:66px;height:66px}.site-name{display:none}.header-right{font-size:.875rem;display:flex}.header-right button{margin-left:0;padding:9px 14px}.content{padding:0 20px 44px}.hero{grid-template-columns:1fr;gap:6px;min-height:0;padding:32px 0 16px}.hero h1.playful-title{font-size:clamp(1.9rem,7.8vw,2.6rem);line-height:1.5;letter-spacing:.035em!important}.hero p{font-size:1rem}.hero-actions{gap:10px;margin-top:20px}.hero-actions button{flex:1;padding:12px 10px;font-size:1rem}.primary b{margin-left:8px}.mascot-stage{max-width:320px;height:220px;margin:10px auto 0}.hero-mascot{width:195px}.hero-shadow{width:135px;bottom:20px}.bubble-listen{top:16%;left:4%}.bubble-talk{top:26%;right:1%}.bubble-play{bottom:8%;right:12%}.mascot-bubble{font-size:.875rem}.signal-row{grid-template-columns:1fr;gap:0;padding:12px 0}.signal-row>div,.signal-row>div:nth-child(n){border:0;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;display:flex}.signal-row strong{font-size:1.2rem}.section-heading{gap:8px;margin-top:30px}.section-heading h2,.principles h2{font-size:1.45rem}.route-grid{grid-template-columns:1fr}.route-card{padding:18px 0}.principles{margin-top:34px}.principles li{grid-template-columns:30px minmax(0,1fr);padding:12px 0}.principles li span{grid-column:2}.page-title-wrap{grid-template-columns:minmax(0,1fr) 62px;gap:8px}.page-title{padding:26px 0 22px}.page-title h1.playful-title{font-size:clamp(1.55rem,6.2vw,2rem);line-height:1.55}.page-title p{font-size:1rem}.page-mascot{width:62px}.timeline,.activity-grid,.resource-list{grid-template-columns:1fr}.timeline article{grid-template-columns:42px minmax(0,1fr);gap:12px}.goal-path article{padding:16px}.goal-age>div,.goal-age{flex-wrap:wrap}.sound-lab{grid-template-columns:1fr;min-height:0}.sound-stage{border-right:0;border-bottom:1px solid var(--line);padding:20px 16px}.sound-bank{max-height:none;padding:20px 16px;overflow:visible}.sound-set>div{grid-template-columns:repeat(3,minmax(0,1fr))}.char-wrap{gap:16px}.char-wrap>strong{font-size:5rem}.articulation-guide{gap:12px;padding:0}.articulation-guide>div{padding:12px}.articulation-guide ul{grid-template-columns:1fr}.quiz-options{gap:6px}.quiz-options button{min-width:0;padding:12px 6px}.scene-card{padding:8px 0}.scene-top{flex-wrap:wrap;gap:8px}.level-tabs{gap:6px}.level-tabs button{padding:12px 6px}.level-tabs b,.level-tabs span{font-size:.875rem}.planner{padding:8px 0}.planner label button{min-height:44px;padding:9px 12px}.plan-head{flex-wrap:wrap;gap:16px;padding:20px}.plan-output article{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:20px 16px}.card-mode-tabs{gap:4px}.card-mode-tabs>button{flex-direction:column;gap:4px;min-height:76px;padding:9px 5px}.card-mode-tabs>button>i{display:none}.card-mode-tabs b{font-size:1rem}.sequence-theme-picker{padding:0 0 8px}.sequence-game-head{padding:12px 0}.sequence-board{grid-template-columns:repeat(2,minmax(0,1fr))}.sequence-card>div i{width:44px;height:44px}.emotion-toolbar{padding:0 0 16px}.emotion-toolbar>div:last-child{overflow:visible}.emotion-coach,.emotion-coach.open{grid-template-columns:72px minmax(0,1fr);padding:20px 0}.emotion-coach.open>img{width:72px;height:72px}.vocab-filters{grid-template-columns:1fr;gap:16px}.word-kind-picker>div{gap:8px}.vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.vocab-thumbnail b{font-size:1.4rem}.vocab-thumb-picture{border-radius:16px}.vocab-workspace{grid-template-columns:1fr;gap:20px}.word-card>.vocab-illustration,.word-card>.word-picture,.word-card>.word-scenes{height:230px}.word-card h3{font-size:2.2rem}.word-coach .word-example{font-size:1.3rem}.word-pagination{gap:6px}.word-pagination button{padding:9px 10px;font-size:.875rem}.word-pagination span{max-width:115px}footer{justify-content:flex-start;gap:12px;padding:16px 20px}footer .brand{min-width:68px}footer .brand img{width:66px;height:66px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.site-header.menu-header{z-index:15;border-bottom:1px solid var(--line);background:#fffef9fa;height:auto;min-height:72px;padding:0 32px;display:block;position:sticky;top:0}.menu-bar{align-items:center;gap:24px;max-width:1240px;min-height:72px;margin:auto;display:flex;position:relative}.menu-header .brand{min-width:66px}.menu-header .brand img{width:66px;height:66px}.menu-header .brand-home{flex-shrink:0}.menu-current-page,.menu-toggle{display:none}.site-menu{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;min-width:0;margin-left:auto;display:flex}.site-menu button{color:#526d67;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;align-items:center;gap:10px;min-height:48px;padding:10px;font-size:1rem;font-weight:700;line-height:1.65;display:flex}.site-menu button i,.site-menu button b{display:none}.site-menu button.active{border-bottom-color:var(--mint);color:#216d62}.site-menu button:hover{color:#216d62;background:var(--mint-pale)}@media (width<=75rem){.site-header.menu-header{padding:0 24px}.menu-current-page{flex:1;min-width:0;font-family:Chiron GoRound TC,Huninn,sans-serif;font-size:1.125rem;font-weight:700;line-height:1.65;display:block}.menu-toggle{background:var(--mint-pale);color:#216d62;border:0;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;gap:9px;min-width:94px;min-height:46px;padding:9px 14px;font-weight:750;line-height:1.65;display:flex}.menu-toggle>span{font-size:1.25rem;line-height:1}.site-menu{overscroll-behavior:contain;border:1px solid var(--line);background:#fffef9;border-top:0;border-radius:0 0 20px 20px;width:min(360px,100vw - 48px);max-height:calc(100dvh - 90px);margin:0;padding:8px 14px 14px;display:none;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 14px 28px #263b3a1f}.site-menu.is-open{animation:.18s ease-out speakPageIn;display:block}.site-menu button{border-bottom:1px solid var(--line);white-space:normal;text-align:left;width:100%;min-height:48px;padding:10px 8px}.site-menu button:last-child{border-bottom:0}.site-menu button.active{color:#216d62;background:var(--mint-pale);border-bottom-color:var(--line)}.site-menu button i{text-align:center;width:24px;font-size:1.125rem;font-style:normal;display:block}.site-menu button span{flex:1;min-width:0}.site-menu button b{font-size:1rem;display:block}}@media (width<=680px){.site-header.menu-header{padding:0 16px}.menu-bar{gap:14px;min-height:68px}.menu-header .brand{min-width:60px}.menu-header .brand img{width:60px;height:60px}.menu-current-page{font-size:1rem}.menu-toggle{min-width:88px}.site-menu{width:min(360px,100vw - 32px);max-height:calc(100dvh - 84px)}}@media (prefers-reduced-motion:reduce){.site-menu.is-open{animation:none}}