:root{color:#243042;background:#dff5ff;font-family:Nunito,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #dff5ff;--surface: #ffffff;--ink: #243042;--muted: #617083;--green: #62bf39;--blue: #2096ef;--yellow: #ffbd12;--coral: #ff7048;--shadow: 0 18px 32px rgba(42, 65, 34, .2)}*{box-sizing:border-box}html{scrollbar-color:rgba(36,48,66,.22) transparent;scrollbar-width:thin}html::-webkit-scrollbar{width:10px;height:10px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:#24304238;background-clip:content-box;border:3px solid transparent;border-radius:999px}html::-webkit-scrollbar-thumb:hover{background:#24304257;background-clip:content-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.app-shell{min-height:100vh;background:var(--bg)}.home-shell{background:#bfeeff}.play-shell{min-height:100vh;background:#bfeeff}.topbar{display:grid;grid-template-columns:52px 1fr 88px;align-items:center;gap:12px;width:min(100%,1040px);margin:0 auto;padding:16px 24px 10px}.home-shell .topbar{position:absolute;z-index:5;left:50%;transform:translate(-50%);padding-top:22px}.home-shell .brand{visibility:hidden}.brand{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--ink);font-size:26px;font-weight:900}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:3px solid #ffffff;border-radius:13px;background:var(--yellow);box-shadow:0 4px #243042,0 8px 16px #0000002e;font-size:24px}.color-logo{display:inline-flex;gap:2px;filter:drop-shadow(0 3px 0 #ffffff) drop-shadow(0 6px 4px rgba(0,0,0,.2));font-size:30px}.color-logo span:nth-child(1){color:#62b92f}.color-logo span:nth-child(2){color:#ff503a}.color-logo span:nth-child(3){color:#f90}.color-logo span:nth-child(4){color:#238de8}.topbar-right{display:flex;justify-content:flex-end}.topbar-right:empty{pointer-events:none}.screen{width:min(100%,1040px);margin:0 auto;padding:12px 24px 36px}.home-shell .screen,.play-shell .screen{width:100%;max-width:none;padding:0}.play-shell .topbar{position:absolute;z-index:5;left:50%;transform:translate(-50%)}.icon-button,.text-button,.round-action{display:inline-grid;min-width:48px;min-height:48px;place-items:center;border:0;border-radius:999px;background:#fffffff0;color:var(--ink);cursor:pointer;box-shadow:none}.text-button{padding:0 18px;font-size:18px;font-weight:900}.is-hidden{visibility:hidden}.home-hero,.learning-panel,.result-panel,.parent-gate{position:relative;display:grid;justify-items:center;gap:22px;min-height:calc(100vh - 104px);padding:36px;text-align:center}.home-hero{min-height:100vh;align-content:stretch;padding:0;overflow:hidden}.scene-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}.home-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(270px,380px) minmax(320px,1fr);grid-template-rows:auto auto 1fr;gap:20px 34px;align-items:end;width:min(100%,940px);min-height:100vh;padding:72px 34px 68px}.hero-logo{grid-column:1 / 2;align-self:start;justify-self:start;display:flex;gap:5px;margin-top:8px;font-size:clamp(48px,7vw,78px);font-weight:1000;letter-spacing:0;filter:drop-shadow(0 5px 0 #ffffff) drop-shadow(0 9px 6px rgba(0,0,0,.22))}.hero-logo span{display:inline-block;transform:rotate(-3deg)}.hero-logo span:nth-child(1){color:#62b92f}.hero-logo span:nth-child(2){color:#ff503a;transform:rotate(2deg)}.hero-logo span:nth-child(3){color:#ff9f0a}.hero-logo span:nth-child(4){color:#238de8;transform:rotate(3deg)}.hero-logo i{width:32px;height:32px;margin-top:4px;border-radius:40% 70% 35%;background:#61b735;box-shadow:15px -10px #8bd05b;transform:rotate(-20deg)}.home-hero h1,.listen-header h1,.result-panel h1,.parent-gate h1{margin:0;font-size:clamp(38px,6vw,68px);line-height:1.05}.soft-label,.small-caption{margin:0 0 8px;color:#397a25;font-size:20px;font-weight:900}.recommend-card,.summary-card,.wide-panel,.metric-card,.setting-row,.char-row{border:2px solid rgba(78,142,36,.28);border-radius:22px;background:#fffffff2;box-shadow:var(--shadow)}.today-panel{grid-column:1 / 2;display:grid;gap:16px;align-self:center;padding:24px;border-radius:24px;background:#ffffffed;box-shadow:0 14px 28px #385b2238;text-align:left}.today-panel strong{color:#4b9a28;font-size:30px;line-height:1.15}.preview-card-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.character-preview{display:grid;justify-items:center;gap:7px;min-height:150px;padding:12px 8px 10px;border:2px solid #f0c873;border-radius:13px;background:linear-gradient(#fffefd,#fff7df);box-shadow:inset 0 -4px #fbd06547}.preview-char{font-family:KaiTi,STKaiti,Songti SC,serif;font-size:52px;font-weight:900;line-height:1}.preview-art{position:relative;display:block;width:54px;height:42px}.sprite-art{display:block;background-repeat:no-repeat;background-size:500% 400%}.preview-art:before,.preview-art:after{position:absolute;content:""}.sprite-art:before,.sprite-art:after{display:none}.preview-art:before{top:7px;right:13px;bottom:7px;left:13px;border-radius:50%;background:var(--yellow);box-shadow:0 -15px 0 -9px var(--yellow),0 15px 0 -9px var(--yellow),-15px 0 0 -9px var(--yellow),15px 0 0 -9px var(--yellow)}.art-mu:before,.art-shan:before,.art-tian:before,.art-hua:before,.art-niao:before{top:5px;right:9px;bottom:10px;left:9px;border-radius:48% 48% 42% 42%;background:#6dbb33;box-shadow:-14px 10px 0 -5px #4e9c2f,14px 11px 0 -5px #7bc447}.art-mu:after,.art-shan:after,.art-tian:after,.art-hua:after,.art-niao:after{left:25px;bottom:2px;width:8px;height:25px;border-radius:4px;background:#b36d27}.art-shui:before,.art-ri:before,.art-yue:before{top:14px;right:4px;bottom:6px;left:4px;border-radius:50% 50% 44% 44%;background:#44a8f6;box-shadow:12px -8px 0 -4px #7fd2ff,-12px 5px 0 -5px #1d8ee4}.character-preview small{color:#5b5b4e;font-size:15px;font-weight:800}.play-button{grid-column:2 / 3;grid-row:2 / 3;justify-self:center;display:inline-flex;align-items:center;justify-content:center;gap:20px;min-width:min(100%,390px);min-height:104px;padding:0 42px;border:5px solid #ffffff;border-radius:999px;background:linear-gradient(#ffca21,#ffae08);color:#fff;cursor:pointer;text-shadow:0 3px 0 rgba(158,91,0,.45);box-shadow:0 8px #d78200,0 20px 34px #58532247;font-size:clamp(30px,4vw,48px);font-weight:1000}.play-triangle{width:0;height:0;border-top:22px solid transparent;border-bottom:22px solid transparent;border-left:34px solid #ffffff;filter:drop-shadow(0 3px 0 rgba(158,91,0,.32))}.home-mode-row{grid-column:1 / 3;grid-row:3 / 4;align-self:end;display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:24px}.home-mode-card{display:grid;grid-template-columns:90px 1fr 48px;align-items:center;min-height:118px;padding:20px 24px;border:3px solid rgba(56,132,24,.24);border-radius:22px;color:#174a86;cursor:pointer;text-align:left;box-shadow:0 12px 24px #2a702633}.home-mode-card strong{color:#245b18;font-size:clamp(28px,3vw,38px)}.card-mode-green{background:linear-gradient(135deg,#edffd2f2,#caf48ef0)}.card-mode-blue{background:linear-gradient(135deg,#e8f9fff2,#b6e0fff0)}.stacked-cards{position:relative;display:grid;width:70px;height:78px;place-items:center;border:2px solid #7bc447;border-radius:10px;background:#fff;color:#222;font-family:KaiTi,STKaiti,serif;font-size:42px;box-shadow:-10px 8px #e5f7d1,8px 10px #0000001f}.ready-text{position:absolute;z-index:3;right:32px;bottom:20px;color:#3d8b29;font-weight:900}.primary-button,.secondary-button,.hold-button,.parent-gate-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:64px;border:3px solid #243042;border-radius:18px;color:var(--ink);cursor:pointer;font-size:22px;font-weight:900}.primary-button{min-width:min(100%,320px);padding:0 34px;background:linear-gradient(#78d964,#54b83f);box-shadow:6px 6px #243042}.secondary-button{min-height:58px;padding:0 28px;border:2px solid rgba(63,132,198,.32);border-radius:999px;background:linear-gradient(180deg,#fff,#eef8ff 58%,#d6ecff);color:#164c7d;box-shadow:0 6px #9ac4e7,0 13px 20px #2260902e,inset 0 2px #fffffff0}.secondary-button svg{color:#1f8ee8}.secondary-button:hover{transform:translateY(-2px);box-shadow:0 8px #9ac4e7,0 16px 24px #22609033,inset 0 2px #fffffff0}.secondary-button:active{transform:translateY(4px);box-shadow:0 2px #86b0d3,0 8px 14px #22609029,inset 0 2px #ffffffe6}.progress-dots{display:flex;gap:8px}.dot{width:16px;height:16px;border:2px solid rgba(36,48,66,.35);border-radius:50%;background:#fff}.dot.is-filled{background:#39b341}.page-stack,.parent-stack{display:grid;gap:20px}.parent-stack{gap:14px}.parent-dashboard-stack{width:min(100%,390px);margin:0 auto;gap:16px}.parent-console-shell{min-height:100svh;display:grid;grid-template-rows:auto 1fr;align-items:start;justify-items:center;overflow-x:hidden;background:radial-gradient(circle at 8% 8%,rgba(255,255,255,.78) 0 58px,transparent 59px),radial-gradient(circle at 88% 16%,rgba(255,211,57,.62) 0 44px,transparent 45px),linear-gradient(180deg,#c9f2ff,#f3fbff 62%,#fbfeff)}.parent-console-shell .topbar{grid-template-columns:48px minmax(0,1fr) 48px;width:min(100%,430px);padding:16px 16px 10px}.parent-console-shell .screen{width:min(100%,430px);padding:8px 16px 36px}.parent-console-shell .brand{min-width:0;gap:8px;font-size:24px}.parent-console-shell .brand>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parent-console-shell .parent-stack{width:100%;margin:0}@media(min-width:640px){.parent-console-shell .topbar,.parent-console-shell .screen{width:390px;max-width:390px;padding-inline:0}.parent-console-shell .screen{padding-bottom:44px}}.lobby-stack{gap:18px;padding-bottom:22px}.lobby-recommend-panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:178px;overflow:hidden;border:1px solid rgba(112,180,224,.42);border-radius:26px;background:radial-gradient(circle at 86% 6%,rgba(255,214,60,.6) 0 48px,transparent 49px),linear-gradient(135deg,#fffffff0,#d5f4ffeb 58%,#c5e8fff0);box-shadow:0 16px 30px #32699124,inset 0 1px #ffffffe6;padding:28px 30px}.lobby-recommend-copy{position:relative;z-index:1;display:grid;gap:9px}.lobby-recommend-copy h2{max-width:13em;margin:0;color:#1f334f;font-size:clamp(28px,5vw,44px);font-weight:1000;line-height:1.12}.lobby-recommend-copy>span{color:#52708f;font-size:16px;font-weight:900}.lobby-start-button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:132px;min-height:58px;padding:0 22px;border:0;border-radius:999px;background:linear-gradient(180deg,#7d63df,#5a42bd);color:#fff;cursor:pointer;box-shadow:none;font-size:20px;font-weight:1000;white-space:nowrap}.lobby-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lobby-library-preview{position:relative;display:grid;grid-template-columns:minmax(148px,.76fr) minmax(0,1fr) 28px;align-items:center;gap:16px;overflow:hidden;min-height:184px;padding:18px 18px 18px 22px;border:1px solid rgba(255,205,104,.5);border-radius:26px;background:radial-gradient(circle at 92% 18%,rgba(255,213,74,.42) 0 48px,transparent 49px),linear-gradient(135deg,#fffdf1,#ecf9ff 58%,#eaf8d7);color:#1f334f;cursor:pointer;box-shadow:0 16px 30px #32699121,inset 0 1px #ffffffe6;text-align:left}.lobby-library-preview:hover{transform:translateY(-2px);box-shadow:0 20px 34px #32699129,inset 0 1px #ffffffe6}.lobby-library-preview-copy{display:grid;align-content:center;gap:7px}.lobby-library-preview-copy strong{font-size:clamp(28px,4.2vw,40px);font-weight:1000;line-height:1.05}.lobby-library-preview-copy>span{color:#52708f;font-size:16px;font-weight:950}.lobby-library-preview-copy div{display:flex;flex-wrap:wrap;gap:6px}.lobby-library-preview-copy em{display:inline-grid;min-width:34px;min-height:28px;place-items:center;border-radius:999px;background:#fff;color:#1765a9;box-shadow:inset 0 0 0 1px #56a9e82e;font-style:normal;font-size:15px;font-weight:1000}.lobby-library-preview-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px}.lobby-library-mini-card{display:block;min-width:0;overflow:hidden;aspect-ratio:4 / 3;border:1px solid rgba(255,205,104,.56);border-radius:15px;background:#fff7d4;box-shadow:inset 0 0 0 2px #ffffff8c,0 10px 18px #5c6d7e1f}.lobby-library-mini-card .card-image-frame,.lobby-library-mini-card .character-card-fallback,.lobby-library-mini-card img{width:100%;height:100%;border-radius:15px;object-fit:contain;clip-path:inset(1px round 15px)}.lobby-library-preview>svg{justify-self:end;color:#1765a9}.lobby-mode-card{display:grid;grid-template-columns:58px minmax(0,1fr) 28px;align-items:center;gap:14px;min-height:132px;border:1px solid rgba(114,169,211,.34);border-radius:24px;background:#ffffffeb;color:#1f334f;cursor:pointer;box-shadow:0 14px 26px #32699121,inset 0 1px #ffffffe6;padding:20px;text-align:left}.lobby-mode-card:hover{transform:translateY(-2px);box-shadow:0 18px 30px #32699129,inset 0 1px #ffffffe6}.lobby-mode-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;color:#fff}.lobby-mode-card-green .lobby-mode-icon{background:linear-gradient(180deg,#83db60,#37ad45)}.lobby-mode-card-coral .lobby-mode-icon{background:linear-gradient(180deg,#ff9c77,#ff6847)}.lobby-mode-card strong,.lobby-mode-card small{display:block}.lobby-mode-card strong{font-size:clamp(24px,3.4vw,34px);font-weight:1000;line-height:1.05}.lobby-mode-card small{margin-top:8px;color:#52708f;font-size:16px;font-weight:900}.lobby-mode-card>svg{justify-self:end;color:#1765a9}.card-library-stack{gap:16px}.library-level-tabs{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;border:1px solid rgba(112,180,224,.28);border-radius:22px;background:#ffffffe0;box-shadow:0 12px 24px #3269911f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.library-level-tabs button{display:grid;min-width:0;min-height:58px;align-content:center;justify-items:center;gap:3px;border:0;border-radius:16px;background:transparent;color:#2f5878;cursor:pointer}.library-level-tabs strong{font-size:24px;font-weight:1000;line-height:1}.library-level-tabs span{color:#61738a;font-size:12px;font-weight:900}.library-level-tabs button.is-active{background:linear-gradient(180deg,#fff8cf,#ffe58a);color:#24506f;box-shadow:inset 0 0 0 1px #e8ae243d,0 8px 14px #8b66141f}.card-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-bottom:22px}.library-card{display:block;min-width:0;overflow:hidden;aspect-ratio:4 / 3;border:1px solid rgba(255,205,104,.52);border-radius:18px;background:#fff7d4;box-shadow:inset 0 0 0 2px #ffffff8c,0 12px 22px #5c6d7e1f}.library-card .card-image-frame,.library-card .character-card-fallback,.library-card img{width:100%;height:100%;border-radius:18px;object-fit:contain;clip-path:inset(1.5px round 18px)}.wide-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px}.wide-panel h2{margin:0;font-size:clamp(24px,3vw,38px);line-height:1.15}.accent-blue{background:linear-gradient(135deg,#e5f7ff,#c7ebff)}.accent-green{background:linear-gradient(135deg,#f0ffd9,#d8f8a4)}.accent-coral{background:linear-gradient(135deg,#ffe8df,#ffc9b7)}.accent-yellow{background:linear-gradient(135deg,#fff7cf,#ffe78c)}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mode-tile{display:grid;min-height:180px;align-content:center;justify-items:start;gap:10px;border:3px solid #243042;border-radius:18px;padding:24px;color:var(--ink);text-align:left;cursor:pointer;box-shadow:6px 6px #243042}.mode-tile strong{font-size:28px}.mode-tile span{color:var(--muted);font-size:18px;font-weight:800}.mode-tile.is-disabled{background:#f2f0ea;color:#8d8a82;cursor:not-allowed;box-shadow:none}.learning-panel{align-content:center;min-height:100vh;padding-top:78px;background:linear-gradient(#ffffff6b,#ffffff6b),url(/assets/paper-landscape-JvBhGXns.png) center / cover}.screen-progress{display:flex;align-items:center;gap:14px;color:var(--muted);font-weight:900}.study-card-button{display:block;width:min(92vw,540px);border:0;background:transparent;cursor:pointer;padding:0;text-align:left}.study-card{position:relative;overflow:hidden;width:100%;border:3px solid #f2b9b0;border-radius:20px;background:linear-gradient(180deg,#fff8ec,#fffaf1 58%,#fff3d9);box-shadow:0 12px #e19a828c,0 20px 26px #583b1e38,inset 0 0 0 5px #ffffffb8}.study-card-large{aspect-ratio:1 / 1.03}.study-card-large .study-art{right:5%;bottom:4%;width:50%}.study-scene{position:relative;min-height:66%;background:radial-gradient(ellipse at 80% 70%,rgba(117,193,73,.3) 0 18%,transparent 19%),linear-gradient(180deg,#fff9e880,#fff9e800 42%),linear-gradient(180deg,#fffaf0,#fff7e6)}.study-scene:before{position:absolute;z-index:0;right:-8%;bottom:0;left:-8%;height:34%;border-radius:58% 54% 0 0;background:radial-gradient(circle at 18% 74%,#70c948 0 5px,transparent 6px),radial-gradient(circle at 34% 70%,#8adf5f 0 4px,transparent 5px),radial-gradient(circle at 72% 68%,#65bd3f 0 5px,transparent 6px),linear-gradient(180deg,#b6e56c,#7bc947);content:""}.study-scene:after{position:absolute;z-index:0;right:7%;bottom:10%;width:18%;height:38%;border-radius:999px 999px 8px 8px;background:radial-gradient(circle at 35% 18%,#62b83b 0 28%,transparent 29%),radial-gradient(circle at 62% 20%,#7acb43 0 29%,transparent 30%),radial-gradient(circle at 50% 40%,#5caf36 0 35%,transparent 36%),linear-gradient(90deg,transparent 42%,#a76825 43% 57%,transparent 58%);box-shadow:-7px 8px #376f1d1f;content:""}.study-cloud{position:absolute;z-index:1;top:11%;left:43%;width:58px;height:28px;border-radius:999px;background:#fff;box-shadow:-18px 6px 0 -2px #fff,16px 7px 0 -3px #fff,0 8px 12px #67482b21}.study-main-char{position:absolute;top:8%;left:8%;z-index:3;font-family:KaiTi,STKaiti,Songti SC,serif;font-size:clamp(132px,22vw,220px);font-weight:900;line-height:.86;color:#e6281d;background:linear-gradient(180deg,#fff2ea,#ff4b37 18%,#e51913 60%,#9b0f0d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px #ffb3a8;filter:drop-shadow(0 4px 0 #ffffff) drop-shadow(0 8px 0 #8c130f) drop-shadow(0 13px 13px rgba(70,20,10,.28))}.study-art{position:absolute;z-index:3;right:8%;bottom:8%;width:42%;aspect-ratio:1;filter:drop-shadow(0 12px 13px rgba(64,43,18,.22)) saturate(1.08)}.study-copy{position:relative;z-index:3;display:grid;gap:6px;min-height:28%;padding:5px 33% 18px 7%}.study-title{display:flex;align-items:baseline;gap:12px;font-weight:1000}.study-title span{font-family:KaiTi,STKaiti,Songti SC,serif;font-size:clamp(36px,7vw,58px);line-height:1;color:#e52318;text-shadow:0 3px 0 #ffd2c6,0 5px 9px rgba(120,20,10,.18)}.study-title strong{color:#3d2d22;font-size:clamp(24px,3.8vw,38px);line-height:1}.study-copy p{margin:0;color:#258738;font-size:clamp(18px,2.5vw,25px);font-weight:900;line-height:1.15}.study-question{position:absolute;right:5%;bottom:6%;z-index:4;display:grid;min-width:24%;min-height:21%;align-content:center;justify-items:center;padding:9px 9px 8px;border:2px solid #e7cf48;border-radius:22px;background:#fffccde6;color:#217a32;font-size:clamp(15px,2.2vw,20px);font-weight:900;line-height:1.15;text-align:center}.study-question-art{position:absolute;right:-5px;bottom:-7px;width:34px;aspect-ratio:1;filter:drop-shadow(0 4px 5px rgba(83,55,21,.25))}.big-card{display:grid;width:min(46vw,300px);min-width:190px;aspect-ratio:1;place-items:center;border:2px solid #b9df95;border-radius:22px;background:#fff;color:#222;cursor:pointer;box-shadow:0 10px 24px #3460272e;font-family:KaiTi,STKaiti,Songti SC,serif;font-size:clamp(112px,18vw,190px);font-weight:900}.pinyin{margin:0;color:#4da02d;font-size:34px;font-weight:900}.sentence,.hint{max-width:620px;margin:0;color:var(--ink);font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.35}.dual-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.listen-header{display:grid;justify-items:center;gap:10px;color:#116fc1}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(230px,360px));gap:16px}.choice-button{position:relative;display:block;min-height:198px;border:0;border-radius:20px;background:transparent;cursor:pointer;padding:0;text-align:left;transition:transform .14s ease,filter .14s ease}.choice-button:hover{transform:translateY(-3px);filter:saturate(1.04)}.choice-button:active{transform:translateY(6px)}.choice-button:focus-visible .study-card{outline:4px solid rgba(40,164,255,.75);outline-offset:4px}.study-card-choice{height:100%;min-height:inherit;border-width:2px;border-color:#f1c4ab;border-radius:18px;box-shadow:0 8px #e19a5894,0 14px 18px #583b1e2e,inset 0 0 0 4px #ffffffad}.study-card-choice .study-scene{min-height:68%}.study-card-choice .study-main-char{top:10%;left:8%;font-size:clamp(62px,9vw,104px);-webkit-text-stroke-width:1px;filter:drop-shadow(0 2px 0 #ffffff) drop-shadow(0 4px 0 #8c130f) drop-shadow(0 8px 8px rgba(70,20,10,.22))}.study-card-choice .study-art{right:8%;bottom:10%;width:39%}.study-card-choice .study-cloud{top:11%;left:47%;width:35px;height:17px;box-shadow:-10px 4px 0 -2px #fff,10px 4px 0 -3px #fff,0 5px 8px #67482b1a}.study-card-choice .study-copy{gap:2px;min-height:29%;padding:4px 31% 10px 7%}.study-card-choice .study-title{gap:6px}.study-card-choice .study-title span{font-size:clamp(24px,4vw,34px);text-shadow:0 2px 0 #ffd2c6,0 4px 7px rgba(120,20,10,.16)}.study-card-choice .study-title strong{font-size:clamp(16px,2vw,20px)}.study-card-choice .study-copy p{display:-webkit-box;overflow:hidden;font-size:clamp(13px,1.5vw,16px);-webkit-box-orient:vertical;-webkit-line-clamp:2}.study-card-choice .study-question{right:4%;bottom:6%;min-width:24%;min-height:19%;padding:6px 7px;border-radius:15px;font-size:clamp(10px,1.3vw,13px)}.study-card-choice .study-question-art{width:22px}.choice-button:disabled{cursor:default;opacity:.75}.study-card{overflow:visible;border:0;border-radius:18px;background:transparent;box-shadow:none}.study-card-image{display:block;width:100%;border-radius:18px;object-fit:cover;-webkit-user-select:none;user-select:none;box-shadow:0 8px #da8f6094,0 16px 24px #4837232e}.study-card-large{aspect-ratio:auto}.study-card-large .study-card-image{border-radius:20px}.study-card-choice{height:100%;min-height:inherit;border:0;background:transparent}.study-card-choice .study-card-image{height:100%}.choice-button:focus-visible .study-card-image{outline:4px solid rgba(40,164,255,.78);outline-offset:4px}.feedback-correct{background:linear-gradient(#eeffddc7,#eeffddc7),url(/assets/paper-landscape-JvBhGXns.png) center / cover}.feedback-wrong{background:linear-gradient(#ffebe4cc,#ffebe4cc),url(/assets/paper-landscape-JvBhGXns.png) center / cover}.result-panel{align-content:center;min-height:100vh;padding-top:78px;background:linear-gradient(#fffce9b8,#fffce9b8),url(/assets/paper-landscape-JvBhGXns.png) center / cover}.summary-card{display:grid;gap:12px;min-width:min(100%,430px);padding:26px;background:#fffffff0;font-size:24px;font-weight:800}.summary-card strong{font-size:30px}.parent-gate{align-content:center}.parent-gate-panel,.parent-hero-panel,.parent-insight-panel,.parent-settings-panel{display:grid;gap:18px}.parent-gate-panel{grid-template-columns:64px minmax(0,1fr);align-items:start;gap:14px 16px;padding:24px;overflow:hidden;border-color:#8db84a70;border-radius:28px;background:linear-gradient(135deg,#fff6afe0,#def7d5db),#ffffffd1}.parent-gate-lock{display:grid;width:64px;height:64px;place-items:center;border:2px solid rgba(232,177,37,.28);border-radius:20px;background:#ffffffe6;box-shadow:0 10px 20px #5c480e1f,inset 0 1px #ffffffe6;color:#f59d00}.parent-gate-copy,.parent-hero-copy{display:grid;gap:8px}.parent-gate-copy h2,.parent-hero-copy h2{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.15}.parent-gate-copy span,.parent-hero-copy span{color:var(--muted);font-size:16px;font-weight:800;line-height:1.5}.parent-hero-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:auto;padding:20px;border-radius:26px}.parent-dashboard-hero{position:relative;overflow:hidden;grid-template-columns:minmax(0,1fr) 108px;gap:12px;min-height:168px;padding:20px 18px 20px 22px;border:1px solid rgba(83,154,198,.22);border-radius:24px;background:linear-gradient(135deg,#f8fdfff5,#e2f6ffe6);box-shadow:none}.parent-dashboard-hero:before{position:absolute;inset:0 auto 0 0;width:6px;background:#238de8;content:""}.parent-dashboard-hero:after{position:absolute;inset:auto 0 0 auto;width:44%;height:46%;background:linear-gradient(90deg,rgba(35,141,232,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(35,141,232,.08) 1px,transparent 1px);background-size:16px 16px;content:"";opacity:.62;pointer-events:none}.parent-dashboard-hero .parent-hero-copy,.parent-dashboard-hero .parent-hero-stat{position:relative;z-index:1}.parent-dashboard-hero .parent-hero-stat{min-width:108px;min-height:118px;align-content:center;padding:0 0 0 15px;border:0;border-left:1px solid rgba(31,72,112,.14);border-radius:0;background:transparent;box-shadow:none;justify-items:start}.parent-dashboard-hero .parent-hero-stat strong{color:#1266c3;font-size:52px}.parent-dashboard-hero .parent-hero-stat span{color:#55708e;font-size:15px;font-weight:950}.parent-dashboard-hero .soft-label{color:#1765a9;font-size:18px}.parent-dashboard-hero .parent-hero-copy{gap:8px}.parent-dashboard-hero .parent-hero-copy h2{font-size:31px}.parent-dashboard-hero .parent-hero-copy span{color:#68768b;font-size:16px;line-height:1.45}.parent-hero-stat{position:relative;z-index:1;display:grid;justify-items:center;min-width:112px;gap:3px;padding:14px 16px;border:1px solid rgba(255,255,255,.7);border-radius:22px;background:#ffffffc7;box-shadow:inset 0 1px #ffffffe6}.parent-hero-stat strong{color:var(--ink);font-size:32px;font-weight:1000;line-height:1}.parent-hero-stat span{color:var(--muted);font-size:13px;font-weight:900}.parent-progress-row{display:flex;align-items:center;gap:8px;width:min(100%,210px)}.parent-progress-row>strong{color:#718199;font-size:16px;font-weight:900;line-height:1}.parent-progress-line{flex:1;min-width:0;width:min(100%,320px);height:8px;overflow:hidden;border-radius:999px;background:#9fb5c842;box-shadow:inset 0 0 0 1px #5aabdb29}.parent-progress-line span{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,#58c45c,#238de8)}.parent-section-title{margin:8px 4px -4px;color:#30506a;font-size:22px;font-weight:1000}.parent-gate-button{grid-column:1 / -1;justify-self:stretch;min-width:0;min-height:62px;padding:0 24px;border:0;border-radius:22px;background:linear-gradient(180deg,#24598b,#173e68);color:#fff;box-shadow:none;white-space:nowrap}.parent-gate-button svg{flex:0 0 auto;color:#ffbd12}.parent-gate-button:hover{transform:translateY(-2px)}.parent-gate-button:active{transform:translateY(3px);box-shadow:none}.parent-gate-button.is-confirming{background:linear-gradient(180deg,#ffbd12,#f59d00);color:#13233a;box-shadow:none}.parent-gate-button.is-confirming svg{color:#13233a}@media(max-width:760px){.parent-gate-panel{grid-template-columns:58px minmax(0,1fr);padding:22px}.parent-gate-lock{width:58px;height:58px}.parent-gate-button{min-height:58px}}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric-card{position:relative;display:grid;align-content:center;gap:8px;min-height:96px;padding:15px 14px 14px 18px;overflow:hidden;border:1px solid rgba(112,180,224,.24);border-radius:16px;background:#ffffffe6;box-shadow:none}.metric-card:before{position:absolute;inset:0 auto 0 0;width:6px;content:"";background:#238de8}.metric-card:after{position:absolute;right:-18px;top:-18px;width:58px;height:58px;border-radius:999px;content:"";background:#238de81f}.metric-card-green:before{background:#58bb51}.metric-card-green:after{background:#58bb5121}.metric-card-yellow:before{background:#f2ad00}.metric-card-yellow:after{background:#f2ad0024}.metric-card-coral:before{background:#ff7048}.metric-card-coral:after{background:#ff704821}.metric-card span{position:relative;z-index:1;color:var(--muted);font-size:15px;font-weight:800}.metric-card strong{position:relative;z-index:1;color:#142742;font-size:27px;line-height:1.05;white-space:nowrap}.metric-card strong .metric-unit{color:#142742;font-size:18px;font-weight:400;line-height:1}.parent-stack .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.parent-insight-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:auto;padding:18px 20px;border-radius:24px}.parent-watch-panel{position:relative;overflow:hidden;grid-template-columns:minmax(0,1fr) 84px;gap:10px;min-height:126px;padding:16px 12px 16px 18px;border:1px solid rgba(232,177,37,.26);border-radius:20px;background:linear-gradient(90deg,rgba(242,173,0,.16) 0,rgba(242,173,0,.16) 6px,transparent 6px),linear-gradient(135deg,#fffdf1f5,#eff9e4e6);box-shadow:none}.parent-watch-panel:after{position:absolute;right:-26px;top:-34px;width:100px;height:100px;border-radius:999px;background:#f2ad001c;content:"";pointer-events:none}.parent-watch-copy,.parent-watch-stat{position:relative;z-index:1}.parent-watch-copy{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 12px}.parent-watch-heading{grid-column:1 / -1;display:flex;align-items:center;gap:7px}.parent-watch-heading svg{color:#ff8a00}.parent-watch-heading .soft-label{margin:0;color:#ff8200;font-size:18px}.parent-watch-chars{display:flex;flex-wrap:wrap;gap:8px}.parent-watch-chars.is-empty{width:68px;height:68px}.parent-watch-char{display:grid;width:68px;height:68px;place-items:center;border:1px solid rgba(242,173,0,.26);border-radius:16px;background:linear-gradient(90deg,transparent calc(50% - 1px),rgba(167,194,211,.26) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(0deg,transparent calc(50% - 1px),rgba(167,194,211,.26) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),#ffffffc7;color:#153f63;font-family:KaiTi,STKaiti,Songti SC,serif;font-size:48px;font-weight:900;line-height:1}.parent-watch-copy>span{display:block;margin:0;color:#334966;font-size:16px;font-weight:850;line-height:1.45}.parent-watch-stat{display:grid;min-width:84px;justify-items:start;padding-left:10px;border-left:1px solid rgba(96,111,127,.14);align-content:center;gap:5px;background:transparent}.parent-watch-stat strong{color:#ff8200;font-size:40px;font-weight:1000;line-height:1}.parent-watch-stat span{margin:0;color:#61738a;font-size:13px;font-weight:900}.parent-library-progress{width:66px;height:8px;overflow:hidden;border-radius:999px;background:#ffffffb8;box-shadow:inset 0 0 0 1px #1765a91f}.parent-library-progress i{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,#ff8200,#ffb21a)}.parent-stack>.primary-button{width:100%;min-height:58px;border:0;border-radius:24px;background:linear-gradient(180deg,#2f9ae6,#176eb8);color:#fff;box-shadow:none;font-size:22px}.parent-dashboard-progress-button{background:linear-gradient(180deg,#2f9ae6,#176eb8);color:#fff}.parent-stack>.primary-button:active{transform:translateY(3px);box-shadow:none}.parent-dashboard-settings{box-shadow:none}.filter-row{display:flex;flex-wrap:wrap;gap:10px;padding:10px;border-radius:20px;background:#ffffffb8;box-shadow:0 10px 22px #3856221a}.filter{min-height:44px;padding:0 16px;border:2px solid #7bbd48;border-radius:999px;background:#fff;color:var(--ink);cursor:pointer;font-weight:900}.filter.is-active{background:var(--yellow)}.char-list{display:grid;gap:12px}.char-row{display:grid;grid-template-columns:64px 96px 1fr;align-items:center;gap:16px;padding:16px 20px;border:1px solid rgba(122,189,72,.18);border-radius:20px;background:#fffffff2;box-shadow:0 10px 22px #3856221a}.char-row strong{font-size:42px}.char-row span{font-weight:900}.char-row small{color:var(--muted);font-weight:800}.setting-row{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:0 22px;border:1px solid rgba(122,189,72,.18);border-radius:20px;background:#fffffff2;box-shadow:0 10px 22px #3856221a;color:var(--ink);font-size:22px;font-weight:900;text-align:left}button.setting-row{cursor:pointer}.setting-row.danger{border-color:#ff87724d;background:#ffe1db}.setting-row.muted{background:#f2f0ea;color:var(--muted)}button:focus-visible{outline:4px solid rgba(88,174,232,.75);outline-offset:4px}@media(min-width:761px){.home-shell,.home-shell .screen,.home-hero{height:100vh;min-height:620px;overflow:hidden}.home-content{width:min(100%,1280px);height:100vh;min-height:620px;grid-template-columns:minmax(330px,520px) minmax(420px,1fr);grid-template-rows:minmax(76px,.42fr) minmax(280px,1fr) minmax(96px,.22fr);align-content:stretch;gap:clamp(12px,2vh,20px) clamp(36px,5vw,90px);padding:clamp(18px,3vh,34px) clamp(40px,6vw,92px) clamp(18px,3vh,34px)}.hero-logo{align-self:end;margin-top:0;font-size:clamp(54px,4.8vw,76px)}.today-panel{align-self:center;max-width:560px;padding:clamp(18px,2.4vh,24px);gap:clamp(10px,1.6vh,14px)}.today-panel strong{font-size:clamp(30px,2.4vw,42px)}.character-preview{min-height:clamp(118px,19vh,150px);padding:10px 8px 8px}.preview-char{font-size:clamp(44px,6.2vh,58px)}.preview-art{width:48px;height:34px}.character-preview small{font-size:14px}.play-button{align-self:center;min-width:min(100%,560px);min-height:clamp(82px,13vh,106px);font-size:clamp(36px,3.8vw,58px)}.home-mode-row{align-self:end}.home-mode-card{min-height:clamp(92px,14vh,118px);grid-template-columns:76px 1fr 42px;padding:clamp(14px,2vh,20px) 22px}.home-mode-card strong{font-size:clamp(26px,2.4vw,36px)}.stacked-cards{width:60px;height:68px;font-size:36px}.ready-text{right:24px;bottom:12px}}@media(min-width:761px)and (max-height:600px){.play-shell .topbar{padding-top:8px}.learning-panel{gap:7px;padding:48px 28px 10px}.screen-progress{gap:8px}.listen-header{gap:2px}.listen-header svg{width:28px;height:28px}.listen-header h1{font-size:clamp(34px,8vh,44px)}.secondary-button{min-height:46px;font-size:18px}.choice-grid{grid-template-columns:repeat(4,minmax(188px,220px));gap:10px}.choice-button{min-height:172px;border-radius:22px;padding:0}.study-card-choice .study-main-char{font-size:clamp(62px,14vh,82px)}.study-card-choice .study-copy{padding-bottom:9px}.study-card-choice .study-copy p,.study-card-choice .study-question{font-size:12px}}@media(min-width:761px)and (max-height:760px){.home-shell,.home-shell .screen,.home-hero{min-height:560px}.home-content{min-height:560px;grid-template-rows:86px minmax(270px,1fr) 96px;gap:12px clamp(36px,5vw,90px);padding-top:10px;padding-bottom:14px}.hero-logo{font-size:clamp(50px,4vw,68px)}.hero-logo i{width:24px;height:24px}.today-panel{max-width:570px;padding:18px;gap:10px}.today-panel strong{font-size:clamp(28px,2.2vw,38px)}.character-preview{min-height:116px}.preview-char{font-size:44px}.play-button{min-height:86px;font-size:clamp(34px,3.4vw,50px)}.home-mode-card{min-height:92px}}@media(max-width:760px){.topbar{grid-template-columns:48px 1fr 72px;padding-inline:16px}.home-shell .topbar{position:relative;left:auto;transform:none;padding-top:18px}.home-shell .brand{visibility:visible}.brand{font-size:20px}.brand-mark{width:36px;height:36px;font-size:20px}.color-logo{font-size:23px}.screen{padding-inline:16px}.home-shell .screen{padding:0}.home-hero{min-height:calc(100vh - 74px);overflow:visible}.home-content{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:16px;min-height:calc(100vh - 74px);padding:12px 16px 32px}.hero-logo{display:none}.today-panel,.play-button,.home-mode-row{grid-column:1;grid-row:auto}.today-panel{align-self:end}.today-panel strong{font-size:24px}.preview-card-row{grid-template-columns:repeat(3,minmax(78px,1fr))}.character-preview{min-height:126px}.preview-char{font-size:44px}.play-button{min-height:76px;font-size:28px}.home-mode-row,.mode-grid,.lobby-mode-grid,.metric-grid{grid-template-columns:1fr}.lobby-stack{gap:16px}.lobby-recommend-panel{grid-template-columns:1fr;min-height:auto;padding:22px}.lobby-recommend-copy h2{font-size:clamp(26px,7vw,36px)}.lobby-start-button{justify-self:stretch;min-height:56px}.lobby-library-preview{grid-template-columns:minmax(0,1fr);gap:12px;min-height:0;padding:16px}.lobby-library-preview-copy{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:4px 10px}.lobby-library-preview-copy strong{font-size:26px}.lobby-library-preview-copy>span{grid-column:1;font-size:14px}.lobby-library-preview-copy div{grid-row:1 / 3;grid-column:2;align-self:center}.lobby-library-preview-cards{gap:7px}.lobby-library-preview>svg{display:none}.lobby-mode-card{grid-column:auto;min-height:112px;padding:18px}.library-level-tabs{border-radius:18px}.library-level-tabs button{min-height:52px;border-radius:13px}.library-level-tabs strong{font-size:22px}.card-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.library-card{border-radius:14px}.library-card .card-image-frame,.library-card .character-card-fallback,.library-card img{border-radius:14px;clip-path:inset(1px round 14px)}.home-mode-card{min-height:94px}.ready-text{position:static;z-index:3;margin-bottom:20px}.home-hero,.learning-panel,.result-panel,.parent-gate{padding:18px 16px 28px}.home-hero{padding:0}.wide-panel,.dual-actions{align-items:stretch;flex-direction:column}.choice-grid{grid-template-columns:repeat(2,minmax(110px,1fr));width:100%}.choice-button{min-height:166px;border-radius:22px}.study-card-button{width:min(100%,500px)}.study-card-large .study-main-char{font-size:clamp(116px,31vw,180px)}.study-card-choice .study-main-char{font-size:clamp(68px,18vw,94px)}.study-card-choice .study-copy p{font-size:13px}.study-card-choice .study-question{font-size:11px}.char-row{grid-template-columns:54px 1fr}.char-row small{grid-column:1 / -1}}@media(max-width:760px)and (max-height:640px){.play-shell .topbar{grid-template-columns:44px 1fr 44px;width:100%;padding:8px 14px 0}.play-shell .brand{gap:7px;font-size:18px}.play-shell .brand-mark{width:34px;height:34px;border-radius:11px;font-size:19px}.play-shell .icon-button{width:44px;height:44px}.learning-panel{align-content:start;gap:8px;min-height:100svh;height:100svh;padding:54px 14px 10px;overflow:hidden}.screen-progress{gap:8px;font-size:14px}.listen-header{gap:2px}.listen-header svg{width:28px;height:28px}.listen-header h1{font-size:clamp(34px,8vh,44px)}.secondary-button{min-height:46px;padding:0 18px;border-width:3px;font-size:18px;box-shadow:0 7px #1b2434,0 12px 20px #1b24342e}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.study-card-button{width:min(100%,360px)}.study-card-large .study-main-char{font-size:clamp(88px,24vw,128px)}.study-card-large .study-copy{padding:3px 33% 12px 7%}.study-card-large .study-title span{font-size:34px}.study-card-large .study-title strong{font-size:24px}.study-card-large .study-copy p{font-size:16px}.study-card-large .study-question{border-radius:18px;font-size:13px}.choice-button{min-height:152px;border-radius:18px;padding:0}.choice-button:hover{transform:translateY(-2px)}.choice-button:active{transform:translateY(4px)}.study-card-choice{border-radius:16px}.study-card-choice .study-main-char{font-size:clamp(58px,17vw,78px)}.study-card-choice .study-art{width:36%}.study-card-choice .study-copy{padding:3px 30% 8px 7%}.study-card-choice .study-title span{font-size:23px}.study-card-choice .study-title strong{font-size:14px}.study-card-choice .study-copy p{font-size:11px}.study-card-choice .study-question{min-height:18%;font-size:9px}}.study-card{position:relative;overflow:visible;width:100%;aspect-ratio:836 / 470;border:0;border-radius:20px;background:transparent;box-shadow:none;perspective:1200px}.study-card-inner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.8,.2,1)}.study-card.is-flipped .study-card-inner{transform:rotateY(180deg)}.study-card-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;backface-visibility:hidden}.study-card-image{display:block;object-fit:cover;-webkit-user-select:none;user-select:none;box-shadow:0 8px #da8f6094,0 16px 24px #4837232e}.study-card-back{display:grid;place-items:center;padding:18px;overflow:hidden;border:3px solid #f3b49f;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.95),transparent 26%),linear-gradient(180deg,#fff9ed,#fff1cc);box-shadow:0 8px #da8f6094,0 16px 24px #4837232e,inset 0 0 0 6px #ffffffb3;transform:rotateY(180deg)}.stroke-card-back{display:grid;grid-template-columns:minmax(130px,.72fr) minmax(190px,1fr);grid-template-rows:1fr auto;gap:12px 18px;align-items:center;width:100%;height:100%}.stroke-card-heading{display:grid;align-content:center;justify-items:start;gap:4px}.stroke-card-heading span{color:#287b37;font-size:clamp(18px,2.3vw,25px);font-weight:1000}.stroke-char-button{display:inline-grid;width:fit-content;min-width:92px;min-height:92px;place-items:center;border:0;border-radius:24px;background:#ffffffad;color:#1f4e78;cursor:pointer;font-family:KaiTi,STKaiti,Songti SC,serif;font-size:clamp(74px,11vw,132px);line-height:.95;text-shadow:0 3px 0 #ffffff,0 8px 14px rgba(47,72,94,.2);box-shadow:inset 0 0 0 2px #ffbe3e38}.hanzi-stroke-diagram{grid-row:1 / 3;grid-column:2;display:grid;width:188px;height:188px;place-items:center;justify-self:center;border:4px solid #efc24f;border-radius:24px;background:linear-gradient(90deg,transparent calc(50% - 1px),rgba(167,194,211,.35) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(0deg,transparent calc(50% - 1px),rgba(167,194,211,.35) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(45deg,transparent calc(50% - 1px),rgba(167,194,211,.2) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(-45deg,transparent calc(50% - 1px),rgba(167,194,211,.2) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),#fff;box-shadow:0 10px 22px #745d2624}.hanzi-stroke-diagram svg{display:block}.stroke-card-back p{grid-column:1;align-self:end;margin:0;color:#2f7d35;font-size:clamp(14px,1.7vw,18px);font-weight:900;white-space:nowrap}.flip-hint,.stroke-toggle{position:absolute;z-index:5;display:inline-grid;grid-template-rows:auto auto;align-content:center;justify-items:center;min-width:96px;min-height:64px;padding:6px 12px;place-items:center;border:2px solid rgba(231,176,48,.78);border-radius:999px;background:linear-gradient(180deg,#fffde8,#ffe578);color:#256c32;font-weight:1000;line-height:1.05;box-shadow:0 4px #bb841280,0 9px 16px #4b391426}.prompt-main{font-size:1em}.prompt-sub{color:#4a8a2c;font-size:.68em}.flip-hint{right:18px;bottom:18px;pointer-events:none;font-size:20px}.choice-tile{position:relative;aspect-ratio:836 / 470}.choice-button{width:100%;height:100%;min-height:0}.stroke-toggle{right:10px;bottom:10px;min-width:68px;min-height:50px;padding:5px 8px;cursor:pointer;font-size:15px}.stroke-toggle:hover{transform:translateY(-2px)}.stroke-toggle:active{transform:translateY(3px);box-shadow:0 1px #bb841280,0 5px 10px #4b39141f}.study-card-choice .study-card-back{padding:8px;border-width:2px}.study-card-choice .stroke-card-back{grid-template-columns:.62fr 1fr;grid-template-rows:auto 1fr;gap:3px 8px;min-height:0}.study-card-choice .stroke-card-heading{gap:0}.study-card-choice .stroke-card-heading span{font-size:clamp(11px,1.1vw,15px)}.study-card-choice .stroke-card-back p{display:none}.choice-button:focus-visible .study-card-image,.choice-button:focus-visible .study-card-back,.study-card-button:focus-visible .study-card-image,.study-card-button:focus-visible .study-card-back{outline:4px solid rgba(40,164,255,.78);outline-offset:4px}@keyframes draw-stroke{to{stroke-dashoffset:0}}@media(min-width:761px)and (max-height:600px){.choice-grid{grid-template-columns:repeat(4,minmax(170px,220px))}.secondary-button{box-shadow:0 5px #9ac4e7,0 10px 16px #22609029,inset 0 2px #fffffff0}}@media(max-width:760px)and (max-height:640px){.study-card-button{width:min(100%,374px)}.choice-grid{gap:8px}.secondary-button{border-width:2px;box-shadow:0 5px #9ac4e7,0 10px 16px #22609029,inset 0 2px #fffffff0}.flip-hint{right:10px;bottom:10px;min-height:34px;font-size:15px}.stroke-toggle{right:7px;bottom:7px;min-width:66px;min-height:52px;padding:5px 7px;font-size:14px}.stroke-card-back{grid-template-columns:.62fr 1fr;gap:4px 8px}.study-card-back{padding:9px}.stroke-card-heading span{font-size:14px}.stroke-card-back p{font-size:11px}}.home-dashboard-shell{position:relative;min-height:100svh;overflow-x:hidden;background:radial-gradient(circle at 9% 11%,rgba(255,255,255,.86) 0 54px,transparent 55px),radial-gradient(circle at 76% 8%,rgba(255,213,56,.72) 0 42px,transparent 43px),linear-gradient(180deg,#bcefff,#e9f9ff 52%,#f8fdff);color:#1f334f}.home-dashboard-shell:after{position:fixed;right:0;bottom:0;left:0;z-index:0;height:clamp(104px,13svh,138px);pointer-events:none;background:url(/assets/home-bottom-landscape-LYg5OAft.png) center bottom / 100% auto no-repeat;content:""}.home-dashboard{position:relative;z-index:1;display:grid;gap:12px;width:min(100%,500px);min-height:100svh;margin:0 auto;padding:16px 16px max(28px,env(safe-area-inset-bottom))}.home-dashboard-topbar{display:grid;grid-template-columns:minmax(110px,1fr) auto minmax(110px,1fr);align-items:center;gap:10px}.child-profile,.parent-console-button{display:inline-flex;align-items:center;gap:10px}.child-profile{justify-self:start;min-width:0;padding:6px 8px 6px 6px;border:0;border-radius:999px;background:#ffffff57;color:inherit;cursor:pointer;text-align:left;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.child-profile:hover{background:#ffffffad;box-shadow:0 10px 22px #296ea41f}.child-profile:active{transform:translateY(2px)}.child-profile>svg{flex:0 0 auto;color:#277cc4}.child-avatar{display:grid;width:52px;height:52px;flex:0 0 auto;place-items:center;border:4px solid rgba(255,255,255,.95);border-radius:999px;background:linear-gradient(180deg,#73d264,#36aa47);color:#fff;box-shadow:0 10px 22px #30844c33;font-size:23px;font-weight:1000;line-height:1}.child-avatar-green{background:linear-gradient(180deg,#73d264,#36aa47)}.child-avatar-yellow{background:linear-gradient(180deg,#ffd85a,#ffad00)}.child-avatar-blue{background:linear-gradient(180deg,#6dc8ff,#238de8)}.child-avatar-orange{background:linear-gradient(180deg,#ffb36b,#ff7048)}.child-avatar-purple{background:linear-gradient(180deg,#ad91ff,#7055d7)}.child-profile strong,.child-profile small{display:block;line-height:1.1}.child-profile strong{font-size:20px;font-weight:1000}.child-profile small{margin-top:5px;color:#52708f;font-size:13px;font-weight:900}.home-dashboard-logo{display:inline-flex;align-items:center;justify-self:center;gap:1px;white-space:nowrap;filter:drop-shadow(0 3px 0 #ffffff) drop-shadow(0 7px 8px rgba(48,89,130,.2));font-size:clamp(32px,7vw,48px);font-weight:1000;letter-spacing:0}.home-dashboard-logo span:nth-child(1){color:#55b938}.home-dashboard-logo span:nth-child(2){color:#ff523d}.home-dashboard-logo span:nth-child(3){color:#ff9e0b}.home-dashboard-logo span:nth-child(4){color:#2b8fdf}.home-dashboard-logo i{width:19px;height:19px;margin-left:3px;border-radius:70% 32%;background:#70c747;box-shadow:9px -6px #93d86c;transform:rotate(-22deg)}.parent-console-button{justify-self:end;min-height:48px;padding:0 16px;border:0;border-radius:999px;background:#ffffffe6;color:#1765a9;cursor:pointer;box-shadow:0 10px 22px #296ea426,inset 0 1px #ffffffeb;font-size:16px;font-weight:1000}.home-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-insight-stack{position:relative;display:grid;gap:12px}.home-insight-stack .ai-insight-panel,.home-insight-stack .today-summary-panel{grid-area:auto}.dashboard-stat-card,.ai-insight-panel,.today-summary-panel,.home-showcase-panel{border:1px solid rgba(137,195,228,.35);border-radius:24px;background:#ffffffeb;box-shadow:0 16px 30px #32699124,inset 0 1px #ffffffe6}.dashboard-stat-card{position:relative;display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto 30px;gap:8px 12px;min-height:122px;overflow:hidden;padding:18px 18px 12px;cursor:default;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;-webkit-tap-highlight-color:transparent}.dashboard-stat-card:active{transform:scale(.985);border-color:#3390e070;box-shadow:0 10px 20px #32699121,inset 0 1px #ffffffe6}.dashboard-stat-card p,.ai-insight-panel p,.today-order-note{margin:0}.dashboard-stat-card p{color:#435c78;font-size:15px;font-weight:900}.dashboard-stat-card strong{color:#202a37;font-size:34px;font-weight:1000;line-height:1.08}.dashboard-stat-card small{margin-left:4px;color:#58708b;font-size:15px;font-weight:800}.stat-icon{display:grid;width:54px;height:54px;place-items:center;border-radius:999px;color:#fff;box-shadow:0 8px 14px #21547d2e}.stat-icon-green{background:linear-gradient(180deg,#83db60,#37ad45)}.stat-icon-blue{background:linear-gradient(180deg,#69c2ff,#2189df)}.stat-icon-purple{background:linear-gradient(180deg,#bca0ff,#7357d8)}.stat-icon-yellow{background:linear-gradient(180deg,#ffc83d,#f3a500)}.stat-sparkline{position:absolute;right:18px;bottom:15px;left:18px;height:28px;border-radius:0 0 12px 12px;opacity:.72;clip-path:polygon(0 70%,16% 48%,31% 55%,50% 30%,69% 46%,84% 34%,100% 14%,100% 100%,0 100%)}.stat-sparkline-green{background:linear-gradient(180deg,#5bbe526b,#5bbe5214)}.stat-sparkline-blue{background:linear-gradient(180deg,#4c99e85c,#4c99e814)}.stat-sparkline-purple{background:linear-gradient(180deg,#8268e057,#8268e014)}.level-card{grid-template-rows:auto 14px auto}.level-progress{grid-column:1 / -1;height:12px;overflow:hidden;border-radius:999px;background:#edf0e4}.level-progress span{display:block;height:100%;min-width:8%;border-radius:inherit;background:linear-gradient(90deg,#ffb703,#ffd05b)}.level-card>small{grid-column:1 / -1;justify-self:center;margin-left:0;line-height:1.2}.ai-insight-panel{position:relative;overflow:visible;padding:16px 18px;isolation:isolate}.ai-insight-panel.is-open{z-index:8}.insight-title{position:relative;z-index:1;display:flex;align-items:center;gap:10px;color:#1268bb}.insight-title strong{font-size:22px;font-weight:1000}.insight-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:999px;background:#e8f6ff;color:#1788e8;box-shadow:inset 0 0 0 2px #ffffffe6}.ai-insight-panel>p{position:relative;z-index:1;max-width:100%;margin-top:10px;color:#1e477b;font-size:18px;font-weight:900;line-height:1.42}.insight-toggle{position:relative;z-index:1;display:inline-flex;align-items:center;gap:4px;margin-top:10px;padding:0;border:0;background:transparent;color:#166cbe;cursor:pointer;font-size:14px;font-weight:900}.insight-detail{position:absolute;top:calc(100% + 8px);right:14px;left:14px;z-index:12;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:min(248px,calc(100vh - 150px));overflow:auto;margin-top:0;padding:12px;border:1px solid rgba(91,159,211,.26);border-radius:18px;background:#f4fbfffa;box-shadow:0 16px 30px #1e58852e,inset 0 1px #ffffffeb}.insight-detail:before{position:absolute;top:-7px;left:30px;width:14px;height:14px;border-top:1px solid rgba(91,159,211,.26);border-left:1px solid rgba(91,159,211,.26);background:#f4fbfffa;content:"";transform:rotate(45deg)}.insight-detail strong{display:block;margin-bottom:6px;color:#235b91;font-size:14px;font-weight:1000}.insight-chip-row{display:flex;flex-wrap:wrap;gap:7px}.insight-chip-row span{display:inline-grid;min-width:36px;min-height:32px;place-items:center;border:1px solid rgba(114,169,211,.38);border-radius:12px;background:#ffffffdb;color:#1d334f;font-size:18px;font-weight:1000}.learning-trait{grid-column:1 / -1;color:#42607c;font-size:14px;font-weight:800;line-height:1.5}.today-summary-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 8px}.summary-metric{display:grid;justify-items:center;gap:5px;min-width:0;color:#1f334f}.summary-metric:not(:last-child){border-right:1px solid rgba(118,167,205,.28)}.summary-metric svg{color:#56b948}.summary-metric strong{font-size:28px;font-weight:1000;line-height:1}.summary-metric span{color:#54708c;font-size:13px;font-weight:900}.home-showcase-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;overflow:hidden;padding:14px}.showcase-card-strip{display:grid;min-height:0;aspect-ratio:4 / 3}.showcase-mini-card{position:relative;display:grid;min-width:0;overflow:hidden;aspect-ratio:4 / 3;padding:0;border:0;border-radius:16px;background:#fff7d4;cursor:pointer;box-shadow:inset 0 0 0 2px #ffd3789e,0 10px 18px #3d70911f;opacity:1}.showcase-mini-card.is-active{z-index:3;opacity:1;animation:showcase-card-enter .48s ease-out both}.showcase-mini-card.is-next,.showcase-mini-card.is-prev{display:none}.showcase-mini-card .card-image-frame,.showcase-mini-card .character-card-fallback,.showcase-mini-card img{width:100%;height:100%;border-radius:16px;object-fit:contain}@keyframes showcase-card-enter{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.showcase-mini-card.is-active{animation:none}}.stroke-preview-home{display:grid;grid-template-columns:minmax(0,1fr) 118px;align-items:center;gap:10px;min-height:138px;padding:16px 14px 16px 18px;border:1px solid rgba(91,159,211,.24);border-radius:20px;background:radial-gradient(circle at 88% 24%,rgba(255,209,65,.32) 0 34px,transparent 35px),linear-gradient(135deg,#f7fcff,#eaf6ff);color:#1f334f;cursor:pointer;text-align:left}.stroke-preview-home>div{display:grid;gap:5px}.stroke-preview-home span{color:#1d7bc6;font-size:14px;font-weight:1000}.stroke-preview-home strong{font-family:KaiTi,STKaiti,Songti SC,serif;font-size:56px;font-weight:1000;line-height:1}.stroke-preview-home small{color:#5f7389;font-size:14px;font-weight:900}.stroke-preview-home .hanzi-stroke-diagram{overflow:hidden;width:112px;height:112px;display:grid;place-items:center;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 2px #b7daefc2,0 8px 16px #3e6c8e1f}.stroke-preview-home .hanzi-stroke-diagram svg{display:block;max-width:100%;max-height:100%}.profile-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:18px;background:#1f334f5c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-dialog{width:min(100%,420px);display:grid;gap:18px;padding:22px;border:1px solid rgba(137,195,228,.5);border-radius:26px;background:#fffffffa;box-shadow:0 24px 54px #1f334f38}.profile-dialog header,.profile-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-dialog header span{color:#2f8c42;font-size:13px;font-weight:1000}.profile-dialog h2{margin:3px 0 0;color:#1f334f;font-size:26px;font-weight:1000}.profile-dialog header button{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:0;border-radius:999px;background:#eef8ff;color:#1f6fb0;cursor:pointer}.profile-name-field{display:grid;gap:8px;color:#435c78;font-size:14px;font-weight:1000}.profile-name-field input{width:100%;min-height:54px;padding:0 16px;border:2px solid rgba(91,159,211,.28);border-radius:16px;outline:none;background:#f8fcff;color:#1f334f;font-size:20px;font-weight:950}.profile-name-field input:focus{border-color:#238de8;box-shadow:0 0 0 4px #238de81f}.avatar-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.avatar-picker button{position:relative;display:grid;min-height:72px;place-items:center;border:2px solid rgba(91,159,211,.18);border-radius:18px;background:#f8fcff;cursor:pointer}.avatar-picker button.is-selected{border-color:#238de8;background:#eef8ff}.avatar-picker button>svg{position:absolute;right:8px;top:8px;color:#238de8}.profile-dialog footer button{min-height:50px;min-width:116px;border:0;border-radius:999px;background:#eef4f8;color:#54708c;cursor:pointer;font-weight:1000}.profile-dialog footer button:last-child{background:linear-gradient(180deg,#77d966,#3aae48);color:#fff;box-shadow:0 8px 18px #3aae4838}.today-start-button{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;min-height:76px;padding:0 26px;border:0;border-radius:999px;background:linear-gradient(180deg,#7d63df,#5a42bd);color:#fff;cursor:pointer;text-shadow:0 2px 0 rgba(53,37,125,.38);font-size:clamp(24px,5vw,34px);font-weight:1000}.today-start-button:hover{transform:translateY(-2px)}.today-start-button:active{transform:translateY(5px)}.today-order-note{text-align:center;color:#5b7189;font-size:14px;font-weight:800}.home-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-quick-actions button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:58px;overflow:hidden;border:2px solid rgba(67,179,78,.24);border-radius:24px;background:linear-gradient(180deg,#fffffff5,#e8faffdb);color:#164c74;cursor:pointer;box-shadow:none;font-size:16px;font-weight:900;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.home-quick-actions button:first-child{border-color:#40b45252;background:linear-gradient(180deg,#fffffff5,#e7f9e1e6)}.home-quick-actions button svg{flex:0 0 auto;color:#27a95d;filter:none}.home-quick-actions button:nth-child(2) svg{color:#1f87d5}.home-quick-actions button:active{transform:translateY(4px);box-shadow:none}@media(min-width:900px){.home-dashboard-shell{display:grid;align-items:center}.home-dashboard{grid-template-columns:minmax(430px,.96fr) minmax(420px,1fr);grid-template-areas:"top top" "stats insight" "quick showcase" "cta showcase" "note showcase";align-content:center;width:min(100%,1220px);min-height:100svh;padding:24px 24px max(48px,env(safe-area-inset-bottom));gap:18px 22px}.home-dashboard-topbar{grid-area:top}.home-stats-grid{grid-area:stats;gap:16px}.home-insight-stack{grid-area:insight;align-self:start;grid-template-rows:repeat(2,minmax(0,168px));gap:18px}.dashboard-stat-card{min-height:168px;padding:26px 24px 18px}.dashboard-stat-card strong{font-size:42px}.ai-insight-panel{grid-area:insight;min-height:0;padding:20px 22px}.today-summary-panel{min-height:0;align-items:center}.home-showcase-panel{grid-area:showcase;align-self:stretch;grid-template-columns:minmax(0,1fr) minmax(208px,.72fr);grid-template-areas:"cards stroke";align-items:stretch;gap:12px 14px;padding:16px}.showcase-card-strip{grid-area:cards;align-self:stretch;width:100%}.showcase-mini-card{border-radius:18px}.stroke-preview-home{grid-area:stroke;min-height:0;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;text-align:center}.today-start-button{grid-area:cta;align-self:start;height:84px;min-height:84px}.today-order-note{grid-area:note;align-self:start}.home-quick-actions{grid-area:quick;align-self:start}.home-quick-actions button{min-height:84px;border-radius:999px;font-size:18px}}@media(max-width:540px){.home-dashboard{width:100%;padding:12px 12px max(22px,env(safe-area-inset-bottom));gap:10px}.home-dashboard-topbar{grid-template-columns:1fr auto auto}.child-profile{padding:4px 6px 4px 4px;gap:7px}.child-profile>svg{display:none}.child-avatar{width:46px;height:46px;font-size:16px}.child-profile strong{font-size:17px}.child-profile small{font-size:12px}.home-dashboard-logo{font-size:30px}.parent-console-button{min-height:42px;padding:0 11px}.parent-console-button span{display:none}.home-stats-grid{gap:9px}.dashboard-stat-card{grid-template-columns:42px 1fr;min-height:108px;padding:13px 13px 10px;border-radius:19px}.stat-icon{width:42px;height:42px}.dashboard-stat-card p{font-size:13px}.dashboard-stat-card strong{font-size:29px}.dashboard-stat-card small{font-size:12px}.ai-insight-panel{padding:14px 15px;border-radius:20px}.insight-title strong{font-size:19px}.ai-insight-panel>p{max-width:100%;font-size:15px;line-height:1.36}.insight-detail{grid-template-columns:1fr}.today-summary-panel{padding:13px 6px;border-radius:20px}.summary-metric strong{font-size:24px}.today-start-button{min-height:66px;padding:0 18px}.showcase-card-strip{gap:7px}.stroke-preview-home{grid-template-columns:minmax(0,1fr) 88px}.stroke-preview-home .hanzi-stroke-diagram{width:88px;height:88px;border-radius:16px}.profile-dialog{padding:18px}.avatar-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:541px)and (max-width:899px)and (max-height:700px){.home-dashboard-shell{min-height:100svh;overflow-x:hidden;overflow-y:auto}.home-dashboard-shell:after{height:104px}.home-dashboard-shell.insight-expanded{height:auto;min-height:100svh;overflow-x:hidden;overflow-y:auto}.home-dashboard{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"top top" "stats insight" "quick insight" "showcase showcase" "cta cta";align-content:start;width:min(100%,672px);height:auto;min-height:100svh;padding:8px 14px 78px;gap:8px 12px}.home-dashboard-topbar{grid-area:top;grid-template-columns:minmax(112px,1fr) auto minmax(94px,1fr)}.home-dashboard-logo{font-size:32px}.child-avatar{width:44px;height:44px;border-width:3px}.child-profile strong{font-size:18px}.child-profile small{font-size:12px}.parent-console-button{min-height:40px;padding:0 12px;font-size:14px}.home-stats-grid{grid-area:stats;gap:8px;align-self:stretch}.home-insight-stack{grid-area:insight;align-self:start;gap:8px}.dashboard-stat-card{grid-template-columns:42px 1fr;min-height:102px;padding:11px 12px 9px;border-radius:20px}.stat-icon{width:42px;height:42px}.dashboard-stat-card p{font-size:13px}.dashboard-stat-card strong{font-size:28px}.dashboard-stat-card small{font-size:12px}.ai-insight-panel{grid-area:insight;align-self:start;min-height:0;padding:13px 15px;border-radius:21px}.insight-title strong{font-size:18px}.ai-insight-panel>p{max-width:100%;font-size:14px;line-height:1.34}.today-summary-panel{align-self:stretch;padding:8px 4px;border-radius:20px}.summary-metric strong{font-size:21px}.summary-metric span{font-size:12px}.today-start-button{grid-area:cta;justify-self:center;width:min(100%,520px);min-height:58px;padding:0 18px;font-size:24px}.today-order-note{grid-area:note;display:none}.home-quick-actions{grid-area:quick;align-self:stretch}.home-quick-actions button{min-height:54px;border-radius:22px}.home-showcase-panel{grid-area:showcase;grid-template-columns:minmax(0,1fr) minmax(210px,.72fr);gap:10px;padding:10px;border-radius:18px}.stroke-preview-home{min-height:112px;padding:10px}.stroke-preview-home .hanzi-stroke-diagram{width:88px;height:88px}}.learning-flow-shell{min-height:100svh;display:grid;align-items:start;justify-items:center;padding:14px;overflow:auto;background:radial-gradient(circle at 8% 8%,rgba(255,255,255,.78) 0 58px,transparent 59px),radial-gradient(circle at 88% 16%,rgba(255,211,57,.62) 0 44px,transparent 45px),linear-gradient(180deg,#c9f2ff,#f3fbff 62%,#fbfeff);color:#1d2e49}.hifi-phone-screen{position:relative;width:min(100%,480px);min-height:min(760px,calc(100svh - 28px));overflow:hidden;border:1px solid rgba(124,190,226,.42);border-radius:24px;background:#f2fbfff0;box-shadow:0 18px 42px #28689429}.flow-topbar{position:relative;z-index:2;display:grid;grid-template-columns:112px 1fr 112px;align-items:center;gap:10px;padding:14px 16px 10px;color:#1d2e49}.flow-topbar>strong{justify-self:center;font-size:19px;font-weight:1000}.flow-back-button,.flow-topbar-spacer{display:inline-flex;align-items:center;gap:6px;min-height:42px;border:0;border-radius:999px;background:#ffffffe0;color:#1d2e49;box-shadow:0 8px 18px #31618424;font-weight:900}.flow-back-button{justify-self:start;padding:0 14px 0 10px;cursor:pointer}.flow-back-button svg{color:#6750c9}.flow-topbar-spacer{justify-self:end;padding:0 12px;color:#f59d00}.flow-topbar-spacer{min-width:1px;background:transparent;box-shadow:none}.flow-count{justify-self:end;font-size:17px;font-weight:900}.flow-progress-wrap{position:relative;z-index:2;display:grid;gap:8px;padding:0 18px 12px}.flow-progress-track{height:8px;overflow:hidden;border-radius:999px;background:#ffffffe6}.flow-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#60bd56,#36a943)}.flow-progress-track.is-purple span{background:linear-gradient(90deg,#7c64df,#5a43c5)}.flow-progress-wrap .progress-dots{justify-content:center}.flow-progress-wrap .dot{width:10px;height:10px;border-width:0;background:#d6dce4}.flow-progress-wrap .dot.is-filled{background:#ffb400}.review-session-screen{--review-space-1: 4px;--review-space-2: 8px;--review-space-3: 12px;--review-space-4: 16px;--review-page-x: 18px;display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto;align-content:start;background:linear-gradient(#f4fcffb8,#f4fcffb8),url(/assets/paper-landscape-JvBhGXns.png) center bottom / cover no-repeat}.review-mode-pills{position:relative;z-index:2;align-self:start;justify-self:stretch;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;height:42px;min-height:42px;width:auto;max-width:none;margin:8px 18px 0;padding:4px;border-radius:14px;background:#ffffffeb;box-shadow:0 9px 18px #366d941f}.review-mode-pills button{display:grid;align-items:center;justify-content:center;min-width:0;height:34px;min-height:34px;padding:0 4px;border:0;border-radius:10px;background:transparent;color:#223953;cursor:pointer;font-size:13px;font-weight:900;line-height:1;white-space:nowrap}.review-mode-pills button.is-active{background:#7156df;color:#fff;box-shadow:none}.review-audio-zone{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;padding:18px 18px 12px;text-align:center}.review-audio-zone span{margin:0;color:#253d5a;font-weight:900}.review-audio-zone span{color:#58708b;font-size:14px}.review-audio-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;position:relative;display:grid;width:96px;height:96px;aspect-ratio:1;flex:0 0 auto;place-items:center;border:0;border-radius:999px;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.24),transparent 28%),linear-gradient(180deg,#8268e7,#5d47c8);color:#fff;cursor:pointer;overflow:hidden;touch-action:manipulation;-webkit-user-select:none;user-select:none}.review-audio-button:before{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#ffffff2e;content:"";opacity:0;pointer-events:none;transition:opacity .12s ease}.review-audio-button:active:before{opacity:1}.review-audio-button svg{position:relative;z-index:1;pointer-events:none}.review-audio-button:focus{outline:none}.review-audio-button:focus-visible{outline:none;box-shadow:0 0 0 5px #58aee88c}.review-mode-panel{position:relative;z-index:1;display:grid;margin:18px 38px 14px;border:1px solid rgba(123,181,222,.28);border-radius:22px;background:radial-gradient(circle at 10% 12%,rgba(255,255,255,.75),transparent 34%),linear-gradient(180deg,#fffde5eb,#e6f8ffe6);box-shadow:0 12px 24px #3e6d8e24,inset 0 1px #ffffffe0}.review-match-panel{justify-items:center;gap:9px;padding:15px 18px 14px}.review-match-panel p{grid-column:1 / -1;margin:2px 0 0;color:#38536f;font-size:14px;font-weight:850;text-align:center}.review-match-card{display:grid;width:min(100%,220px);min-height:86px;place-items:center;gap:3px;border:2px dashed rgba(78,164,204,.32);border-radius:18px;background:#ffffffc2;color:#1d4962}.review-match-card.is-answer{border-style:solid;border-color:#ffb40075;background:#fff7d6e6}.review-match-label{color:#65819d;font-size:12px;font-weight:900}.review-match-card strong{font-size:34px;font-weight:1000;line-height:1}.review-card-panel{overflow:hidden;padding:0;aspect-ratio:4 / 3;background:transparent}.review-card-panel .card-image-frame,.review-card-panel img,.review-card-panel .character-card-fallback{display:block;width:100%;height:100%;border-radius:22px;object-fit:contain;clip-path:inset(1.5px round 22px)}.review-stroke-panel{grid-template-columns:minmax(0,1fr) 148px;align-items:center;gap:14px;overflow:hidden;padding:16px 18px}.review-stroke-panel .hanzi-stroke-diagram{grid-row:auto;grid-column:auto;width:148px;height:148px;border-width:3px;border-radius:22px;box-shadow:0 10px 18px #4e749124,inset 0 1px #fffc}.review-stroke-panel .hanzi-stroke-diagram svg{width:100%;height:100%}.review-stroke-info{display:grid;justify-items:start;gap:6px;min-width:0}.review-stroke-kicker{display:inline-flex;min-height:24px;align-items:center;padding:0 10px;border-radius:999px;background:#ffffffc2;color:#5b7490;font-size:12px;font-weight:900}.review-stroke-info strong{color:#183c5b;font-family:KaiTi,STKaiti,Songti SC,serif;font-size:64px;font-weight:1000;line-height:.95;text-shadow:0 3px 0 #ffffff}.review-stroke-info p{margin:0;color:#38536f;font-size:16px;font-weight:1000}.review-choice-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:center;padding:2px 64px 12px}.review-bottom-panel{position:relative;z-index:3;display:grid;gap:8px;margin:0 18px 8px;padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.review-char-option{position:relative;display:grid;min-height:114px;place-items:center;overflow:hidden;border:2px solid rgba(255,204,116,.48);border-radius:18px;background:radial-gradient(circle at 78% 20%,rgba(255,213,83,.28) 0 18px,transparent 19px),linear-gradient(180deg,#fffdeffa,#fff6daf0);color:#181b22;cursor:pointer;font-size:58px;font-weight:400;box-shadow:0 12px 22px #4c4e511f,inset 0 1px #ffffffdb;transition:transform .14s ease,border-color .14s ease,background .14s ease}.review-char-option:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:transparent}.review-char-option .fallback-scene{inset:auto;top:-3px;left:-3px;width:calc(100% + 6px);height:calc(100% + 6px);opacity:.95}.review-option-char{position:relative;z-index:2;font-family:KaiTi,Kaiti SC,STKaiti,Songti SC,"Noto Serif CJK SC","Source Han Serif SC","Noto Serif SC","Droid Serif",serif;font-weight:400;line-height:1;text-shadow:0 3px 0 rgba(255,255,255,.92),0 10px 18px rgba(47,72,94,.16)}.review-char-option:hover{transform:translateY(-2px)}.review-char-option:disabled{cursor:default}.review-char-option.is-correct,.review-char-option.is-highlight{border-color:#58bb51;color:#248338}.review-char-option.is-correct:after,.review-char-option.is-highlight:after{background:#e7ffe2ad}.review-char-option.is-wrong{border-color:#ff8371;color:#d84331}.review-char-option.is-wrong:after{background:#ffede9b8}.review-hint-box,.review-feedback-bar{position:relative;z-index:1;margin:0;border-radius:16px;padding:11px 14px}.review-hint-box{border:1px solid rgba(124,94,205,.2);background:radial-gradient(circle at 9% 16%,rgba(255,230,130,.5),transparent 30%),linear-gradient(180deg,#fffffff0,#f1ebffeb)}.review-hint-box strong{display:inline-flex;align-items:center;gap:4px;color:#236db2;font-size:13px}.review-hint-box p{margin:5px 0 0;color:#20344e;font-size:15px;font-weight:850;line-height:1.5}.review-hint-box p+p{color:#53667d;font-size:14px}.review-feedback-bar{text-align:center;font-size:14px;font-weight:900}.review-feedback-bar.correct{background:#eafbea;color:#248338}.review-feedback-bar.wrong{background:#fff0ed;color:#bf3e2f}.review-session-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0}.review-hint-button,.review-next-button{display:inline-flex;align-items:center;gap:6px;border:0;cursor:pointer;font-weight:950}.review-hint-button{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(124,94,205,.16);background:#ffffffdb;color:#6449c9;box-shadow:0 8px 16px #4447661a}.review-next-button{min-height:42px;margin-left:auto;padding:0 18px;border-radius:14px;background:#5d48c8;color:#fff;box-shadow:0 5px #46339a}.review-countdown{margin-left:auto;color:#6b7582;font-size:13px;font-weight:900}.review-page-footer{position:relative;z-index:1;display:grid;justify-items:center;align-self:end;min-height:28px;padding:0 var(--review-page-x) max(var(--review-space-3),env(safe-area-inset-bottom));background:transparent;box-shadow:none}.review-page-footer p{margin:0;color:#61738a;font-size:12px;font-weight:900;line-height:1.35}.card-study-screen{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;background:linear-gradient(#effbffc7,#effbffc7),url(/assets/paper-landscape-JvBhGXns.png) center bottom / cover no-repeat}.card-mode-switch{position:relative;z-index:2;justify-self:center;display:inline-flex;gap:4px;margin:0 18px 8px;padding:4px;border:1px solid rgba(110,166,211,.22);border-radius:999px;background:#ffffffdb;box-shadow:0 8px 18px #366d941f}.card-mode-switch button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:76px;min-height:34px;border:0;border-radius:999px;background:transparent;color:#355a7b;cursor:pointer;font-size:14px;font-weight:950}.card-mode-switch button.is-active{background:linear-gradient(180deg,#fff,#e8f6ff);color:#1765a9;box-shadow:0 4px 10px #2f71a624,inset 0 0 0 1px #56a9e82e}.hifi-card-stage{position:relative;z-index:1;display:grid;min-height:0;align-content:center;justify-items:center;gap:9px;padding:8px 18px 12px}.hifi-card-book{position:relative;z-index:1;display:block;width:calc(100% - 36px);max-width:450px;height:auto;min-height:0;aspect-ratio:822 / 464;margin:36px auto 22px;padding:0;border:0;background:transparent;cursor:default;text-align:left}.hifi-card-stage .hifi-card-book{width:min(100%,450px);margin:0}.hifi-card-book.is-standard-card{aspect-ratio:4 / 3}.hifi-card-book-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:28px}.hifi-card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;border:0;border-radius:24px;background:#fff7d4b8;box-shadow:inset 0 0 0 2px #ffd378bd,0 14px 28px #60583724;opacity:1;visibility:visible}.hifi-card-front{background:transparent;box-shadow:none}.hifi-card-book.is-flipped .hifi-card-front,.hifi-card-back{opacity:0;visibility:hidden}.hifi-card-book.is-flipped .hifi-card-back{opacity:1;visibility:visible}.hifi-card-front:has(img){background:transparent}.hifi-card-front img{display:block;width:100%;height:100%;border-radius:24px;object-fit:contain;object-position:center;clip-path:inset(1.5px round 24px)}.hifi-card-front .card-image-frame{width:100%;height:100%;border-radius:24px;object-fit:contain;object-position:center;clip-path:inset(1.5px round 24px)}.card-image-frame{position:relative;display:block;overflow:hidden;background:#fff7d4;isolation:isolate}.card-image-frame>img,.card-image-frame>.character-card-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border-radius:inherit}.card-image-frame>img{z-index:2;object-fit:inherit;object-position:inherit;opacity:1}.card-image-frame.is-loaded>img{opacity:1}.card-image-frame>.character-card-fallback{z-index:1;opacity:1;transition:opacity .18s ease}.card-image-frame.is-loaded>.character-card-fallback{opacity:0}.card-image-frame:after{position:absolute;z-index:3;right:12px;bottom:10px;padding:5px 9px;border-radius:999px;background:#ffffffdb;color:#287b37;box-shadow:0 6px 14px #3654341f;content:"加载中";font-size:12px;font-weight:950;pointer-events:none}.card-image-frame.is-loaded:after{content:none}.character-card-fallback{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 16% 14%,rgba(255,255,255,.78),transparent 26%),linear-gradient(180deg,#fff9db,#fff2bf)}.fallback-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.fallback-sky-cloud{fill:#ffffffd1}.fallback-sun{fill:#ffd54ad1}.fallback-hill-back{fill:#dff4c1}.fallback-hill-front{fill:#bfe885}.fallback-path{fill:#ffffff85}.fallback-pinyin{position:absolute;left:12%;top:10%;color:#1f4e34;font-size:clamp(24px,4.8vw,38px);font-weight:1000;line-height:1}.fallback-main-char{position:absolute;left:11%;top:21%;color:#37a847;font-family:KaiTi,STKaiti,Songti SC,serif;font-size:clamp(70px,10vw,118px);font-weight:1000;line-height:1.2;text-shadow:0 3px 0 #ffffff,0 10px 18px rgba(48,132,76,.22)}.fallback-copy{position:absolute;right:8%;bottom:11%;left:11%;display:grid;color:#1f4e34}.fallback-copy small{color:#287b37;font-size:clamp(14px,1.2vw,19px);font-weight:900;line-height:1.25}.hifi-card-back{transform:none}.hifi-card-back .stroke-card-back{height:100%;padding:20px;background:#fff8dc}.hifi-stroke-toggle{position:relative;z-index:2;justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;margin:0 calc((100% - min(100%,450px))/2) 0 0;padding:0 12px;border:1px solid rgba(95,111,205,.16);border-radius:999px;background:#ffffffd1;color:#5549bd;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 14px #4b508d1c;font-size:13px;font-weight:950}.hifi-card-gallery{--gallery-card-gap: 10px;--gallery-card-width: min(254px, calc((100% - var(--gallery-card-gap)) / 2));position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--gallery-card-gap);min-height:0;overflow-y:auto;align-content:start;padding:4px 18px 14px}.hifi-gallery-card{position:relative;display:block;flex:0 0 var(--gallery-card-width);aspect-ratio:4 / 3;min-width:0;overflow:hidden;padding:0;border:0;border-radius:16px;background:#fff7d4;cursor:pointer;box-shadow:inset 0 0 0 2px #ffd37899,0 8px 18px #3c64821f;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.hifi-gallery-card:hover{transform:translateY(-2px)}.hifi-gallery-card.is-current{box-shadow:inset 0 0 0 3px #ffb400,0 8px 18px #3c64821f,0 0 0 3px #ffb4002e}.hifi-gallery-card .card-image-frame,.hifi-gallery-card img,.hifi-gallery-card .character-card-fallback{display:block;width:100%;height:100%;border-radius:16px;object-fit:contain;object-position:center;clip-path:inset(1.5px round 16px)}.hifi-bottom-actions{position:relative;z-index:2;display:grid;grid-template-columns:minmax(132px,.7fr) minmax(0,1.65fr);gap:14px;padding:0 18px 20px}.hifi-secondary-action,.hifi-primary-action,.completion-home-button,.completion-challenge-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:58px;border-radius:999px;cursor:pointer;font-weight:1000}.hifi-secondary-action,.completion-home-button{border:2px solid rgba(196,205,214,.75);background:#fffffff2;color:#657180;box-shadow:0 5px #c8cdd3,0 10px 18px #51545b1f}.hifi-primary-action,.completion-challenge-button{border:0;background:linear-gradient(180deg,#ffbd17,#ff9300);color:#fff;box-shadow:0 6px #c87500,0 14px 22px #ff95003d;font-size:20px}.completion-screen{display:grid;grid-template-rows:auto auto auto auto auto 1fr;align-content:start;background:linear-gradient(160deg,#fff8d7,#fff9c8 52%,#efffe8);border-color:#e8cc5f8c}.completion-screen:after{opacity:.92}.completion-confetti{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;overflow:hidden;pointer-events:none}.completion-confetti span{position:absolute;top:-28px;left:var(--x);width:var(--size);height:calc(var(--size) * 1.28);border-radius:3px;background:hsl(calc(var(--i) * 47deg),92%,59%);box-shadow:0 2px 4px #70440024;opacity:0;animation-name:completion-confetti-fall;animation-duration:var(--duration);animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:var(--delay)}.completion-confetti span:nth-child(3n){border-radius:999px}.completion-confetti span:nth-child(4n){width:calc(var(--size) * 1.5);height:calc(var(--size) * .72);background:#ffb800}.completion-confetti span:nth-child(5n){background:#4caf50}.completion-confetti span:nth-child(6n){background:#42a5f5}.completion-confetti span:nth-child(7n){background:#ff69b4}.completion-confetti span:nth-child(11n){background:#9c6fff}.completion-banner{position:relative;z-index:2;display:grid;justify-items:center;gap:7px;padding:18px 20px 16px;background:linear-gradient(135deg,#ff6d2f,#ffb313);color:#fff;text-align:center}.banner-flags{font-size:21px}.completion-banner h1{margin:0;text-shadow:0 3px 0 rgba(157,83,0,.28);font-size:38px;font-weight:1000;line-height:1}.completion-banner p{margin:0;color:#ffffffeb;font-size:17px;font-weight:900}.completion-stars{position:relative;z-index:2;display:flex;align-items:end;justify-content:center;gap:16px;padding:20px 0 8px}.completion-stars div{display:grid;justify-items:center;gap:5px;color:#a77a00;font-size:13px;font-weight:900}.completion-stars span{display:grid;width:62px;height:62px;place-items:center;border-radius:999px;background:radial-gradient(circle at 34% 26%,#fff489,#ffb913);box-shadow:0 5px #ce8700,0 10px 18px #ffb70052;font-size:32px}.completion-stars .is-main span{width:82px;height:82px;font-size:43px}.completion-summary-card,.completion-ai-comment,.completion-streak{position:relative;z-index:2;margin-inline:16px;border-radius:20px;background:#fffffff0;box-shadow:0 10px 24px #7f6b301f}.completion-summary-card{display:grid;gap:12px;padding:16px}.completion-summary-card>p,.completion-summary-card>strong{margin:0;text-align:center}.completion-summary-card>p{color:#9399a4;font-size:15px;font-weight:900}.completion-summary-card>strong{color:#697386;font-size:14px;font-weight:900;text-align:left}.completion-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.completion-stat{display:grid;justify-items:center;gap:3px}.completion-stat strong{font-size:28px;font-weight:1000;line-height:1}.completion-stat span{color:#a0a7b2;font-size:12px;font-weight:900}.completion-stat-green strong{color:#42ad4a}.completion-stat-orange strong{color:#ff9000}.completion-stat-purple strong{color:#8b62ea}.completion-char-row{display:flex;flex-wrap:wrap;gap:8px}.completion-char-row button{display:grid;min-width:52px;gap:2px;padding:8px 10px;border:1px solid #c9dff5;border-radius:12px;background:linear-gradient(180deg,#fff,#f6fbff);color:#1d2e49;cursor:pointer;box-shadow:0 5px 12px #3a65881a}.completion-char-row span{font-family:KaiTi,STKaiti,Songti SC,serif;font-size:24px;font-weight:1000}.completion-char-row small{color:#72849a;font-size:11px;font-weight:900}.completion-ai-comment{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px;border:1px solid rgba(145,117,224,.32);background:linear-gradient(135deg,#f4f3ff,#eaf0ff)}.completion-ai-comment img{width:62px;height:62px;flex:0 0 auto;border-radius:18px;object-fit:cover;object-position:48% 28%}.completion-ai-comment p{margin:0;color:#3b4251;font-size:14px;font-weight:850;line-height:1.55}.completion-streak{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 16px;border:1px solid rgba(255,174,34,.45);background:linear-gradient(135deg,#fff9dd,#ffedb8);color:#c57900}.completion-streak div{display:grid;gap:3px}.completion-streak strong,.completion-streak span{display:block}.completion-streak strong{font-size:17px;font-weight:1000}.completion-streak span{font-size:13px;font-weight:850}.completion-actions{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.5fr;gap:12px;align-self:end;padding:14px 16px 20px}.completion-home-button{color:#3b8b2e}@keyframes completion-confetti-fall{0%{transform:translate3d(0,-30px,0) rotate(0);opacity:1}72%{opacity:1}to{transform:translate3d(var(--drift),720px,0) rotate(var(--spin));opacity:0}}@media(min-width:800px){.learning-flow-shell{padding:22px}.review-choice-grid{padding-inline:66px}}@media(max-height:760px){.learning-flow-shell{padding:0}.review-flow-shell{overflow-y:auto;overflow-x:hidden}.hifi-phone-screen{width:min(100%,520px);height:100svh;min-height:0;border-radius:0}.review-session-screen{height:auto;min-height:100svh;overflow:visible}.flow-topbar{min-height:48px;padding-top:7px;padding-bottom:5px}.flow-progress-wrap{gap:4px;padding-bottom:6px}.card-mode-switch{margin-bottom:6px}.card-mode-switch button{min-height:30px;font-size:13px}.review-mode-pills{margin-top:4px;height:42px;min-height:42px}.review-mode-pills button{min-height:34px;height:34px;font-size:13px}.review-mode-pills button.is-active{box-shadow:none}.review-audio-zone{gap:7px;padding-top:8px;padding-bottom:6px}.review-audio-button{width:72px;height:72px}.review-choice-grid{gap:10px;padding-inline:58px;padding-bottom:6px}.review-char-option{min-height:76px;font-size:44px}.review-hint-box,.review-feedback-bar{padding:9px 12px}.review-session-footer{min-height:42px}.review-page-footer{min-height:24px;padding-bottom:8px}.review-page-footer p{font-size:12px}.hifi-card-book{width:min(calc(100% - 48px),430px);height:auto;min-height:0;aspect-ratio:822 / 464;margin-top:26px;margin-bottom:18px}.hifi-card-stage{padding-top:4px;padding-bottom:10px}.hifi-card-stage .hifi-card-book{max-width:430px;margin:0}.hifi-stroke-toggle{right:auto;bottom:auto;min-height:34px;padding-inline:12px}.hifi-card-gallery{--gallery-card-gap: 8px;padding:2px 8px 9px 16px}.hifi-bottom-actions{padding-bottom:10px}.hifi-secondary-action,.hifi-primary-action,.completion-home-button,.completion-challenge-button{min-height:52px}.completion-banner{gap:4px;padding:8px 20px 9px}.banner-flags{font-size:15px}.completion-banner h1{font-size:28px}.completion-banner p{font-size:13px}.completion-stars{gap:12px;padding:8px 0 5px}.completion-stars span{width:40px;height:40px;font-size:21px}.completion-stars .is-main span{width:52px;height:52px;font-size:28px}.completion-stars div{gap:3px;font-size:11px}.completion-summary-card{gap:7px;padding:10px 12px}.completion-stat strong{font-size:23px}.completion-char-row button{min-width:46px;padding:6px 8px}.completion-char-row span{font-size:21px}.completion-ai-comment,.completion-streak{margin-top:8px;padding:8px 12px}.completion-ai-comment img{width:48px;height:48px}.completion-ai-comment p{font-size:12px;line-height:1.35}.completion-streak strong{font-size:15px}.completion-streak span{font-size:12px}.completion-actions{padding-top:9px;padding-bottom:10px}}@media(max-width:420px){.learning-flow-shell{padding:0}.hifi-phone-screen{min-height:100svh;border-width:0;border-radius:0}.flow-topbar{grid-template-columns:94px 1fr 94px;padding-inline:12px}.review-mode-pills{grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;height:42px;min-height:42px;margin-inline:12px}.review-mode-pills button{padding:0 3px;font-size:clamp(11px,3vw,12px)}.review-choice-grid{padding-inline:36px}.hifi-card-book{width:calc(100% - 24px)}.hifi-card-stage{padding-inline:12px}.hifi-card-stage .hifi-card-book{width:100%}.hifi-card-gallery{--gallery-card-gap: 7px;padding-inline:12px}.hifi-bottom-actions,.completion-actions{padding-inline:12px}}@media(max-width:640px){.learning-flow-shell{padding:0;overflow:hidden}.review-flow-shell{overflow-y:auto;overflow-x:hidden}.hifi-phone-screen{width:100%;height:100svh;min-height:0;border-width:0;border-radius:0}.flow-topbar{grid-template-columns:minmax(96px,auto) 1fr minmax(44px,auto);gap:var(--review-space-2);min-height:64px;padding:14px var(--review-page-x) var(--review-space-2)}.flow-topbar>strong{font-size:21px}.flow-back-button{min-height:42px;padding-inline:10px 14px}.flow-progress-wrap{gap:var(--review-space-2);overflow:hidden;padding:0 var(--review-page-x) var(--review-space-3)}.flow-progress-wrap .progress-dots{flex-wrap:nowrap;justify-content:flex-start;overflow:hidden}.card-mode-switch{margin:8px auto 0}.card-study-screen{grid-template-rows:auto auto auto minmax(0,1fr) auto}.hifi-card-stage{align-content:start;gap:8px;padding:clamp(22px,4.5svh,48px) 18px 8px}.hifi-card-stage .hifi-card-book{width:min(calc(100vw - 36px),440px);max-width:none}.hifi-stroke-toggle{justify-self:end;margin-right:max(18px,calc((100% - min(calc(100vw - 36px),440px))/2))}.hifi-card-gallery{--gallery-card-gap: 10px;--gallery-card-width: calc((100% - var(--gallery-card-gap)) / 2);padding:14px 18px 104px}.hifi-bottom-actions{grid-template-columns:minmax(118px,.62fr) minmax(0,1.55fr);gap:10px;padding:0 18px max(12px,env(safe-area-inset-bottom))}.review-session-screen{height:auto;min-height:100svh;overflow:visible;grid-template-rows:auto auto auto auto auto auto auto}.review-mode-pills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--review-space-1);overflow:visible;align-self:start;justify-self:stretch;height:42px;min-height:42px;width:auto;max-width:none;margin:0 var(--review-page-x) var(--review-space-3);padding:var(--review-space-1);z-index:6}.review-mode-pills button{min-width:0;height:34px;min-height:34px;padding:0 var(--review-space-1);white-space:nowrap;font-size:clamp(11px,3vw,13px)}.review-mode-pills button.is-active{box-shadow:none}.review-audio-zone{gap:var(--review-space-2);padding:0 var(--review-page-x) var(--review-space-3)}.review-mode-panel{margin:0 var(--review-page-x) var(--review-space-3)}.review-audio-button{width:clamp(78px,18vw,96px);height:clamp(78px,18vw,96px)}.review-choice-grid{align-self:start;align-content:start;gap:var(--review-space-3);padding:0 var(--review-page-x) var(--review-space-4)}.review-session-footer{align-self:stretch}.review-char-option{min-height:clamp(92px,18svh,118px);font-size:clamp(48px,14vw,62px)}.review-hint-box,.review-feedback-bar{padding:9px 11px}.review-hint-box p{font-size:13px;line-height:1.42}.review-feedback-bar{font-size:13px;line-height:1.35}.review-bottom-panel{gap:var(--review-space-2);margin:0 var(--review-page-x) var(--review-space-2);padding:0}.review-page-footer{min-height:28px;padding:0 var(--review-page-x) max(var(--review-space-3),env(safe-area-inset-bottom))}.review-page-footer p{font-size:12px;color:#61738a}}