:root{--forest-ink:#26432f;--forest-muted:#6e7d55;--forest-leaf:#4a9f63;--forest-leaf-deep:#2e7a4b;--forest-mint:#dff8ea;--forest-sky:#d9f4ff;--forest-sun:#ffe789;--forest-honey:#ffb65c;--forest-coral:#e87845;--forest-cream:#fff9ea;--forest-paper:#fffcf1eb;--forest-shadow:0 22px 50px #4b5b2d29;color:var(--forest-ink);background:#eff9e8;font-family:LXGW WenKai,ZCOOL KuaiLe,Noto Serif SC,PingFang SC,serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 12%,#ffe789c7 0 110px,#0000 112px),radial-gradient(circle at 92% 8%,#b2eac5db 0 140px,#0000 142px),linear-gradient(#dff8ea 0%,#fff8e5 52%,#f9efd9 100%);min-width:320px;margin:0}button,input{font:inherit}#root{min-height:100vh}.page-shell{min-height:100vh;padding-bottom:calc(94px + env(safe-area-inset-bottom));position:relative;overflow:hidden}.page-shell:before,.page-shell:after{z-index:0;pointer-events:none;content:"";position:fixed}.page-shell:before{filter:blur(1px);background:#7ccc9038;border-radius:46% 54% 50% 50%;width:240px;height:240px;animation:10s ease-in-out infinite alternate forest-drift;inset:auto -80px 54px auto}.page-shell:after{background:#ffcb693d;border-radius:999px;width:180px;height:180px;animation:8s ease-in-out infinite alternate forest-float;inset:86px auto auto -74px}.page-main{z-index:1;padding:22px 16px calc(104px + env(safe-area-inset-bottom));position:relative}h1,h2,h3,p{overflow-wrap:anywhere}a{color:inherit}.hero-stack{gap:18px;width:100%;max-width:430px;margin:0 auto;display:grid}.hero-stack>.hero-card,.hero-stack>.panel-card{width:100%;max-width:none;margin:0}.hero-card,.panel-card{background:linear-gradient(145deg, #ffffffe6, #fff9e6e6), var(--forest-paper);max-width:430px;box-shadow:var(--forest-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid #ffffffb8;margin:0 auto;position:relative;overflow:hidden}.hero-card{border-radius:34px;gap:14px;padding:26px 24px 24px;display:grid}.panel-card{border-radius:30px;padding:22px}.hero-card-daily{background:radial-gradient(circle at 82% 18%,#ffe789db 0 58px,#0000 60px),radial-gradient(circle at 20% 90%,#94dca38c 0 72px,#0000 74px),linear-gradient(150deg,#fffdeff5,#e0faeaeb);align-content:center;min-height:360px}.home-forest{animation:.42s both page-rise}.storybook-blob{z-index:0;pointer-events:none;border-radius:999px;display:block;position:absolute}.storybook-blob-one{background:#ffffffe0;width:82px;height:50px;animation:7s ease-in-out infinite alternate cloud-drift;top:34px;right:-20px;box-shadow:-36px 12px #ffffffa8}.storybook-blob-two{background:#82d39661;width:112px;height:112px;animation:6s ease-in-out infinite alternate leaf-sway;bottom:-28px;left:-18px}.hero-card>:not(.storybook-blob),.reading-page-card>:not(.storybook-blob){z-index:1;position:relative}.eyebrow{color:var(--forest-muted);letter-spacing:.08em;margin:0 0 2px;font-size:13px;font-weight:800}.mission-row,.section-header-row,.reading-progress-header,.profile-summary-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.mission-row{flex-wrap:wrap;justify-content:flex-start}.mission-row span,.soft-badge{min-height:30px;color:var(--forest-leaf-deep);background:#ffffffb8;border:1px solid #4a9f632e;border-radius:999px;align-items:center;padding:6px 12px;font-size:13px;font-weight:850;animation:.48s both chip-pop;display:inline-flex}.hero-character{color:#233526;text-align:center;text-shadow:0 8px #ffffffa8;margin:6px 0 0;font-size:clamp(104px,30vw,138px);font-weight:950;line-height:.92;animation:4.8s ease-in-out infinite hanzi-breathe}.hero-line{color:#31543b;text-align:center;margin:0;font-size:21px;font-weight:850;line-height:1.5}.home-helper,.page-intro{color:var(--forest-muted);margin:0;font-size:15px;line-height:1.7}.hero-card button{margin-top:8px}.search-card{background:radial-gradient(circle at 88% 18%,#ffe78970 0 54px,#0000 56px),#fffcf1eb;gap:10px;display:grid}label{color:#314c37;font-size:18px;font-weight:900}input{width:100%;min-height:56px;color:var(--forest-ink);background:#ffffffe6;border:2px solid #5b925d3d;border-radius:22px;outline:none;margin:2px 0 4px;padding:0 18px;font-size:18px;box-shadow:inset 0 2px #fffc}input:focus{border-color:#4a9f63b8;box-shadow:0 0 0 5px #7dd4963d}input::placeholder{color:#6e7d559e}.field-hint{color:#a44a24;margin:-2px 0 0;font-size:14px;font-weight:800}button{color:#fffdf6;cursor:pointer;background:linear-gradient(#f28a50 0%,#cf6336 100%);border:0;border-radius:999px;min-height:54px;padding:0 22px;font-size:17px;font-weight:950;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:0 12px #9a52271f,0 18px 32px #cd693638}button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 14px #9a52271a,0 22px 36px #cd69363d}button:not(:disabled):active{transform:translateY(2px);box-shadow:0 8px #9a522724,0 12px 24px #cd693633}button:disabled{cursor:not-allowed;opacity:.55}.button-secondary{color:var(--forest-leaf-deep);background:linear-gradient(#fff9e4 0%,#eaf4cf 100%);box-shadow:0 10px #4a9f631a,0 16px 28px #4d703a1f}.bottom-nav{z-index:10;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#26432fe6;border:2px solid #ffffff94;border-radius:999px;gap:8px;width:min(100% - 28px,420px);padding:10px;animation:.48s both nav-rise;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 18px 44px #1f382542}.bottom-nav a{color:#fffdf6db;text-align:center;border-radius:999px;flex:1;min-width:0;padding:12px 10px;font-size:15px;font-weight:900;text-decoration:none}.bottom-nav a[aria-current=page]{color:#244b32;background:linear-gradient(#fff9dd 0%,#cceeb8 100%);box-shadow:inset 0 -2px #4a9f6329}.paged-reading{gap:14px;max-width:430px;min-height:calc(100vh - 168px);margin:0 auto;animation:.42s both page-rise;display:grid}.reading-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf1d1;border:2px solid #ffffffad;border-radius:26px;gap:8px;padding:14px 16px;display:grid;box-shadow:0 14px 34px #4b5b2d1f}.reading-progress-copy,.reading-step-label,.reading-step-helper{margin:0}.reading-progress-copy{color:var(--forest-muted);font-size:14px;font-weight:900}.reading-leaf-row{gap:5px;display:flex}.reading-leaf{background:#4a9f6338;border-radius:100% 0;width:12px;height:12px;transform:rotate(-28deg)}.reading-leaf.is-active{background:linear-gradient(135deg,#6fbe65,#2f8d53);animation:.26s both leaf-pop;box-shadow:0 2px 6px #2f8d5338}.reading-step-label{color:var(--forest-leaf-deep);font-size:16px;font-weight:950}.reading-step-helper{color:var(--forest-muted);font-size:13px;line-height:1.5}.reading-progress-track{background:#e7f4ccd1;border:1px solid #4a9f631f;border-radius:999px;height:10px;overflow:hidden}.reading-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#61b95f 0%,#f2c35e 58%,#f28a50 100%);height:100%;transition:width .18s;display:block}.reading-page-card{min-height:440px;box-shadow:var(--forest-shadow);background:radial-gradient(circle at 82% 10%,#ffe7899e 0 62px,#0000 64px),linear-gradient(160deg,#fffffaf5,#def8eaeb);border:2px solid #ffffffbd;border-radius:38px;align-content:center;gap:18px;padding:26px;animation:.34s both story-page-in;display:grid;position:relative;overflow:hidden}.reading-blob-one{background:#93dd9f59;width:132px;height:132px;animation:6.4s ease-in-out infinite alternate leaf-sway;bottom:-28px;right:-32px}.reading-blob-two{background:#ffffffb8;width:96px;height:58px;animation:7.5s ease-in-out infinite alternate cloud-drift;top:24px;left:-42px;box-shadow:42px 14px #ffffff6b}.reading-scene-box{background:radial-gradient(circle at 16% 18%,#ffffffe6 0 28px,#0000 30px),linear-gradient(145deg,#fff7d8 0%,#dff8ea 100%);border:2px solid #ffffffc2;border-radius:30px;place-items:center;min-height:142px;padding:20px;display:grid;box-shadow:inset 0 -8px #4a9f6314}.reading-scene-box p{color:#3c573f;text-align:center;margin:0;font-size:20px;font-weight:800;line-height:1.7}.reading-character{color:#233526;text-align:center;text-shadow:0 8px #ffffffad;margin:6px 0 0;font-size:92px;font-weight:950;line-height:1;animation:.42s both hanzi-soft-pop}.reading-character-large{font-size:102px}.reading-page-character{align-content:start}.reading-hero-line,.reading-pinyin{color:#31543b;text-align:center;margin:0;font-size:20px;font-weight:850;line-height:1.5}.reading-pinyin{color:var(--forest-muted);font-size:20px}.reading-page-heading{color:#2d4b35;text-align:center;margin:0;font-size:30px;font-weight:950;line-height:1.2}.reading-story-text{color:#36533b;margin:0;font-size:21px;font-weight:750;line-height:1.8}.reading-parent-note{background:#fffcf1c7;border:2px solid #ffffffb3;border-radius:26px;padding:18px;box-shadow:inset 0 -6px #ffe7892e}.reading-parent-note p{color:#476446;margin:0;line-height:1.7}.reading-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.reading-language-section{gap:10px;display:grid}.reading-pill-list{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.reading-pill-list li{color:#31543b;background:#fffcf1d1;border:1px solid #4a9f6324;border-radius:999px;padding:11px 15px;font-size:18px;font-weight:900;box-shadow:0 8px 18px #4b5b2d14}.reading-footer{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:12px;display:grid}.reading-footer button{width:100%}.card-list{padding:0;list-style:none}.library-page,.profile-page{gap:14px;display:grid}.library-page h1,.profile-page h1{color:#2d4b35;margin:0;font-size:34px;line-height:1.15}.library-card-list,.profile-card-list{gap:12px;margin:4px 0 0;display:grid}.library-card-link{background:linear-gradient(145deg,#ffffffc7,#e7f8dcb8);border:2px solid #ffffffb8;border-radius:24px;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;padding:14px;text-decoration:none;transition:transform .18s,box-shadow .18s;animation:.42s both card-pop;display:grid;box-shadow:0 12px 26px #4b5b2d1a}.library-card-item:nth-child(2) .library-card-link,.profile-card-item:nth-child(2) a{animation-delay:70ms}.library-card-item:nth-child(3) .library-card-link,.profile-card-item:nth-child(3) a{animation-delay:.14s}.library-card-link:hover,.profile-card-item a:hover{transform:translateY(-2px)rotate(-.5deg);box-shadow:0 16px 30px #4b5b2d24}.library-hanzi{color:#263a29;background:#fff8dc;border-radius:22px;place-items:center;width:62px;height:62px;font-size:40px;font-weight:950;display:grid;box-shadow:inset 0 -5px #ffc65f3d}.library-theme{color:#31543b;font-size:18px;font-weight:900}.library-action{color:var(--forest-leaf-deep);font-size:13px;font-weight:900}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profile-stats div{background:radial-gradient(circle at 80% 20%,#ffe789b8 0 28px,#0000 30px),#ffffffb8;border-radius:26px;gap:4px;padding:18px;animation:.42s both card-pop;display:grid;box-shadow:inset 0 -8px #4a9f6314}.profile-stats strong{color:#294b33;font-size:42px;line-height:1}.profile-stats span,.profile-summary-row p{color:var(--forest-muted);margin:0;font-weight:850}.profile-card-item a{color:#263a29;background:#fff9ddc7;border-radius:22px;place-items:center;min-height:62px;font-size:34px;font-weight:950;text-decoration:none;transition:transform .18s,box-shadow .18s;animation:.42s both card-pop;display:grid}.stroke-order-card{background:radial-gradient(circle at 88% 12%,#ffe7896b 0 34px,#0000 36px),#fffcf1c7;border:2px solid #ffffffb8;border-radius:28px;gap:12px;padding:16px;display:grid;box-shadow:inset 0 -8px #4a9f6314}.stroke-order-empty p{color:var(--forest-muted);margin:0;line-height:1.7}.stroke-order-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.stroke-order-meta{color:#294b33;margin:0;font-size:20px;font-weight:950}.stroke-replay-button{white-space:nowrap;min-height:38px;padding:0 12px;font-size:13px}.stroke-order-svg{background:linear-gradient(145deg,#fffdf1 0%,#e8f9e7 100%);border-radius:26px;justify-self:center;width:min(100%,210px);height:auto;overflow:visible;box-shadow:inset 0 0 0 2px #4a9f631a,0 12px 24px #4b5b2d14}.stroke-order-guide path{fill:#4a9f631f}.stroke-order-stroke{fill:#24372a;opacity:0;transform-box:fill-box;transform-origin:50%;animation:.36s forwards reveal-stroke}.stroke-order-trace{fill:none;stroke:#ffbd4a;stroke-dasharray:100;stroke-dashoffset:100px;stroke-linecap:round;stroke-linejoin:round;stroke-width:36px;animation:.62s cubic-bezier(.62,.04,.24,1) forwards draw-stroke}.stroke-order-steps{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.stroke-order-steps li{color:var(--forest-muted);background:#ffffffb8;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850}.card-storybook{gap:16px;max-width:430px;margin:0 auto;display:grid}.card-hero{box-shadow:var(--forest-shadow);background:radial-gradient(circle at top,#fffbf3f2,#e0faeaeb),#fffaf3eb;border-radius:30px;padding:24px}.card-scene{background:linear-gradient(#fff8da 0%,#dff8ea 100%);border-radius:24px;padding:18px}.card-page-title{color:var(--forest-muted);margin:0 0 16px;font-size:16px;font-weight:850}.card-section-label{color:var(--forest-muted);letter-spacing:.08em;margin:0 0 10px;font-size:13px;font-weight:900}.card-scene-text,.card-story-text,.card-story-panel p{margin:0;line-height:1.7}.card-character{text-align:center;margin:20px 0 8px;font-size:88px;font-weight:950;line-height:1}.card-hero-line{text-align:center;margin:0;font-size:20px}.card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.card-action-hint{color:var(--forest-muted);grid-column:1/-1;margin:0;font-size:13px}.card-story-panel{gap:12px;display:grid}.card-story-panel:focus{outline-offset:4px;outline:3px solid #4a9f634d}.card-story-panel h2{margin:0;font-size:20px}.card-language-grid{gap:16px;display:grid}.card-mini-heading{color:var(--forest-leaf-deep);margin:0 0 8px;font-size:15px;font-weight:950}.card-bullet-list{color:#36533b;margin:0;padding-left:20px;line-height:1.8}.card-finish{justify-content:center;display:flex}.card-missing{gap:14px;display:grid}.card-missing h1,.card-missing p{margin:0}@keyframes page-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes story-page-in{0%{opacity:0;transform:translateY(18px)rotate(-.8deg)scale(.985)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes card-pop{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes nav-rise{0%{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%)}}@keyframes hanzi-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes hanzi-soft-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes leaf-pop{0%{transform:rotate(-28deg)scale(.65)}70%{transform:rotate(-28deg)scale(1.18)}to{transform:rotate(-28deg)scale(1)}}@keyframes chip-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes cloud-drift{0%{transform:translate(-5px)}to{transform:translate(8px)}}@keyframes leaf-sway{0%{transform:translateY(-3px)rotate(-2deg)}to{transform:translateY(6px)rotate(3deg)}}@keyframes forest-drift{0%{transform:translate(0)rotate(0)}to{transform:translate(-16px,-10px)rotate(5deg)}}@keyframes forest-float{0%{transform:translateY(0)}to{transform:translateY(18px)}}@keyframes draw-stroke{to{stroke-dashoffset:0}}@keyframes reveal-stroke{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media (width<=380px){.page-main{padding-inline:12px}.hero-card,.panel-card,.reading-page-card{border-radius:28px;padding-inline:18px}.reading-action-grid,.profile-stats{grid-template-columns:1fr}.library-card-link{grid-template-columns:58px 1fr}.library-action{grid-column:2}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.hero-character{animation:none}}@media (width>=768px){.page-main{padding:40px 24px calc(112px + env(safe-area-inset-bottom))}.hero-card,.hero-stack,.panel-card,.card-storybook,.paged-reading{max-width:500px}}