*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#2c231a;overflow:hidden;background:#f3d9c4}button,input{font-family:inherit;touch-action:manipulation}input{-webkit-appearance:none}.hanzi,.word-hanzi,.recap-hanzi{font-family:Songti SC,"Noto Serif SC",PingFang SC,STSong,Microsoft YaHei,Georgia,serif}.screen{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.stage-bg{position:absolute;inset:0;z-index:0}.scene{position:absolute;inset:0;overflow:hidden}.scene-sky{position:absolute;left:0;right:0;top:0;height:52%;background:linear-gradient(180deg,#fbe8b8,#f3d9c4 70%,#e9c9c9)}.scene-hills{position:absolute;left:0;right:0;bottom:48%;width:100%;height:11%}.scene-water{position:absolute;inset:52% 0 0;background:linear-gradient(180deg,#bfe3dc,#7fbfc0 45%,#4c93a3)}.scene-flow{position:absolute;inset:0;width:100%;height:100%}.scene-sun{position:absolute;top:6%;right:9%;width:clamp(46px,8vw,92px);aspect-ratio:1;border-radius:50%;background:#fff2c9;opacity:.9;box-shadow:0 0 70px 40px #fff6d88c}.scene-lanterns{position:absolute;top:0;left:50%;transform:translate(-50%);width:min(100%,1200px);aspect-ratio:900 / 130;height:auto}.scene-bank{position:absolute;bottom:-2px;width:clamp(64px,19vw,210px);height:56%}.scene-bank-l{left:0}.scene-bank-r{right:0;transform:scaleX(-1)}@media (max-width: 520px){.scene-hills{height:7%}}.card{position:relative;z-index:1;background:linear-gradient(180deg,#fffaf0,#fbf0dc);border:1px solid #e7cf9e;border-radius:22px;box-shadow:0 18px 40px #3c1e0a47,inset 0 1px #fff9;padding:clamp(20px,4vw,40px)}.field{display:flex;flex-direction:column;gap:8px;margin:18px 0;text-align:left}.field span{font-size:13px;font-weight:600;color:#7a5a2e;letter-spacing:.02em}.field input{border:1.5px solid #d8bd85;border-radius:12px;padding:12px 14px;font-size:16px;background:#fff;color:#2c231a;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:#c8433a;box-shadow:0 0 0 3px #c8433a26}.stepper{display:flex;align-items:center;justify-content:center;gap:14px}.stepper button{width:38px;height:38px;border-radius:50%;border:1.5px solid #d8bd85;background:#fff;font-size:20px;line-height:1;cursor:pointer;color:#7a5a2e}.stepper button:hover{background:#fbeecb}.stepper button.link-btn{width:auto;height:auto;border:none;border-radius:10px;background:none;font-size:13px;padding:6px 8px}.stepper button.link-btn:hover{background:#fbeecb}.stepper-value{font-size:20px;font-weight:700;min-width:24px;text-align:center}.btn{border:none;border-radius:14px;padding:12px 22px;font-weight:700;font-size:15px;cursor:pointer;transition:transform .12s,box-shadow .12s;letter-spacing:.01em}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,#e0564a,#c8433a);color:#fff8ec;box-shadow:0 6px #8f2c22,0 10px 18px #8c281e59}.btn-primary:hover{filter:brightness(1.05)}.btn-primary:active{box-shadow:0 3px #8f2c22,0 6px 10px #8c281e4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-big{width:100%;padding:15px 22px;font-size:17px;margin-top:6px}.link-btn{background:none;border:none;color:#7a5a2e;font-size:13px;text-decoration:underline;cursor:pointer;padding:6px}.mute-btn{position:fixed;top:max(12px,env(safe-area-inset-top));right:12px;z-index:20;width:40px;height:40px;border-radius:50%;border:1.5px solid #d8bd85;background:#fffaf0e6;cursor:pointer;padding:10px;color:#7a5a2e;box-shadow:0 4px 10px #00000026}.mute-btn svg{display:block}.onboard-card{max-width:420px;width:90vw;text-align:center}.brand-mark{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#b8811c;font-weight:700}.brand-title{font-family:Songti SC,"Noto Serif SC",Georgia,serif;font-size:clamp(28px,6vw,38px);margin:6px 0 10px;color:#a3271e}.brand-sub{color:#5c4a30;line-height:1.5;margin:0 0 6px;font-size:14.5px}.home-card{max-width:440px;width:90vw;text-align:center}.day-chip{display:inline-block;margin:0 auto 10px;padding:5px 16px;background:linear-gradient(180deg,#e0564a,#c8433a);color:#fff8ec;border-radius:999px;font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 3px 7px #8c281e4d}.summary-home-link{margin-top:10px}.home-greeting{font-size:clamp(20px,4.5vw,26px);margin:0 0 18px;color:#a3271e;font-family:Songti SC,"Noto Serif SC",Georgia,serif}.stat-row{display:flex;justify-content:center;gap:clamp(14px,4vw,30px);margin-bottom:20px}.stat{display:flex;flex-direction:column;align-items:center}.stat-num{font-size:26px;font-weight:800;color:#c8433a}.stat-label{font-size:11.5px;color:#7a5a2e;text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.home-copy{color:#5c4a30;line-height:1.5;margin:0 0 16px;font-size:14.5px}.goal-row{margin-top:16px;display:flex;justify-content:center}.river-screen{justify-content:center}.session-progress{position:absolute;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:6;background:#fffaf0eb;border:1px solid #e7cf9e;border-radius:999px;padding:6px 16px;font-size:12.5px;font-weight:700;color:#7a5a2e;white-space:nowrap}.river-stage{position:absolute;inset:0;overflow:hidden}.stone{position:absolute;transform:translate(-50%,-50%);width:clamp(54px,calc(9vw + 20px),80px);height:clamp(54px,calc(9vw + 20px),80px);z-index:2}.stone-rock{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9a8a76,#6b5c4a 70%,#4a3f32);box-shadow:0 6px 10px #00000059,inset 0 -4px 6px #0000004d}.stone-hanzi{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#f5ead2;font-size:clamp(19px,5vw,27px);font-weight:700;text-shadow:0 2px 3px rgba(0,0,0,.4);transform:translateY(-2px)}.stone-hanzi.two{font-size:clamp(13px,3.4vw,18px);letter-spacing:-1px}.stone-hanzi.three{font-size:clamp(10px,2.5vw,13px);letter-spacing:-.5px}.stone-ahead .stone-rock{filter:grayscale(.5) brightness(.75)}.stone-ahead .stone-hanzi{color:#f5ead273;text-shadow:none}.stone-done .stone-rock{background:radial-gradient(circle at 35% 30%,#a9c98a,#6f9a4e 70%,#4d7a34)}.stone-active .stone-rock{box-shadow:0 0 0 4px #ffd7788c,0 6px 14px #00000059;animation:stoneGlow 1.4s ease-in-out infinite}@keyframes stoneGlow{0%,to{box-shadow:0 0 0 4px #ffd77866,0 6px 14px #00000059}50%{box-shadow:0 0 0 9px #ffd7782e,0 6px 14px #00000059}}.traveler{position:absolute;width:clamp(44px,calc(7vw + 16px),58px);aspect-ratio:58 / 68;transform:translate(-50%,-92%);transition:left .46s cubic-bezier(.45,.05,.35,1),top .46s cubic-bezier(.45,.05,.35,1);z-index:3}.traveler-hop{width:100%;height:100%}.traveler-hop.hopping{animation:hop .46s ease-in-out}.traveler-hop.falling{animation:fallLeap .68s cubic-bezier(.4,.1,.7,.55) forwards}.traveler-hop.recovering{animation:climbBack .38s cubic-bezier(.2,1.35,.45,1)}@keyframes hop{0%{transform:translateY(0) rotate(0)}45%{transform:translateY(-34px) rotate(-6deg)}to{transform:translateY(0) rotate(0)}}@keyframes fallLeap{0%{transform:translate(0) rotate(0);opacity:1}30%{transform:translate(22px,-18px) rotate(10deg);opacity:1}52%{transform:translate(31px,10px) rotate(24deg);opacity:1}74%{transform:translate(35px,40px) rotate(38deg);opacity:1}88%{transform:translate(36px,50px) rotate(44deg);opacity:.55}to{transform:translate(36px,56px) rotate(46deg);opacity:0}}@keyframes climbBack{0%{transform:translateY(24px) scale(.92);opacity:0}55%{transform:translateY(-5px) scale(1.03);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.splash-wrap{position:absolute;left:calc(50% + 34px);top:calc(100% - 4px);pointer-events:none}.splash-ring{position:absolute;left:0;top:0;width:12px;height:6px;border:2px solid rgba(255,255,255,.9);border-radius:50%;transform:translate(-50%,-50%);opacity:0;animation:splashRing .5s ease-out .3s forwards}.splash-ring2{animation-delay:.44s;animation-duration:.6s}@keyframes splashRing{0%{width:10px;height:5px;opacity:.95}to{width:58px;height:20px;opacity:0}}.drop{position:absolute;left:-2px;top:-3px;width:5px;height:7px;background:#eef9f4;border-radius:50% 50% 55% 55%;opacity:0;animation:dropArc .55s cubic-bezier(.25,.6,.6,1) .32s forwards}.drop:nth-child(3){--dx: -20px;--dh: -26px}.drop:nth-child(4){--dx: -9px;--dh: -34px;animation-delay:.34s}.drop:nth-child(5){--dx: 2px;--dh: -38px;animation-delay:.36s}.drop:nth-child(6){--dx: 12px;--dh: -30px;animation-delay:.34s}.drop:nth-child(7){--dx: 22px;--dh: -24px;animation-delay:.38s}@keyframes dropArc{0%{transform:translateY(2px);opacity:.95}55%{transform:translate(calc(var(--dx) * .7),var(--dh));opacity:1}to{transform:translate(var(--dx),8px);opacity:0}}.word-card{position:absolute;top:calc(max(12px,env(safe-area-inset-top)) + 42px);left:50%;transform:translate(-50%);z-index:4;background:linear-gradient(180deg,#fffaf0,#fdf3e0);border:1px solid #e7cf9e;border-radius:18px;padding:14px 28px;text-align:center;box-shadow:0 10px 22px #3c1e0a40;min-width:200px}.word-icon-big{width:48px;height:48px;margin:0 auto 6px;color:#a3271e;background:#f7ecd4;border:1px solid #eadbb4;border-radius:50%;padding:10px}.word-icon-big svg{display:block}.word-hanzi{font-size:36px;font-weight:700;color:#2c231a;line-height:1.15}.word-pinyin{font-size:16.5px;font-weight:600}.word-card .speak-btn{width:34px;height:34px;top:8px;right:8px;padding:8px;background:linear-gradient(180deg,#e0564a,#c8433a);color:#fff8ec;border:none;box-shadow:0 3px 7px #8c281e59}.word-card .speak-btn:hover{filter:brightness(1.08);background:linear-gradient(180deg,#e0564a,#c8433a)}.answer-zone{position:absolute;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 10px);width:min(600px,96vw);z-index:6;display:flex;flex-direction:column;align-items:center}.answer-bar{position:relative;display:flex;gap:10px;width:100%;margin:0 0 4px;padding:0 8px}.reveal-link{display:block;margin:2px auto 0;padding:5px 14px;background:#fffaf0e0;border-radius:999px;text-decoration:underline}.answer-bar input{flex:1;border:1.5px solid #d8bd85;border-radius:14px;padding:13px 16px;font-size:16px;background:#fffaf0;outline:none}.answer-bar input:focus{border-color:#c8433a;box-shadow:0 0 0 3px #c8433a26}.answer-bar.shake{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(4px)}}.recap-card{width:92%;max-width:500px;max-height:94%;overflow:auto;text-align:center;padding:clamp(16px,3vw,26px)}.recap-hanzi{font-size:clamp(22px,5vw,30px);font-weight:700;color:#2c231a}.recap-pinyin{display:block;margin:4px 0 8px;font-size:15px;font-weight:600}.recap-english{color:#5c4a30;font-size:15px;margin-bottom:4px}.recap-note{color:#b8811c;font-size:13px;font-style:italic;margin-bottom:16px}.rating-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rating-btn{display:flex;flex-direction:column;align-items:center;gap:3px;border:none;border-radius:12px;padding:10px 4px;cursor:pointer;color:#fff;box-shadow:0 4px #0003;transition:transform .1s}.rating-btn:active{transform:translateY(2px);box-shadow:0 2px #0003}.rating-again{background:#c8433a}.rating-hard{background:#b8811c}.rating-good{background:#3f8f4a}.rating-easy{background:#3465c9}.rating-label{font-weight:800;font-size:13.5px}.rating-hint{font-size:9.5px;opacity:.85;text-align:center;line-height:1.2}.rating-interval{font-size:10.5px;font-weight:700;opacity:.95;margin-top:2px}.teach-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#2c231a52;backdrop-filter:blur(2px)}.teach-card{max-width:540px;width:92%;max-height:94%;overflow:auto;text-align:center;padding:clamp(16px,3vw,28px)}.teach-tag{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#b8811c;font-weight:700}.teach-title{font-size:clamp(24px,4.5vw,32px);margin:6px 0 2px;color:#2c231a}.teach-pinyin{display:block;font-size:15px;font-weight:600}.teach-english{color:#5c4a30;margin:6px 0 14px;font-size:15px}.teach-help{color:#7a5a2e;font-size:12.5px;line-height:1.55;margin:14px 0 12px}.teach-go{width:100%}.word-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.wg-item{background:#fff;border:1px solid #e7cf9e;border-radius:12px;padding:8px 6px 7px;width:88px;cursor:pointer;transition:transform .12s,box-shadow .12s}.wg-item:hover{transform:translateY(-2px);box-shadow:0 6px 12px #3c1e0a26}.wg-icon{width:24px;height:24px;margin:0 auto 3px;color:#a3271e}.wg-hanzi{font-size:20px;font-weight:700;color:#2c231a;line-height:1.1}.wg-pinyin{display:block;font-size:12px;font-weight:600;margin-top:1px}.wg-english{font-size:11.5px;color:#5c4a30;margin-top:2px}.word-grid-compact .wg-item{width:70px;padding:6px 4px 5px}.word-grid-compact .wg-hanzi{font-size:17px}.speak-btn{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:1px solid #e7cf9e;background:#fffaf0;cursor:pointer;line-height:1;padding:5px;color:#a3271e}.speak-btn:hover{background:#fbeecb}.speak-btn svg{display:block}.speak-btn-inline{position:static;width:30px;height:30px;padding:6px;flex:none}.recap-hanzi-row{display:flex;align-items:center;justify-content:center;gap:10px}.word-answer{margin-top:4px;font-size:14.5px;font-weight:700;color:#3f8f4a}.rating-prompt{font-size:13px;color:#7a5a2e;font-weight:600;margin:10px 0 8px}.summary-card{max-width:400px;width:90vw;text-align:center}.summary-character{width:90px;height:100px;margin:0 auto 10px}.summary-card h1{font-family:Songti SC,"Noto Serif SC",Georgia,serif;color:#a3271e;margin:0 0 8px}.summary-links{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:10px}.today-row{margin-top:14px;display:flex;justify-content:center}.today-card{max-width:460px;width:90vw;text-align:center}.today-title{font-family:Songti SC,"Noto Serif SC",Georgia,serif;font-size:clamp(20px,4.5vw,26px);color:#a3271e;margin:0 0 12px}.today-list{margin:0;padding:0 0 0 2.4em;text-align:left;max-height:min(52vh,460px);overflow-y:auto;border-top:1px solid #e7cf9e;border-bottom:1px solid #e7cf9e}.today-list li{padding:9px 4px;border-bottom:1px dashed #ecdcba;color:#7a5a2e;font-size:12.5px}.today-list li:last-child{border-bottom:none}.today-pinyin{font-size:16px;font-weight:600;line-height:1.4}.today-back{margin-top:14px}.ripple-flow{animation:riverFlow var(--dur, 13s) linear infinite}@keyframes riverFlow{0%{transform:translate(0)}to{transform:translate(300px)}}.glint{opacity:0;animation:glintDrift var(--gdur, 10s) linear infinite}@keyframes glintDrift{0%{transform:translate(0);opacity:0}12%{opacity:.45}80%{opacity:.35}to{transform:translate(240px);opacity:0}}.lantern{animation:lanternSway 3.4s ease-in-out infinite}@keyframes lanternSway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@media (max-width: 480px){.rating-hint{display:none}.word-hanzi{font-size:26px}.word-card{min-width:150px;padding:9px 16px 10px}.word-icon-big{width:40px;height:40px;padding:8px;margin-bottom:4px}.word-pinyin{font-size:14.5px}.word-card .speak-btn{width:30px;height:30px;padding:7px;top:6px;right:6px}.session-progress{font-size:11px;padding:5px 12px}.answer-bar input{padding:11px 13px}.answer-bar .btn{padding:11px 16px}.teach-card{padding:14px 12px}.wg-item{width:76px;padding:6px 4px}.wg-hanzi{font-size:17px}.recap-card{padding:14px 10px}.word-grid-compact .wg-item{width:62px}.rating-btn{padding:8px 2px}.rating-label{font-size:12.5px}.brand-title{font-size:26px}}.account-row{margin-top:18px;padding-top:16px;border-top:1px solid rgba(120,96,72,.16);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.account-who{font-size:13px;color:#6f5c48;word-break:break-word}.account-note{font-size:12px;line-height:1.5;color:#8a7660;max-width:34ch}.btn-google-sm{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;font:inherit;font-size:14px;color:#4a3a2a;background:#fffaf1;border:1px solid rgba(120,96,72,.28);border-radius:999px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.btn-google-sm:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3c281424}