.stage-four-shell{--s4-ink:#29313c;--s4-paper:#fffdf8;--s4-cream:#fff5df;--s4-coral:#ef6b60;--s4-gold:#edb94e;--s4-mint:#82bca2;--s4-sky:#82b8d2;--s4-plum:#9b80b3;--s4-muted:#756b64;--s4-line:#e5d3b5;width:min(1280px,100% - 64px);color:var(--s4-ink);margin:0 auto;padding-bottom:20px}.stage-four-shell button,.stage-four-shell a{font:inherit}.stage-four-shell button{color:inherit}.stage-four-shell button:focus-visible,.stage-four-shell a:focus-visible{outline-offset:4px;outline:4px solid #28745d}.stage-four-header{border-bottom:1px dashed #d7bc90;justify-content:space-between;align-items:center;min-height:104px;display:flex}.stage-four-brand{color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.stage-four-brand>span{background:var(--s4-coral);color:#fff;border-radius:18px;grid-template-columns:1fr auto;place-items:center;width:62px;height:58px;padding:7px;display:grid;transform:rotate(-2deg);box-shadow:0 7px #aa4038}.stage-four-brand>span b{font:900 27px/1 Arial Rounded MT Bold,sans-serif}.stage-four-brand>span i{background:var(--s4-gold);color:var(--s4-ink);border-radius:8px;align-self:end;padding:6px 5px;font:900 12px/1 Arial Rounded MT Bold,sans-serif}.stage-four-brand>div{gap:3px;display:grid}.stage-four-brand strong{letter-spacing:.07em;font-size:21px}.stage-four-brand small{color:var(--s4-muted);letter-spacing:.13em;font-size:10px}.stage-four-local{color:#21604e;background:#e6f4ed;border:1px solid #8cbfac;border-radius:99px;align-items:center;gap:9px;min-height:40px;padding:0 16px;font-size:10px;font-weight:900;display:flex}.stage-four-local span{background:var(--s4-mint);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #3f917824}.stage-four-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:55px;min-height:480px;padding:58px 0;display:grid}.stage-four-hero>div>span{color:#b8443c;letter-spacing:.2em;font-size:10px;font-weight:900}.stage-four-hero h1{letter-spacing:-.055em;margin:13px 0 18px;font:900 clamp(48px,6.2vw,82px)/1.04 Arial Rounded MT Bold,sans-serif}.stage-four-hero h1 span{color:var(--s4-coral);white-space:nowrap;position:relative}.stage-four-hero h1 span:after{content:"";background:var(--s4-gold);opacity:.75;border-radius:50%;height:9px;position:absolute;bottom:-5px;left:1%;right:0}.stage-four-hero p{color:var(--s4-muted);margin:0;font-size:15px;line-height:1.8}.stage-four-hero aside{background:var(--s4-ink);color:#fff;border-radius:29px;grid-template-columns:1fr 26px 1fr 26px 1fr;align-items:center;gap:5px;padding:24px;display:grid;box-shadow:0 13px #161b22,0 27px 55px #29313c2e}.stage-four-hero aside>div{text-align:center;background:#343d49;border:1px solid #56606c;border-radius:20px;place-content:center;gap:8px;min-height:145px;padding:14px;display:grid}.stage-four-hero aside>div.active{background:var(--s4-coral);border-color:#ffb8b1;transform:translateY(-5px);box-shadow:0 6px #a8423a}.stage-four-hero aside small{color:#c7cdd2;font-size:8px}.stage-four-hero aside b{font-size:15px}.stage-four-hero aside>i{color:var(--s4-gold);text-align:center;font-style:normal}.family-lab,.sentence-lab,.sentence-quiz{border-radius:34px;margin-bottom:28px;padding:34px}.family-lab{background:var(--s4-ink);color:#fff;box-shadow:0 20px 55px #29313c38}.s4-heading{align-items:center;gap:15px;margin-bottom:24px;display:flex}.s4-heading>span{color:#f6d071;letter-spacing:.15em;font-size:9px;font-weight:900}.s4-heading h2{margin:0 0 4px;font:900 clamp(25px,3vw,37px)/1.1 Arial Rounded MT Bold,sans-serif}.s4-heading p{color:#c7cdd2;margin:0;font-size:10px}.family-tabs{grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:18px;display:grid}.family-tabs button{color:#fff;cursor:pointer;background:#343d49;border:1px solid #56606c;border-radius:19px;align-content:center;place-items:center;gap:4px;min-height:95px;display:grid}.family-tabs b{font:900 29px/1 Arial Rounded MT Bold,sans-serif}.family-tabs small{color:#ccd1d5;font-size:10px;font-weight:900}.family-tabs span{font-size:8px}.family-tabs button.active{border-color:#fff;transform:translateY(-4px);box-shadow:0 6px #11171d}.family-tabs button.coral.active{background:var(--s4-coral)}.family-tabs button.gold.active{background:var(--s4-gold);color:var(--s4-ink)}.family-tabs button.mint.active{background:var(--s4-mint);color:var(--s4-ink)}.family-tabs button.sky.active{background:var(--s4-sky);color:var(--s4-ink)}.family-tabs button.plum.active{background:var(--s4-plum)}.family-pattern{background:#202731;border:1px solid #56606c;border-radius:22px;grid-template-columns:auto auto auto 1fr;align-items:center;gap:13px;min-height:115px;margin-bottom:14px;padding:17px;display:grid}.family-pattern>small{color:#c7cdd2;font-size:8px}.family-pattern>b{color:var(--s4-gold);font:900 45px/1 Arial Rounded MT Bold,sans-serif}.family-pattern>span{font-size:16px;font-weight:900}.family-pattern>p{color:#c7cdd2;margin:0 0 0 auto;font-size:9px}.family-word-grid{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.family-word-grid>button{background:var(--s4-paper);min-height:245px;color:var(--s4-ink);cursor:pointer;border:1px solid #56606c;border-radius:23px;align-content:center;place-items:center;gap:7px;padding:15px;display:grid;box-shadow:0 7px #11171d}.family-word-grid>button>span{font-size:60px}.family-word-grid strong{font:900 40px/1 Arial Rounded MT Bold,sans-serif;display:flex}.family-word-grid strong i{color:var(--s4-coral);font-style:normal}.family-word-grid strong em{text-underline-offset:5px;font-style:normal;text-decoration:underline;text-decoration-thickness:4px}.family-word-grid>button>small{color:var(--s4-muted);font-size:9px;font-weight:900}.s4-kid-chinese{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.s4-kid-chinese small{color:#3e8c72;font-size:8px;font-weight:800}.s4-kid-chinese b{font-size:13px}.family-word-grid u{color:#21604e;background:#e3f2eb;border-radius:99px;padding:7px 10px;font-size:8px;font-weight:900;text-decoration:none}.family-word-grid>button.playing{border-color:var(--s4-mint);background:#e6f4ed;transform:translateY(-3px);box-shadow:0 9px #21604e}.sentence-lab{background:#f4ecf8;border:1px solid #ccb8d9;grid-template-columns:.72fr 1.28fr;gap:22px;display:grid;box-shadow:0 17px 43px #5b41691a}.sentence-copy>span{color:#76578b;letter-spacing:.15em;font-size:9px;font-weight:900}.sentence-copy h2{margin:8px 0;font:900 clamp(25px,3vw,36px)/1.12 Arial Rounded MT Bold,sans-serif}.sentence-copy p{color:var(--s4-muted);margin:0;font-size:10px;line-height:1.65}.sentence-copy p b{color:#9b6c16}.sentence-copy nav{gap:8px;margin-top:18px;display:flex}.sentence-copy nav button{cursor:pointer;background:#fff;border:1px solid #ccb8d9;border-radius:13px;width:42px;height:42px;font-weight:900}.sentence-copy nav button.active{background:var(--s4-plum);color:#fff;box-shadow:0 5px #604773}.sentence-board{background:var(--s4-paper);border-radius:26px;align-content:center;place-items:center;gap:18px;min-height:365px;padding:22px;display:grid}.sentence-scene{font-size:72px}.sentence-words{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.sentence-words>span{border-radius:18px;align-content:center;place-items:center;gap:5px;min-width:92px;min-height:88px;display:grid}.sentence-words b{font:900 31px/1 Arial Rounded MT Bold,sans-serif}.sentence-words small{font-size:8px;font-weight:900}.sentence-words .decodable{color:#21604e;background:#e4f1eb}.sentence-words .helper{color:#775612;background:#f7db91}.sentence-board>.s4-kid-chinese small{font-size:10px}.sentence-board>.s4-kid-chinese b{font-size:17px}.sentence-board>button{background:var(--s4-coral);color:#fff;cursor:pointer;border:none;border-radius:16px;min-height:54px;padding:0 18px;font-size:11px;font-weight:900;box-shadow:0 5px #a8423a}.sentence-board>button.playing{background:var(--s4-plum);box-shadow-color:#604773}.sentence-quiz{background:var(--s4-paper);border:1px solid var(--s4-line);grid-template-columns:.75fr 1.25fr;gap:19px;display:grid;box-shadow:0 17px 43px #5c492d17}.sentence-quiz>div:first-child>span{color:#b8443c;letter-spacing:.15em;font-size:9px;font-weight:900}.sentence-quiz h2{margin:8px 0;font:900 clamp(25px,3vw,36px)/1.12 Arial Rounded MT Bold,sans-serif}.sentence-quiz p{color:var(--s4-muted);margin:0 0 18px;font-size:10px}.sentence-quiz>div:first-child>button{background:var(--s4-ink);color:#fff;cursor:pointer;border:none;border-radius:16px;min-height:53px;padding:0 18px;font-size:11px;font-weight:900;box-shadow:0 5px #11171d}.sentence-picture-options{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.sentence-picture-options button{border:2px solid var(--s4-line);cursor:pointer;background:#fff8ea;border-radius:22px;align-content:center;place-items:center;gap:8px;min-height:180px;display:grid}.sentence-picture-options span{font-size:55px}.sentence-picture-options small{font:900 12px/1 Arial Rounded MT Bold,sans-serif}.sentence-picture-options button.correct{background:#def0e7;border-color:#28745d;box-shadow:0 6px #28745d}.sentence-picture-options button.wrong{border-color:var(--s4-coral);background:#fff0eb}.sentence-feedback{background:#f1e7d7;border-radius:17px;grid-column:1/-1;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-height:58px;padding:10px 11px 10px 16px;display:grid}.sentence-feedback>span{color:var(--s4-muted);font-size:10px}.sentence-feedback>button{background:var(--s4-ink);color:#fff;cursor:pointer;border:none;border-radius:12px;min-height:39px;padding:0 14px;font-size:10px;font-weight:900}.sentence-feedback.correct{background:#def0e7}.sentence-feedback.wrong{background:#fff0eb}.stage-five-preview{background:var(--s4-mint);color:#173c30;border-radius:30px;grid-template-columns:1fr .7fr;align-items:center;gap:27px;padding:31px 35px;display:grid;box-shadow:0 9px #4f8d72}.stage-five-preview span{letter-spacing:.15em;font-size:9px;font-weight:900}.stage-five-preview h2{margin:7px 0 0;font:900 clamp(23px,3vw,35px)/1.15 Arial Rounded MT Bold,sans-serif}.stage-five-preview p{background:#ffffff45;border-radius:20px;margin:0;padding:17px;font-size:10px;line-height:1.7}.stage-four-footer{min-height:108px;color:var(--s4-muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.stage-four-footer a{color:#21604e;background:#e2f2ea;border-radius:99px;padding:10px 14px;font-weight:900;text-decoration:none}.stage-four-footer b{color:var(--s4-ink);letter-spacing:.08em}@media (width<=1040px){.stage-four-shell{width:min(100% - 40px,930px)}.stage-four-hero{grid-template-columns:1fr}.family-word-grid{grid-template-columns:repeat(2,1fr)}.sentence-lab,.sentence-quiz{grid-template-columns:1fr}.sentence-feedback{grid-column:auto}}@media (width<=760px){.stage-four-shell{width:min(100% - 26px,650px)}.stage-four-header{min-height:88px}.stage-four-brand>span{width:52px;height:49px}.stage-four-brand strong{font-size:17px}.stage-four-brand small{display:none}.stage-four-local{border-radius:15px;max-width:132px;min-height:48px;padding:7px 10px;line-height:1.3}.stage-four-hero{min-height:auto;padding:48px 0 55px}.stage-four-hero aside{grid-template-columns:1fr 20px 1fr 20px 1fr;padding:15px}.stage-four-hero aside>div{min-height:120px;padding:9px}.family-lab,.sentence-lab,.sentence-quiz{border-radius:27px;padding:24px 18px}.s4-heading{flex-direction:column;align-items:flex-start;gap:5px}.family-tabs{padding:5px 2px 12px;display:flex;overflow-x:auto}.family-tabs button{flex:0 0 120px}.family-pattern{grid-template-columns:auto auto auto}.family-pattern>p{grid-column:1/-1;margin:0}.stage-five-preview{grid-template-columns:1fr;padding:26px 22px}}@media (width<=480px){.stage-four-hero h1{font-size:43px}.stage-four-hero aside{grid-template-columns:1fr}.stage-four-hero aside>i{transform:rotate(90deg)}.stage-four-hero aside>div{min-height:82px}.family-word-grid{grid-template-columns:1fr}.family-word-grid>button{min-height:215px}.sentence-words>span{min-width:76px}.sentence-picture-options{gap:5px}.sentence-picture-options button{min-height:145px}.sentence-picture-options span{font-size:43px}.sentence-feedback{grid-template-columns:1fr auto}.sentence-feedback>span{grid-area:2/1/auto/-1}.sentence-feedback>button{grid-area:1/2/3}.stage-four-footer span{display:none}}@media (prefers-reduced-motion:reduce){.stage-four-shell *,.stage-four-shell :before,.stage-four-shell :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.sentence-quiz p{line-height:1.65}.sentence-quiz p b{color:var(--s4-coral);font-family:Arial Rounded MT Bold,sans-serif}.sentence-picture-options button{gap:7px}.sentence-picture-options button>span{font-size:46px}.sentence-picture-options strong{color:var(--s4-ink);font:900 36px/1 Arial Rounded MT Bold,sans-serif}.sentence-picture-options .s4-kid-chinese{font-size:inherit;gap:6px}.sentence-picture-options .s4-kid-chinese small{color:#3e8c72;font-size:7px;font-weight:800}.sentence-picture-options .s4-kid-chinese b{font-size:11px}.stage-five-actions{gap:9px;display:grid}.stage-five-actions a{color:#21604e;background:#fff5df;border-radius:14px;place-items:center;min-height:46px;padding:0 14px;font-size:9px;font-weight:900;text-decoration:none;display:grid;box-shadow:0 5px #4f8d72}