@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}}:root{--cream:#fff9ed;--ink:#3f3129;--muted:#8a7669;--orange-light:#f7b56f;--orange-dark:#c96535;--pink:#ef7e79}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--cream);color:var(--ink);margin:0;font-family:Arial,Microsoft YaHei,sans-serif}button{font:inherit}.cat-page{isolation:isolate;background:radial-gradient(circle at 50% 44%,#fff5d7b8,#0000 34%),linear-gradient(#dff2eb 0%,#f2f7e8 58%,#fae5c5 58%,#f5d9af 100%);place-items:center;min-height:100svh;padding:40px 20px 28px;display:grid;position:relative;overflow-x:hidden}.cat-page:after{content:"";z-index:-1;background:#fff4dc6b;border-radius:50%;width:min(900px,120vw);height:320px;position:absolute;bottom:-100px;left:50%;transform:translate(-50%)}.sun-glow{z-index:-2;background:#ffda896b;border-radius:50%;width:170px;height:170px;position:absolute;top:7%;left:12%}.cloud{z-index:-1;background:#ffffff85;border-radius:999px;width:150px;height:38px;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:0}.cloud:before{width:62px;height:62px;left:25px}.cloud:after{width:48px;height:48px;right:24px}.cloud-one{top:17%;right:8%}.cloud-two{opacity:.7;top:32%;left:5%;transform:scale(.7)}.pet-card{text-align:center;background:#fffdf7db;border:1px solid #ffffffdb;border-radius:38px;width:min(100%,880px);padding:34px 34px 28px;box-shadow:0 28px 70px #6b51362e,inset 0 1px #fff}.intro{z-index:3;position:relative}.eyebrow{color:#9b5d33;letter-spacing:.14em;background:#fff0d8;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:800;display:inline-flex}.intro h1{letter-spacing:-.055em;margin:16px 0 8px;font-size:clamp(32px,7vw,47px);line-height:1.08}.intro p{color:var(--muted);margin:0;font-size:15px;line-height:1.7}.sync-status{color:#8a7669;align-items:center;gap:7px;margin-top:12px;font-size:12px;font-weight:700;display:inline-flex}.sync-status>span{background:#d29a72;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #d29a7221}.sync-status.is-live{color:#557e67}.sync-status.is-live>span{background:#57a875;box-shadow:0 0 0 4px #57a87524}.animal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.animal-card{background:#fffaefb8;border:1px solid #dcb6884d;border-radius:30px;min-width:0;padding:14px 14px 18px;position:relative}.dog-panel{background:#f7f2e5c7;border-color:#b2916b4d}.animal-card h2{z-index:2;color:#805b43;margin:2px 0 -12px;font-size:21px;position:relative}.animal-card .cat-button{height:270px}.cat-button{cursor:pointer;width:100%;height:305px;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:34px;outline:0;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 0 9px;display:flex;position:relative}.cat-button:focus-visible{box-shadow:0 0 0 4px #e98b4559}.cat-button:hover .cat-motion{transform:translateY(-4px)rotate(-1deg)}.cat-button:active .cat-motion{transform:translateY(2px)scale(.96)}.cat-button:disabled{cursor:wait}.cat-button:disabled .cat-motion{transform:none}.dog-button{cursor:pointer;width:100%;height:270px;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:34px;outline:0;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 0 9px;display:flex;position:relative}.dog-button:focus-visible{box-shadow:0 0 0 4px #b27e4b4d}.dog-button:hover .dog-motion{transform:translateY(-4px)rotate(1deg)}.dog-button:active .dog-motion{transform:translateY(2px)scale(.96)}.dog-button:disabled{cursor:wait}.dog-button:disabled .dog-motion{transform:none}.dog-motion{place-items:center;width:230px;height:220px;transition:transform .18s;display:grid;position:relative}.dog-motion.is-petted{animation:.48s cubic-bezier(.2,.9,.3,1.25) happy-dog}.dog-emoji{z-index:2;filter:drop-shadow(0 10px 8px #6547321f);font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:150px;line-height:1;display:block;position:relative}.dog-shadow{filter:blur(4px);background:#65473224;border-radius:50%;width:170px;height:30px;position:absolute;bottom:13px}.tap-hint{color:#9b6c4c;letter-spacing:.04em;background:#fff3df;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700;position:absolute;bottom:16px;right:11px}.pet-feedback{z-index:10;opacity:0;color:var(--pink);pointer-events:none;font-size:20px;font-weight:900;position:absolute;top:44px;left:50%}.pet-feedback.is-visible{animation:.7s ease-out both float-heart}.cat-motion{width:260px;height:246px;transition:transform .18s;display:block;position:relative}.cat-motion.is-petted{animation:.48s cubic-bezier(.2,.9,.3,1.25) happy-cat}.cat-shadow{filter:blur(4px);background:#65473226;border-radius:50%;width:220px;height:35px;position:absolute;bottom:5px;left:26px}.cat-body{z-index:2;border:4px solid var(--orange-dark);background:var(--orange-light);border-radius:52% 52% 42% 43%;width:170px;height:145px;position:absolute;bottom:24px;right:31px;overflow:hidden;box-shadow:inset -16px -10px #cd63331f}.body-patch{background:#fff2d7;border-radius:50%;width:100px;height:125px;position:absolute;bottom:-40px;left:29px}.cat-tail{z-index:1;border:18px solid var(--orange-dark);width:135px;height:70px;box-shadow:11px 12px 0 -4px var(--orange-light);border-top-color:#0000;border-left-color:#0000;border-radius:50%;position:absolute;bottom:23px;left:8px;transform:rotate(7deg)}.cat-head{z-index:5;border:4px solid var(--orange-dark);background:var(--orange-light);border-radius:44% 44% 48% 48%;width:151px;height:132px;position:absolute;top:24px;left:57px;box-shadow:inset -9px -7px #cd63331c}.ear{z-index:-1;border:4px solid var(--orange-dark);background:var(--orange-light);width:58px;height:67px;position:absolute;top:-30px;overflow:hidden}.ear span{background:#ed9c88;position:absolute;inset:16px 11px 4px}.ear-left,.ear-left span{border-radius:80% 10% 30% 28%;left:-3px;transform:rotate(-20deg)}.ear-right,.ear-right span{border-radius:10% 80% 28% 30%;right:-3px;transform:rotate(20deg)}.head-stripe{background:var(--orange-dark);border-radius:0 0 999px 999px;width:11px;height:31px;position:absolute;top:-1px}.stripe-one{left:47px;transform:rotate(-14deg)}.stripe-two{height:37px;left:68px}.stripe-three{right:46px;transform:rotate(14deg)}.eye{border-bottom:5px solid #553a2f;border-radius:0 0 50% 50%;width:27px;height:15px;position:absolute;top:58px}.eye-left{left:28px;transform:rotate(4deg)}.eye-right{right:28px;transform:rotate(-4deg)}.cheek{background:#ef7e7957;border-radius:50%;width:30px;height:16px;position:absolute;top:83px}.cheek-left{left:13px}.cheek-right{right:13px}.nose{background:#a45555;border-radius:50% 50% 60% 60%;width:17px;height:12px;position:absolute;top:80px;left:65px}.mouth{border-bottom:3px solid #6a4337;border-radius:50%;width:17px;height:12px;position:absolute;top:89px;left:66px}.whiskers{background:#9f6c55;width:40px;height:2px;position:absolute;top:94px;box-shadow:0 9px #9f6c55}.whiskers-left{left:-20px;transform:rotate(5deg)}.whiskers-right{right:-20px;transform:rotate(-5deg)}.paw{z-index:6;border:4px solid var(--orange-dark);background:#fff2d7;border-radius:50% 50% 45% 45%;width:60px;height:35px;position:absolute;bottom:18px}.paw-left{left:74px;transform:rotate(-4deg)}.paw-right{right:47px;transform:rotate(4deg)}.feed-button{cursor:pointer;color:#7d543a;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fff0d5;border:1px solid #b3774340;border-radius:16px;outline:0;justify-content:center;align-items:center;width:100%;min-height:46px;margin:0 0 12px;padding:10px 18px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 8px 18px #7d533217}.dog-feed-button{background:#efe5cf}.feed-button:hover{background:#ffe8c1;transform:translateY(-2px);box-shadow:0 11px 23px #7d533221}.dog-feed-button:hover{background:#e8d9ba}.feed-button:active{transform:translateY(1px)scale(.985)}.feed-button:focus-visible{box-shadow:0 0 0 4px #e98b454d}.feed-button:disabled{cursor:wait;opacity:.62;transform:none}.food-flight{z-index:12;opacity:0;pointer-events:none;white-space:nowrap;align-items:center;gap:7px;display:flex;position:absolute;top:285px;left:50%;transform:translate(-50%,18px)scale(.72)}.food-flight-icon{filter:drop-shadow(0 5px 4px #5c39232e);font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:30px}.food-feedback{color:#b46337;background:#fffdf5f0;border-radius:999px;padding:5px 9px;font-size:13px;font-weight:900;box-shadow:0 5px 13px #5c39231f}.food-flight.is-visible{animation:.78s cubic-bezier(.22,.8,.3,1) both food-flight}.cat-motion.is-fed,.dog-motion.is-fed{animation:.56s ease-in-out happy-chew}.counter-stack{gap:9px;display:grid}.counter{background:#fff7ea;border:1px solid #dcb6885c;border-radius:22px;justify-content:center;align-items:center;gap:12px;min-width:250px;padding:12px 20px;display:inline-flex;box-shadow:0 10px 26px #7d533214}.animal-card .counter{width:100%;min-width:0;padding-inline:12px}.counter-icon{color:#fff;background:var(--pink);border-radius:50%;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 5px 12px #ef7e7952}.counter-feed{background:#fffaf0}.counter-feed .counter-icon{background:#d99a55;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:17px;box-shadow:0 5px 12px #be7e3b47}.counter-copy{align-items:baseline;gap:5px;display:flex}.counter-label,.counter-unit{color:var(--muted);font-size:13px}.counter strong{min-width:32px;color:var(--orange-dark);font-variant-numeric:tabular-nums;font-size:30px;line-height:1}.cat-message{color:#8f7160;min-height:22px;margin:15px 0 0;font-size:13px}.cat-message.is-error{color:#b64f46}.footer-note{color:#5b483a94;text-align:center;letter-spacing:.08em;width:100%;margin:0;font-size:11px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}@keyframes happy-cat{0%{transform:translateY(0)rotate(0)}36%{transform:translateY(-13px)rotate(-3deg)scale(1.02)}70%{transform:translateY(0)rotate(3deg)}to{transform:translateY(0)rotate(0)}}@keyframes float-heart{0%{opacity:0;transform:translate(-50%,10px)scale(.7)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-45px)scale(1.15)rotate(-5deg)}}@keyframes happy-dog{0%{transform:translateY(0)rotate(0)}36%{transform:translateY(-13px)rotate(4deg)scale(1.03)}70%{transform:translateY(0)rotate(-4deg)}to{transform:translateY(0)rotate(0)}}@keyframes food-flight{0%{opacity:0;transform:translate(-50%,22px)scale(.68)rotate(-8deg)}18%{opacity:1}72%{opacity:1;transform:translate(-50%,-105px)scale(1)rotate(5deg)}to{opacity:0;transform:translate(-50%,-126px)scale(.82)rotate(0)}}@keyframes happy-chew{0%,to{transform:translateY(0)scale(1)}22%{transform:translateY(-3px)scale(1.015,.975)}42%{transform:translateY(0)scale(.985,1.025)}62%{transform:translateY(-2px)scale(1.012,.98)}82%{transform:translateY(0)scale(.992,1.015)}}@keyframes gentle-feedback{0%,to{opacity:0}25%,70%{opacity:1}}@media (max-width:760px){.cat-page{align-content:start;padding:20px 14px 24px}.pet-card{border-radius:30px;width:min(100%,540px);padding:27px 18px 24px}.animal-grid{grid-template-columns:1fr}.animal-card .cat-button,.dog-button{height:270px}.tap-hint{right:0}.cloud-one{right:-42px}.cloud-two{left:-50px}.footer-note{grid-column:1;margin-top:16px;position:static;transform:none}}@media (max-height:760px){.cat-page{padding-top:20px}.pet-card{padding-top:22px}.animal-card .cat-button,.dog-button{height:250px}.cat-motion{transform-origin:bottom;transform:scale(.88)}.dog-motion{transform-origin:bottom;transform:scale(.9)}}@media (prefers-reduced-motion:reduce){.cat-motion,.cat-motion.is-petted,.cat-motion.is-fed,.dog-motion,.dog-motion.is-petted,.dog-motion.is-fed,.feed-button{transition:none;animation:none}.pet-feedback.is-visible,.food-flight.is-visible{animation:.42s ease-out both gentle-feedback}}