@font-face{font-family:Andika;src:url(./Andika-Regular-DJU1h_VA.ttf) format("truetype");font-display:swap}.andika{font-family:Andika,Avenir Next,Verdana,sans-serif}.trace-host{display:flex;justify-content:center;touch-action:none;margin:8px 0 12px}.trace-canvas{touch-action:none;background:#fff;border-radius:18px;border:1px solid var(--line)}.model-letter{text-align:center;margin:0;font-size:40px}.picture-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice.is-picture{min-height:92px;font-size:46px}:root{color-scheme:light;--bg: #f3e7d2;--bg-2: #fbf6ec;--card: #fffdf8;--ink: #2c2824;--soft: #6f655c;--line: #eadfcd;--gold: #e6a317;--gold-deep: #8d5e10;--moss: #2f6f6b;--moss-deep: #214e4b;--coral: #c86a52;--cream: #fff4df;--shadow: 0 12px 30px rgba(92, 62, 24, .08);--radius: 24px;font-family:PingFang SC,Hiragino Sans GB,Heiti SC,Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(circle at 8% 0%,rgba(230,163,23,.18),transparent 32%),radial-gradient(circle at 100% 8%,rgba(47,111,107,.12),transparent 28%),var(--bg);color:var(--ink);font-size:18px;line-height:1.5;overscroll-behavior-y:none}button,input{font:inherit;color:inherit}button{cursor:pointer}button,.choice,.pair-tile,.item-card{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}input{-webkit-user-select:text;user-select:text}img,svg{display:block;max-width:100%}.latin,.giant,.choice,.pair-tile,.word,.math,.fallback-phrase,.sound-line,.badge-letters,.mastery-letter,.letter-toggle,.match-bubble,.models{font-family:Avenir Next,Segoe UI,Verdana,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.boot{padding:48px 24px;text-align:center}.app{max-width:760px;margin:0 auto;min-height:100dvh}.main{padding:8px 18px calc(112px + env(safe-area-inset-bottom))}.plain,.lesson-main,.celebration{padding-bottom:calc(32px + env(safe-area-inset-bottom))}.topbar,.lesson-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 18px 8px}.brand,.lesson-top p{display:flex;align-items:center;gap:8px;margin:0;font-weight:700}.brand-mark svg,.star-pill svg,.star-row svg{width:22px;height:22px}.brand-mark{color:var(--gold)}.star-pill,.nav button,.text-btn,.btn,.choice,.pair-tile,.item-card,.letter-toggle,.reward-row{border:0;background:transparent}.star-pill{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;background:#fff;color:var(--gold-deep);font-weight:700;box-shadow:var(--shadow)}.nav{position:fixed;left:0;right:0;bottom:0;z-index:5;background:#fffdf8f0;border-top:1px solid rgba(90,60,20,.08);padding-bottom:env(safe-area-inset-bottom)}.nav-inner{max-width:760px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr)}.nav button{min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--soft);font-size:13px}.nav button svg{width:26px;height:26px}.nav button.is-on{color:var(--moss-deep);font-weight:700}.page-title{font-size:32px;line-height:1.2;margin:12px 0 4px}.section-title{margin:28px 0 10px;font-size:20px}.intro-line{margin-top:0}.soft{color:var(--soft);font-size:16px}.center{text-align:center}.lead{font-size:22px;font-weight:700}.eyebrow{margin:0;color:var(--moss);font-size:14px;font-weight:700;letter-spacing:.04em}h1,h2,h3{font-weight:750;letter-spacing:-.02em}h1{font-size:34px;line-height:1.25;margin:8px 0}h2{font-size:22px;margin:0 0 8px}h3{font-size:18px;margin:0}.card,.soon,.lesson-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(90,60,20,.05)}.card{padding:18px;margin:14px 0}.week-card{margin:8px 0 18px}.week-head,.row,.row-card,.reward-row,.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.week-head h2,.row-card h2{margin:0}.week-row{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:12px 0}.day-pip{aspect-ratio:1;min-height:40px;border-radius:14px;display:grid;place-items:center;background:#f6efe4;color:var(--soft);font-size:15px;border:1px dashed transparent}button.day-pip{width:100%}.day-pip.is-today{box-shadow:inset 0 0 0 2px var(--moss)}.day-pip.is-done{background:#f6d98a;color:var(--gold-deep);font-weight:700}.day-pip.is-makeup{background:#e7f3f1;color:var(--moss-deep)}.day-pip.is-missed{border-color:#d7c4a8;background:#fff}.lesson-card{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center;padding:16px;margin:14px 0}.badge-letters{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:var(--cream);color:var(--ink);font-size:28px;font-weight:700}.lesson-card.is-done{opacity:.72}.done-flag{margin:8px 0 0;color:var(--moss-deep);font-weight:700}.soon{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;margin:8px 0}.soon p{margin:4px 0 0;color:var(--soft);font-size:15px}.tag{color:var(--soft);font-size:14px;white-space:nowrap}.btn,.text-btn,.letter-toggle,.reward-row{border-radius:999px}.btn,.text-btn{min-height:52px;padding:0 18px;font-weight:700}.btn-block{width:100%}.btn-gold{background:#f0c14a;color:#3d2c0e}.btn-moss{background:var(--moss);color:#fff}.btn-quiet{background:#f4eee4;color:var(--ink)}.text-btn{background:transparent;color:var(--moss-deep);padding-left:0;padding-right:0}.btn:active,.choice:active,.pair-tile:active,.item-card:active{transform:scale(.98)}button:disabled{opacity:.45}.banner{background:#fff;border-radius:18px;padding:14px 16px;margin:10px 0}.banner.warm{background:#fff4df}.done-hero{text-align:center}.done-hero svg,.celebration>svg{width:min(100%,320px);margin:0 auto 8px}.hint{color:var(--coral);font-weight:700}.lesson-top p{font-size:16px;text-align:right}.dots{display:flex;justify-content:center;gap:6px;padding:4px 18px 8px}.dot{width:8px;height:8px;border-radius:99px;background:#e4d5be}.dot.is-current{width:22px;background:var(--gold)}.dot.is-done{background:var(--moss)}.prompt{font-size:22px;font-weight:750;margin:0 0 12px;text-align:center}.letter-stage{width:min(220px,62vw);height:min(220px,62vw);margin:8px auto 16px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#fff,#f6e7c4);box-shadow:inset 0 0 0 2px #e6a31747}.giant{font-size:clamp(64px,18vw,104px);line-height:1;margin:0;font-weight:700}.audio-stack{display:grid;gap:10px}.btn-line{width:100%;min-height:64px;display:flex;align-items:center;gap:10px;padding:0 16px;border-radius:18px;background:#fff;border:2px solid var(--line);text-align:left}.btn-line svg{width:28px;height:28px;color:var(--moss)}.btn-line.is-heard{border-color:var(--moss);background:#e7f3f1}.heard-flag{margin-left:auto;color:var(--moss-deep);font-size:14px}.sound-line{margin:-4px 0 0;text-align:center;color:var(--soft);font-size:16px}.emoji-pic{font-size:clamp(72px,20vw,104px);line-height:1.1;text-align:center;margin:10px 0}.svg-pic svg{width:min(180px,46vw);margin:8px auto}.word{text-align:center;font-size:28px;margin:0;font-weight:700}.gloss{text-align:center;margin:0 0 8px;color:var(--soft)}.picture-block{display:grid;justify-items:center;gap:8px;margin-bottom:8px}.choices,.pair-board{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice,.pair-tile{min-height:88px;border-radius:20px;background:#fff;border:2px solid var(--line);font-size:40px;font-weight:700;position:relative}.choice.is-pair{font-size:32px}.choice.is-answer,.pair-tile.is-matched{border-color:var(--moss);background:#e7f3f1}.choice.is-off{opacity:.35}.pair-tile{touch-action:none}.pair-tile.is-selected{border-color:var(--gold);background:#fff6df}.badge{position:absolute;top:8px;left:10px;font-size:14px;color:var(--moss-deep)}.retry-banner,.reveal-card{border-radius:18px;padding:12px;text-align:center;font-weight:750}.retry-banner{background:#fff1e4;color:#8a4b32;margin:0 0 12px}.reveal-card{background:#e7f3f1;margin-top:14px}.pair-answer{font-size:22px;font-weight:700}.fallback{margin-top:12px;color:var(--soft);font-size:15px}.fallback summary{cursor:pointer}.fallback-phrase{color:var(--ink);font-size:20px;font-weight:700}.praise{text-align:center;padding-top:28px;padding-bottom:22px}.praise h1{font-size:44px;margin:8px 0 18px}.star-row{display:flex;justify-content:center;gap:10px;color:var(--gold);font-size:54px;line-height:1}.star-row span{display:block;animation:pop .45s ease both}.star-row span:nth-child(2){animation-delay:.08s}.star-row span:nth-child(3){animation-delay:.16s}.celebration{text-align:center}.reward-card svg,.detail-card svg{width:140px;margin:0 auto 8px}.detail-card{text-align:center}.collect-grid,.mastery-grid,.toggle-grid{display:grid;gap:12px}.collect-grid{grid-template-columns:1fr 1fr}.item-card{min-height:150px;padding:12px;border-radius:22px;background:var(--card);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.item-card svg{width:84px;height:84px}.item-card.is-locked{opacity:.45}.shelf-row{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.shelf-row svg{width:92px;height:auto}.field{display:grid;gap:6px;font-weight:700}input{width:100%;min-height:52px;border-radius:16px;border:2px solid var(--line);padding:0 14px;background:#fff;font-size:18px}.math{font-size:40px;text-align:center;font-weight:700;margin:8px 0}.gate input{font-size:28px;text-align:center}.segment{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.segment button,.letter-toggle{min-height:48px;border-radius:14px;background:#f6efe4;font-weight:700}.segment button.is-on,.letter-toggle.is-on{background:var(--moss);color:#fff}.reward-row{width:100%;min-height:56px;margin:8px 0;padding:0 4px;border-bottom:1px solid var(--line);border-radius:0;text-align:left}.custom-reward{display:grid;gap:8px;margin-top:12px}.confirm-box{background:var(--cream);border-radius:16px;padding:12px;margin-top:10px}.plain-list{padding-left:18px}.mastery-grid{grid-template-columns:repeat(3,1fr)}.mastery{background:#f7f1e6;border-radius:16px;min-height:84px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center}.mastery-letter{font-size:24px;font-weight:700}.mastery.is-steady{background:#e7f3f1}.mastery.is-again{background:#fff4df}.toast{position:fixed;z-index:20;left:50%;top:calc(12px + env(safe-area-inset-top));transform:translate(-50%);background:var(--ink);color:#fff;border-radius:999px;padding:10px 16px;max-width:calc(100% - 32px);text-align:center}.drag-ghost{position:fixed;z-index:30;width:72px;height:72px;margin-left:-36px;margin-top:-36px;display:grid;place-items:center;background:#fff;border-radius:18px;border:2px solid var(--gold);font-size:36px;font-weight:700;pointer-events:none;box-shadow:var(--shadow)}.crash{margin:24px}.sheet-tools{padding:0 18px 18px}.toggle-grid{grid-template-columns:repeat(7,1fr);margin:12px 0}.worksheet-app{padding-bottom:24px}.sheet{width:min(100%,210mm);margin:0 auto 24px;background:#fff;color:#000;padding:12mm;box-shadow:var(--shadow);font-family:Songti SC,STSong,"Noto Serif SC",Georgia,serif}.sheet h1{font-size:28px;margin:0}.sheet h2{margin:8mm 0 4mm;font-size:20px}.sheet-note,.sheet-foot{font-size:16px}.sheet-foot{margin-top:8mm}.trace-grid{display:grid;grid-template-columns:1fr;gap:8mm}.trace-cell{break-inside:avoid}.models{display:flex;justify-content:space-around;font-size:28px;font-weight:700}.trace-pair{display:grid;grid-template-columns:1fr 1fr;gap:4mm}.trace-svg{width:100%;height:auto}.match-board{display:grid;gap:6mm}.match-row{display:grid;grid-template-columns:18mm 1fr 18mm;align-items:center;break-inside:avoid}.match-bubble{width:18mm;height:18mm;border:2px solid #000;border-radius:50%;display:grid;place-items:center;font-size:16pt;background:#fff}.match-gap{height:2px}.shake{animation:shake .35s ease}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes pop{0%{transform:scale(.55)}70%{transform:scale(1.12)}to{transform:scale(1)}}@media(min-width:800px){.collect-grid{grid-template-columns:repeat(4,1fr)}.mastery-grid{grid-template-columns:repeat(6,1fr)}.trace-grid{grid-template-columns:1fr 1fr}.main{padding-left:28px;padding-right:28px}}@media(max-height:740px){.letter-stage{width:150px;height:150px}.giant,.emoji-pic{font-size:64px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media print{body{background:#fff!important}.no-print,.nav,.toast{display:none!important}.app{max-width:none}.sheet{box-shadow:none;width:auto;max-width:none;margin:0;padding:0}.trace-grid{grid-template-columns:1fr 1fr}@page{size:A4;margin:12mm}}:focus-visible{outline:3px solid var(--moss);outline-offset:3px}