:root{--ink: #493944;--ink-soft: #7a6470;--pink-50: #fff6fa;--pink-100: #ffe7f0;--pink-400: #f388ae;--pink-500: #e96192;--violet-500: #8b72c9;--shadow-soft: 0 18px 48px rgb(151 95 126 / 15%);--shadow-button: 0 8px 0 #c84978, 0 12px 20px rgb(196 73 120 / 25%);--radius-xl: 32px;--radius-md: 16px;--font-display: ui-rounded, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-text: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;color:var(--ink);font-family:var(--font-text);background:var(--pink-50)}button{font:inherit}.app-shell{min-height:100vh;overflow:hidden;position:relative;padding:clamp(18px,3vw,38px) clamp(24px,6vw,96px) 26px;background:radial-gradient(circle at 7% 8%,#fff 0 2%,transparent 18%),radial-gradient(circle at 90% 86%,#ffe0ec 0 3%,transparent 25%),linear-gradient(135deg,#fff8fc 0%,#fff2f7 45%,#f5efff 100%)}.topbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1240px;margin:0 auto}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:clamp(18px,2vw,26px);font-weight:800;letter-spacing:.04em}.brand-orbit{display:grid;width:34px;height:34px;place-items:center;color:#fff;border-radius:50%;background:linear-gradient(135deg,var(--pink-400),var(--violet-500));box-shadow:0 6px 15px #8b72c940}.stage-pill{padding:9px 14px;color:var(--violet-500);font-size:13px;font-weight:700;border:1px solid #dfd3f6;border-radius:999px;background:rgb(255 255 255 / 68%)}.welcome-card{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:clamp(30px,7vw,110px);max-width:1120px;min-height:min(67vh,560px);margin:12px auto 14px;padding:24px 34px 22px}.mascot-wrap{width:min(32vw,310px);min-width:210px;aspect-ratio:1;position:relative;display:grid;place-items:center}.planet-ring{position:absolute;width:96%;height:39%;border:18px solid #e0d4fa;border-right-color:transparent;border-radius:50%;transform:rotate(-24deg);opacity:.88}.mascot{position:relative;width:64%;aspect-ratio:1;border:9px solid #e35e90;border-radius:46% 46% 48% 48%;background:linear-gradient(155deg,#ffc7db,#f38eb5);box-shadow:inset 0 -12px #d6457826,0 18px 26px #e35e9040;transform:rotate(-4deg)}.mascot-ear{position:absolute;top:-12%;width:27%;height:38%;border:8px solid #e35e90;border-bottom:0;border-radius:65% 65% 30% 30%;background:#ffc7db}.ear-left{left:3%;transform:rotate(-24deg)}.ear-right{right:3%;transform:rotate(24deg)}.mascot-face{position:absolute;top:24%;right:15%;bottom:13%;left:15%;display:block;border-radius:46%;background:#fff3f7}.eye{position:absolute;top:33%;width:13%;height:19%;border-radius:50%;background:var(--ink)}.eye:after{content:"";position:absolute;top:14%;right:18%;width:27%;aspect-ratio:1;border-radius:50%;background:#fff}.eye-left{left:23%}.eye-right{right:23%}.smile{position:absolute;left:40%;top:62%;width:22%;height:12%;border-bottom:4px solid #dc6791;border-radius:0 0 100% 100%}.spark{position:absolute;color:#ed72a1;font-size:30px;animation:twinkle 2.4s ease-in-out infinite}.spark-a{top:8%;right:9%}.spark-b{bottom:11%;left:6%;color:var(--violet-500);animation-delay:.7s}.welcome-copy{max-width:550px}.eyebrow{margin:0 0 10px;color:var(--pink-500);font-size:clamp(13px,1.5vw,16px);font-weight:800;letter-spacing:.13em}.welcome-copy h1,.rotate-card h1{margin:0;font-family:var(--font-display);font-size:clamp(31px,4.4vw,60px);line-height:1.19;letter-spacing:.02em}.intro{margin:22px 0 25px;color:var(--ink-soft);font-size:clamp(15px,1.6vw,19px);line-height:1.8}.primary-button{padding:15px 22px;color:#fff;font-weight:800;letter-spacing:.03em;border:0;border-radius:16px;background:linear-gradient(135deg,#f27faa,#e55d93);box-shadow:var(--shadow-button);opacity:.88;cursor:not-allowed}.primary-button span{margin-right:6px}.build-note{margin:19px 0 0;color:#a38b98;font-size:13px}.principles{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1000px;margin:0 auto}.principles article{display:grid;grid-template-columns:36px 1fr;column-gap:9px;align-items:center;padding:12px 18px;border:1px solid rgb(255 255 255 / 85%);border-radius:var(--radius-md);background:rgb(255 255 255 / 62%);box-shadow:0 8px 22px #8c698114}.principle-icon{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;color:var(--pink-500);border-radius:50%;background:var(--pink-100)}.principles strong{font-size:14px}.principles small{margin-top:2px;color:var(--ink-soft);font-size:11px}.sky-decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.star{position:absolute;color:#d7c4f8;font-size:20px;animation:twinkle 2.8s ease-in-out infinite}.star-1{left:11%;top:17%}.star-2{left:23%;top:9%}.star-3{left:46%;top:13%}.star-4{right:23%;top:18%}.star-5{right:11%;top:35%}.star-6{right:32%;bottom:11%}.star-7{left:11%;bottom:14%}.star-8{left:35%;bottom:6%}.star-9{right:5%;bottom:10%}.cloud{position:absolute;width:160px;height:36px;border-radius:999px;background:rgb(255 255 255 / 55%);filter:blur(1px)}.cloud:before,.cloud:after{content:"";position:absolute;bottom:0;border-radius:50%;background:inherit}.cloud:before{left:25px;width:58px;height:58px}.cloud:after{right:19px;width:76px;height:76px}.cloud-left{left:-35px;top:39%}.cloud-right{right:-45px;top:19%;transform:scale(.72)}.portrait-notice{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(145deg,#fff4f8,#f4edff);text-align:center}.rotate-card{max-width:430px;padding:32px 24px;border:1px solid #fff;border-radius:var(--radius-xl);background:rgb(255 255 255 / 73%);box-shadow:var(--shadow-soft)}.rotate-icon{position:relative;width:92px;height:72px;margin:0 auto 24px;color:var(--pink-500);font-size:68px;line-height:.75;transform:rotate(90deg)}.rotate-icon span{position:absolute;top:15px;right:-12px;color:var(--violet-500);font-size:25px;transform:rotate(-90deg)}.rotate-card h1{font-size:31px}.rotate-card p:last-child{color:var(--ink-soft);line-height:1.8}@keyframes twinkle{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@media (max-width: 760px) and (orientation: landscape){.app-shell{padding:13px 26px}.welcome-card{min-height:0;margin:4px auto;padding:8px 26px}.mascot-wrap{min-width:155px;width:24vw}.intro{margin:12px 0;line-height:1.55}.principles article{padding:8px 12px}.build-note{margin-top:12px}}.loading-scene,.setup-shell{display:grid;min-height:100vh;place-items:center;padding:26px;background:radial-gradient(circle at 20% 22%,#fff 0 2%,transparent 20%),linear-gradient(135deg,#fff7fb,#f5efff)}.loading-scene{color:var(--ink-soft);gap:4px;font-weight:700}.loading-star{color:var(--pink-500);font-size:52px;animation:twinkle 1.4s ease-in-out infinite}.setup-stars{position:absolute;top:8%;color:#cfbdf4;font-size:24px;letter-spacing:.3em}.setup-card{width:min(960px,100%);max-height:calc(100vh - 45px);overflow:auto;padding:clamp(24px,4vw,46px);border:1px solid rgb(255 255 255 / 95%);border-radius:var(--radius-xl);background:rgb(255 253 252 / 81%);box-shadow:var(--shadow-soft)}.setup-brand{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 0 18px;color:var(--pink-500);font-family:var(--font-display);font-size:17px;font-weight:800;letter-spacing:.14em}.setup-heading{max-width:650px}.setup-heading h1{margin:0;font-family:var(--font-display);font-size:clamp(29px,3.5vw,44px);line-height:1.2}.setup-heading>p:last-child{margin:12px 0 24px;color:var(--ink-soft);line-height:1.7}.profile-form{display:grid;gap:18px}.field,fieldset{display:grid;gap:9px;padding:0;border:0}.field>span,legend{color:var(--ink);font-size:14px;font-weight:800}.field input{width:100%;min-height:46px;padding:10px 13px;color:var(--ink);font:inherit;border:1px solid #eadce4;border-radius:12px;outline:none;background:#fff}.field input:focus{border-color:var(--pink-400);box-shadow:0 0 0 3px #ffe5ef}.choice-row{display:flex;flex-wrap:wrap;gap:10px}.avatar-choice,.color-choice{display:flex;align-items:center;gap:8px;min-height:45px;padding:7px 12px;color:var(--ink-soft);border:1px solid #e8dce5;border-radius:13px;background:#fff;cursor:pointer}.avatar-choice>span{display:grid;width:28px;height:28px;place-items:center;color:var(--pink-500);border-radius:10px;background:var(--pink-100);font-size:17px}.avatar-choice small{font-size:12px}.avatar-choice.selected,.color-choice.selected{color:var(--pink-500);border-color:var(--pink-400);box-shadow:0 0 0 3px #ffe9f1}.color-choice i{width:18px;height:18px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d6c4cf}.color-choice.pink i{background:#f388ae}.color-choice.lavender i{background:#a990e0}.color-choice.sky i{background:#81ccec}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:4px}.text-button,.secondary-button{color:var(--violet-500);font-weight:800;border:0;background:transparent;cursor:pointer}.form-error{margin:0;color:#bf3f67;font-size:13px;font-weight:700}.home-shell{position:relative;min-height:100vh;overflow:hidden;padding:clamp(17px,3vw,38px) clamp(24px,6vw,96px) 36px;background:radial-gradient(circle at 89% 12%,#fff 0 3%,transparent 19%),radial-gradient(circle at 13% 80%,#f8dbf1 0 2%,transparent 16%),linear-gradient(135deg,#fff9fc,#fff1f6 47%,#f3efff)}.home-shell:before{content:"✦　·　✧　·　✦";position:absolute;top:14%;right:6%;color:#d7c6f6;letter-spacing:.3em}.theme-lavender{--pink-100: #eee8fd;--pink-400: #aa91e0;--pink-500: #8166be}.theme-sky{--pink-100: #e2f4fc;--pink-400: #75c7e9;--pink-500: #449bc1}.home-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;max-width:1210px;margin:0 auto}.offline-badge{display:flex;align-items:center;gap:8px;padding:9px 13px;color:#668474;font-size:12px;font-weight:700;border:1px solid #d9eee4;border-radius:999px;background:rgb(255 255 255 / 70%)}.offline-badge i{width:8px;height:8px;border-radius:50%;background:#7bc79b}.home-hero{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1120px;min-height:min(48vh,430px);margin:0 auto}.hero-copy{max-width:610px}.hero-copy h1{margin:0;font-family:var(--font-display);font-size:clamp(31px,4.6vw,61px);line-height:1.18}.hero-copy>p:not(.eyebrow){max-width:520px;margin:18px 0 23px;color:var(--ink-soft);font-size:clamp(14px,1.45vw,18px);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:19px}.secondary-button{padding:12px 4px}.hero-orbit{position:relative;flex:0 0 clamp(220px,28vw,310px);aspect-ratio:1;display:grid;place-items:center}.orbit-line{position:absolute;width:95%;height:42%;border:16px solid #e2d5fa;border-left-color:transparent;border-radius:50%;transform:rotate(27deg)}.hero-avatar{position:relative;z-index:1;display:grid;width:55%;aspect-ratio:1;place-items:center;color:#fff;border:8px solid #f6a3c2;border-radius:45% 45% 48% 48%;background:linear-gradient(145deg,#ffc4d8,#e76899);box-shadow:inset 0 -10px #c03f6a2b,0 18px 28px #ce578733;font-size:clamp(42px,6vw,70px)}.orbit-star{position:absolute;color:var(--pink-500);font-size:29px}.star-one{top:13%;right:10%}.star-two{bottom:8%;left:10%;color:var(--violet-500)}.star-three{top:17%;left:17%;color:#efb449;font-size:38px}.dashboard-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:17px;max-width:1120px;margin:0 auto}.dashboard-grid article{padding:22px 25px;border:1px solid rgb(255 255 255 / 90%);border-radius:22px;background:rgb(255 255 255 / 67%);box-shadow:0 12px 30px #95597b14}.card-kicker{color:var(--pink-500);font-size:12px;font-weight:800;letter-spacing:.08em}.progress-card strong{display:block;margin:7px 0 1px;font-family:var(--font-display);font-size:38px}.progress-card strong small{color:var(--ink-soft);font-family:var(--font-text);font-size:13px}.dashboard-grid p{margin:7px 0 0;color:var(--ink-soft);font-size:13px;line-height:1.6}.star-track{display:flex;gap:8px;margin-top:14px}.star-track i{width:20px;height:20px;border:2px dashed #e4d5e4;border-radius:50%}.backup-card h2{margin:7px 0 0;font-family:var(--font-display);font-size:22px}.backup-actions{display:flex;gap:10px;margin-top:16px}.backup-actions button{padding:9px 11px;color:var(--violet-500);font-size:12px;font-weight:800;border:1px solid #dfd2f3;border-radius:10px;background:#fff;cursor:pointer}.backup-actions button:first-child{color:#fff;border-color:var(--pink-500);background:var(--pink-500)}.toast{position:fixed;z-index:8;right:24px;bottom:24px;display:flex;align-items:center;gap:16px;max-width:420px;padding:14px 16px;color:#447260;border:1px solid #d5ecdf;border-radius:14px;background:#f6fff9;box-shadow:var(--shadow-soft);font-size:13px;font-weight:700}.toast.error{color:#a64161;border-color:#f2d3dd;background:#fff6f8}.toast button{color:inherit;font-size:20px;border:0;background:transparent;cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@media (max-width: 760px) and (orientation: landscape){.home-shell{padding:12px 28px 20px}.home-hero{min-height:0}.hero-orbit{flex-basis:190px}.dashboard-grid article{padding:14px 17px}.hero-copy>p:not(.eyebrow){margin:10px 0}.hero-actions .primary-button{padding:11px 15px}.setup-card{padding:20px 28px}.profile-form{gap:11px}}.learning-shell{min-height:100vh;padding:clamp(17px,3vw,36px) clamp(25px,6vw,90px);overflow:hidden;background:radial-gradient(circle at 88% 14%,#fff 0 2%,transparent 18%),radial-gradient(circle at 9% 87%,#f7d7ea 0 2%,transparent 18%),linear-gradient(135deg,#fff8fc,#f5f0ff)}.learning-header{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:14px 24px;max-width:1220px;margin:0 auto}.header-brand{justify-self:start;display:inline-flex;align-items:center;gap:5px;color:var(--violet-500);font-family:var(--font-display);font-size:12px;font-weight:800;letter-spacing:.1em;white-space:nowrap}.back-button{justify-self:start;color:var(--violet-500);font-size:13px;font-weight:800;border:0;background:transparent;cursor:pointer}.lesson-name{justify-self:end;color:var(--pink-500);font-size:13px;font-weight:800}.lesson-progress{display:grid;gap:7px;min-width:min(30vw,260px);color:var(--ink-soft);font-size:12px;font-weight:700;text-align:center}.lesson-progress i{display:block;height:8px;overflow:hidden;border-radius:999px;background:#eadfee}.lesson-progress b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink-400),var(--violet-500));transition:width .25s ease}.learning-stage{position:relative;display:grid;max-width:940px;min-height:calc(100vh - 98px);margin:0 auto;place-items:center}.character-card{width:min(520px,100%);padding:clamp(25px,4vw,38px) 46px 27px;text-align:center;border:1px solid rgb(255 255 255 / 95%);border-radius:32px;background:rgb(255 255 255 / 78%);box-shadow:0 24px 55px #90537424}.card-kicker{margin:0;color:var(--pink-500);font-size:12px;font-weight:800;letter-spacing:.1em}.big-character{margin:4px 0 -2px;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:clamp(110px,17vw,176px);line-height:1;text-shadow:0 10px 18px rgb(120 84 112 / 11%)}.pinyin{margin:0 0 16px;color:var(--violet-500);font-family:var(--font-display);font-size:25px;font-weight:800}.listen-button{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;color:var(--pink-500);font-size:13px;font-weight:800;border:1px solid #f5c9da;border-radius:999px;background:#fff7fb;cursor:pointer}.listen-button>span{display:grid;width:21px;height:21px;place-items:center;color:#fff;border-radius:50%;background:var(--pink-500);font-size:11px}.listen-button.speaking{animation:soft-pulse 1s ease-in-out infinite}.word-row{display:flex;justify-content:center;gap:9px;margin:22px 0 13px}.word-row span{padding:7px 12px;color:var(--ink);font-size:14px;font-weight:700;border-radius:10px;background:#f8f1ff}.sentence{margin:0;color:var(--ink-soft);font-size:15px;line-height:1.7}.speech-fallback{margin:11px 0 -3px;color:#c06a87;font-size:12px}.guide-bubble{position:absolute;left:0;top:20%;display:flex;align-items:center;gap:8px;padding:12px 16px;color:var(--ink-soft);border-radius:17px 17px 17px 2px;background:#fff;box-shadow:0 11px 25px #8e617e1a;transform:rotate(-3deg)}.guide-bubble span{color:var(--pink-500);font-size:24px}.guide-bubble p{margin:0;font-size:12px;line-height:1.5;font-weight:700}.lesson-controls{position:absolute;bottom:5%;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:18px}.lesson-arrow{min-width:88px;color:var(--violet-500);font-size:13px;font-weight:800;border:0;background:transparent;cursor:pointer}.lesson-arrow:disabled{opacity:.3;cursor:default}.mastered-button{padding:13px 19px;color:#fff;font-size:14px;font-weight:800;border:0;border-radius:14px;background:linear-gradient(135deg,var(--pink-400),var(--pink-500));box-shadow:var(--shadow-button);cursor:pointer}.lesson-toast{position:fixed;z-index:3;bottom:24px;left:50%;display:flex;align-items:center;gap:14px;max-width:530px;padding:12px 15px;color:var(--violet-500);border:1px solid #e3d8f5;border-radius:13px;background:#fff;box-shadow:var(--shadow-soft);font-size:13px;font-weight:700;transform:translate(-50%)}.lesson-toast button{color:inherit;font-size:19px;border:0;background:transparent;cursor:pointer}@keyframes soft-pulse{50%{transform:scale(1.04);box-shadow:0 0 0 7px #fde2ed}}@media (max-width: 760px) and (orientation: landscape){.learning-shell{padding:13px 30px}.learning-stage{min-height:calc(100vh - 66px)}.character-card{width:min(430px,58vw);padding:21px 30px}.big-character{font-size:min(25vh,128px)}.word-row{margin:12px 0 9px}.guide-bubble{left:4%;top:15%}.lesson-controls{bottom:0}}.assessment-shell{min-height:100vh;padding:clamp(17px,3vw,36px) clamp(25px,6vw,90px);background:radial-gradient(circle at 80% 19%,#fff 0 2%,transparent 17%),linear-gradient(135deg,#fff8fc,#f2efff)}.assessment-stage{display:grid;min-height:calc(100vh - 92px);place-items:center;align-content:center;text-align:center}.assessment-stage h1{margin:0 0 15px;font-family:var(--font-display);font-size:clamp(28px,4vw,48px)}.assessment-character{display:grid;min-width:min(310px,48vw);min-height:210px;place-items:center;margin:0 0 22px;padding:17px 55px;color:var(--ink);font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:clamp(110px,16vw,160px);line-height:.85;border:1px solid #fff;border-radius:30px;background:rgb(255 255 255 / 80%);box-shadow:0 20px 45px #9053741f;cursor:pointer}.assessment-character small{margin-top:15px;color:var(--violet-500);font-family:var(--font-text);font-size:12px;font-weight:800}.answer-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.answer-row button{min-width:140px;padding:13px 17px;color:var(--violet-500);font-size:14px;font-weight:800;border:1px solid #ddd0f2;border-radius:14px;background:#fff;cursor:pointer}.answer-row button:first-child{color:#fff;border-color:var(--pink-500);background:linear-gradient(135deg,var(--pink-400),var(--pink-500))}.answer-row button:disabled{opacity:.6;cursor:default}.assessment-stage>p:last-child{margin:17px 0 0;color:var(--ink-soft);font-size:12px}@media (max-width: 760px) and (orientation: landscape){.assessment-stage{min-height:calc(100vh - 62px)}.assessment-character{min-height:145px;margin-bottom:13px;font-size:min(22vh,120px)}.assessment-stage h1{margin-bottom:8px}.answer-row button{padding:10px 13px}.assessment-stage>p:last-child{margin-top:9px}}.game-shell{min-height:100vh;padding:clamp(17px,3vw,36px) clamp(25px,6vw,90px);background:radial-gradient(circle at 15% 16%,#fff 0 2%,transparent 18%),radial-gradient(circle at 86% 85%,#ffe0ee 0 2%,transparent 17%),linear-gradient(135deg,#fff8fb,#f2efff)}.game-stage{display:grid;min-height:calc(100vh - 93px);place-items:center;align-content:center;text-align:center}.game-stage h1{max-width:700px;margin:0 0 22px;font-family:var(--font-display);font-size:clamp(28px,4vw,48px);line-height:1.3}.choice-grid{display:grid;width:min(660px,90vw);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.choice-grid.choices-4{grid-template-columns:repeat(4,minmax(0,1fr))}.character-choice{min-height:124px;color:var(--ink);font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:clamp(55px,8vw,85px);border:2px solid #fff;border-radius:24px;background:rgb(255 255 255 / 80%);box-shadow:0 12px 25px #9053741a;cursor:pointer;transition:transform .16s ease,border-color .16s ease}.character-choice:hover{border-color:var(--pink-400);transform:translateY(-3px)}.game-helper{margin:18px 0 0;color:var(--ink-soft);font-size:13px}.game-sound{margin:-9px 0 19px;padding:10px 15px;color:var(--pink-500);font-size:13px;font-weight:800;border:1px solid #f5c9da;border-radius:999px;background:#fff7fb;cursor:pointer}.game-feedback{position:fixed;z-index:5;bottom:25px;left:50%;display:flex;align-items:center;gap:13px;width:min(600px,calc(100vw - 42px));padding:14px 17px;color:var(--ink);border:1px solid #fff;border-radius:18px;background:#fffdfd;box-shadow:var(--shadow-soft);transform:translate(-50%)}.game-feedback>span{color:var(--pink-500);font-size:26px}.game-feedback p{flex:1;margin:0;font-size:14px;line-height:1.5;font-weight:700}.game-feedback button{padding:10px 14px;color:#fff;font-size:13px;font-weight:800;border:0;border-radius:11px;background:var(--pink-500);cursor:pointer}@media (max-width: 760px) and (orientation: landscape){.game-shell{padding:13px 30px}.game-stage{min-height:calc(100vh - 62px)}.character-choice{min-height:90px;border-radius:17px;font-size:min(16vh,68px)}.game-stage h1{margin-bottom:13px}.game-helper{margin-top:11px}.game-feedback{bottom:12px;padding:10px 13px}}.header-actions{display:flex;align-items:center;gap:10px}.parent-link{padding:8px 11px;color:var(--violet-500);font-size:12px;font-weight:800;border:1px solid #dfd2f3;border-radius:999px;background:rgb(255 255 255 / 70%);cursor:pointer}.star-track i{display:grid;width:20px;height:20px;place-items:center;color:#e4d5e4;font-size:16px;border:0;background:transparent}.star-track i.lit{color:#efb54a;text-shadow:0 3px 7px #f6dfa4}.parent-shell{min-height:100vh;padding:clamp(17px,3vw,36px) clamp(25px,6vw,90px);background:linear-gradient(135deg,#fff8fc,#f2efff)}.parent-title{color:var(--ink);font-family:var(--font-display);font-weight:800}.parent-content{max-width:1050px;margin:0 auto;padding-top:clamp(35px,7vh,78px)}.parent-intro{max-width:650px}.parent-intro h1{margin:0;font-family:var(--font-display);font-size:clamp(31px,4.4vw,53px);line-height:1.22}.parent-intro>p:last-child{color:var(--ink-soft);line-height:1.7}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:28px 0 16px}.stats-row article,.parent-card,.birthday-card{padding:21px;border:1px solid #fff;border-radius:19px;background:rgb(255 255 255 / 73%);box-shadow:0 12px 30px #915b7a17}.stats-row span,.stats-row small{color:var(--ink-soft);font-size:12px;font-weight:700}.stats-row strong{margin:5px 5px 0 0;font-family:var(--font-display);font-size:34px}.parent-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.parent-card h2{margin:8px 0;font-family:var(--font-display);font-size:22px}.parent-card p,.birthday-card p{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.7}.birthday-card{display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,#fff8e9,#fff0f5)}.birthday-card>span{display:grid;width:48px;height:48px;place-items:center;color:#dc9b32;border-radius:50%;background:#fff3cf;font-size:27px}.birthday-card b{font-family:var(--font-display);font-size:18px}.hero-illustration{position:relative;z-index:1;width:125%;max-width:420px;max-height:390px;object-fit:contain;filter:drop-shadow(0 18px 16px rgb(174 89 129 / 18%));transform:translate(5%)}@media (max-width: 760px) and (orientation: landscape){.parent-content{padding-top:20px}.stats-row{margin:16px 0 10px}.stats-row article{padding:13px}.stats-row strong{font-size:25px}.parent-grid{gap:10px}.parent-card,.birthday-card{padding:13px}.parent-card h2{margin:5px 0;font-size:17px}}.library-search{margin-top:16px;padding:19px 21px;border:1px solid #fff;border-radius:19px;background:rgb(255 255 255 / 73%);box-shadow:0 12px 30px #915b7a17}.library-search label{display:flex;align-items:center;gap:12px;margin-top:11px;color:var(--ink-soft);font-size:13px;font-weight:700}.library-search input{width:76px;min-height:39px;padding:6px 11px;color:var(--ink);font-size:18px;text-align:center;border:1px solid #eadce4;border-radius:10px;outline:none;background:#fff}.library-search input:focus{border-color:var(--pink-400);box-shadow:0 0 0 3px #ffe5ef}.search-result{margin:11px 0 0;color:var(--ink-soft);font-size:13px;font-weight:700}.search-result.ready{color:#518b70}.birthday-home-card{display:flex;align-items:center;gap:15px;grid-column:1 / -1;padding:18px 22px;border:1px solid #fff;border-radius:22px;background:linear-gradient(135deg,#fff7d8,#ffeaf4 55%,#f1e8ff);box-shadow:0 12px 30px #915b7a1f}.birthday-home-card>span{display:grid;flex:0 0 52px;width:52px;height:52px;place-items:center;border-radius:50%;background:#fff8de;font-size:29px}.birthday-home-card b{font-family:var(--font-display);font-size:20px}.birthday-home-card p,.birthday-home-card small{display:block;margin:4px 0 0;color:var(--ink-soft);font-size:13px;line-height:1.6}.birthday-home-card small{color:#a5754c;font-weight:700}.library-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:11px}.library-actions button{min-height:40px;padding:8px 12px;color:var(--violet-500);font-size:13px;font-weight:800;border:1px solid #dfd2f3;border-radius:11px;background:#fff;cursor:pointer}.library-actions button:first-child{color:#fff;border-color:var(--pink-500);background:var(--pink-500)}.quest-finish{display:grid;min-height:100vh;place-items:center;align-content:center;max-width:720px;margin:0 auto;padding:30px;text-align:center}.quest-finish>span{display:grid;width:86px;height:86px;place-items:center;margin-bottom:13px;color:#fff;border-radius:50%;background:linear-gradient(135deg,#f6b84c,var(--pink-500));box-shadow:0 16px 30px #e0845245;font-size:46px}.quest-finish h1{margin:0;font-family:var(--font-display);font-size:clamp(31px,4.4vw,52px);line-height:1.25}.quest-finish>p:not(.eyebrow){max-width:500px;color:var(--ink-soft);line-height:1.8}.quest-finish button{padding:13px 19px;color:#fff;font-weight:800;border:0;border-radius:14px;background:var(--pink-500);box-shadow:var(--shadow-button);cursor:pointer}.word-row button{padding:7px 12px;color:var(--ink);font:inherit;font-size:14px;font-weight:700;border:0;border-radius:10px;background:#f8f1ff;cursor:pointer}.word-row button:hover,.word-row button:focus-visible{outline:2px solid var(--pink-400);outline-offset:2px}.sentence-button{padding:3px 6px;border:0;border-radius:8px;background:transparent;cursor:pointer}.sentence-button:hover,.sentence-button:focus-visible{color:var(--violet-500);background:#f8f1ff;outline:2px solid var(--pink-400);outline-offset:2px}.revisit-characters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.revisit-characters span{display:grid;width:39px;height:39px;place-items:center;color:var(--violet-500);font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:24px;font-weight:800;border-radius:11px;background:#f6f0ff}