@import"https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@500,700,800&display=swap";:root{font-family:Cabinet Grotesk,Microsoft YaHei,sans-serif;color:#18211c;background:#f3f7e6;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #18211c;--paper: #fffdf4;--line: #18211c;--sun: #ffd94a;--leaf: #3ca66b;--grass: #a9e070;--sky: #8bd7ff;--pond: #65bce8;--coral: #ff705a;--berry: #d94c78;--night: #22324a;--panel-shadow: 5px 5px 0 var(--line)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:linear-gradient(90deg,rgba(24,33,28,.07) 1px,transparent 1px),linear-gradient(rgba(24,33,28,.07) 1px,transparent 1px),#f3f7e6;background-size:32px 32px}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app{min-height:100vh;padding:22px}.home-world{min-height:100vh;display:grid;grid-template-columns:minmax(310px,.92fr) minmax(360px,1.08fr);grid-template-rows:1fr auto;gap:22px;align-items:stretch;padding:24px;overflow:hidden}.home-copy{display:grid;align-content:center}.home-copy h1{max-width:680px;margin:18px 0 16px;font-size:4.5rem;line-height:.92;letter-spacing:0}.home-copy p{max-width:620px;margin:0 0 26px;color:#3e5047;font-size:1.5rem;line-height:1.28;font-weight:700}.home-pet{position:relative;min-height:560px;display:grid;place-items:center;overflow:hidden;border:3px solid var(--line);border-radius:8px;background:linear-gradient(#dff6ff 0,#dff6ff 62%,#bde88a 62%,#bde88a);box-shadow:9px 9px 0 var(--line)}.home-pet__sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,217,74,.42),transparent 40%),repeating-linear-gradient(90deg,transparent 0 34px,rgba(24,33,28,.05) 34px 36px)}.home-pet .pet-sprite{z-index:2;transform:translateY(44px)}.home-pet__bubble{position:absolute;left:22px;right:22px;bottom:22px;z-index:3;display:grid;gap:4px;padding:14px 16px;border:3px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:var(--panel-shadow);font-weight:800}.badge,.status-pill,.star-meter{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:7px 12px;border:2px solid var(--line);border-radius:999px;background:var(--paper);box-shadow:3px 3px 0 var(--line);font-weight:800;white-space:nowrap}.primary-action,.quick-links button,.top-nav button,.home-controls button,.sync-dock button,.speech-actions button,.sentence-actions button,.round-actions button,.pet-catalog footer button,.icon-text{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border:2px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--line);font-weight:800;transition:transform .14s ease,box-shadow .14s ease}.primary-action{width:fit-content;min-height:72px;padding:0 28px;border-width:3px;background:var(--sun);box-shadow:7px 7px 0 var(--line);font-size:1.65rem}.primary-action:hover,.quick-links button:hover,.top-nav button:hover,.home-controls button:hover,.sync-dock button:hover,.speech-actions button:hover,.sentence-actions button:hover,.round-actions button:hover,.icon-text:hover{transform:translate(-2px,-2px)}.primary-action:active,.quick-links button:active,.top-nav button:active,.home-controls button:active,.sync-dock button:active,.speech-actions button:active,.sentence-actions button:active,.round-actions button:active,.icon-text:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--line)}.quick-links,.home-controls,.sentence-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.quick-links{margin-top:26px}.star-meter{background:var(--sun)}.star-meter__hint{color:#615024}.user-dock{grid-column:1 / -1;display:grid;grid-template-columns:minmax(210px,.7fr) auto minmax(310px,1.2fr);gap:14px;align-items:end;padding:14px;border:3px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:var(--panel-shadow)}.user-dock label,.sync-dock{display:grid;gap:8px;font-weight:800}.user-dock input,.sync-dock input,.pet-search input{min-height:44px;border:2px solid var(--line);border-radius:8px;padding:0 12px;background:#f3f7e6;color:var(--ink);font-weight:800}.sync-dock{grid-template-columns:auto auto minmax(150px,1fr) auto auto;align-items:center}.sync-dock span,.sync-dock small{white-space:nowrap}.top-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1080px,100%);margin:0 auto 22px}.game-world{position:relative;min-height:100vh;overflow:hidden;isolation:isolate;background:#bceeff;touch-action:none}.world-sky,.world-hills,.world-ground,.world-goals{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.world-sky{z-index:0;background:linear-gradient(180deg,#95ddff 0%,#dff7ff 58%,transparent 58%),repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 24px,transparent 24px 58px)}.scene-kitchen .world-sky{background:linear-gradient(180deg,#ffe1a6 0%,#fff2d2 58%,transparent 58%),repeating-linear-gradient(90deg,rgba(255,255,255,.24) 0 36px,transparent 36px 72px)}.scene-door .world-sky{background:linear-gradient(180deg,#cfe6ff 0%,#eef8ff 58%,transparent 58%),linear-gradient(90deg,rgba(217,76,120,.16),transparent)}.scene-space .world-sky{background:radial-gradient(circle at 18% 22%,rgba(255,217,74,.9) 0 2px,transparent 3px),radial-gradient(circle at 64% 16%,rgba(255,255,255,.95) 0 2px,transparent 3px),radial-gradient(circle at 78% 34%,rgba(255,255,255,.95) 0 2px,transparent 3px),linear-gradient(180deg,#1f2f4a 0%,#384c72 60%,transparent 60%)}.world-hills{top:auto;height:46%;bottom:16%;z-index:1;background:linear-gradient(150deg,transparent 0 24%,rgba(60,166,107,.74) 24% 54%,transparent 54%),linear-gradient(30deg,transparent 0 32%,rgba(101,188,232,.72) 32% 62%,transparent 62%)}.scene-kitchen .world-hills{background:linear-gradient(90deg,transparent 0 16%,rgba(255,255,255,.62) 16% 20%,transparent 20%),linear-gradient(0deg,#f7b96d 0 16%,transparent 16%)}.scene-door .world-hills{background:linear-gradient(90deg,transparent 0 44%,#875d39 44% 56%,transparent 56%),linear-gradient(0deg,transparent 0 24%,rgba(34,50,74,.26) 24% 28%,transparent 28%)}.scene-space .world-hills{background:linear-gradient(150deg,transparent 0 34%,rgba(101,188,232,.42) 34% 54%,transparent 54%),linear-gradient(30deg,transparent 0 38%,rgba(255,112,90,.36) 38% 58%,transparent 58%)}.world-ground{top:auto;bottom:0;height:34%;z-index:2;border-top:4px solid var(--line);background:repeating-linear-gradient(90deg,rgba(24,33,28,.12) 0 2px,transparent 2px 32px),#a9e070}.scene-kitchen .world-ground{background:repeating-linear-gradient(90deg,rgba(24,33,28,.18) 0 2px,transparent 2px 52px),#ffd188}.scene-door .world-ground{background:repeating-linear-gradient(90deg,rgba(24,33,28,.12) 0 2px,transparent 2px 42px),#b7d68b}.scene-space .world-ground{background:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 2px,transparent 2px 42px),#4c5f86}.world-goals{z-index:3}.world-goals span{position:absolute;width:58px;height:58px;border:3px solid var(--line);border-radius:50%;background:var(--sun);box-shadow:var(--panel-shadow);transform:rotate(10deg)}.world-goals span:nth-child(1){left:18%;top:30%}.world-goals span:nth-child(2){left:48%;top:22%}.world-goals span:nth-child(3){right:18%;top:34%}.action-collect .world-goals span,.action-sparkle .world-goals span,.action-celebrate .world-goals span{animation:goal-pop .76s ease both}.game-topbar{position:absolute;z-index:12;top:16px;left:16px;right:16px;display:grid;grid-template-columns:auto minmax(260px,1fr) auto auto;gap:12px;align-items:center}.mission-hud,.pet-dialogue,.speech-hud,.round-complete__panel,.sentences-view,.sentence-item{border:3px solid var(--line);border-radius:8px;background:#fffdf4f0;box-shadow:var(--panel-shadow)}.mission-hud{min-height:62px;display:grid;align-content:center;gap:3px;padding:10px 14px}.mission-hud strong{font-size:1.18rem}.mission-hud span{color:#405248;font-size:.98rem;font-weight:800}.progress-hud{display:flex;gap:8px;padding:7px;border:3px solid var(--line);border-radius:999px;background:var(--paper);box-shadow:var(--panel-shadow)}.progress-hud span{width:34px;height:34px;display:grid;place-items:center;border:2px solid var(--line);border-radius:50%;background:#e6efe8;font-weight:800}.progress-hud span.is-done{background:var(--sun)}.world-pet{position:absolute;z-index:7;width:340px;height:370px;display:grid;place-items:center;transform:translate(-50%,-50%);cursor:grab;touch-action:none}.world-pet:active{cursor:grabbing}.pet-sprite{width:var(--pet-size);height:calc(var(--pet-size) * 1.083333);background-image:var(--pet-sprite-url);background-repeat:no-repeat;background-size:var(--pet-sheet-width) var(--pet-sheet-height);background-position:var(--pet-frame-x) var(--pet-row-y);image-rendering:pixelated;filter:drop-shadow(0 16px 0 rgba(24,33,28,.18))}.pet-dialogue{position:absolute;z-index:13;top:104px;right:18px;width:min(350px,calc(100vw - 36px));display:grid;gap:10px;padding:16px}.pet-dialogue__name{width:fit-content;padding:5px 10px;border:2px solid var(--line);border-radius:999px;background:var(--sun);font-weight:800}.pet-dialogue__en,.pet-dialogue__hint{margin:0;overflow-wrap:anywhere}.pet-dialogue__en{font-size:1.65rem;line-height:1.04;font-weight:800}.pet-dialogue__hint{color:#43544b;font-size:1rem;line-height:1.28;font-weight:800}.next-prompt{display:flex;align-items:center;gap:8px;padding:10px;border:2px dashed var(--line);border-radius:8px;background:#fff3b0;font-weight:800}.recent-lines{display:grid;gap:8px}.recent-lines strong{font-size:.96rem}.recent-lines p{margin:0;color:#52645b;font-weight:800}.recent-lines button{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;width:100%;min-height:58px;padding:9px 10px;border:2px solid var(--line);border-radius:8px;background:#f2fae9;color:var(--ink);text-align:left;font-weight:800}.recent-lines button span,.recent-lines button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-lines button small{grid-column:1 / 2;color:var(--leaf);font-size:.9rem}.recent-lines button svg{grid-column:2 / 3;grid-row:1 / 3}.speech-hud{position:absolute;z-index:14;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:auto minmax(360px,1fr) minmax(220px,.38fr);gap:14px;align-items:center;padding:14px;border:3px solid var(--line);border-radius:8px;background:#fffdf4f5;box-shadow:7px 7px 0 var(--line)}.mic-button{width:136px;aspect-ratio:1;display:grid;place-items:center;border:5px solid var(--line);border-radius:50%;background:var(--coral);color:var(--paper);box-shadow:8px 8px 0 var(--line);transition:transform .16s ease}.mic-button--listening{animation:ring 1.25s ease-in-out infinite;background:var(--leaf)}.mic-button--thinking{background:var(--pond)}.mic-button--speaking,.mic-button--rewarded{background:var(--sun);color:var(--ink)}.live-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.live-cards article{min-height:118px;padding:14px;border:2px solid var(--line);border-radius:8px;background:#f7fbef}.live-cards article:last-child{background:#e8f7ee}.live-cards h2,.sentences-view h1{margin:0 0 8px;font-size:1.05rem}.live-cards p{margin:0;color:var(--ink);font-size:1.45rem;line-height:1.12;font-weight:800;overflow-wrap:anywhere}.speech-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:flex-start}.speech-actions .status-pill{width:100%;justify-content:center}.reward-strip{grid-column:1 / -1;display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border:2px dashed var(--line);border-radius:8px;background:var(--sun);font-weight:800}.reward-strip span{margin-left:auto}.error-message{grid-column:1 / -1;padding:10px 12px;border:2px solid #a33a2d;border-radius:8px;background:#ffe5df;color:#7a1f16;font-weight:800}.round-complete{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;background:#18211c85}.round-complete__panel{width:min(760px,100%);display:grid;justify-items:center;gap:14px;padding:22px;background:var(--paper)}.round-complete__panel h1,.round-complete__panel p{margin:0;text-align:center}.round-complete__panel h1{font-size:2.2rem}.round-complete__panel p{color:#44564d;font-weight:800}.learned-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.learned-grid article{display:grid;gap:8px;min-height:172px;padding:12px;border:2px solid var(--line);border-radius:8px;background:#f2fae9}.learned-grid span{width:30px;height:30px;display:grid;place-items:center;border:2px solid var(--line);border-radius:50%;background:var(--sun);font-weight:800}.learned-grid strong,.learned-grid small{overflow-wrap:anywhere}.learned-grid strong{font-size:1.1rem}.learned-grid small{color:#43544b;font-weight:800}.learned-grid button{align-self:end;min-height:38px;border:2px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:2px 2px 0 var(--line);font-weight:800}.round-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.round-actions .primary-mini{background:var(--sun)}.sentences-view{max-width:920px;margin:0 auto;padding:22px}.sentence-list{display:grid;gap:14px}.sentence-item{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:16px;background:#f7fbef}.sentence-item--latest{background:#fff3b0}.sentence-tag{display:inline-flex;width:fit-content;margin-bottom:8px;padding:4px 9px;border:2px solid var(--line);border-radius:999px;background:var(--paper);font-size:.85rem;font-weight:800}.zh-line,.en-line,.pet-reply-line{margin:0;overflow-wrap:anywhere}.zh-line{font-size:1.35rem;font-weight:800}.en-line{margin-top:5px;font-size:1.2rem;color:var(--leaf);font-weight:800}.pet-reply-line{margin-top:5px;color:var(--berry);font-weight:800}.empty-state{padding:28px;border:2px dashed var(--line);border-radius:8px;text-align:center;font-size:1.25rem;font-weight:800}.is-favorite{color:var(--coral)}.pet-catalog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:18px;background:#18211c85}.pet-catalog__panel{width:min(980px,100%);max-height:min(760px,calc(100vh - 36px));overflow:auto;padding:18px;border:3px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:10px 10px 0 var(--line)}.pet-catalog header,.pet-catalog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.pet-catalog h2{margin:0;font-size:1.85rem}.pet-catalog header button{width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--line);border-radius:50%;background:var(--coral);color:var(--paper)}.pet-search{display:flex;align-items:center;gap:10px;margin:16px 0}.pet-search input{flex:1}.pet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.pet-card{min-height:150px;display:grid;place-items:center;gap:8px;padding:10px;border:2px solid var(--line);border-radius:8px;background:#f3f7e6;color:var(--ink);box-shadow:3px 3px 0 var(--line);font-weight:800}.pet-card.is-selected{background:var(--sun)}.pet-card__preview{width:92px;height:92px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 10px 0 rgba(24,33,28,.14))}.pet-catalog footer{margin-top:16px;font-weight:800}@keyframes ring{0%,to{box-shadow:0 0 #3ca66b57,8px 8px 0 var(--line)}50%{box-shadow:0 0 0 18px #3ca66b00,8px 8px 0 var(--line)}}@keyframes goal-pop{0%{transform:translateY(0) scale(1) rotate(10deg)}50%{transform:translateY(-14px) scale(1.1) rotate(-8deg)}to{transform:translateY(0) scale(1) rotate(10deg)}}@media(max-width:1040px){.home-world{grid-template-columns:1fr;overflow:auto}.home-copy h1{font-size:3.4rem}.user-dock,.game-topbar,.speech-hud{grid-template-columns:1fr}.game-topbar{position:relative;top:auto;left:auto;right:auto;padding:12px}.pet-dialogue{top:232px;right:14px}.speech-hud{position:fixed;left:10px;right:10px;bottom:10px}.mic-button{width:108px;justify-self:center}}@media(max-width:720px){.app,.home-world{padding:14px}.home-copy h1{font-size:2.65rem}.home-copy p{font-size:1.15rem}.sync-dock,.live-cards,.learned-grid,.sentence-item{grid-template-columns:1fr}.pet-dialogue{left:10px;right:10px;top:220px;width:auto}.pet-dialogue__en{font-size:1.35rem}.world-pet{width:240px;height:260px}.world-pet .pet-sprite{--pet-size: 220px !important}.live-cards p{font-size:1.18rem}.reward-strip{align-items:flex-start;flex-direction:column;padding:8px 12px}.reward-strip span{margin-left:0}}