@font-face{font-family:Lilita;src:url(/assets/lilita-one-4ad548153964.woff2) format("woff2");font-display:swap;font-weight:400}@font-face{font-family:Xiaolai;src:url(/assets/xiaolai-regular-857646a62a53.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal;unicode-range:U+0025,U+002B-003A,U+2000-206F,U+2E80-9FFF,U+F900-FAFF,U+FE30-FE4F,U+FF00-FFEF}:root{--font-chinese:Xiaolai,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--font-data:var(--font-chinese);color-scheme:light;--paper:#faf8f0;--ink:#43392f;--muted:#6d6557;--orange:#b76d3e;--green:#566648;--line:#ddd8c9;--ease:cubic-bezier(.16,1,.3,1);--action-size:60px;--action-inset:32px;--action-bottom:max(32px,env(safe-area-inset-bottom));--panel-bottom:calc(var(--action-bottom) + var(--action-size) + 20px);--panel-width:440px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 var(--font-chinese);font-synthesis:none;-webkit-font-smoothing:antialiased}html{scrollbar-color:#b7b39e var(--paper)}h1,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--green);outline-offset:5px}::selection{background:#e8c79b;color:#382f27}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon{width:17px;height:17px}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-80px;left:20px;padding:12px;background:var(--paper);z-index:10}.skip-link:focus{top:12px}.hero{width:min(1680px,calc(100% - 128px));min-height:100svh;margin:auto;padding:80px 0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto;column-gap:64px;align-content:center;position:relative;z-index:1}.intro{grid-column:1;grid-row:1;align-self:center;margin-top:-80px;position:relative;z-index:2}.intro h1{font:400 clamp(104px,10.5vw,176px)/1.05 Lilita,sans-serif;letter-spacing:-.02em;margin-left:-3px}.name-dot{color:var(--orange)}#intro-line{font-size:clamp(18px,1.7vw,26px);line-height:1.8;margin-top:28px;color:var(--muted);text-wrap:balance}.wave-slot,.wave-glyph{display:inline-block;white-space:pre}.wave-glyph{transform-origin:50% 80%;pointer-events:none}@media(prefers-reduced-motion:reduce){.wave-glyph{transform:none!important}}.scene{grid-column:2;grid-row:1;position:relative;width:100%;height:clamp(440px,66svh,1000px);pointer-events:none}.make-panel{position:fixed;z-index:10;right:var(--action-inset);bottom:var(--panel-bottom);width:var(--panel-width);max-width:calc(100vw - 2 * var(--action-inset));max-height:calc(100dvh - var(--panel-bottom) - 24px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--paper)}.install-tabs{display:flex;gap:28px;margin-bottom:16px}.install-tabs button{background:none;border:0;border-bottom:1px solid transparent;min-height:44px;padding:8px 0;font-size:15px;color:var(--muted)}.install-tabs button[aria-selected=true]{border-bottom-color:var(--ink);color:var(--ink)}.terminal-mark{font:15px monospace;margin-right:4px}.code-box{display:flex;align-items:center;gap:10px;min-height:56px;padding:12px 16px;background:#eeeadd;border-radius:6px}.code-box code{font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,PingFang SC,monospace;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;color:#62664e}.prompt{color:var(--orange);font:13px monospace}.code-cursor{width:5px;height:13px;background:#969981;margin-left:2px;flex:none}.code-box button{border:0;background:none;margin-left:auto;min-width:44px;min-height:44px}.install-note{font-size:14px;color:var(--muted);margin-top:8px}[hidden]{display:none!important}.dog{position:absolute;left:70%;top:76%;width:20.833333%;transform:translate(-48%,-94.5%);aspect-ratio:1;background:none;border:0;padding:0;pointer-events:auto;touch-action:manipulation;isolation:isolate;border-radius:45%;outline-offset:-30px}.dog img{position:absolute;height:auto;display:block;pointer-events:none;user-select:none}.dog-body{width:66%;left:12.5%;top:31%;z-index:2}.tail{width:37.5%;left:56.5%;top:49%;transform-origin:22% 75%;z-index:1}.head{position:absolute;width:52%;left:22%;top:6%;aspect-ratio:1;z-index:3;transform-origin:50% 88%;transform:rotate(0)}.head img{width:100%;inset:0}.eyes-closed,.dog.blink .eyes-open,.dog.petted .eyes-open{opacity:0}.dog.blink .eyes-closed,.dog.petted .eyes-closed{opacity:1}.affection{position:absolute;width:22px;height:22px;left:64%;top:4%;opacity:0;color:var(--orange);transition:opacity .3s,transform .5s var(--ease);transform:translateY(10px) rotate(12deg)}.affection svg{fill:currentColor;stroke:none;width:100%;height:100%}.dog.petted .affection{opacity:1;transform:translateY(-7px) rotate(12deg)}@media(max-width:800px){:root{--action-size:52px;--action-inset:20px;--action-bottom:max(20px,env(safe-area-inset-bottom));--panel-bottom:calc(var(--action-bottom) + var(--action-size) + 16px)}.hero{width:min(440px,calc(100% - 48px));padding:64px 0 112px;grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:24px}.intro{grid-row:1;grid-column:1;margin-top:0}.intro h1{font-size:96px}#intro-line{font-size:18px;margin-top:20px}.scene{grid-row:2;grid-column:1;width:100%;height:380px;margin:0}}@media(max-width:360px){:root{--action-inset:12px}.hero{padding-top:48px;gap:20px}.intro h1{font-size:84px}#intro-line{font-size:16px}.scene{height:332px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.head{transform:none}}.dog-rig{position:absolute;inset:0;display:block;transform-origin:48% 94.5%;pointer-events:none}.dog-body{transform-origin:50% 88%}@media(prefers-reduced-motion:reduce){.dog-rig,.head,.tail{transform:none!important}}#main{position:relative;isolation:isolate;overflow:clip;min-height:100svh;background:var(--paper)}.landscape{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.landscape-frame{position:absolute;width:max(100vw,150svh);aspect-ratio:3/2;left:50%;top:50%;transform:translate(-50%,-50%)}.ground{position:absolute;inset:0;width:100%;height:100%;display:block;mix-blend-mode:multiply}.hero{z-index:2;pointer-events:none}.intro{pointer-events:auto}.contact-shadow{position:absolute;left:48%;top:94.5%;width:47%;height:6%;transform:translate(-50%,-45%);background:radial-gradient(ellipse,rgb(57 65 32 / 30%) 0%,rgb(69 75 37 / 18%) 40%,transparent 72%);pointer-events:none}.quick-actions{position:fixed;z-index:11;right:var(--action-inset);bottom:var(--action-bottom);display:flex;gap:12px}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--action-size);height:var(--action-size);padding:0;color:var(--muted);background:#faf8f0f0;border:1px solid var(--line);border-radius:50%;text-decoration:none;transition:color .2s,background .2s}.icon-button .icon{width:26px;height:26px}.icon-button:hover,.icon-button[aria-expanded=true]{color:var(--ink);background:#f0eadc}.action-label{position:absolute;right:0;bottom:calc(100% + 10px);padding:6px 12px;border-radius:6px;background:var(--ink);color:var(--paper);font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}.icon-button:hover .action-label,.icon-button:focus-visible .action-label{opacity:1}.installer-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.installer-heading h2{margin:0;font-size:24px;line-height:1.35;font-weight:600}.close-button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:10px;border:0;background:none;border-radius:6px}.close-button:hover{background:#eeeadd}.code-box button:disabled{color:#817b69;cursor:not-allowed}.code-box button:disabled .icon{opacity:.6}.code-box button{flex:none}@media(max-width:800px){.make-panel{padding:20px}.icon-button .icon{width:24px;height:24px}.installer-heading h2{font-size:22px}}.head .gaze-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.head.gaze-ready img.eyes-open,.dog.blink .gaze-canvas,.dog.petted .gaze-canvas{opacity:0}.landscape{z-index:auto}.ground{opacity:.78;mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 83%,transparent 100%),linear-gradient(to right,transparent 0%,#000 12%,#000 86%,transparent 100%);mask-composite:intersect}.dog-facing{position:absolute;inset:0;display:block;transform-origin:48% 94.5%;pointer-events:none}.dog[data-facing=right] .dog-facing{transform:scaleX(-1)}.godot-pet{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;opacity:0;background:transparent}.dog[data-engine=godot] .godot-pet{opacity:1}.dog[data-engine=godot] .dog-facing{visibility:hidden}.pet-dock{--fullness-color:#5e684b;position:absolute;left:70%;top:76%;transform:translate(-50%,24px);pointer-events:auto;color:var(--fullness-color);font-size:clamp(12px,.65vw,14px);font-variant-numeric:tabular-nums}.fullness-trigger{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:4px;border:0;border-radius:4px;background:none;color:inherit;font-size:inherit;line-height:1.5;white-space:nowrap;touch-action:manipulation}.fullness-trigger:focus-visible{outline:2px solid var(--green);outline-offset:3px}.fullness-bowl{flex:none;width:18px;height:18px;color:inherit}.fullness-track{display:block;flex:none;width:clamp(48px,3.3vw,64px);height:4px;background:#dddcca;border-radius:2px;overflow:hidden}.fullness-track>span{display:block;height:100%;background:currentColor;border-radius:inherit}.pet-fullness-number{font-family:var(--font-data);min-width:4ch;text-align:right;font-size:1.15em;font-weight:400;white-space:nowrap}.pet-fullness-percent{font-size:.78em;margin-left:.08em}.pet-dock[data-level=medium]{--fullness-color:#896518}.pet-dock[data-level=low]{--fullness-color:#a14b3d}.pet-dock[data-level=unknown]{--fullness-color:var(--muted)}.fullness-help{position:fixed;z-index:30;width:clamp(272px,16vw,336px);max-width:calc(100vw - 24px);padding:12px 16px;border-radius:12px;background:var(--ink);color:var(--paper);font-size:clamp(13px,.7vw,16px);line-height:1.65;box-shadow:0 6px 20px #43392f29}.fullness-help strong{display:block;font-weight:600;font-size:1.08em;margin-bottom:6px}.fullness-help p+p{margin-top:6px}.dog[data-engine=godot] .pet-caption{top:auto;bottom:93%;background:#faf8f0f0}.site-update{position:fixed;z-index:40;top:max(16px,env(safe-area-inset-top));left:50%;transform:translate(-50%);max-width:calc(100vw - 32px);padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:0 4px 16px #43392f14}.ground,.dog,.pet-dock{transition:opacity .55s cubic-bezier(.22,1,.36,1)}#main .ground[data-loading],body[data-pet-loading] .dog,body[data-pet-loading] .pet-dock{opacity:0;visibility:hidden;pointer-events:none}body[data-pet-loading] .dog .pet-hit-area path{pointer-events:none}.scene-loading{position:absolute;left:70%;top:60%;transform:translate(-50%,-50%);text-align:center;color:var(--muted);font-size:14px;line-height:1.8;white-space:nowrap;pointer-events:auto}.scene-loading button{margin-top:8px;padding:4px 12px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}@media(prefers-reduced-motion:reduce){.ground,.dog,.pet-dock{transition:none}}.care-wheel{--wheel-size: 400px;--bubble-size: 68px;position:fixed;z-index:20;width:var(--wheel-size);height:calc(var(--bubble-size) * 2 + 12px);transform:translate(-50%,-50%);pointer-events:none}.care-actions{position:absolute;inset:0;pointer-events:none}.care-foods{position:absolute;right:0;top:0;width:var(--bubble-size);height:100%;pointer-events:none}.food-orbit{display:contents}.radial-action,.food-choice{position:absolute;width:var(--bubble-size);height:var(--bubble-size);padding:8px;border:1px solid rgb(255 255 255 / 85%);border-radius:50%;color:var(--ink);background:radial-gradient(ellipse at 28% 18%,rgb(255 255 255 / 88%),transparent 36%),radial-gradient(ellipse at 80% 85%,rgb(211 230 221 / 28%),transparent 50%),#faf8f047;box-shadow:inset 0 -2px 4px #92b19e38,inset 1px 2px 3px #ffffffbf,0 4px 10px #43392f12;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:auto;transition:background-color .18s ease,border-color .18s ease}.radial-action:before,.food-choice:before{content:"";position:absolute;inset:5px;border:2px solid transparent;border-top-color:#ffffffe5;border-left-color:#ffffff7a;border-radius:50%;transform:rotate(-28deg);pointer-events:none}.radial-action:after,.food-choice:after{content:"";position:absolute;inset:3px;border:1px solid transparent;border-bottom-color:#a3c7bc8c;border-right-color:#dab8a64d;border-radius:50%;transform:rotate(-20deg);pointer-events:none}.bubble-burst{position:absolute;display:block;pointer-events:none}.bubble-burst-rim{position:absolute;inset:0;border:1px solid rgb(255 255 255 / 90%);border-radius:50%}.bubble-burst i{position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px;border-radius:50%;background:#faf8f0}.radial-action{top:calc(50% - var(--bubble-size) / 2);touch-action:manipulation}.radial-left{left:0}.radial-right{right:0}.radial-action>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:15px;font-weight:400;line-height:1.3}.radial-action .icon{width:21px;height:21px}.radial-action:hover:not(:disabled),.radial-action:focus-visible,.food-choice:hover:not(:disabled),.food-choice:focus-visible{background-color:#faf8f073;border-color:#fff}.food-choice[aria-pressed=true]:not(:disabled){border-color:#fffffff2}.radial-action:focus-visible,.food-choice:focus-visible{outline:2px solid #465938;outline-offset:3px}.radial-action:active:not(:disabled),.food-choice:active:not(:disabled){background-color:#faf8f099}.radial-action:disabled,.food-choice:disabled{cursor:default;opacity:.55}.food-choice{right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;touch-action:none}.food-first{top:0}.food-second{bottom:0}.food-art{flex:none;display:block;width:34px;height:36px;filter:saturate(.7) sepia(.08);background:url(/assets/treats-384-77df7dd3b794.webp) 0 50% / 200% 100% no-repeat}.food-art.pumpkin{background-position:100% 50%}.food-gain{font-family:var(--font-data);font-size:12px;line-height:1.2;font-variant-numeric:tabular-nums;font-weight:400;white-space:nowrap}.care-foods.is-sending .food-choice[aria-pressed=true]{opacity:1;background-color:#faf8f08c}.care-foods.is-sending .food-choice:not([aria-pressed=true]){opacity:.3}.wheel-caption{position:absolute;top:calc(100% + 12px);right:0;width:max-content;max-width:min(260px,calc(100vw - 32px));text-align:right;font-size:14px;line-height:1.6;color:var(--ink)}#wheel-fullness{display:none}.wheel-hint{margin:0;font-size:14px;line-height:1.5}#care-message{margin-top:4px;color:#8b563b}#care-message:empty{display:none}@media(max-width:600px){.care-wheel{--bubble-size: 56px}.radial-action,.food-choice{padding:6px}.radial-action>span{font-size:14px;gap:2px}.radial-action .icon{width:19px;height:19px}.food-art{width:30px;height:32px}.food-gain{font-size:11px}}.feed-log{position:fixed;z-index:9;inset:32px 32px auto auto;width:min(440px,calc(100vw - 64px));pointer-events:none;display:grid;gap:8px}.feed-log-line{display:flex;justify-content:flex-end;gap:12px;align-items:baseline;color:#43392fc7;font-size:13px;line-height:1.6;animation:log-arrive .28s var(--ease) both;transition:opacity .6s ease}.feed-log-line time{font-family:var(--font-data);flex:none;font-size:11px;font-variant-numeric:tabular-nums}.feed-log-line.is-leaving{opacity:0}@keyframes log-arrive{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@media(max-width:800px){.feed-log{left:auto;right:20px;top:max(12px,env(safe-area-inset-top));bottom:auto;width:calc(100vw - 40px);gap:6px}.feed-log-line{font-size:12px;gap:8px}}@media(prefers-reduced-motion:reduce){.radial-action,.food-choice,.feed-log-line{transition:none;animation:none}}@supports not (backdrop-filter: blur(1px)){.radial-action,.food-choice{background:#faf8f0f0}}@media(prefers-reduced-transparency:reduce){.radial-action,.food-choice{backdrop-filter:none;-webkit-backdrop-filter:none;background:#faf8f0}}.head .gaze-canvas{z-index:1}.head .eyes-closed{z-index:3}.head .eating-mouth{z-index:4;opacity:0;mask-image:radial-gradient(ellipse 13% 10% at 43% 73%,#000 65%,transparent 100%)}.pet-treat{position:absolute;z-index:5;left:35%;top:60%;width:26%;height:35%;opacity:0;transform:translate(100%,85%) rotate(18deg);pointer-events:none;background-size:200% 100%;background-position:0 50%}.dog[data-food=pumpkin] .pet-treat{background-position:100% 50%}.dog[data-meal=sniff] .pet-treat{opacity:1;animation:offer-treat .85s ease-out both}.dog[data-meal=chew] .pet-treat{animation:bite-treat .9s ease-in both}.dog[data-meal=chew] .eating-mouth{animation:munch .42s steps(1,end) infinite}.dog[data-meal=happy] .eating-mouth{opacity:1}.dog[data-meal=happy] .affection{opacity:1;transform:translateY(-7px)}.pet-caption{position:absolute;top:100%;left:48%;transform:translate(-50%);width:max-content;max-width:min(320px,80vw);padding:6px 12px;background:#faf8f0f0;border-radius:7px;opacity:0;pointer-events:none;color:var(--muted);font-size:14px;line-height:1.5}.dog[data-meal] .pet-caption,.dog.refusing .pet-caption{opacity:1}@keyframes offer-treat{0%{transform:translate(150%,100%) rotate(24deg);opacity:0}to{transform:translate(0) rotate(-9deg);opacity:1}}@keyframes bite-treat{0%{transform:translate(0) scale(1);opacity:1}65%{transform:translateY(-3%) scale(.6);opacity:1}to{transform:translate(0) scale(.2);opacity:0}}@keyframes munch{0%,to{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){.dog[data-meal] .pet-treat{opacity:0}.dog[data-meal=chew] .eating-mouth{opacity:1}}@media(max-width:600px){.feed-log-line:nth-last-child(n+3){display:none}}.dog.treats-ready .pet-treat{background-image:url(/assets/treats-384-77df7dd3b794.webp)}.dog[data-engine=web]{pointer-events:none}.pet-hit-area{position:absolute;overflow:visible;pointer-events:none}.pet-hit-area path{fill:transparent;stroke:transparent;stroke-width:6px;pointer-events:all;cursor:pointer}.dog:disabled .pet-hit-area path{pointer-events:none;cursor:default}@media(pointer:coarse){.pet-hit-area path{stroke-width:16px}}.dog[data-engine=web] .head{--eye-close: 0;--mouth-open: 0;top:5.4%;transform-origin:50% 88%}.dog[data-engine=web] .head .eyes-open{opacity:1}.dog[data-engine=web] .head.gaze-ready img.eyes-open{opacity:0}.dog[data-engine=web] .head .eyes-closed{opacity:var(--eye-close);mask-image:radial-gradient(ellipse 9% 7% at 33.8% 49%,#000 60%,transparent 100%),radial-gradient(ellipse 9% 7% at 63.9% 58.8%,#000 60%,transparent 100%)}.dog[data-engine=web] .head .eating-mouth{animation:none;opacity:var(--mouth-open)}.dog[data-engine=web] .pet-caption{top:auto;bottom:93%;transition:opacity .24s ease}.dog[data-engine=web][data-meal=chew] .pet-treat{animation-name:chew-treat-continuous}@keyframes chew-treat-continuous{0%{transform:translate(0) rotate(-9deg) scale(1);opacity:1}65%{transform:translateY(-3%) rotate(-5deg) scale(.6);opacity:1}to{transform:translate(0) rotate(-3deg) scale(.2);opacity:0}}@media(prefers-reduced-motion:reduce){.dog[data-engine=web].petted .head{--eye-close: 1}.dog[data-engine=web][data-meal=chew] .head{--mouth-open: .6}.dog[data-engine=web][data-meal=happy] .head{--mouth-open: .4;--eye-close: 1}.dog[data-engine=web] .pet-caption{transition:none}}.dog[data-engine=web] .head .portrait-surface{width:116%;height:116%;inset:-8% auto auto -8%;opacity:1}.dog[data-engine=web] .head.surface-ready .eyes-closed,.dog[data-engine=web] .head.surface-ready .eating-mouth{opacity:0}.pet-pendant{position:absolute;left:36.179%;top:52.1543%;width:20%;height:auto;z-index:2;overflow:visible;pointer-events:none}.pendant-link{fill:none;stroke:#242320;stroke-width:1.1}.pendant-letter{fill:none;stroke:#252421;stroke-width:2.15;stroke-linejoin:round}.pendant-glint{fill:none;stroke:#68655f;stroke-width:.6}@media(prefers-reduced-motion:reduce){.pet-pendant{transform:none!important}}.dog[data-engine=web] .head:not(.closed-ready) .eyes-closed,.dog[data-engine=web] .head:not(.eating-ready) .eating-mouth{visibility:hidden}:root{--panel-bottom: calc(var(--action-bottom) + var(--action-size) + 36px);--utility-surface: rgb(250 248 240 / 56%);--utility-shadow: 0 14px 40px rgb(58 67 39 / 12%)}.quick-actions{gap:6px;padding:8px;border-radius:44px;background:var(--utility-surface);box-shadow:0 8px 26px #3a43272b;backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15)}.quick-actions .icon-button{background:transparent;border:0;color:var(--ink);transition:transform .18s var(--ease),background .18s ease,color .18s ease,box-shadow .18s ease}.quick-actions .icon-button:hover{transform:translateY(-3px);background:#e8eddb;box-shadow:0 5px 12px #3a43271f}.quick-actions .icon-button[aria-expanded=true]{background:var(--green);color:var(--paper)}.quick-actions .icon-button:active{transform:translateY(-1px) scale(.96)}.quick-actions .action-label{bottom:calc(100% + 16px);font-size:12px}.utility-panel{border:1px solid rgb(255 255 255 / 76%);border-radius:16px;background:var(--utility-surface);box-shadow:var(--utility-shadow);backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15);transform-origin:bottom right}.utility-panel .installer-heading{margin-bottom:16px}.utility-panel .installer-heading h2{font-size:24px}.utility-panel .close-button{color:var(--muted);border-radius:50%}.utility-panel .close-button:hover{background:#e8eddb;color:var(--green)}.utility-panel .install-tabs{gap:24px;margin-bottom:16px}.utility-panel .install-tabs button[aria-selected=true]{color:var(--green);border-color:var(--green)}.utility-panel .code-box,.contact-address{background:#faf8f061;border-radius:10px}.contact-intro{color:var(--muted);font-size:14px;margin:-4px 0 20px}.contact-address{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 16px}.contact-address a{min-width:0;color:var(--green);font-size:20px;font-weight:500;line-height:1.5;text-decoration-thickness:1px;text-underline-offset:5px;overflow-wrap:anywhere}.contact-address a:hover{color:var(--ink)}.utility-copy,.utility-panel .code-box button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:10px;border:0;border-radius:8px;background:none;color:var(--green)}.utility-copy{margin-left:auto}.utility-copy .icon,.utility-panel .code-box button .icon{width:21px;height:21px}.utility-copy:hover:not(:disabled),.utility-panel .code-box button:hover:not(:disabled){background:#dfe5d1}.utility-panel .install-note{margin-top:12px;font-size:13px}@media(max-width:800px){.quick-actions{padding:7px}.contact-address a{font-size:18px}.utility-panel .installer-heading h2{font-size:22px}}@media(max-width:360px){.contact-address{gap:6px;padding-left:12px}.contact-address a{font-size:16px}}@media(max-width:600px){:root{--action-size: 44px;--action-inset: 16px;--action-bottom: max(16px,env(safe-area-inset-bottom))}.quick-actions{padding:5px;gap:2px;background:#faf8f07a;box-shadow:0 4px 14px #3a43271c}.quick-actions .icon-button .icon{width:20px;height:20px}}@media(prefers-reduced-motion:reduce){.quick-actions .icon-button{transition:none}.quick-actions .icon-button:hover,.quick-actions .icon-button:active{transform:none}}@media(prefers-reduced-transparency:reduce){.quick-actions,.utility-panel{background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none}}.quick-actions .icon-button[aria-expanded=true] .action-label{opacity:0}@supports not (backdrop-filter: blur(1px)){.quick-actions,.utility-panel{background:var(--paper)}}.companion-status{position:fixed;z-index:12;right:var(--action-inset);bottom:var(--panel-bottom);width:min(320px,calc(100vw - 32px));padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font-size:13px;line-height:1.6}.quick-actions .icon-button[aria-pressed=true]{background:var(--green);color:var(--paper)}.companion{height:100%}.companion body{height:100%;min-width:240px;min-height:280px;display:flex;flex-direction:column}.companion #main{flex:1;min-height:100px}.companion .hero{min-height:0;height:100%;width:100%;padding:0;display:block}.companion .scene{width:100%;height:100%;margin:0}.companion .intro,.companion .quick-actions,.companion .utility-panel,.companion .feed-log,.companion .companion-status{display:none}.companion .ground{opacity:.72}.companion-footer{position:relative;z-index:21;flex:none;padding:12px 16px 12px 20px;background:var(--paper)}.companion-brand{display:flex;flex-wrap:nowrap;min-height:44px;align-items:center;justify-content:space-between;gap:12px}.companion #name{font:400 36px/1 Lilita,sans-serif;letter-spacing:-.02em}.companion-meta{display:flex;flex:none;width:max-content;align-items:center;gap:8px}.companion .pet-dock{position:static;transform:none;font-size:11px}.companion .fullness-trigger{padding:4px;gap:5px;border-radius:8px}.companion .fullness-bowl{width:16px;height:16px}.companion .fullness-track{display:none}.companion .fullness-help{width:max-content;padding:6px 10px;border-radius:6px;font-size:12px;line-height:1.4}.companion .fullness-help strong{margin:0;font-size:inherit;font-weight:400}.companion-footer-measure{position:fixed;top:0;left:0;width:max-content;height:0;overflow:hidden;visibility:hidden;pointer-events:none;contain:layout style}:is(.companion-return,.companion-shutter){position:relative;display:grid;place-items:center;width:30px;height:32px;padding:0;border:0;border-radius:8px;background:none;color:var(--muted);transition:background .16s ease,color .16s ease}:is(.companion-return,.companion-shutter) .icon{width:16px;height:16px;transition:transform .16s var(--ease)}:is(.companion-return,.companion-shutter):hover,:is(.companion-return,.companion-shutter):focus-visible{background:var(--green);color:var(--paper)}:is(.companion-return,.companion-shutter):hover .icon{transform:translateY(-1px)}.companion-return-label{position:absolute;right:0;bottom:calc(100% + 10px);padding:5px 10px;border-radius:6px;background:var(--ink);color:var(--paper);font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .16s ease,transform .16s var(--ease)}:is(.companion-return,.companion-shutter):hover .companion-return-label,:is(.companion-return,.companion-shutter):focus-visible .companion-return-label{opacity:1;transform:none}.companion body>#care-wheel{--bubble-size: 52px;min-height:0;height:116px}.companion body>#care-wheel .care-actions{position:absolute;inset:0;display:block}.companion body>#care-wheel .care-foods{position:absolute;inset:0 0 0 auto;width:var(--bubble-size);height:100%;display:block}.companion body>#care-wheel .radial-action,.companion body>#care-wheel .food-choice{position:absolute;border-radius:50%}.companion body>#care-wheel .radial-action>span{flex-direction:column;gap:1px;font-size:14px}.companion body>#care-wheel .food-art{display:block;width:26px;height:28px}.companion body>#care-wheel .wheel-caption{position:absolute;inset:calc(100% + 6px) 0 auto auto;width:max-content;max-width:calc(100vw - 24px);padding:0;pointer-events:none}.companion .pet-caption{max-width:calc(100vw - 40px);font-size:12px}@media(max-width:300px){.companion-footer{padding-inline:12px}.companion #name{font-size:32px}}@media(pointer:coarse){:is(.companion-return,.companion-shutter){width:44px;height:44px}}@media(prefers-reduced-motion:reduce){:is(.companion-return,.companion-shutter),:is(.companion-return,.companion-shutter) .icon,.companion-return-label{transition:none;transform:none}}.companion #name{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.companion-tools-toggle{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;color:var(--muted)}.companion-tools-toggle:before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--paper);box-shadow:0 3px 6px #43392f33;transition:background .16s ease,box-shadow .16s ease}.companion-tools-toggle .icon{position:relative;width:16px;height:16px;transition:transform .18s var(--ease)}.companion-tools-toggle:hover,.companion-tools-toggle[aria-expanded=true]{color:var(--green)}.companion-tools-toggle:hover:before,.companion-tools-toggle[aria-expanded=true]:before{background:#e8eddb;box-shadow:0 4px 8px #43392f38}.companion-tools-toggle[aria-expanded=true] .icon{transform:rotate(180deg)}.companion-footer.is-compact .companion-meta{position:absolute;right:16px;bottom:calc(100% + 8px);z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;width:44px;padding:0;background:none;pointer-events:none}.companion-footer.is-compact .companion-meta :is(.companion-return,.companion-shutter,.sync-settings-toggle,.fullness-trigger){display:grid;place-items:center;flex:none;gap:0;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:1px solid rgb(109 101 87 / 16%);border-radius:50%;background:var(--paper);color:var(--muted);box-shadow:0 3px 7px #43392f26;pointer-events:auto;transition:background .16s ease,color .16s ease}.companion-footer.is-compact .companion-meta .fullness-trigger{color:var(--fullness-color)}.companion-footer.is-compact .companion-meta :is(.companion-return,.companion-shutter,.sync-settings-toggle,.fullness-trigger):is(:hover,:focus-visible){background:var(--green);color:var(--paper)}.companion-footer.is-compact .companion-return-label,.companion-footer.is-compact .pet-fullness-number{display:none}.companion-footer.tools-open .companion-meta>*{animation:companion-tools-arrive .18s var(--ease) backwards}.companion-footer.tools-open .companion-meta>:nth-child(1){animation-delay:90ms}.companion-footer.tools-open .companion-meta>:nth-child(2){animation-delay:60ms}.companion-footer.tools-open .companion-meta>:nth-child(3){animation-delay:30ms}@keyframes companion-tools-arrive{0%{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:300px){.companion-footer.is-compact .companion-meta{right:12px}}@media(prefers-reduced-motion:reduce){.companion-tools-toggle .icon,.companion-tools-toggle:before{transition:none}.companion-footer.tools-open .companion-meta>*{animation:none}}.companion-tools-retry{min-height:44px;padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:var(--paper);font-size:12px}.sync-settings-toggle,.sync-close{display:grid;place-items:center;flex:none;width:30px;height:44px;padding:0;border:0;border-radius:8px;background:none;color:var(--muted);cursor:pointer}.sync-settings-toggle .icon,.sync-close .icon{width:16px;height:16px}.sync-settings-toggle{position:relative}.sync-settings-toggle:hover,.sync-settings-toggle[aria-expanded=true],.sync-close:hover{color:var(--paper);background:var(--green)}.sync-settings-toggle:focus-visible,.sync-close:focus-visible{outline:2px solid var(--green);outline-offset:3px}.sync-settings{position:fixed;z-index:40;width:min(248px,calc(100vw - 24px));padding:12px 16px;overflow-y:auto;overscroll-behavior:contain;border-radius:12px;color:var(--ink);background:var(--paper);box-shadow:0 8px 28px #43392f29;font-size:12px;line-height:1.6;scrollbar-color:var(--line) var(--paper)}.sync-settings[hidden]{display:none}.sync-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.sync-heading h2{margin:0;font-size:15px;font-weight:600}.sync-close{height:28px}.sync-choice{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.sync-label,.sync-state-label{padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:help;text-underline-offset:4px}.sync-label{font-size:13px}.sync-label:hover,.sync-state-label:hover{text-decoration:underline dotted}.sync-label:focus-visible,.sync-state-label:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:3px}.sync-control{position:relative;display:grid;place-items:center;flex:none;width:40px;height:44px}.sync-choice input{position:absolute;inset:0;width:40px;height:44px;margin:0;opacity:0;cursor:pointer}.sync-switch{flex:none;width:36px;height:22px;padding:3px;border-radius:20px;background:var(--line);transition:background .18s ease;pointer-events:none}.sync-switch:after{content:"";display:block;width:16px;height:16px;border-radius:50%;background:var(--paper);transform:translate(0);transition:transform .18s var(--ease)}.sync-choice input:checked+.sync-switch{background:var(--green)}.sync-choice input:checked+.sync-switch:after{transform:translate(14px)}.sync-choice input:focus-visible+.sync-switch{outline:2px solid var(--green);outline-offset:3px}.sync-choice input:disabled+.sync-switch{opacity:.55}.sync-state{margin-top:2px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.sync-help{position:fixed;z-index:41;width:min(256px,calc(100vw - 24px));padding:10px 14px;border-radius:8px;background:var(--ink);color:var(--paper);font-size:12px;line-height:1.6}.sync-help[hidden]{display:none}@media(pointer:coarse){.sync-settings-toggle,.sync-close{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.sync-switch,.sync-switch:after{transition:none}}.companion-shutter:disabled{opacity:.45;cursor:progress}.photo-notice{position:fixed;z-index:35;left:12px;right:12px;bottom:84px;padding:10px 14px;background:var(--ink);color:var(--paper);border-radius:8px;font-size:12px;text-align:center}.photo-editor{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0 16px 12px;border:0;background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain;scrollbar-color:#b7b39e var(--paper)}.photo-editor[open]{display:flex;flex-direction:column;gap:8px}.photo-editor::backdrop{background:var(--paper)}.photo-heading{display:flex;align-items:center;justify-content:space-between;flex:none;gap:12px}.photo-heading h2{margin:0;font-size:14px;font-weight:500}.photo-close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;border-radius:8px;color:var(--muted)}.photo-close:hover{background:#eeeadd;color:var(--ink)}.photo-preview{position:relative;flex:1;min-height:140px;display:grid;place-items:center}.photo-preview canvas{position:absolute;width:100%;height:100%;object-fit:contain}.photo-progress{padding:16px;font-size:12px;color:var(--muted);text-align:center}.photo-controls{flex:none;display:grid;gap:8px}.photo-moods{margin:0;padding:0;border:0;min-width:0}.photo-moods legend{padding:0;margin-bottom:4px;font-size:12px;color:var(--muted)}.photo-mood-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.photo-mood{position:relative;cursor:pointer}.photo-mood input{position:absolute;width:1px;height:1px;opacity:0}.photo-mood-swatch{display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;border-radius:10px;background:var(--mood-paper);color:var(--mood-ink);border:1px solid transparent;font-size:12px}.photo-mood-swatch>span:first-child{font-size:20px;line-height:1}.photo-mood input:checked+.photo-mood-swatch{border-color:var(--mood-ink)}.photo-mood input:focus-visible+.photo-mood-swatch{outline:2px solid var(--green);outline-offset:2px}.photo-mood:hover .photo-mood-swatch{border-color:var(--mood-ink)}.photo-caption-label{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.photo-caption-label>span{color:var(--muted);font-size:11px}.photo-caption-label input{flex:1;min-width:0;height:36px;margin-left:4px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--ink);caret-color:var(--orange);font:inherit}.photo-caption-label input::placeholder{color:var(--muted)}.photo-caption-label input:focus-visible{outline:2px solid var(--green);outline-offset:2px}.photo-actions{display:flex;gap:8px}.photo-actions button{flex:1;min-height:44px;padding:8px 12px;border:0;border-radius:8px;background:#eeeadd;color:var(--ink);font-size:13px}.photo-actions .photo-save{background:var(--green);color:var(--paper)}.photo-actions button:hover:not(:disabled){filter:brightness(.95)}.photo-actions button:disabled{opacity:.5;cursor:wait}.photo-feedback{font-size:12px;color:var(--muted)}@media(max-width:300px){.photo-editor{padding-inline:12px}.photo-mood-swatch{flex-direction:column;gap:2px;padding-block:5px}}