:root{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;color:#2f4858;background:#fff8df;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{min-height:48px;border:0;border-radius:14px;padding:0 18px;background:var(--theme-primary, #7ac7a6);color:#173b35;font-weight:700;box-shadow:0 4px color-mix(in srgb,var(--theme-primary, #7ac7a6) 72%,#173b35);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}button:hover:not(:disabled){background:#8fdab9;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #4d9a7c}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{position:relative;overflow:hidden;min-height:100vh;padding:42px 20px 56px;background:var(--theme-background)}.welcome-banner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:start center;padding:28px 18px;pointer-events:none}.welcome-banner-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:10px 14px;align-items:center;max-width:min(620px,92vw);min-height:0;padding:18px 22px;border:3px solid var(--theme-banner-border, #f3c4cf);border-radius:28px 28px 28px 10px;background:var(--theme-banner-background);box-shadow:0 18px 36px #7b54562e;color:var(--theme-banner-text, #8b4f62);pointer-events:auto}.welcome-banner-card:after{content:"";position:absolute;right:42px;bottom:-15px;width:28px;height:28px;border-right:3px solid var(--theme-banner-border, #f3c4cf);border-bottom:3px solid var(--theme-banner-border, #f3c4cf);border-radius:0 0 10px;background:color-mix(in srgb,var(--theme-banner-text, #8b4f62) 4%,#fff);transform:rotate(45deg)}.welcome-banner-text{font-size:clamp(1.25rem,4vw,2rem);font-weight:900}.welcome-bunny,.welcome-puppy{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:#ffe3eb;color:#d96d8b;font-size:1.4rem;box-shadow:inset 0 -3px #d96d8b1f}.welcome-puppy{background:#fff0b8;color:#d99e32}.welcome-mascot{display:grid;place-items:center;width:72px;height:56px}.welcome-mascot img{width:86px;height:auto;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(36,101,123,.16))}.welcome-banner-button{grid-column:2 / 3;justify-self:start;padding:8px 16px;border-radius:999px;background:var(--theme-secondary, #f7a9bd);color:#6d3447;font-size:.98rem;font-weight:900}.star-rain-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;overflow:hidden;pointer-events:none}.falling-star{position:absolute;top:-32px;left:var(--star-left);color:#ffd166;font-size:var(--star-size);filter:drop-shadow(0 3px 4px rgba(178,117,43,.18));animation:star-fall var(--star-duration) ease-in var(--star-delay) forwards}.falling-star:nth-child(3n){color:#f7a9bd}.falling-star:nth-child(4n){color:#a9d8f2}.encourage-widget{position:fixed;right:22px;top:58%;z-index:18;transform:translateY(-50%)}.encourage-button{display:inline-flex;align-items:center;gap:8px;min-height:54px;padding:0 18px;border:3px solid #f3c4cf;border-radius:999px 999px 999px 14px;background:#ffd9e3;color:#87445b;box-shadow:0 8px #e9a7b8,0 16px 28px #7b545629}.encourage-button-icon{font-size:1.2rem;line-height:1}.encourage-button:hover:not(:disabled){background:#ffe4ec}.encourage-bubble-layer{position:absolute;right:10px;bottom:62px;pointer-events:none}.encourage-bubble{position:absolute;right:var(--bubble-x);bottom:var(--bubble-y);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:9px 13px;border:2px solid #f3c4cf;border-radius:999px 999px 999px 10px;background:#fff6faf5;color:#8b4f62;font-weight:900;box-shadow:0 10px 22px #7b545629;animation:bubble-float 3.2s ease-out forwards}.encourage-heart{color:var(--theme-secondary, #e85d86);font-size:1.2rem}.theme-switcher,.companion-switcher{position:relative;z-index:2;display:flex;justify-content:center;gap:8px;max-width:920px;margin:0 auto 18px}.theme-switcher button,.companion-switcher button{min-height:38px;padding:0 14px;border:2px solid rgba(255,255,255,.7);border-radius:999px;background:#ffffffc7;color:#496b7a;box-shadow:0 3px #496b7a33;font-size:.94rem}.theme-switcher button.active,.companion-switcher button.active{background:var(--theme-secondary, #f7a9bd);color:#fff;box-shadow:0 3px color-mix(in srgb,var(--theme-secondary, #f7a9bd) 70%,#7a4b5b)}.app-header{position:relative;z-index:1;max-width:940px;margin:0 auto 20px;text-align:center}.eyebrow{margin:0 0 8px;color:#5b7f95;font-weight:700}h1{margin:0;font-size:clamp(2rem,5vw,3.8rem);color:#2f4858}.search-box{position:relative;z-index:1;max-width:720px;margin:0 auto 26px;padding:18px;border:3px solid #f8d48d;border-radius:18px;background:var(--theme-panel, rgba(255, 255, 246, .92));box-shadow:0 14px 26px #536c5d1f}.search-box label{display:block;margin-bottom:12px;font-size:1.22rem;font-weight:800}.search-row{display:grid;grid-template-columns:1fr auto;gap:12px}.search-row input{width:100%;min-height:56px;border:3px solid #a9d8f2;border-radius:16px;padding:0 16px;background:#fff;color:#2f4858;font-size:1.2rem;outline:none}.search-row input:focus{border-color:#5aa9e6;box-shadow:0 0 0 4px #5aa9e62e}.record-launcher{position:relative;z-index:1;display:flex;justify-content:center;margin:-10px auto 28px}.record-open-button{min-height:40px;padding:0 16px;border:2px solid rgba(255,255,255,.7);border-radius:999px;background:#ffffffc7;color:#496b7a;box-shadow:0 3px #496b7a33;font-size:.96rem}.companion-progress{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;max-width:860px;margin:0 auto 14px;padding:8px 12px;border:1px solid rgba(126,180,190,.28);border-radius:999px;background:#ffffff8f;color:#496b7a;font-size:.88rem;font-weight:800}.learning-records-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:18px;background:#22465447;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.learning-records{position:relative;width:min(920px,100%);max-height:min(78vh,720px);overflow:auto;border:2px solid rgba(185,221,199,.9);border-radius:18px;background:var(--theme-panel, rgba(255, 255, 250, .96));box-shadow:0 22px 54px #2f485838}.learning-records-header{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:16px 18px 12px;color:#496b7a}.learning-records-header h2{margin:0;color:#2f4858;font-size:1.35rem}.learning-records-header small{display:block;margin-top:2px;color:#7b9581;font-size:.86rem;font-weight:700}.record-close-button{display:grid;place-items:center;width:40px;min-height:40px;padding:0;border-radius:999px;background:#edf3f1;color:#496b7a;box-shadow:0 3px #c8d9d2;font-size:1.35rem}.record-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 14px}.record-actions button{min-height:38px;padding:0 12px;border-radius:999px;background:#fff3c7;box-shadow:0 3px #e0c369;color:#5f4c17;font-size:.94rem}.record-actions .current-favorite{background:#ffe1eb;box-shadow:0 3px #e9a7b8;color:#87445b}.record-actions .current-favorite.active{background:#f7a9bd}.record-actions .quiet-button{background:#edf3f1;box-shadow:0 3px #c8d9d2;color:#496b7a}.record-section{padding:0 14px 14px}.record-section h3{margin:4px 0 8px;color:#5b7f95;font-size:1rem}.history-tags{display:flex;flex-wrap:wrap;gap:8px}.history-tag{display:inline-flex;align-items:center;overflow:hidden;border:2px solid #f3d38a;border-radius:999px;background:#fffdf3}.history-tag button{min-height:34px;box-shadow:none}.history-tag-text{display:inline-flex;align-items:center;gap:5px;padding:0 8px 0 12px;background:transparent;color:#2f4858}.history-tag-text small{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#eef7e6;color:#6e8b70;font-size:.78rem}.history-star{width:34px;padding:0;background:transparent;color:#d7c9a1}.history-star.active{color:#f4a6bc}.record-empty{margin:0;color:#7b9581;font-size:.94rem;font-weight:700}.phrase-panel{position:relative;z-index:1;max-width:900px;margin:0 auto 22px;padding:20px 24px;border:3px solid #f3d38a;border-radius:22px;background:var(--theme-panel, rgba(255, 255, 250, .94));box-shadow:0 14px 30px #2f48581f;text-align:center}.phrase-label{margin:0 0 4px;color:#6e8b70;font-weight:800}.phrase-panel h2{margin:0;font-size:clamp(2.1rem,6vw,4.3rem);font-family:KaiTi,STKaiti,Songti SC,SimSun,serif;color:#2f4858}.phrase-pinyin{margin:6px 0 0;color:#5b7f95;font-size:1.35rem;font-weight:800}.phrase-meaning,.phrase-sentence{margin:10px auto 0;max-width:680px;color:#496b7a;font-size:1.05rem;font-weight:700}.learning-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1180px;margin:0 auto}.learning-grid.count-1{max-width:480px}.learning-grid.count-2{max-width:900px}.writer-panel,.info-panel,.empty-state,.character-card{border:3px solid #b9ddc7;border-radius:22px;background:var(--theme-panel, rgba(255, 255, 250, .94));box-shadow:0 14px 26px #2f48581f}.character-card{min-width:0;padding:16px}.character-card-header{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-bottom:12px;padding:8px 10px;border-radius:18px;background:#fff3c7}.card-character{display:grid;place-items:center;width:68px;height:68px;border:3px dashed #e9927f;border-radius:18px;background:#fffdf3;font-family:KaiTi,STKaiti,Songti SC,SimSun,serif;font-size:3.4rem;font-weight:700;line-height:1}.character-card-header strong,.character-card-header small{display:block}.character-card-header strong{font-size:1.35rem;color:#2f4858}.character-card-header small{margin-top:4px;color:#6e8b70;font-weight:800}.writer-panel{padding:14px;text-align:center;border-color:#f3d38a;box-shadow:none}.writer-section-title{display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin:0 auto 10px;padding:0 14px;border-radius:999px;background:#eef7e6;color:#496b7a;font-weight:900}.grid-wrap{position:relative;width:min(100%,280px);aspect-ratio:1;margin:0 auto}.mi-grid,.writer-target{position:absolute;top:0;right:0;bottom:0;left:0}.mi-grid{border:4px solid #e9927f;border-radius:18px;background:linear-gradient(45deg,transparent calc(50% - 1px),rgba(233,146,127,.72) calc(50% - 1px),rgba(233,146,127,.72) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(135deg,transparent calc(50% - 1px),rgba(233,146,127,.72) calc(50% - 1px),rgba(233,146,127,.72) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(90deg,transparent calc(50% - 1px),rgba(233,146,127,.72) calc(50% - 1px),rgba(233,146,127,.72) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(0deg,transparent calc(50% - 1px),rgba(233,146,127,.72) calc(50% - 1px),rgba(233,146,127,.72) calc(50% + 1px),transparent calc(50% + 1px)),#fffdf3}.writer-target{z-index:1}.diagram-section{margin-top:18px;padding-top:16px;border-top:2px dashed #d7e8c7}.stroke-diagram{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:10px;max-height:430px;overflow:auto;padding:4px 2px 8px}.stroke-step{margin:0;min-width:0}.mini-grid{position:relative;aspect-ratio:1;border:2px solid #e9927f;border-radius:12px;background:linear-gradient(45deg,transparent calc(50% - 1px),rgba(233,146,127,.5) calc(50% - 1px),rgba(233,146,127,.5) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(135deg,transparent calc(50% - 1px),rgba(233,146,127,.5) calc(50% - 1px),rgba(233,146,127,.5) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(90deg,transparent calc(50% - 1px),rgba(233,146,127,.5) calc(50% - 1px),rgba(233,146,127,.5) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(0deg,transparent calc(50% - 1px),rgba(233,146,127,.5) calc(50% - 1px),rgba(233,146,127,.5) calc(50% + 1px),transparent calc(50% + 1px)),#fffdf3}.stroke-step-svg{position:absolute;top:8%;right:8%;bottom:8%;left:8%;width:84%;height:84%}.stroke-step figcaption{display:grid;gap:2px;margin-top:6px;color:#496b7a;font-size:.86rem;font-weight:700}.stroke-step figcaption strong{color:#b84a4a;font-size:1rem}.stroke-count{margin:16px 0;font-size:1.25rem;font-weight:800;color:#496b7a}.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.controls button{min-height:44px;padding:0 8px;background:#ffd166;box-shadow:0 4px #d99e32;color:#4f3612}.info-panel{display:block;margin-top:12px;padding:12px 16px;box-shadow:none}.big-character{display:grid;place-items:center;width:120px;height:120px;border:3px dashed #e9927f;border-radius:8px;background:#fff3c7;font-family:KaiTi,STKaiti,Songti SC,SimSun,serif;font-size:5rem;font-weight:700;line-height:1}.info-list{margin:0}.info-list div{padding:8px 0;border-bottom:2px dashed #cfe5df}.info-list div:last-child{border-bottom:0}.info-list dt{margin-bottom:4px;color:#5b7f95;font-weight:800}.info-list dd{margin:0;font-size:1.04rem;font-weight:700}.message{position:relative;z-index:1;margin:12px auto 0;color:#496b7a;font-weight:700;text-align:center}.error{color:#b84a4a}.empty-state{position:relative;z-index:1;max-width:560px;margin:0 auto;padding:24px;text-align:center}.empty-state.compact{padding:16px;box-shadow:none}.footer-tip{position:relative;z-index:1;margin:26px auto 0;color:#6e8b70;font-size:1.05rem;font-weight:800;text-align:center}.empty-state .big-character{margin:0 auto 12px}.decorations{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ocean-decorations{overflow:hidden}.ocean-bubble{position:absolute;bottom:-42px;left:var(--bubble-left);width:var(--bubble-size);height:var(--bubble-size);border:2px solid rgba(88,187,218,.42);border-radius:999px;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.92) 0 18%,rgba(255,255,255,.18) 42%,transparent 70%);animation:ocean-bubble-rise var(--bubble-duration) linear var(--bubble-delay) infinite}.ocean-fish{position:absolute;top:var(--fish-top);left:-80px;width:46px;height:22px;border-radius:999px 70% 70% 999px;background:#ffd36f;opacity:.45;animation:fish-swim var(--fish-duration) linear var(--fish-delay) infinite}.ocean-fish:before{content:"";position:absolute;right:-12px;top:4px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #ffd36f}.fish-2{background:#ffb6d1;transform:scale(.78)}.fish-2:before{border-left-color:#ffb6d1}.fish-3{background:#91d7b6;transform:scale(.9)}.fish-3:before{border-left-color:#91d7b6}.sea-plant{position:absolute;bottom:-18px;width:18px;height:96px;border-radius:80% 80% 0 0;background:linear-gradient(180deg,#5fc79c,#2d9b7d);transform-origin:bottom center;opacity:.55;animation:sea-sway 4.8s ease-in-out infinite}.sea-plant:before,.sea-plant:after{content:"";position:absolute;bottom:18px;width:12px;height:58px;border-radius:80% 80% 0 0;background:inherit}.sea-plant:before{left:-11px;transform:rotate(-18deg)}.sea-plant:after{right:-11px;transform:rotate(18deg)}.plant-1{left:5%;height:86px}.plant-2{left:18%;height:118px;animation-delay:-1.4s}.plant-3{right:8%;height:104px;animation-delay:-.8s}.plant-4{right:21%;height:78px;animation-delay:-2s}.plant-5{left:42%;height:64px;animation-delay:-1s}.coral{position:absolute;bottom:-10px;width:70px;height:54px;border-radius:50% 50% 0 0;background:radial-gradient(circle at 28% 36%,#ffadc9 0 9px,transparent 10px),radial-gradient(circle at 58% 24%,#ffadc9 0 12px,transparent 13px),radial-gradient(circle at 78% 50%,#ffadc9 0 8px,transparent 9px),#ff8db8;opacity:.46}.coral-one{left:28%}.coral-two{right:34%;transform:scale(.8)}.theme-mascot-wrap{position:fixed;right:22px;bottom:22px;z-index:12;width:clamp(104px,12vw,150px);pointer-events:none}.companion-mascot-wrap{position:fixed;right:16px;top:calc(58% + 58px);z-index:17;width:clamp(178px,17vw,260px);pointer-events:none}.theme-mascot,.companion-mascot{display:block;width:100%;height:auto;min-height:0;padding:0;border:0;border-radius:28px;background:transparent;box-shadow:none;cursor:var(--mascot-cursor, pointer);pointer-events:auto;animation:companion-float var(--mascot-float-duration, 6.8s) ease-in-out infinite}.theme-mascot:hover:not(:disabled),.companion-mascot:hover:not(:disabled){background:transparent;box-shadow:none;transform:translateY(-3px) scale(1.035) rotate(-1.5deg)}.theme-mascot.patted,.companion-mascot.touch,.companion-mascot.happy{animation:mascot-pat .62s ease-in-out,companion-float var(--mascot-float-duration, 6.8s) ease-in-out infinite .62s}.theme-mascot img,.companion-mascot img{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 12px rgba(36,101,123,.18));transition:opacity .24s ease,transform .24s ease}.companion-bubble{position:absolute;right:calc(100% - 18px);bottom:72%;width:max-content;max-width:min(240px,62vw);padding:10px 13px;border:2px solid rgba(126,217,238,.88);border-radius:18px 18px 6px;background:#fafefff5;color:#24657b;box-shadow:0 10px 24px #24657b24;font-size:.96rem;font-weight:900;line-height:1.45;animation:companion-bubble-in .26s ease-out;pointer-events:none}.mascot-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mascot-particle{position:absolute;left:calc(50% + var(--particle-x));bottom:58%;color:var(--theme-secondary, #ff9fc7);font-size:1.25rem;font-weight:900;animation:mascot-particle-rise 2.6s ease-out var(--particle-delay) forwards}.theme-dolphin button,.companion-dolphin button{border-radius:999px 999px 999px 18px}.theme-dolphin .encourage-button,.companion-dolphin .encourage-button{border-color:#91dff1;background:linear-gradient(180deg,#e9fbff,#bceffc);color:#24657b;box-shadow:0 8px #79cee4,0 16px 28px #24657b24}.theme-dolphin .encourage-button:hover:not(:disabled),.companion-dolphin .encourage-button:hover:not(:disabled){background:linear-gradient(180deg,#f6feff,#d6f7ff)}.theme-dolphin .encourage-bubble,.companion-dolphin .encourage-bubble{border-color:#91dff1;background:#f4fdfff2;color:#24657b;animation-name:dolphin-like-rise}.theme-dolphin .app-header,.theme-dolphin .search-box,.theme-dolphin .learning-records,.theme-dolphin .phrase-panel,.theme-dolphin .learning-grid,.theme-dolphin .footer-tip,.theme-dolphin .message,.companion-dolphin .app-header,.companion-dolphin .search-box,.companion-dolphin .learning-records,.companion-dolphin .phrase-panel,.companion-dolphin .learning-grid,.companion-dolphin .footer-tip,.companion-dolphin .message,.companion-dolphin .companion-progress{position:relative;z-index:1}.companion-environment{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.home-bubbles span{position:absolute;right:var(--home-bubble-right, 8%);bottom:-24px;width:var(--home-bubble-size, 14px);height:var(--home-bubble-size, 14px);border:2px solid rgba(88,187,218,.36);border-radius:999px;background:#ffffff47;animation:home-bubble-rise 14s linear infinite}.home-bubbles span:nth-child(1){--home-bubble-right: 8%;--home-bubble-size: 14px;animation-delay:-2s}.home-bubbles span:nth-child(2){--home-bubble-right: 15%;--home-bubble-size: 20px;animation-delay:-7s}.home-bubbles span:nth-child(3){--home-bubble-right: 28%;--home-bubble-size: 10px;animation-delay:-4s}.home-bubbles span:nth-child(4){--home-bubble-right: 42%;--home-bubble-size: 16px;animation-delay:-11s}.home-seaweed{position:absolute;right:10%;bottom:-18px;width:18px;height:94px;border-radius:80% 80% 0 0;background:linear-gradient(180deg,#66c5a5,#2f9d82);opacity:.46;transform-origin:bottom center;animation:sea-sway 5.8s ease-in-out infinite}.home-seaweed:before,.home-seaweed:after{content:"";position:absolute;bottom:18px;width:12px;height:54px;border-radius:inherit;background:inherit}.home-seaweed:before{left:-10px;transform:rotate(-18deg)}.home-seaweed:after{right:-10px;transform:rotate(18deg)}.home-fish{position:absolute;right:-80px;top:34%;width:44px;height:22px;border-radius:999px 70% 70% 999px;background:#ffd36f;opacity:.38;animation:home-fish-swim 26s linear infinite}.home-fish:after{content:"";position:absolute;right:-12px;top:4px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:14px solid #ffd36f}.home-coral{position:absolute;right:23%;bottom:-8px;width:72px;height:54px;border-radius:50% 50% 0 0;background:radial-gradient(circle at 28% 36%,#ffadc9 0 9px,transparent 10px),radial-gradient(circle at 58% 24%,#ffadc9 0 12px,transparent 13px),radial-gradient(circle at 78% 50%,#ffadc9 0 8px,transparent 9px),#ff8db8;opacity:.34}.home-shell{position:absolute;right:5%;bottom:18px;width:44px;height:28px;border-radius:80% 80% 35% 35%;background:repeating-radial-gradient(ellipse at 50% 100%,#ffe6c8 0,#ffe6c8 5px,#ffd0d8 6px,#ffd0d8 9px);opacity:.48}.home-starfish{position:absolute;right:34%;bottom:42px;color:#ffd36f;font-size:2.2rem;opacity:.52}.practice-finish{position:relative;z-index:1;display:flex;justify-content:center;margin:22px auto 0}.practice-finish button{min-height:44px;background:#ffe1eb;color:#87445b;box-shadow:0 4px #e9a7b8}.cloud,.grass{position:absolute;display:block}.cloud{width:120px;height:42px;border-radius:999px;background:#ffffffd1;box-shadow:28px -12px 0 6px #ffffffd1,58px 0 0 2px #ffffffd1}.cloud-one{top:64px;left:8%;animation:cloud-drift 16s ease-in-out infinite alternate}.cloud-two{top:118px;right:12%;transform:scale(.75);animation:cloud-drift-small 18s ease-in-out infinite alternate}.star{position:absolute;color:#ffd166;font-size:2rem}.star-one{top:150px;left:16%;animation:soft-twinkle 3.2s ease-in-out infinite}.star-two{top:220px;right:18%;color:#f7a9a8;animation:soft-twinkle 4s ease-in-out infinite}.grass{bottom:-24px;width:140px;height:70px;border-radius:50% 50% 0 0;background:#a8d672}.grass-one{left:8%}.grass-two{right:10%}.animal{position:absolute;z-index:0;width:160px;max-width:28vw;opacity:.9}.bunny-art{right:4%;top:238px;animation:animal-bob 5s ease-in-out infinite}.dog-art{left:4%;bottom:28px;animation:animal-bob 6s ease-in-out infinite reverse}.animal-fill{stroke:#6e6a5e;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.bunny-fill{fill:#fff6ee}.dog-fill,.dog-ear{fill:#f2c28d;stroke:#6e6a5e;stroke-width:4;stroke-linejoin:round}.animal-line{fill:none;stroke:#6e6a5e;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.animal-eye{fill:#2f4858}.pencil{stroke:#f2a65a}.pencil-tip{fill:#6e6a5e}.book-fill{fill:#a9d8f2;stroke:#6e6a5e;stroke-width:4}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(28px)}}@keyframes cloud-drift-small{0%{transform:translate(0) scale(.75)}to{transform:translate(-22px) scale(.75)}}@keyframes soft-twinkle{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}@keyframes animal-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes star-fall{0%{opacity:0;transform:translate3d(0,-20px,0) rotate(0) scale(.8)}12%{opacity:1}to{opacity:0;transform:translate3d(var(--star-drift),105vh,0) rotate(260deg) scale(1.05)}}@keyframes bubble-float{0%{opacity:0;transform:translateY(8px) scale(.92)}14%{opacity:1;transform:translateY(0) scale(1)}78%{opacity:1}to{opacity:0;transform:translateY(-34px) scale(.98)}}@keyframes dolphin-like-rise{0%{opacity:0;transform:translateY(10px) scale(.86)}14%{opacity:1}to{opacity:0;transform:translateY(-58px) translate(-12px) scale(1.08)}}@keyframes ocean-bubble-rise{0%{opacity:0;transform:translateZ(0) scale(.7)}12%,72%{opacity:.65}to{opacity:0;transform:translate3d(22px,-108vh,0) scale(1.12)}}@keyframes fish-swim{0%{opacity:0;transform:translate(0) scale(.9)}10%,70%{opacity:.46}to{opacity:0;transform:translate(calc(100vw + 150px)) scale(.9)}}@keyframes sea-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}@keyframes companion-bubble-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes companion-float{0%,to{transform:translateZ(0) rotate(0)}45%{transform:translate3d(-4px,-7px,0) rotate(.8deg)}70%{transform:translate3d(3px,-4px,0) rotate(-.5deg)}}@keyframes mascot-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(1.5deg)}}@keyframes mascot-pat{0%,to{transform:translate(0) rotate(0) scale(1)}20%{transform:translate(-5px) rotate(-4deg) scale(1.04)}45%{transform:translate(5px) rotate(4deg) scale(1.05)}70%{transform:translate(-3px) rotate(-2deg) scale(1.03)}}@keyframes mascot-particle-rise{0%{opacity:0;transform:translateY(8px) scale(.8)}16%{opacity:1}to{opacity:0;transform:translateY(-72px) scale(1.12)}}@keyframes home-bubble-rise{0%{opacity:0;transform:translateY(0) scale(.8)}15%,72%{opacity:.45}to{opacity:0;transform:translateY(-96vh) scale(1.08)}}@keyframes home-fish-swim{0%{opacity:0;transform:translate(0)}12%,62%{opacity:.38}to{opacity:0;transform:translate(calc(-100vw - 120px))}}@media(max-width:900px){.companion-mascot-wrap{position:relative;right:auto;top:auto;bottom:auto;width:176px;margin:14px auto 0}.companion-bubble{right:50%;bottom:calc(100% + 8px);transform:translate(50%)}}@media(max-width:820px){.app-shell{padding:28px 14px 42px}.learning-grid{grid-template-columns:1fr;max-width:480px}.encourage-widget{position:relative;right:auto;top:auto;bottom:auto;display:flex;justify-content:center;margin:18px auto 0;transform:none}.theme-mascot-wrap,.companion-mascot-wrap{position:relative;right:auto;top:auto;bottom:auto;width:164px;margin:14px auto 0}}@media(max-width:560px){.search-row,.controls{grid-template-columns:1fr}.cloud,.star,.bunny{opacity:.35}.welcome-banner{padding-top:18px}.welcome-banner-card{grid-template-columns:auto 1fr;padding:16px}.welcome-puppy{display:none}.welcome-banner-button{grid-column:1 / -1}.theme-switcher,.companion-switcher{flex-wrap:wrap;margin-bottom:14px}.companion-progress{align-items:center;border-radius:16px;font-size:.82rem}.companion-bubble{max-width:78vw;font-size:.9rem}.ocean-fish,.coral{opacity:.28}}@media(prefers-reduced-motion:reduce){.falling-star{top:22%;animation:star-gentle-sparkle 1.2s ease-out var(--star-delay) forwards}.encourage-bubble{animation:bubble-soft-fade 2.4s ease-out forwards}.ocean-bubble,.ocean-fish,.sea-plant,.theme-mascot,.companion-mascot,.theme-mascot.patted,.companion-mascot.touch,.companion-mascot.happy,.companion-bubble,.home-bubbles span,.home-seaweed,.home-fish,.mascot-particle{animation-duration:.01ms;animation-iteration-count:1}}@keyframes star-gentle-sparkle{0%{opacity:0;transform:scale(.85)}35%{opacity:1;transform:scale(1.06)}to{opacity:0;transform:scale(.95)}}@keyframes bubble-soft-fade{0%{opacity:0}18%,78%{opacity:1}to{opacity:0}}