:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none;color:#24262b;background:#f6f6f8;-webkit-tap-highlight-color:transparent;--accent:#de6659;--line:#eeeef1;--secondary:#7d8089;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse 80% 470px at 50% -200px,#e0e9f6,transparent),#f6f6f8}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button,a,input,select,summary{touch-action:manipulation}button{transition:background .18s,border-color .18s,transform .18s var(--ease)}button:active{transform:scale(.98)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e7a397;outline-offset:4px}button svg{pointer-events:none}main{max-width:1256px;margin:auto;padding:34px 42px max(30px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:inline-flex;align-items:center;gap:9px;color:#2e2c2c;font-size:25px;font-weight:650;letter-spacing:-1.2px;text-decoration:none}.paw{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:linear-gradient(#f49585,#df7261);box-shadow:inset 0 1px #ffbdb1,0 2px 5px #b6534320;color:#fff9f6}.paw svg{width:22px;height:22px}.header-actions{display:flex;align-items:center;gap:11px}.circle{display:grid;place-items:center;min-height:44px;padding:0 15px;border:1px solid #e2e2e8;border-radius:22px;background:#ffffffba;box-shadow:0 2px 3px #21243b04;font-size:13px;color:#71737c}.add-button{display:flex;align-items:center;justify-content:center;gap:7px;background:#fff;border:1px solid #dedee5;border-radius:22px;min-height:44px;padding:0 16px;color:#45464d;font-size:13px;font-weight:500;box-shadow:inset 0 1px white,0 2px 4px #24283d07}.add-button span{font-size:21px;line-height:1;color:#7e8089;font-weight:300}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;padding:54px 0 10px}.eyebrow{font-size:12px;color:#888b95;margin:0 0 6px;font-weight:400}h1{font-size:43px;line-height:1.12;font-weight:700;letter-spacing:-1.7px;margin:0}.daily{padding:0 0 29px}.daily p{font-size:14px;color:#8b8c96;margin:0;line-height:1.5}.mini-paw,#progress-count,.track,#progress-text{display:none}#pets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.pet{border:1px solid #e5e5eb;border-radius:23px;background:#fff;box-shadow:0 3px 5px #27274203,0 12px 30px #27274204;overflow:hidden;padding:23px 23px 9px;min-width:0;display:flex;flex-direction:column}.pet-head{display:flex;align-items:center;gap:13px;margin-bottom:20px;min-width:0}.portrait{width:57px;height:57px;display:grid;place-items:center;flex-shrink:0;border-radius:18px;background:radial-gradient(circle at 30% 20%,#fff7ed,#f5eadd);box-shadow:inset 0 0 0 1px #c3ac8b0b}.portrait svg{width:83%;height:83%;filter:drop-shadow(0 1px 1px #69523e12)}.portrait.cat{background:radial-gradient(circle at 30% 20%,#f5f4fb,#e9e8f3)}.portrait.sausage{background:radial-gradient(circle at 30% 20%,#fbf2ec,#efe4dc)}.portrait.rabbit{background:radial-gradient(circle at 30% 20%,#faf7f0,#ece7de)}.portrait.bird{background:radial-gradient(circle at 30% 20%,#f1f9f7,#e1eeeb)}.pet-info{flex:1;min-width:0}.pet h3{font-size:24px;font-weight:600;letter-spacing:-.6px;margin:0;overflow-wrap:anywhere}.pet-info p{font-size:11px;margin:5px 0 0;color:#a0a0a9}.edit{border:0;border-radius:8px;background:none;color:#9999a4;min-height:44px;min-width:44px;padding:8px 0 8px 7px;font-size:12px}.simple-actions{display:flex;flex-direction:column}.simple-care{display:flex;align-items:center;gap:12px;width:100%;min-width:0;min-height:73px;padding:13px 0;border:0;border-top:1px solid var(--line);background:transparent;text-align:left}.action-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#f6f5f6;color:#8c8b94;flex-shrink:0}.action-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.action-copy{flex:1;min-width:0;font-size:15px;font-weight:450;letter-spacing:-.15px;overflow-wrap:anywhere}.action-copy small{display:block;font-size:11px;font-weight:400;color:#9999a4;letter-spacing:0;margin-top:5px}.action-check{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border:1.5px solid #dedee5;border-radius:50%;color:transparent;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,color .2s}.simple-care.done .action-check{background:#7ca188;border-color:#7ca188;color:#fff}.simple-care.done .action-icon{color:#7b9985;background:#f1f6f2}.simple-care.done .action-copy{color:#6b7f71}.simple-care.done .action-copy small{color:#99aa9e}.meal-status{font-size:10px;color:#a0a0ab;margin:0;padding:11px 0 7px;border-top:1px solid var(--line);letter-spacing:.1px}.pet-note{font-size:12px;line-height:1.6;color:#8a8a96}.history{margin-top:29px;border:1px solid #e6e6ec;border-radius:16px;background:#ffffff80;padding:0 20px}.history>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;min-height:57px;color:#6c6e78;font-size:13px;font-weight:500}.history>summary::-webkit-details-marker{display:none}.history>summary:after{content:'›';font-size:21px;font-weight:300;color:#a4a4ae;transform:rotate(90deg);transition:transform .2s}.history[open]>summary:after{transform:rotate(-90deg)}.history-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:13px 0;font-size:13px;color:#777983}.history-symbol{width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;border:1px solid #efeff2;border-radius:10px;background:#f8f8fa;color:#9a9ba6}.history-symbol svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.history-row div{flex:1;min-width:0;overflow-wrap:anywhere}.history-row strong{font-weight:500;color:#484a54}.history-row small{display:block;margin-top:4px;font-size:11px;color:#999ba6}.history-slot{font-size:11px;color:#999ba6}.history-row time{font-size:11px;color:#999ba6;white-space:nowrap}.history-undo,.text-button{background:none;border:0;min-height:44px;font-size:12px;color:#b96e64;padding:8px}.empty-history{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 0 28px}.empty-heart{font-size:28px;color:#c9c9d1}.empty-history p{font-size:13px;color:#8b8c97;margin:0}.empty-history small{display:block;margin-top:6px;font-size:11px;color:#a0a0aa}.empty{font-size:14px;line-height:1.8;color:#92929b}footer{display:flex;gap:6px;align-items:center;justify-content:center;padding:23px 0 0;font-size:10px;color:#a4a5ae}.status-dot{width:4px;height:4px;border-radius:50%;background:#9eafa4}.footer-heart{display:none}dialog{border:1px solid #e2e2e9;border-radius:24px;background:#fbfbfd;color:#27282e;width:min(440px,calc(100% - 24px));max-height:90dvh;padding:26px;box-shadow:0 25px 100px #24243d24}dialog::backdrop{background:#292b3d35;backdrop-filter:blur(8px)}dialog[open]{animation:sheet-in .25s var(--ease)}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.sheet-head h2{font-size:23px;font-weight:650;letter-spacing:-.7px;margin:0}.sheet-head .close{width:36px;min-height:36px;padding:0;font-size:22px;background:#eeeef3;border:0;box-shadow:none;color:#9c9ca6}label,legend{display:block;font-size:13px;color:#73757f;margin:16px 0}input:not([type=checkbox]):not([type=file]),select{width:100%;min-width:0;border:1px solid #e3e3ea;border-radius:10px;background:white;color:#4d505b;padding:12px;margin-top:8px;min-height:46px;font-size:16px;box-shadow:inset 0 1px 2px #30304403}input:focus,select:focus{outline:2px solid #e8b4a9;outline-offset:2px}fieldset{padding:0;border:0;margin:22px 0}legend{margin:0 0 11px}#portraits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}#portraits button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #e5e5eb;background:#f7f7fa;border-radius:13px;min-height:79px;padding:8px;font-size:11px;color:#8c8c97}#portraits svg{width:47px;height:47px}#portraits button[aria-pressed=true]{border-color:#e1a195;background:#fff4ef;box-shadow:0 0 0 2px #f9e6e0}.care-details{border-top:1px solid #e4e4eb;border-bottom:1px solid #e4e4eb;margin:20px 0 12px}.care-details>summary{cursor:pointer;padding:16px 0;min-height:49px;font-size:14px;color:#8a7773}.check{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #e4e4eb;background:#fff;border-radius:10px;min-height:44px;margin:7px 0}.check input{accent-color:var(--accent);width:18px;height:18px}.feeding-editor{border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.feeding-editor h3{font-size:16px;letter-spacing:-.3px;margin:0;font-weight:550}#feed-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#feed-times label{font-size:12px;margin:7px 0}.optional{font-size:11px;color:#aaaab4;margin-left:5px}.hint{font-size:12px;line-height:1.7;color:#94949f}.hint a{color:#b57368;text-underline-offset:3px}.primary{width:100%;border:1px solid #d56d5e;border-radius:12px;background:linear-gradient(#e98979,#df7969);box-shadow:inset 0 1px #f3b0a4,0 2px 5px #ba655314;color:#fffaf8;min-height:49px;padding:13px;margin-top:10px;font-size:15px;font-weight:550}.danger{border:0;background:none;width:100%;min-height:46px;font-size:13px;color:#b47c76;padding:13px}.setting{padding:10px 0 18px;border-bottom:1px solid var(--line);margin-bottom:13px}.setting strong{font-size:15px;font-weight:550}.setting p{font-size:13px;line-height:1.7;color:#8a8b97}.badge{font-size:10px;background:#eeeef3;border:1px solid #e6e6ed;border-radius:6px;color:#9696a1;padding:4px 6px;margin-left:9px}.import{display:inline-block;margin:0 0 0 14px}.import input{display:block;max-width:240px;font-size:10px;margin-top:8px}#toast{position:fixed;bottom:max(23px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#303139ed;backdrop-filter:blur(15px);color:#f8f8fb;box-shadow:0 7px 25px #30303920;border:1px solid #50515b;border-radius:15px;padding:10px 15px;max-width:calc(100% - 24px);width:max-content;z-index:10;font-size:13px;line-height:1.5}#toast button{border:0;background:none;min-height:44px;font-size:13px;color:#f0b9ae;margin-left:16px}#form-error{font-size:13px;color:#b56860}
@keyframes sheet-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){.simple-care:hover{background:#faf9fb}.simple-care:hover .action-check{border-color:#dc9c8e}.simple-care.done:hover{background:#f7faf8}.edit:hover{color:#c37e71}.add-button:hover,.circle:hover{background:white;border-color:#cfcfd8}#portraits button:hover{border-color:#d2b3ac}}
@media(min-width:600px) and (max-width:999px){#pets{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:28px}.intro{padding-top:40px}}
@media(max-width:599px){main{padding:21px 21px max(24px,env(safe-area-inset-bottom))}header{gap:8px}.brand{font-size:23px;gap:8px}.paw{width:31px;height:31px;border-radius:10px}.paw svg{width:20px;height:20px}.header-actions{gap:7px}.circle{min-height:42px;padding:0 11px;font-size:12px}.add-button{min-height:42px;padding:0 12px;font-size:12px;gap:5px}.intro{flex-direction:column-reverse;align-items:flex-start;padding:31px 0 8px;gap:7px}.eyebrow{font-size:11px;margin:0}h1{font-size:35px;letter-spacing:-1.2px}.daily{padding-bottom:23px}.daily p{font-size:12px}#pets{display:flex;flex-direction:column;gap:14px}.pet{padding:17px 18px 6px;border-radius:20px}.pet-head{margin-bottom:12px;gap:11px}.portrait{width:44px;height:44px;border-radius:14px}.pet h3{font-size:21px}.pet-info p{font-size:10px;margin-top:4px}.edit{font-size:11px}.simple-care{min-height:56px;padding:10px 0;gap:11px}.action-icon{width:29px;height:29px;border-radius:9px}.action-icon svg{width:17px;height:17px}.action-copy{font-size:14px}.action-copy small{font-size:10px;margin-top:3px}.action-check{width:22px;height:22px}.meal-status{font-size:10px;padding:9px 0 7px}.history{margin-top:20px;padding:0 16px;border-radius:14px}.history>summary{font-size:12px;min-height:51px}.history-row{gap:8px;font-size:12px}.history-row time,.history-undo{font-size:10px}.history-row small{font-size:10px}.history-symbol{width:28px;height:28px}.empty-history p{font-size:12px}.empty-history small{font-size:10px}footer{padding-top:18px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:360px){main{padding-left:18px;padding-right:18px}.header-actions{gap:5px}.add-button{padding:0 9px}.circle{padding:0 9px}.brand{font-size:21px;gap:6px}.history-row{flex-wrap:wrap}.history-row div{min-width:130px}}
/* A quiet, full-screen arrival. The daily app stays focused underneath. */
.welcome{max-width:none;max-height:none;width:100%;height:100dvh;inset:0;margin:0;border:0;border-radius:0;padding:0;background:radial-gradient(ellipse 100% 70% at 50% -20%,#e5ebf5,transparent),#fafafd;box-shadow:none;overscroll-behavior:contain}.welcome::backdrop{background:#fafafd}.experience-content{max-width:1100px;min-height:100%;margin:auto;padding:30px 38px 20px;display:flex;flex-direction:column}.experience-top{display:flex;justify-content:space-between;align-items:center;min-height:40px}.experience-brand{display:flex;align-items:center;gap:9px;font-size:25px;font-weight:650;letter-spacing:-1px;color:#302e31}.experience-brand>svg{width:30px;height:30px;color:#df8877}.experience-stage{width:100%;max-width:370px;margin:auto;align-self:center;padding:45px 0 25px;text-align:center;animation:arrival .4s var(--ease)}.experience-stage h1{font-size:47px;line-height:1.08;font-weight:600;letter-spacing:-1.8px;outline:none;margin:0 0 20px}.experience-copy{font-size:15px;line-height:1.7;letter-spacing:-.1px;color:#8e8d99;margin:0 0 28px}.experience-copy strong{font-weight:500;color:#64636e}.experience-eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;color:#c0a098;margin:0 0 17px}.experience-primary{margin-top:12px;min-height:51px;border-radius:15px;font-size:14px}.experience-primary:disabled{background:#e4e3e8;color:#aaa9b4;border-color:#dedde4;box-shadow:none;cursor:default}.experience-secondary{display:block;width:100%;min-height:44px;border:0;background:none;color:#9c9394;font-size:12px;margin-top:9px}.experience-link{display:block;width:100%;min-height:44px;border:0;background:none;color:#9e9aa7;font-size:11px;margin-top:11px}.experience-stage form{text-align:left}.experience-stage label{font-size:12px;color:#8f8b98;margin:15px 0 7px}.experience-stage input:not([type=checkbox]):not([type=radio]){background:#fff;border:1px solid #e6e3eb;border-radius:13px;min-height:51px;padding:14px;margin-top:2px;font-size:16px}.experience-stage .check{font-size:11px;color:#918b98;margin-top:17px;text-align:left}.experience-foot{text-align:center;color:#b3aeb9;font-size:10px;line-height:1.6;margin:20px 0 0}.experience-status{font-size:12px;color:#ad7668;line-height:1.65;margin:14px 0 0;min-height:0}.experience-status:empty{display:none}.experience-hint,.connection-note{font-size:11px;color:#a6a0af;line-height:1.7;margin:16px 0}.connection-note{color:#a78980}.preview-badge{font-size:8px;letter-spacing:1.3px;font-weight:600;color:#b2a09d;border:1px solid #e7dcd8;border-radius:6px;padding:6px 8px}.welcome-art{height:144px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:30px}.welcome-pet{display:grid;place-items:center;width:73px;height:73px;border-radius:25px;background:linear-gradient(#f6f4fc,#ebe8f3);border:1px solid #e5dfed;box-shadow:inset 0 1px white,0 13px 28px #7f729c10;transform:rotate(-12deg) translateX(10px);z-index:1}.welcome-pet svg{width:65px;height:65px}.welcome-pet.rabbit{background:linear-gradient(#faf5f0,#f0e8df);border-color:#eee2d6;transform:rotate(12deg) translateX(-10px)}.welcome-paw{width:101px;height:101px;display:grid;place-items:center;border-radius:32px;background:linear-gradient(#f39e8e,#e18372);border:1px solid #d98d7d;color:#fff8f3;box-shadow:inset 0 1px #ffd2c8,0 16px 35px #c97e6b22;z-index:2;transform:translateY(-8px)}.welcome-paw svg{width:57px;height:57px}.welcome-mail{height:128px;width:128px;margin:0 auto 36px;position:relative;display:grid;place-items:center;background:linear-gradient(#f8f5f2,#eee5e0);border:1px solid #e9ddd6;border-radius:38px;box-shadow:inset 0 1px white,0 14px 30px #b0988b14;transform:rotate(-5deg)}.welcome-mail>svg{width:75px;height:75px;stroke:#cf9d8c;fill:#fffcf8;stroke-width:1.3}.welcome-mail>span{position:absolute;bottom:8px;right:8px;background:#dfa48e;border:3px solid #faf7f4;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;color:white;font-size:20px}.people-art{display:flex;justify-content:center;margin:0 0 37px}.people-art span{display:grid;place-items:center;width:86px;height:86px;border-radius:29px;background:#f3e3d9;color:#b48e76;font-size:32px;border:3px solid #fafafd;box-shadow:0 8px 17px #76635410}.people-art span+span{margin-left:-14px;background:#e9eaf4;color:#9e9dbd}.invite-choice{display:flex;align-items:center;gap:12px;text-align:left;padding:15px;background:white;border:1px solid #e6e1e9;border-radius:13px}.invite-choice input{accent-color:#df8877}.invite-choice strong{font-size:14px;display:block;font-weight:500;color:#65616e}.invite-choice small{font-size:11px;display:block;margin-top:4px;color:#a09aa9}.family-intro{font-size:16px;font-weight:500;color:#686473;line-height:1.6}.family-intro small{display:block;font-size:12px;font-weight:400;color:#9b93a3;margin-top:6px}.family-person{display:flex;gap:12px;align-items:center;padding:15px 0;border-top:1px solid #eae4ed;font-size:13px;min-width:0}.family-person>div{flex:1;min-width:0;overflow-wrap:anywhere}.family-person strong{font-weight:500;color:#726b7c}.family-person small{display:block;font-size:11px;color:#aaa1b3;margin-top:5px}.person-avatar{width:36px;height:36px;border-radius:13px;display:grid;place-items:center;background:#f3e5dc;color:#b39783}.family-person .text-button{font-size:11px}.experience-primary[aria-busy=true]{opacity:.65}@keyframes arrival{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:599px){.experience-content{padding:23px 27px 17px}.experience-brand{font-size:22px}.experience-stage{max-width:340px;padding:35px 0 15px}.experience-stage h1{font-size:41px;letter-spacing:-1.5px}.experience-copy{font-size:14px;margin-bottom:23px}.welcome-art{height:127px;margin-bottom:25px}.welcome-paw{width:89px;height:89px;border-radius:28px}.welcome-paw svg{width:50px;height:50px}.welcome-pet{width:66px;height:66px;border-radius:22px}.welcome-pet svg{width:57px;height:57px}.experience-foot{font-size:9px}.welcome-mail{width:108px;height:108px;border-radius:32px;margin-bottom:29px}.welcome-mail>svg{width:65px;height:65px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){.experience-stage{animation:none}}

/* Refined daily care: clear type, quiet depth, generous touch targets. */
:root{color:#272a30;background:#f7f7f9;--line:#eeedf1;--secondary:#6c707a;--accent:#d76b58}
body{background:radial-gradient(ellipse 900px 480px at 50% -300px,#dde6f3,transparent),#f7f7f9}
main{max-width:1280px;padding:28px 48px 36px}
header{min-height:68px;border-bottom:1px solid #e7e7ed;padding-bottom:24px}
.brand{font-size:27px;letter-spacing:-1.3px;gap:10px}.paw{width:37px;height:37px;border-radius:12px;box-shadow:inset 0 1px #ffd0c5,0 3px 6px #b653431c}
.header-actions{gap:8px}.add-button{background:#30343d;color:#fff;border-color:#30343d;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #24283d0c;font-size:13px;font-weight:550;padding:0 17px}.add-button span{color:#fff9;font-size:20px}.circle{border-color:transparent;background:transparent;color:#686c77;font-weight:500;box-shadow:none}
.intro{padding:49px 0 12px;align-items:center}h1{font-size:46px;letter-spacing:-1.9px;font-weight:700}.eyebrow{font-size:13px;color:#737782;margin:0;letter-spacing:-.1px}
.daily{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 29px}.daily>div:first-child{min-width:0}.daily p{font-size:14px;color:#747883}#progress-count{display:block;flex-shrink:0;font-size:12px;font-weight:500;color:#717781;background:#eeeeF2;border:1px solid #e7e7ed;padding:7px 11px;border-radius:20px;font-variant-numeric:tabular-nums}
#pets{gap:20px}.pet{padding:24px 22px 12px;border-radius:24px;border-color:#e6e6eb;box-shadow:0 1px 2px #25253504,0 8px 24px #25253504;background:linear-gradient(160deg,#fff 30%,#fdfdfe)}
.pet-head{gap:14px;margin-bottom:23px}.portrait{width:62px;height:62px;border-radius:20px;box-shadow:inset 0 1px 1px #fff,0 3px 7px #81705a0a}.pet h3{font-size:25px;font-weight:650;letter-spacing:-.7px}.pet-info p{color:#777c86;font-size:12px;margin-top:5px}.edit{min-width:40px;font-size:12px;color:#777b86;border-radius:12px;padding:8px}.simple-actions{gap:8px}.simple-care{min-height:69px;padding:13px 12px;border:1px solid #ebebf0;border-radius:14px;background:#f8f8fa;gap:12px}.action-icon{width:34px;height:34px;border:1px solid #eae7e5;background:#fffaf7;color:#ad8571;border-radius:11px}.action-copy{font-size:15px;font-weight:500;color:#373b44}.action-copy small{font-size:12px;color:#747a85;margin-top:4px;font-weight:400}.action-check{width:25px;height:25px;border-color:#d4d7df;background:white;box-shadow:0 1px 2px #22222203}.simple-care.done{border-color:#dfeae2;background:#f3f8f4}.simple-care.done .action-icon{background:#e8f1eb;border-color:#e0ebe3;color:#648b72}.simple-care.done .action-copy{color:#4e705a}.simple-care.done .action-copy small{color:#6e8876}.simple-care.done .action-check{background:#749880;border-color:#749880}.meal-status{font-size:11px;color:#777d87;border-top:0;padding:15px 1px 4px;letter-spacing:0}.pet-note{color:#737985}
.history{margin-top:24px;border-radius:18px;border-color:#e7e7ed;background:#ffffff90;padding:0 22px;box-shadow:0 1px 2px #24243b02}.history>summary{min-height:62px;font-size:13px;color:#555d69;font-weight:500}.history-row{color:#626975;padding:15px 0}.history-row strong{color:#363e49}.history-row small,.history-slot,.history-row time{color:#77808c}.history-undo{color:#b66554}.empty-history p{color:#626b78}.empty-history small{color:#7c838f;font-size:12px}.empty-heart{color:#afbac6}footer{font-size:11px;color:#7e858f;padding-top:24px;gap:7px}.status-dot{width:5px;height:5px;background:#85a18c}
dialog{background:#fafafb;border-color:#e4e5eb;padding:28px;box-shadow:0 24px 100px #20243525}.sheet-head h2{font-size:25px;color:#30343e}label,legend{color:#636b77}.hint{color:#737b87}.setting p{color:#717986}.primary{background:linear-gradient(#e38d7a,#d97865);border-color:#d67a67;color:#fff;box-shadow:inset 0 1px #f5b7a8,0 2px 4px #ba655310}.badge{color:#757c87}.check{color:#5a626f}.care-details>summary{color:#796b67}.optional{color:#858b95}.experience-stage h1{color:#30333c;font-weight:650;letter-spacing:-2px}.experience-copy{color:#737985}.experience-eyebrow{color:#a47c6e}.experience-secondary{color:#786e70}.experience-link{color:#777782}.experience-foot{color:#858591;font-size:11px}.experience-stage label{color:#69717e}.experience-hint,.connection-note{color:#7e7983}.experience-stage input:not([type=checkbox]):not([type=radio]){border-color:#dedfe6}.welcome{background:radial-gradient(ellipse 850px 700px at 50% -200px,#e8edf6,transparent),#fafafd}
@media(hover:hover){.simple-care:hover{background:#f1f1f5;border-color:#dddde5}.simple-care:hover .action-check{border-color:#a9adb9}.simple-care.done:hover{background:#eaf3ec;border-color:#cfdfd3}.edit:hover{background:#f1f1f5;color:#464e5c}.add-button:hover{background:#454b57;border-color:#454b57}.circle:hover{background:#ebecf1;border-color:transparent}.pet{transition:box-shadow .22s}.pet:hover{box-shadow:0 2px 4px #25253504,0 12px 30px #25253507}}
@media(min-width:600px) and (max-width:999px){main{padding:24px 30px 32px}.intro{padding-top:38px}#pets{gap:16px}.pet{padding:21px 18px 12px}.portrait{width:53px;height:53px}.pet-head{gap:11px}.pet h3{font-size:23px}}
@media(max-width:599px){main{padding:18px 20px max(26px,env(safe-area-inset-bottom))}header{padding-bottom:17px;min-height:61px}.brand{font-size:25px}.paw{width:33px;height:33px;border-radius:11px}.header-actions{gap:2px}.add-button{min-height:40px;padding:0 13px;font-size:12px}.circle{font-size:12px;padding:0 10px;min-height:40px}.intro{flex-direction:column-reverse;align-items:flex-start;gap:8px;padding:29px 0 10px}h1{font-size:37px;letter-spacing:-1.4px}.eyebrow{font-size:12px}.daily{padding-bottom:23px;gap:8px}.daily p{font-size:12px}#progress-count{font-size:10px;padding:6px 9px}#pets{gap:16px}.pet{padding:19px 17px 12px;border-radius:22px}.pet-head{margin-bottom:18px;gap:12px}.portrait{width:51px;height:51px;border-radius:17px}.pet h3{font-size:23px}.pet-info p{font-size:11px}.edit{font-size:12px}.simple-actions{gap:7px}.simple-care{min-height:62px;padding:10px 11px;border-radius:13px;gap:11px}.action-icon{width:32px;height:32px;border-radius:10px}.action-copy{font-size:14px}.action-copy small{font-size:11px}.action-check{width:24px;height:24px}.meal-status{font-size:11px;padding-top:13px}.history{margin-top:20px;padding:0 17px;border-radius:17px}.history>summary{min-height:57px;font-size:12px}footer{font-size:10px;padding-top:21px}.experience-stage h1{letter-spacing:-1.6px}.experience-foot{font-size:10px}}
@media(max-width:360px){main{padding-left:16px;padding-right:16px}.brand{font-size:23px;gap:7px}.add-button{padding:0 10px}.circle{padding:0 7px}.daily p{max-width:170px}}