@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:#25312c;background:#f7efe1;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,rgba(44,122,88,.08) 1px,transparent 1px),linear-gradient(rgba(44,122,88,.08) 1px,transparent 1px),#f7efe1;background-size:32px 32px}button{border:0;font:inherit;cursor:pointer}.app{min-height:100vh;padding:24px}.app--home{display:grid;place-items:center}.home-grid{width:min(1080px,100%);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:28px}.home-copy h1{max-width:720px;margin:20px 0 16px;font-size:clamp(44px,9vw,104px);line-height:.88;letter-spacing:0}.home-copy p{margin:0 0 28px;font-size:clamp(22px,3vw,34px);color:#526056}.badge,.status-pill,.star-meter{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 14px;border:2px solid #25312c;border-radius:999px;background:#fff9e8;box-shadow:3px 3px #25312c;font-weight:800}.primary-action{display:inline-flex;align-items:center;gap:12px;min-height:76px;padding:0 30px;border:3px solid #25312c;border-radius:18px;background:#ffcf33;color:#25312c;box-shadow:7px 7px #25312c;font-size:28px;font-weight:800;transition:transform .16s ease,box-shadow .16s ease}.primary-action:hover,.top-nav button:hover,.practice-actions button:hover,.mic-actions button:hover,.quick-links button:hover,.sentence-actions button:hover{transform:translate(-2px,-2px)}.primary-action:active{transform:translate(4px,4px);box-shadow:2px 2px #25312c}.quick-links{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:28px}.quick-links button,.top-nav button,.mic-actions button,.practice-actions button,.sentence-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border:2px solid #25312c;border-radius:12px;background:#fffdf5;color:#25312c;box-shadow:3px 3px #25312c;font-weight:800}.pet-shell{position:relative;display:grid;place-items:center;min-height:360px;translate:var(--pet-x, 0) var(--pet-y, 0);touch-action:none;-webkit-user-select:none;user-select:none}.pet-shell:before{content:"";position:absolute;width:70%;aspect-ratio:1;border:4px solid #25312c;border-radius:46% 54% 48% 52%;background:var(--pet-color, #8fd3ff);box-shadow:12px 12px #25312c;animation:blob 5s ease-in-out infinite}.pet-shell img{position:relative;z-index:1;width:min(80%,360px);image-rendering:auto;filter:drop-shadow(0 16px 0 rgba(37,49,44,.16))}.pet-shell--listening:before{animation:pulse 1s ease-in-out infinite}.pet-shell--listening img{animation:run .55s steps(2) infinite}.pet-shell--jumping img{animation:jump .7s cubic-bezier(.2,.9,.2,1)}.pet-shell--drag{cursor:grab}.pet-shell--drag:active{cursor:grabbing}.pet-shell--mango img{filter:saturate(1.15) drop-shadow(0 16px 0 rgba(37,49,44,.16))}.pet-shell--mint img{filter:hue-rotate(70deg) saturate(1.05) drop-shadow(0 16px 0 rgba(37,49,44,.16))}.pet-shell--berry img{filter:hue-rotate(315deg) saturate(1.15) drop-shadow(0 16px 0 rgba(37,49,44,.16))}.user-dock{grid-column:1 / -1;display:grid;gap:12px;padding:16px;border:3px solid #25312c;border-radius:18px;background:#fffdf5;box-shadow:6px 6px #25312c}.user-dock label{display:grid;gap:8px;font-weight:800}.user-dock input{min-height:48px;border:2px solid #25312c;border-radius:12px;padding:0 14px;background:#f7efe1;color:#25312c;font:inherit;font-weight:800}.pet-picker{display:flex;flex-wrap:wrap;gap:10px}.pet-picker button{min-height:42px;padding:0 12px;border:2px solid #25312c;border-radius:12px;background:var(--pet-color, #fffdf5);color:#25312c;box-shadow:3px 3px #25312c;font-weight:800}.pet-picker .is-selected{outline:4px solid #2c7a58}.coach-name{margin-top:10px;font-weight:800}.top-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 auto 24px;max-width:1180px}.star-meter{color:#25312c;background:#ffcf33}.star-meter__hint{color:#5a4530}.practice-layout{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:250px minmax(280px,.8fr) minmax(320px,1fr);gap:22px;align-items:stretch}.coach-panel,.mic-stage,.speech-card,.sentences-view{border:3px solid #25312c;border-radius:20px;background:#fffdf5;box-shadow:7px 7px #25312c}.coach-panel{padding:16px;display:grid;align-content:center;text-align:center}.coach-panel .pet-shell{min-height:220px}.coach-panel p{margin:8px 0 0;font-size:28px;font-weight:800;color:#2c7a58}.mic-stage{display:grid;place-items:center;gap:18px;padding:26px}.mic-button{width:min(78vw,270px);aspect-ratio:1;display:grid;place-items:center;border:5px solid #25312c;border-radius:50%;background:#fb745f;color:#fffdf5;box-shadow:10px 10px #25312c;transition:transform .16s ease}.mic-button--listening{animation:ring 1.2s ease-in-out infinite;background:#2c7a58}.mic-button--thinking{background:#1f8ec9}.mic-button--speaking,.mic-button--rewarded{background:#ffcf33;color:#25312c}.mic-actions,.practice-actions,.sentence-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.cards-column{display:grid;gap:18px}.speech-card{padding:22px}.speech-card h2,.sentences-view h1{margin:0 0 10px;font-size:22px}.speech-card p{min-height:72px;margin:0;font-size:clamp(24px,4vw,42px);line-height:1.08;font-weight:800;overflow-wrap:anywhere}.speech-card--english{background:#eaf8f0}.reward-strip{display:flex;align-items:center;gap:10px;min-height:54px;padding:0 16px;border:3px dashed #25312c;border-radius:16px;background:#ffcf33;font-size:20px;font-weight:800}.reward-strip span{margin-left:auto}.error-message{max-width:320px;padding:12px 14px;border:2px solid #a33a2d;border-radius:12px;background:#ffe5df;color:#7a1f16;font-weight:800}.sentences-view{max-width:920px;margin:0 auto;padding:26px}.sentence-list{display:grid;gap:14px}.sentence-item{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:18px;border:2px solid #25312c;border-radius:16px;background:#f7efe1}.zh-line,.en-line{margin:0;overflow-wrap:anywhere}.zh-line{font-size:22px;font-weight:800}.en-line{margin-top:6px;font-size:20px;color:#2c7a58}.empty-state{padding:30px;border:2px dashed #25312c;border-radius:16px;text-align:center;font-size:22px;font-weight:800}.is-favorite{color:#fb745f}button:disabled{cursor:not-allowed;opacity:.5}@keyframes ring{0%,to{box-shadow:0 0 #2c7a5859,10px 10px #25312c}50%{box-shadow:0 0 0 26px #2c7a5800,10px 10px #25312c}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes blob{0%,to{border-radius:46% 54% 48% 52%}50%{border-radius:54% 46% 52% 48%}}@keyframes run{0%{transform:translate(-5px) rotate(-2deg)}to{transform:translate(5px) rotate(2deg)}}@keyframes jump{0%,to{transform:translateY(0)}45%{transform:translateY(-30px) scale(1.04)}}@media(max-width:920px){.home-grid,.practice-layout{grid-template-columns:1fr}.home-grid{padding:12px 0 32px}.pet-shell{min-height:280px}.top-nav{align-items:stretch;flex-direction:column}.status-pill,.star-meter{justify-content:center}}