: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-bark:#7b5a33;--forest-blush:#ffd8bf;--forest-wash:#fffff6b8;--forest-paper:#fffcf1eb;--forest-shadow:0 24px 54px #4b5b2d29;--forest-soft-shadow:0 14px 30px #4b5b2d1c;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%,#ffe789c2 0 116px,#0000 118px),radial-gradient(circle at 92% 8%,#b2eac5d1 0 146px,#0000 148px),radial-gradient(circle at 88% 76%,#addc9442 0 132px,#0000 134px),linear-gradient(#e4faee 0%,#fff9e8 48%,#f8edd6 100%);min-width:320px;margin:0;overflow-x:hidden}button,input{font:inherit}#root{min-height:100vh}.page-shell{min-height:100vh;padding-bottom:calc(94px + env(safe-area-inset-bottom));touch-action:pan-y;background-image:radial-gradient(circle,#ffffff47 1px,#0000 1.6px),radial-gradient(circle,#4a9f6314 1px,#0000 1.4px);background-position:0 0,14px 16px;background-size:36px 36px,42px 42px;position:relative;overflow:visible}.page-shell:before,.page-shell:after{z-index:0;pointer-events:none;content:"";position:fixed}.page-shell:before{filter:blur(1px);background:#7ccc9033;border-radius:46% 54% 50% 50%;width:280px;height:280px;animation:10s ease-in-out infinite alternate forest-drift;inset:auto -98px 38px auto}.page-shell:after{background:#ffcb693d;border-radius:999px;width:208px;height:208px;animation:8s ease-in-out infinite alternate forest-float;inset:72px auto auto -82px}.page-main{z-index:1;padding:24px 16px calc(106px + env(safe-area-inset-bottom));position:relative}h1,h2,h3,p{overflow-wrap:anywhere}a{color:inherit}.hero-stack{gap:16px;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, #ffffffeb, #fff9e6e0), var(--forest-paper);max-width:430px;box-shadow:var(--forest-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid #ffffffc7;margin:0 auto;position:relative;overflow:hidden}.hero-card{border-radius:36px;gap:13px;padding:28px 24px 24px;display:grid}.panel-card{border-radius:32px;padding:20px}.hero-card-daily{background:radial-gradient(circle at 84% 14%,#ffe789b8 0 54px,#0000 56px),radial-gradient(circle at 14% 96%,#7ed3964d 0 58px,#0000 60px),linear-gradient(150deg,#fffef2fa,#e7f9ebeb);align-content:center;min-height:336px}.hero-card-daily:before,.hero-card-daily:after{z-index:0;pointer-events:none;content:"";position:absolute}.hero-card-daily:before{background:radial-gradient(circle at 30% 20%,#ffffffa8,#0000 42%),linear-gradient(145deg,#fff8d294,#cbeeba6b);border-radius:44% 56% 48% 52%;height:132px;inset:86px 56px auto;box-shadow:inset 0 -8px #4a9f630f}.hero-card-daily:after{background:#4a9f6329;border-radius:999px 28px;width:54px;height:26px;bottom:78px;right:30px;transform:rotate(-18deg)}.home-forest{animation:.42s both page-rise}.home-entry-card{animation:.56s cubic-bezier(.22,.84,.28,1) both home-card-arrive;animation-delay:var(--home-entry-delay,0s)}.home-entry-daily{--home-entry-delay:40ms}.home-entry-review{--home-entry-delay:.14s}.home-entry-search{--home-entry-delay:.24s}.storybook-blob{z-index:0;pointer-events:none;border-radius:999px;display:block;position:absolute}.storybook-blob-one{background:#ffffffe0;width:88px;height:52px;animation:7s ease-in-out infinite alternate cloud-drift;top:34px;right:-20px;box-shadow:-36px 12px #ffffffa8}.storybook-blob-two{background:#82d39657;width:120px;height:120px;animation:6s ease-in-out infinite alternate leaf-sway;bottom:-28px;left:-18px}.hero-card>:not(.storybook-blob),.reading-page-card>:not(.storybook-blob),.hero-card-daily>:not(.storybook-blob){z-index:1;position:relative}.eyebrow{color:var(--forest-muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 2px;font-size:12px;font-weight:900}.section-header-row,.profile-summary-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.soft-badge{min-height:30px;color:var(--forest-leaf-deep);background:#ffffffc2;border:1px solid #4a9f6333;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{aspect-ratio:1;color:#233526;text-align:center;text-shadow:0 6px #ffffffb3;background:radial-gradient(circle at 28% 18%,#ffffffb8 0 24px,#0000 26px),linear-gradient(145deg,#fff9db 0%,#e7f7d3 100%);border:3px solid #ffffffdb;border-radius:44% 56% 50% 50%;place-items:center;width:min(58vw,188px);margin:4px auto 0;font-size:clamp(84px,23vw,112px);font-weight:950;line-height:1;animation:4.8s ease-in-out infinite hanzi-breathe;display:grid;box-shadow:inset 0 -10px #4a9f630f,0 14px 24px #4b5b2d1c}.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:4px}.hero-card-daily button{box-shadow:0 8px #9a52271f,0 14px 24px #cd69362e}.hero-card-daily button:not(:disabled):hover{box-shadow:0 10px #9a52271a,0 18px 28px #cd693633}.hero-card-daily button:not(:disabled):active{box-shadow:0 6px #9a52271f,0 10px 18px #cd693629}.search-card{box-shadow:var(--forest-soft-shadow);background:radial-gradient(circle at 88% 18%,#ffe78957 0 54px,#0000 56px),linear-gradient(145deg,#fffef4e6,#fff9e8d1);gap:10px;display:grid}.review-entry-card{box-shadow:var(--forest-soft-shadow);background:radial-gradient(circle at 90% 14%,#89d66d33 0 42px,#0000 44px),linear-gradient(145deg,#fffdeae0,#ebfae1db);padding:10px}.review-entry-action{width:100%;min-height:76px;color:var(--forest-leaf-deep);text-align:left;box-shadow:none;background:radial-gradient(circle at 14% 18%,#ffffffe6,#0000 36%),linear-gradient(145deg,#fffff4f0,#e1f6d6db);border:1px solid #4a9f6329;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.review-entry-action:not(:disabled):hover{box-shadow:0 12px 22px #4d703a1f}.review-entry-action:not(:disabled):active{box-shadow:0 8px 16px #4d703a1a}.review-entry-leaf{color:#fffdf2;background:linear-gradient(145deg,#84cf6f,#3f9f63);border-radius:64% 36% 58% 42%;place-items:center;width:48px;height:48px;font-size:17px;font-weight:950;animation:5.4s ease-in-out infinite alternate leaf-sway;display:grid;transform:rotate(-16deg);box-shadow:0 10px 18px #468b4233}.review-entry-copy{gap:2px;display:grid}.review-entry-copy strong{color:#244b32;font-size:17px;font-weight:950;line-height:1.35}.review-entry-copy span{color:var(--forest-muted);font-size:14px;font-weight:850}.review-entry-arrow{color:#2e7a4b8f;font-size:21px;font-weight:950}label{color:#314c37;font-size:18px;font-weight:900}input{width:100%;min-height:56px;color:var(--forest-ink);background:#ffffffe6;border:2px solid #5b925d33;border-radius:24px;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}.sprout-loading{justify-content:center;gap:10px;min-height:28px;margin:-2px 0 0;display:flex}.sprout-loading span{background:linear-gradient(145deg,#78c96f,#2f8d53);border-radius:999px 999px 999px 12px;width:18px;height:26px;animation:.76s ease-in-out infinite sprout-hop;transform:rotate(-24deg)scale(.82);box-shadow:0 7px 14px #4a9f632e}.sprout-loading span:nth-child(2){animation-delay:.12s}.sprout-loading span:nth-child(3){animation-delay:.24s}button{color:#fffdf6;cursor:pointer;background:radial-gradient(circle at 28% 18%,#ffecb280,#0000 36%),linear-gradient(#ff9659 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 10px #9a522726,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:radial-gradient(circle at 24% 18%,#fffc,#0000 38%),linear-gradient(#fff9e4 0%,#eaf4cf 100%);box-shadow:0 10px #4a9f631a,0 16px 28px #4d703a1f}.reading-action-grid a{color:#fffdf6;text-align:center;background:radial-gradient(circle at 28% 18%,#ffecb280,#0000 36%),linear-gradient(#ff9659 0%,#cf6336 100%);border-radius:999px;justify-content:center;align-items:center;min-height:54px;padding:0 22px;font-size:17px;font-weight:950;text-decoration:none;display:inline-flex;box-shadow:0 12px #9a52271f,0 18px 32px #cd693638}.reading-action-grid a.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,0px));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdebd1;border:2px solid #ffffffbd;border-radius:999px;gap:6px;width:min(100% - 28px,420px);padding:8px;animation:.48s both nav-rise;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 16px 36px #1f382533}.bottom-nav a{color:#26432fb8;text-align:center;border-radius:999px;flex:1;min-width:0;padding:11px 10px;font-size:15px;font-weight:900;text-decoration:none}.bottom-nav a[aria-current=page]{color:#244b32;background:radial-gradient(circle at 20% 18%,#ffffffdb,#0000 34%),linear-gradient(#fff6ce 0%,#bce9aa 100%);box-shadow:inset 0 -2px #4a9f6329,0 8px 18px #4b5b2d1f}.paged-reading{gap:16px;max-width:430px;min-height:calc(100vh - 168px);margin:0 auto;animation:.42s both page-rise;display:grid}.reading-topbar{justify-items:center;gap:10px;padding:0 6px;display:grid}.reading-progress-pill{min-height:34px;color:var(--forest-leaf-deep);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf1d6;border:1px solid #ffffffc7;border-radius:999px;align-items:center;margin:0;padding:7px 14px;font-size:13px;font-weight:950;line-height:1.25;display:inline-flex;box-shadow:0 10px 22px #4b5b2d14,inset 0 -2px #4a9f6314}.reading-progress-leaves{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:min(100%,302px);margin:0;padding:0;list-style:none;display:grid}.reading-progress-leaf{place-items:center;min-height:34px;display:grid;position:relative}.reading-progress-leaf+.reading-progress-leaf:before{z-index:0;content:"";background:#74aa662e;border-radius:999px;height:3px;position:absolute;top:16px;left:calc(14px - 50%);right:calc(50% + 14px)}.reading-progress-leaf-shape{z-index:1;background:linear-gradient(145deg,#fffde0f5,#d8ebb7eb);border:2px solid #ffffffb8;border-radius:999px 999px 999px 12px;width:24px;height:32px;position:relative;transform:rotate(-26deg);box-shadow:inset 0 -4px #4a9f6314,0 8px 16px #4b5b2d1a}.reading-progress-leaf-index{z-index:2;color:#31543ba8;font-size:12px;font-weight:950;line-height:1;position:absolute}.reading-progress-leaf-done:before{background:#4a9f635c}.reading-progress-leaf-done .reading-progress-leaf-shape{background:linear-gradient(145deg,#91db79,#4da761)}.reading-progress-leaf-done .reading-progress-leaf-index,.reading-progress-leaf-current .reading-progress-leaf-index{color:#fffceb;text-shadow:0 1px #255b3538}.reading-progress-leaf-current .reading-progress-leaf-shape{background:linear-gradient(145deg,#ffdc7e,#68bd70);animation:1.8s ease-in-out infinite reading-leaf-pulse;box-shadow:inset 0 -4px #4a9f6314,0 0 0 5px #fff19f57,0 12px 18px #4b5b2d29}.review-quest{max-width:430px;min-height:calc(100vh - 164px);margin:0 auto;animation:.42s both page-rise;display:grid}.review-card{box-shadow:var(--forest-shadow);background:radial-gradient(circle at 84% 12%,#ffe7897a 0 58px,#0000 60px),radial-gradient(circle at 6% 92%,#7ed39657 0 86px,#0000 88px),linear-gradient(150deg,#fffdeffa,#e2fae8f0);border:2px solid #ffffffb8;border-radius:38px;align-self:start;gap:15px;padding:24px 24px 26px;display:grid;position:relative;overflow:hidden}.review-card>:not(.storybook-blob){z-index:1;position:relative}.review-card h1{color:#244b32;margin:0;font-size:36px;line-height:1.18}.review-progress-row{color:var(--forest-leaf-deep);justify-content:space-between;gap:10px;font-size:15px;font-weight:950;display:flex}.review-helper,.review-score{color:var(--forest-muted);margin:0;font-size:16px;line-height:1.65}.review-score{color:#cf6336;font-size:22px;font-weight:950}.review-picture-card{background:linear-gradient(#ffffffb8,#fffcf1b8),#ffffffad;border:2px solid #ffffffc7;border-radius:30px;gap:10px;margin:0;padding:11px;display:grid;box-shadow:inset 0 -8px #4a9f630f,0 14px 24px #4b5b2d1a}.review-picture-card img,.review-picture-fallback{border-radius:24px;width:100%}.review-picture-fallback{background:var(--forest-mint);color:#233526;place-items:center;min-height:168px;font-size:112px;font-weight:950;display:grid}.review-picture-card figcaption{color:#31543b;font-size:15px;font-weight:850;line-height:1.55}.review-clue-list{flex-wrap:wrap;gap:8px;display:flex}.review-clue-list span{color:var(--forest-leaf-deep);background:#ffffffd1;border-radius:999px;padding:8px 13px;font-size:15px;font-weight:900}.review-option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.review-option-grid button{color:#244b32;background:radial-gradient(circle at 22% 18%,#ffffffd1,#0000 34%),linear-gradient(#fff9e4 0%,#eaf4cf 100%);border:2px solid #ffffffc7;border-radius:26px;min-height:76px;padding:0;font-size:38px;box-shadow:0 10px #4a9f631f,0 16px 28px #4d703a1f}.review-message{color:#cf6336;background:#fffcf1d1;border:1px solid #ffffffc7;border-radius:20px;margin:0;padding:11px 15px;font-size:16px;font-weight:950}.review-finish-card{align-self:center}.review-blob-one{background:#ffffffb8;width:94px;height:62px;animation:7s ease-in-out infinite alternate cloud-drift;top:20px;right:-24px;box-shadow:-40px 16px #ffffff85}.review-blob-two{background:#82d39657;width:116px;height:116px;animation:6s ease-in-out infinite alternate leaf-sway;bottom:-34px;left:-22px}.reading-page-card{min-height:458px;box-shadow:var(--forest-shadow);background:radial-gradient(circle at 82% 10%,#ffe7898a 0 62px,#0000 64px),radial-gradient(circle at 2% 98%,#7ed39647 0 96px,#0000 98px),linear-gradient(160deg,#fffffaf7,#def8eaf0);border:2px solid #ffffffbd;border-radius:40px;align-content:center;gap:17px;padding:27px;animation:.34s both story-page-in;display:grid;position:relative;overflow:visible}.reading-page-scene{background:radial-gradient(circle at 82% 10%,#ffe7897a 0 62px,#0000 64px),linear-gradient(160deg,#fffef5fa,#e0f7f1f0);align-content:start}.reading-page-story{background:radial-gradient(circle at 88% 14%,#ffd8bf70 0 70px,#0000 72px),linear-gradient(160deg,#fffbeffa,#fff1ddeb)}.reading-page-character{background:radial-gradient(circle at 12% 16%,#bae5a961 0 74px,#0000 76px),linear-gradient(160deg,#fffef4fa,#e8f9e7f0)}.reading-page-language{background:radial-gradient(circle at 86% 12%,#ffe78961 0 62px,#0000 64px),linear-gradient(160deg,#fffef6fa,#ebf7dcf0);align-content:start}.reading-page-activity,.reading-page-finish{background:radial-gradient(circle at 84% 12%,#ffe78994 0 68px,#0000 70px),radial-gradient(circle at 12% 90%,#ffd8bf57 0 86px,#0000 88px),linear-gradient(160deg,#fffef4fa,#e2fae8f0)}.reading-finish-celebration{min-height:96px;box-shadow:inset 0 -8px 0 #4a9f6314, var(--forest-soft-shadow);background:radial-gradient(circle,#fff6b3d6,#0000 62%),#dff7caa8;border:2px solid #ffffffd1;border-radius:28px;place-items:center;padding:12px 18px;animation:.64s both finish-glow;display:grid;position:relative;overflow:hidden}.reading-finish-celebration span{background:linear-gradient(145deg,#8dd576,#3f9e5c);border-radius:999px 999px 999px 9px;width:18px;height:26px;animation:.72s both finish-leaf-burst;position:absolute;box-shadow:0 8px 14px #4b5b2d24}.reading-finish-celebration span:first-child{--finish-x:-84px;--finish-y:-34px;--finish-rotate:-42deg}.reading-finish-celebration span:nth-child(2){--finish-x:-46px;--finish-y:32px;--finish-rotate:-8deg;background:linear-gradient(145deg,#ffe38c,#f0af4b)}.reading-finish-celebration span:nth-child(3){--finish-x:52px;--finish-y:-38px;--finish-rotate:28deg;background:linear-gradient(145deg,#ffe38c,#f0af4b)}.reading-finish-celebration span:nth-child(4){--finish-x:88px;--finish-y:22px;--finish-rotate:46deg}.reading-finish-celebration p{z-index:1;color:var(--forest-leaf-deep);letter-spacing:.02em;text-align:center;text-shadow:0 2px #ffffffb8;margin:0;font-size:21px;font-weight:950;position:relative}.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-comic-frame{gap:10px;margin:0;display:grid}.reading-comic-frame img{object-fit:cover;background:#dff8ea;border:3px solid #ffffffd1;border-radius:32px;width:100%;max-height:244px;display:block;box-shadow:0 18px 30px #37563229,inset 0 0 0 2px #fff6}.reading-comic-frame figcaption{color:#3c573f;text-align:center;margin:0;font-size:15px;font-weight:850;line-height:1.55}.reading-comic-questions{gap:8px;display:grid}.reading-comic-questions p{color:#31543b;background:#ffffffc7;border:1px solid #4a9f6329;border-radius:18px;margin:0;padding:11px 14px;font-size:15px;font-weight:850;line-height:1.5}.reading-character{color:#233526;text-align:center;text-shadow:0 8px #ffffffad;margin:6px 0 0;font-size:96px;font-weight:950;line-height:1;animation:.42s both hanzi-soft-pop}.reading-character-large{aspect-ratio:1;background:radial-gradient(circle at 28% 18%,#ffffffc7 0 26px,#0000 28px),linear-gradient(145deg,#fff8db 0%,#dff5c7 100%);border:3px solid #fffc;border-radius:42% 58% 50% 50%;place-items:center;width:min(66vw,202px);margin:0 auto;font-size:110px;display:grid;box-shadow:inset 0 -10px #4a9f6314,0 16px 28px #4b5b2d1f}.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:32px;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{box-shadow:inset 0 -6px 0 #ffe7892e, var(--forest-soft-shadow);background:#fffcf1d1;border:2px solid #ffffffb3;border-radius:26px;padding:18px 19px}.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{display:flex}.reading-read-button{color:#31543b;text-align:left;background:radial-gradient(circle at 18% 18%,#ffffffb8,#0000 34%),#fffcf1db;border:1px solid #4a9f6324;border-radius:24px;justify-content:center;align-items:center;width:100%;min-height:0;padding:12px 16px;font-size:18px;font-weight:900;line-height:1.45;display:inline-flex;box-shadow:0 9px 18px #4b5b2d17}.reading-word-button{border-radius:999px}.reading-sentence-button{justify-content:flex-start;align-items:flex-start;padding:13px 15px}.reading-read-button:not(:disabled):hover{transform:translateY(-1px)rotate(-.2deg);box-shadow:0 8px 18px #4b5b2d14}.reading-read-button.is-speaking{background:radial-gradient(circle at 18% 20%,#ffed89db,#0000 34%),linear-gradient(135deg,#fff9d5f5,#dcf8cfeb);border-color:#ffaa4bad;transform:translateY(-2px)scale(1.03)rotate(-.4deg);box-shadow:0 14px 24px #ff9c4338}.reading-footer{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:10px;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-tree-card{box-shadow:var(--forest-soft-shadow), inset 0 -8px 0 #4a9f6312;background:radial-gradient(circle at 18% 16%,#ffffffbd,#0000 34%),linear-gradient(165deg,#fffce4eb,#d9f6d7e0);border:2px solid #ffffffc2;border-radius:30px;gap:8px;margin:0;padding:12px 12px 14px;display:grid}.profile-tree{width:100%;height:auto;display:block}.profile-tree-ground,.profile-tree-trunk,.profile-tree-branch{fill:none;stroke-linecap:round;stroke-linejoin:round}.profile-tree-ground{stroke:#4a9f6347;stroke-width:18px}.profile-tree-trunk{stroke:#8a653b;stroke-width:20px}.profile-tree-branch{stroke:#8a653b;stroke-width:11px}.profile-tree-leaf{animation:.52s both profile-leaf-grow;animation-delay:calc(var(--leaf-index) * 80ms)}.profile-tree-leaf ellipse{fill:#69bd6f;stroke:#ffffffbd;stroke-width:3px}.profile-tree-leaf-favorite ellipse{fill:#f3b84d}.profile-tree-leaf text{fill:#fffdf2;paint-order:stroke;stroke:#255b3547;stroke-width:2px;font-size:18px;font-weight:950}.profile-tree-overflow circle{fill:#fff7c4f5;stroke:#ffffffd1;stroke-width:4px;filter:drop-shadow(0 10px 14px #7c5b2e29)}.profile-tree-overflow text{fill:#7b5a33;font-size:19px;font-weight:950}.profile-tree-empty{fill:var(--forest-muted);font-size:15px;font-weight:850}.profile-tree-card figcaption{color:var(--forest-muted);text-align:center;margin:0;font-size:14px;font-weight:850;line-height:1.5}.profile-tree-card figcaption span{display:block}.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;gap:9px;margin:0;padding:0;line-height:1.8;list-style:none;display:grid}.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 home-card-arrive{0%{opacity:0;transform:translateY(20px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@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 reading-leaf-pulse{0%,to{transform:rotate(-26deg)translateY(0)scale(1)}50%{transform:rotate(-22deg)translateY(-3px)scale(1.05)}}@keyframes finish-glow{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes finish-leaf-burst{0%{opacity:0;transform:translateY(14px)rotate(-24deg)scale(.36)}72%{opacity:1}to{opacity:1;transform:translate(var(--finish-x), var(--finish-y)) rotate(var(--finish-rotate)) 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 sprout-hop{0%,to{transform:translateY(5px)rotate(-24deg)scale(.82)}45%{transform:translateY(-5px)rotate(-12deg)scale(1)}}@keyframes profile-leaf-grow{0%{filter:saturate(.7);opacity:0}to{filter:saturate();opacity:1}}@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}}