:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#effbf5;--cream:#e8fff2;--rust:#11aa67;--rust-light:#55efa0;--ink:#07110d;--soft:#9baca3;background:#07110d;font-family:Segoe UI Variable,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{background:radial-gradient(circle at 18% 22%,#18955a2e,#0000 35%),radial-gradient(circle at 82% 70%,#105c3b2e,#0000 40%),linear-gradient(145deg,#0c1712,#050b08 76%);min-width:320px;margin:0}button,a{font:inherit}button{color:inherit}#pet-app{min-height:100dvh;padding:24px clamp(20px,4vw,68px) 34px}.pet-header{justify-content:space-between;align-items:center;gap:18px;max-width:1280px;margin:0 auto;display:flex}.pet-header-actions{align-items:center;gap:9px;display:flex}.pet-brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.pet-brand>span:last-child{flex-direction:column;display:flex}.pet-brand strong{letter-spacing:.2em;font:800 17px/1 Manrope,sans-serif}.pet-mark{width:42px;height:38px;position:relative}.pet-mark:before{content:"";background:linear-gradient(145deg, var(--rust-light), var(--rust));border-radius:85% 12% 82% 20%;width:15px;height:23px;position:absolute;top:0;left:14px;transform:rotate(45deg);box-shadow:0 4px 12px #1cc7702e}.pet-mark i{background:linear-gradient(145deg, var(--rust-light), var(--rust));border:0;border-radius:75% 22% 72% 34%;width:18px;height:13px;position:absolute;top:22px;left:1px;transform:rotate(20deg)}.pet-mark i:last-child{left:23px;transform:scaleX(-1)rotate(20deg)}.pet-selector{background:#041e14b8;border:1px solid #58d99233;border-radius:999px;align-items:center;gap:5px;padding:4px;display:flex;box-shadow:inset 0 1px #ffffff0a}.pet-selector button{color:#d2f2e185;cursor:pointer;letter-spacing:.14em;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:82px;height:34px;font:700 9px/1 Manrope,sans-serif;transition:color .2s,background .2s,box-shadow .2s,transform .2s;display:inline-flex}.pet-selector button:hover{color:#eafff3;transform:translateY(-1px)}.pet-selector button[aria-pressed=true]{color:#f3fff8;background:linear-gradient(135deg,#19985bb8,#0a5333d1);box-shadow:0 5px 16px #00000038,inset 0 1px #ffffff1f}.selector-ant,.selector-myco{width:15px;height:13px;display:inline-block;position:relative}.selector-ant:before,.selector-ant:after{content:"";background:currentColor;border-radius:50%;position:absolute;left:4px}.selector-ant:before{width:7px;height:7px;top:0}.selector-ant:after{width:9px;height:7px;bottom:0}.selector-myco:before{content:"";background:currentColor;border-radius:9px 9px 4px 4px;width:13px;height:8px;position:absolute;top:1px;left:1px}.selector-myco:after{content:"";background:currentColor;border-radius:1px 1px 3px 3px;width:4px;height:6px;position:absolute;top:7px;left:6px}.debug-log-button{color:#d2f2e1b8;cursor:pointer;letter-spacing:.14em;background:#041e149e;border:1px solid #58d99233;border-radius:999px;height:34px;padding:0 12px;font:700 8px/1 Manrope,sans-serif}.debug-log-button:hover,.debug-log-button[aria-expanded=true]{color:#f3fff8;background:#0a5333a3;border-color:#58d99270}.debug-log-button span{color:#06130d;letter-spacing:0;background:#55efa0;border-radius:999px;place-items:center;min-width:16px;height:16px;margin-left:5px;padding:0 4px;font-size:7px;display:inline-grid}.debug-backdrop{z-index:90;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:default;background:#0108059e;border:0;width:100%;height:100%;position:fixed;inset:0}.debug-panel{z-index:100;background:linear-gradient(155deg,#0a1c13fa,#030c08fc);border:1px solid #58d99247;border-radius:24px;width:min(440px,100vw - 36px);position:fixed;top:18px;bottom:18px;right:18px;overflow:hidden;box-shadow:0 28px 80px #00000094}.debug-panel:not([hidden]){flex-direction:column;display:flex}.debug-panel-header{border-bottom:1px solid #58d99224;justify-content:space-between;align-items:center;gap:16px;padding:20px 20px 14px;display:flex}.debug-panel-header p{color:#38d98a;letter-spacing:.2em;margin:0 0 5px;font:700 8px/1 Manrope,sans-serif}.debug-panel-header h2{letter-spacing:-.025em;margin:0;font:700 22px/1.05 Manrope,sans-serif}.debug-panel-actions{align-items:center;gap:7px;display:flex}.debug-panel-actions button{color:#b8d9c8;cursor:pointer;letter-spacing:.12em;background:#ffffff09;border:1px solid #58d99233;border-radius:9px;height:32px;font:700 8px/1 Manrope,sans-serif}.debug-panel-actions button:first-child{padding:0 10px}.debug-panel-actions button:last-child{letter-spacing:0;width:32px;font-size:20px;font-weight:400}.debug-panel-note{color:#789388;border-bottom:1px solid #58d9921a;margin:0;padding:12px 20px;font-size:10px;line-height:1.45}.debug-log-list{scrollbar-color:#40be7b6b transparent;min-height:0;margin:0;padding:12px 14px 18px;list-style:none;overflow-y:auto}.debug-log-entry{background:#ffffff06;border:1px solid #fff1;border-radius:13px;margin:0 0 8px;padding:11px 12px}.debug-log-entry[data-level=success]{border-color:#3fdb8933}.debug-log-entry[data-level=warning]{border-color:#ecb54f3d}.debug-log-entry[data-level=error]{border-color:#f0675b42}.debug-log-meta{color:#668176;letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;font:700 7px/1 Manrope,sans-serif;display:flex}.debug-log-entry[data-level=success] .debug-log-kind{color:#46dd8e}.debug-log-entry[data-level=warning] .debug-log-kind{color:#e4b861}.debug-log-entry[data-level=error] .debug-log-kind{color:#ef8075}.debug-log-message{color:#dff4e9;overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.4}.debug-log-details{color:#91b7a4;white-space:pre-wrap;overflow-wrap:anywhere;background:#00000038;border-radius:8px;margin:7px 0 0;padding:8px;font:9px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-x:auto}.debug-log-empty{color:#688176;text-align:center;margin:auto;padding:30px;font-size:11px}.companion-layout{grid-template-columns:minmax(440px,690px) minmax(300px,380px);justify-content:center;align-items:center;gap:clamp(34px,6vw,88px);max-width:1180px;margin:28px auto 0;display:grid}.device-wrap{filter:drop-shadow(0 22px 30px #0000007a);flex-direction:column;align-items:center;width:100%;display:flex}.device-shell{z-index:2;aspect-ratio:1;background:radial-gradient(at 48% -16%,#ffffff52,#0000 43%),radial-gradient(at 92% 75%,#8288872b,#0000 32%),linear-gradient(135deg,#333839 0%,#0b0d0d 27%,#050606 66%,#262a2b 100%);border:1px solid #44494a;border-radius:31% 31% 34% 34%;width:100%;padding:5.2%;position:relative;box-shadow:inset 0 2px 2px #ffffff47,inset 4px 0 7px #ffffff0f,inset 0 -11px 16px #000000d6,0 0 0 1px #080a0a,0 0 0 3px #292d2e,0 0 0 4px #090b0b,0 18px 30px #0000005c}.device-shell:before{content:"";z-index:3;border-radius:inherit;pointer-events:none;border:1px solid #a3aeaf42;position:absolute;inset:1.5%;box-shadow:inset 0 1px 2px #ffffff21,0 1px 1px #000c}.device-shell:after{content:"";z-index:4;filter:blur(3px);pointer-events:none;background:linear-gradient(#fff3,#fff0);border-radius:50%;height:5%;position:absolute;top:2.5%;left:17%;right:17%}.device-camera{z-index:8;background:radial-gradient(circle at 43% 36%,#293239 0 12%,#090d10 26%,#010203 62%);border:2px solid #1b1e1e;border-radius:50%;width:11px;height:11px;position:absolute;top:6%;left:50%;transform:translate(-50%);box-shadow:0 0 0 4px #0000009e,0 1px 1px #ffffff26}.device-screen{background:#030605;border:3px solid #060808;border-radius:30% 30% 33% 33%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #303536,0 0 0 2px #080a0a,inset 0 0 0 1px #ffffff14,inset 0 0 34px #000000b3}.device-screen:after{content:"";z-index:7;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 14px 18px #00000040,inset 0 -18px 24px #0000005c}#pet-stage{position:absolute;inset:0}#pet-stage:after{content:attr(data-loading-label);color:#0249297a;letter-spacing:.24em;font:700 8px/1 Manrope,sans-serif;transition:opacity .35s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#pet-stage[data-model=ready]:after,#pet-stage[data-model=error]:after{opacity:0}#pet-stage canvas{width:100%;height:100%;display:block}.pet-sprite-stage{isolation:isolate;background:radial-gradient(circle at 50% 32%,#f7fffb 0,#ddf5e8 44%,#a9dfc2 78%,#61b88b 100%);position:absolute;inset:0;overflow:hidden}.pet-sprite-stage:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(ellipse, rgba(7,72,40,var(--pet-shadow-opacity,.3)), #07482800 70%);filter:blur(12px);height:16%;transform:scaleX(var(--pet-shadow-scale,1.08));border-radius:50%;transition:transform .14s linear;position:absolute;bottom:3%;left:12%;right:12%}.pet-sprite-stage:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(circle at var(--pet-light-x,50%) 24%, #ffffff6b, transparent 38%), linear-gradient(115deg, #ffffff21, transparent 24%, transparent 70%, #07532f1f);mix-blend-mode:screen;position:absolute;inset:0}.pet-sprite-stage.wake-transition:after{animation:.64s cubic-bezier(.22,.61,.36,1) wake-bloom}.pet-sprite-character{z-index:1;transform-origin:50% 84%;will-change:transform;position:absolute;inset:3% 2% 1%}.pet-pose-layer{z-index:0;opacity:0;transform:translate3d(var(--pose-x,0%), var(--pose-y,0%), 0);filter:brightness(var(--pet-life-glow,1)) saturate(1.045) contrast(1.015) drop-shadow(0 18px 18px #0248272e);will-change:opacity;transition:opacity .22s cubic-bezier(.22,.61,.36,1);position:absolute;inset:0}.pet-pose-layer.active{z-index:2;opacity:1}.pet-pose-layer.instant{transition-duration:70ms}.pet-puppet-part{object-fit:contain;object-position:center bottom;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pet-puppet-body{z-index:0;transform-origin:50% 86%}.pet-puppet-face{z-index:1;transform-origin:50% 67%;will-change:transform;position:absolute;inset:0}.pet-puppet-head{z-index:1}.pet-blink-eyes{z-index:2;opacity:0;will-change:opacity;-webkit-mask-composite:source-over;-webkit-mask-image:radial-gradient(8.2% 10.5% at 42.4% 48.4%,#000 72%,#000000b8 84%,#0000 100%),radial-gradient(7.9% 10.4% at 68.4% 46.7%,#000 72%,#000000b8 84%,#0000 100%);mask-image:radial-gradient(8.2% 10.5% at 42.4% 48.4%,#000 72%,#000000b8 84%,#0000 100%),radial-gradient(7.9% 10.4% at 68.4% 46.7%,#000 72%,#000000b8 84%,#0000 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-over;mask-composite:add}.pet-face-overlay{z-index:3;opacity:0;will-change:opacity}.pet-face-mouth{transform-origin:56.2% 54%;-webkit-mask-image:radial-gradient(11% 8% at 56.2% 54%,#000 68%,#0000 100%);mask-image:radial-gradient(11% 8% at 56.2% 54%,#000 68%,#0000 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pet-face-mouth-a{transform:translate3d(0.5%, -0.4%, 0) scaleY(var(--mouth-scale,1))}.pet-face-mouth-o{transform:translate3d(3.8%, -2.5%, 0) scaleY(var(--mouth-scale,1))}.pet-sprite-stage[data-pet=myco] .pet-puppet-face{transform-origin:50% 66%}.pet-sprite-stage[data-pet=myco] .pet-puppet-body{transform-origin:50% 88%}.pet-sprite-stage[data-pet=myco] .pet-puppet-face:before{content:"";z-index:2;pointer-events:none;opacity:0;filter:blur(.8px);background:radial-gradient(#f8e7c9 0 36%,#f8e7c9e6 52%,#f8e7c900 80%);border-radius:50%;width:4.5%;height:5%;position:absolute;top:65.6%;left:52.6%}.pet-sprite-stage[data-pet=myco][data-mouth=a] .pet-puppet-face:before,.pet-sprite-stage[data-pet=myco][data-mouth=o] .pet-puppet-face:before{opacity:1}.pet-sprite-stage[data-pet=myco] .pet-blink-eyes{-webkit-mask-image:radial-gradient(8.7% 7.8% at 42.4% 60.8%,#000 70%,#000000b8 84%,#0000 100%),radial-gradient(8.7% 7.8% at 60.6% 60.8%,#000 70%,#000000b8 84%,#0000 100%);mask-image:radial-gradient(8.7% 7.8% at 42.4% 60.8%,#000 70%,#000000b8 84%,#0000 100%),radial-gradient(8.7% 7.8% at 60.6% 60.8%,#000 70%,#000000b8 84%,#0000 100%)}.pet-sprite-stage[data-pet=myco] .pet-face-mouth{transform-origin:50.2% 68.2%;-webkit-mask-image:radial-gradient(6.2% 4.5% at 50.2% 68.2%,#000 82%,#0000 100%);mask-image:radial-gradient(6.2% 4.5% at 50.2% 68.2%,#000 82%,#0000 100%)}.pet-sprite-stage[data-pet=myco] .pet-face-mouth-a,.pet-sprite-stage[data-pet=myco] .pet-face-mouth-o{transform:translate3d(1.6%, 0, 0) scaleY(var(--mouth-scale,1))}@keyframes wake-bloom{0%,to{box-shadow:inset 0 0 #eefff700}46%{box-shadow:inset 0 0 0 420px #eefff7c2}}.screen-vignette{pointer-events:none;background:radial-gradient(circle,#0000 56%,#01381f21 83%,#0122144d);position:absolute;inset:0;box-shadow:inset 0 0 45px #02341e3d}.screen-status{z-index:5;color:#024427b8;letter-spacing:.2em;align-items:center;gap:8px;font-size:9px;display:flex;position:absolute;top:25px;left:28px}.screen-status span{background:#16bb70;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px}.device-message{place-items:center;width:100%;min-height:52px;margin-top:10px;display:grid}.device-message>*{grid-area:1/1}.speech-bubble{z-index:6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;color:#effff6;opacity:.8;background:#032918bd;border:1px solid #7dffbe2e;border-radius:16px;flex-direction:column;align-items:center;gap:8px;width:min(92%,520px);padding:11px 18px;font-size:clamp(12px,1.35vw,14px);line-height:1.35;transition:opacity .25s,transform .25s,visibility .25s;display:flex;transform:translateY(6px)}.speech-bubble.active{opacity:1;transform:translateY(0)}.speech-replay-button{color:#caffdf;cursor:pointer;letter-spacing:.13em;background:#06693bb8;border:1px solid #74ffb857;border-radius:999px;min-height:32px;padding:0 14px;font:700 9px/1 Manrope,sans-serif}.speech-replay-button:hover{background:#08854ae6}.speech-replay-button:focus-visible{outline-offset:2px;outline:2px solid #54f6a4}.companion-layout.is-asleep .speech-bubble{display:none}.wake-button{z-index:10;cursor:pointer;letter-spacing:.15em;background:linear-gradient(135deg,#075932f5,#032f1bf5);border:1px solid #74ffb84d;border-radius:999px;width:174px;height:46px;font:700 11px/1 Manrope,sans-serif;transition:opacity .3s,visibility .3s,transform .2s,background .2s;box-shadow:0 12px 24px #00000047}.wake-button:hover{background:#045730e6;transform:scale(1.03)}.wake-button.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px)scale(.98)}.wake-icon{background:#42ec93;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block;box-shadow:0 0 12px #42ec93}.companion-panel{padding:20px 0}.eyebrow{color:#28ce7e;letter-spacing:.22em;margin:0 0 10px;font:700 9px/1 Manrope,sans-serif}.companion-panel h1{letter-spacing:-.045em;margin:0;font:700 clamp(32px,3.6vw,48px)/1.04 Manrope,sans-serif}.intro{color:#9baca3;max-width:360px;margin:12px 0 22px;font-size:13px;line-height:1.45}.pet-vitals{background:#ffffff05;border:1px solid #302c28;border-radius:16px;grid-template-columns:repeat(3,1fr);margin:0 0 18px;padding:0;display:grid;overflow:hidden}.pet-vitals div{border-right:1px solid #302c28;min-width:0;padding:15px 13px}.pet-vitals div:last-child{border:0}.pet-vitals dt{color:#736d66;letter-spacing:.18em;font-size:8px}.pet-vitals dd{text-overflow:ellipsis;color:#e7ddd2;white-space:nowrap;margin:6px 0 0;font-size:12px;font-weight:600;overflow:hidden}.pet-controls{gap:10px;display:flex}.pet-controls button{cursor:pointer;letter-spacing:.16em;border-radius:12px;min-height:45px;padding:0 19px;font:700 10px/1 Manrope,sans-serif;transition:transform .16s,opacity .16s,background .16s}.pet-controls button:hover:not(:disabled){transform:translateY(-2px)}.pet-controls button:disabled{opacity:.35;cursor:default}.control-primary{color:#f4fff9;background:linear-gradient(135deg,#19bd70,#087948);border:0;flex:1;box-shadow:0 10px 24px #0c9d563d}.control-primary.listening{background:linear-gradient(135deg,#35e996,#09985b);animation:1.25s ease-in-out infinite listening-pulse;box-shadow:0 0 0 5px #35e9961f,0 10px 30px #0cc86e57}.control-secondary{background:#1b1916;border:1px solid #3b3530}.control-secondary[aria-pressed=true]{color:#4be496;border-color:#207b4f}.feed-button{color:#c5f9dc;cursor:pointer;letter-spacing:.17em;background:linear-gradient(135deg,#155f3c9e,#0c37248f);border:1px solid #66da9861;border-radius:12px;width:100%;min-height:40px;margin-top:10px;font:700 9px/1 Manrope,sans-serif;transition:transform .16s,border-color .16s,background .16s,opacity .16s}.feed-button:hover:not(:disabled){background:linear-gradient(135deg,#1a7c4cbd,#0d492cad);border-color:#70f4aead;transform:translateY(-2px)}.feed-button:disabled{opacity:.35;cursor:default}.feed-seed-icon{background:linear-gradient(145deg,#f4d887,#b78035);border-radius:68% 34% 64% 38%;width:15px;height:15px;margin:0 8px -4px 0;display:inline-block;position:relative;transform:rotate(-24deg);box-shadow:inset 2px 2px 2px #ffffff47,0 0 9px #e9be5b2e}.feed-seed-icon i{background:#56d891;border-radius:90% 10% 80% 20%;width:7px;height:4px;position:absolute;top:-1px;right:-4px;transform:rotate(28deg)}.microphone-settings{grid-template-columns:auto minmax(0,1fr) 46px;align-items:center;gap:9px;min-height:32px;margin-top:10px;display:grid}.microphone-settings label{color:#716b64;letter-spacing:.16em;font:700 8px/1 Manrope,sans-serif}.microphone-settings select{color:#a9a19a;text-overflow:ellipsis;background:#121713;border:1px solid #302e2a;border-radius:9px;outline:none;min-width:0;height:32px;padding:0 27px 0 10px;font:500 10px/1 Manrope,sans-serif}.microphone-settings select:focus{border-color:#239a61;box-shadow:0 0 0 3px #239a611a}.microphone-settings select:disabled{opacity:.42}.microphone-meter{background:#252b26;border-radius:999px;height:6px;position:relative;overflow:hidden}.microphone-meter i{width:var(--microphone-level,0%);border-radius:inherit;background:linear-gradient(90deg,#1abf70,#70f4ae);transition:width 80ms linear;position:absolute;inset:0 auto 0 0;box-shadow:0 0 8px #46e893a6}.microphone-settings.listening .microphone-meter{box-shadow:0 0 0 1px #46e8931f}.message-form{gap:8px;margin-top:10px;display:flex}.message-form input{color:#eee6dd;background:#ffffff09;border:1px solid #37332e;border-radius:12px;outline:none;flex:1;min-width:0;height:43px;padding:0 14px;font:500 12px/1.2 Manrope,sans-serif;transition:border-color .18s,box-shadow .18s,opacity .18s}.message-form input::placeholder{color:#716b64}.message-form input:focus{border-color:#239a61;box-shadow:0 0 0 3px #239a6121}.message-form input:disabled{opacity:.38}.message-form button{color:#aaf1cc;cursor:pointer;letter-spacing:.14em;background:#0d482c6b;border:1px solid #315e49;border-radius:12px;min-width:70px;font:700 9px/1 Manrope,sans-serif}.message-form button:disabled{opacity:.35;cursor:default}.voice-hint{color:#908a82;margin:11px 0 0;font-size:10px;line-height:1.45}.ai-network-note{color:#86a996;margin:7px 0 0;font-size:9px;line-height:1.45}.privacy-note{color:#6f6963;margin:8px 0 0;font-size:10px;line-height:1.5}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.food-particle{z-index:9;aspect-ratio:.82;pointer-events:none;transform-origin:50%;background:linear-gradient(145deg,#ffe9a6 4%,#dbac55 54%,#996528 100%);border:1px solid #6b41145c;border-radius:68% 34% 64% 38%;width:clamp(21px,4.4vw,34px);animation:1.12s cubic-bezier(.22,.72,.2,1) forwards feed-flight;position:absolute;box-shadow:inset 5px 5px 8px #ffffff57,0 8px 16px #3627083d}.food-particle:before{content:"";background:linear-gradient(145deg,#7beaaf,#1caa67);border-radius:90% 12% 82% 20%;width:43%;height:24%;position:absolute;top:-10%;right:-25%;transform:rotate(34deg)}.food-particle:after{content:"";filter:blur(1px);background:#ffffff6b;border-radius:50%;width:23%;height:16%;position:absolute;top:17%;left:18%}.joy-spark{z-index:8;left:var(--joy-left);top:var(--joy-top);color:#ffffffeb;pointer-events:none;font-size:var(--joy-size);text-shadow:0 2px 8px #06643852;animation:joy-rise 1.35s var(--joy-delay) cubic-bezier(.2,.8,.25,1) forwards;opacity:0;position:absolute}@keyframes feed-flight{0%{opacity:0;transform:translate(-50%,-50%)translate(0,0)rotate(-28deg)scale(.64)}14%{opacity:1}62%{transform:translate(-50%, -50%) translate3d(var(--feed-mid-x), var(--feed-mid-y), 0) rotate(16deg) scale(1.05)}86%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) translate3d(var(--feed-x), var(--feed-y), 0) rotate(42deg) scale(.18)}}@keyframes joy-rise{0%{opacity:0;transform:translate(-50%,-20%)scale(.45)rotate(-8deg)}22%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--joy-drift)), -95px) scale(1.12) rotate(10deg)}}@keyframes listening-pulse{50%{filter:brightness(1.08);transform:translateY(-1px)scale(1.015)}}@media (width>=600px){html,body{height:100%;overflow:hidden}#pet-app{flex-direction:column;height:100dvh;min-height:0;padding-top:clamp(14px,2.4vh,24px);padding-bottom:clamp(14px,2.4vh,26px);display:flex}.pet-header{flex:none;width:100%}.companion-layout{flex:auto;grid-template-columns:minmax(0,690px) clamp(250px,31vw,360px);gap:clamp(22px,4vw,64px);width:100%;min-height:0;margin-top:clamp(12px,2.5vh,28px)}.device-wrap{justify-self:end;width:min(100%,420px,100dvh - 245px)}.companion-panel{min-width:0;padding:clamp(8px,2vh,20px) 0}}@media (width>=600px) and (height<=760px){.device-message{min-height:44px;margin-top:6px}.speech-bubble{padding:9px 16px}.wake-button{height:42px}.companion-panel h1{font-size:clamp(28px,3.4vw,42px)}.eyebrow{margin-bottom:7px}.intro{margin:8px 0 14px}.pet-vitals{margin-bottom:12px}.pet-vitals div{padding:11px 10px}.pet-controls button{min-height:41px}.feed-button{min-height:36px;margin-top:8px}.microphone-settings,.message-form{margin-top:8px}.voice-hint{margin-top:7px}}@media (width<=599px){#pet-app{padding:16px 18px 28px}.companion-layout{grid-template-columns:1fr;gap:18px;max-width:620px}.device-wrap{width:min(100%,360px);margin:auto}.companion-panel{text-align:center;width:100%;max-width:560px;margin:auto}.intro{margin-left:auto;margin-right:auto}}@media (width<=520px){body{background:radial-gradient(circle at 50% 20%,#18955a29,#0000 38%),#050b08}#pet-app{padding:10px 12px max(16px, env(safe-area-inset-bottom))}.pet-header{align-items:center;gap:8px;min-height:38px;margin:0}.pet-header-actions{gap:5px}.pet-brand{gap:7px}.pet-mark{transform-origin:0;width:30px;height:28px;margin-right:-7px;transform:scale(.72)}.pet-brand strong{letter-spacing:.16em;font-size:13px}.pet-selector{gap:3px;padding:3px}.pet-selector button{letter-spacing:.1em;gap:6px;min-width:63px;height:31px;padding:0 8px}.debug-log-button{color:#0000;letter-spacing:0;width:32px;height:32px;padding:0;overflow:hidden}.debug-log-button span{color:#06130d;min-width:17px;margin:0}.selector-ant,.selector-myco{transform:scale(.88)}.companion-layout{gap:12px;margin-top:9px}.device-wrap{filter:drop-shadow(0 18px 24px #00000070);width:min(100%,320px,43dvh)}.device-camera{border-width:1px;width:8px;height:8px;box-shadow:0 0 0 3px #0000009e}.device-screen{border-width:2px}.screen-status{gap:6px;font-size:7px;top:14px;left:15px}.screen-status span{width:6px;height:6px}.device-message{min-height:44px;margin-top:7px}.speech-bubble{border-radius:13px;width:100%;padding:9px 12px;font-size:11px;line-height:1.3}.wake-button{width:142px;height:40px;font-size:9px}.companion-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05160eb8;border:1px solid #58d99229;border-radius:20px;padding:11px;box-shadow:0 16px 34px #00000038}.panel-copy{display:none}.pet-vitals{border-radius:12px;grid-template-columns:repeat(2,1fr);margin-bottom:10px}.pet-vitals div{padding:8px 7px}.pet-vitals div:nth-child(2){border-right:0}.pet-vitals .voice-vital{display:none}.pet-vitals dt{font-size:7px}.pet-vitals dd{margin-top:3px;font-size:10px}.pet-controls{gap:7px}.pet-controls button{border-radius:11px;min-height:44px;padding:0 13px}.feed-button{border-radius:11px;min-height:42px;margin-top:7px}.microphone-settings{display:none}.message-form{gap:7px;margin-top:7px}.message-form input{border-radius:11px;height:44px;padding:0 12px;font-size:11px}.message-form button{border-radius:11px;min-width:60px}.voice-hint{min-height:13px;margin-top:7px;font-size:9px;line-height:1.35}.debug-panel{border-radius:22px;width:auto;max-height:min(76dvh,680px);inset:auto 8px 8px}.debug-panel-header{padding:16px 16px 12px}.debug-panel-note{padding:10px 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}