*{box-sizing:border-box}body{margin:0;background:#f8f9f4;color:#203d30;font:15px -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}a,button{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a:focus-visible,button:focus-visible{outline:3px solid #bc8229;outline-offset:3px}svg{width:22px;height:22px;vertical-align:middle}i{font-style:normal}header{background:#fffef9;border-bottom:1px solid #dce1d6}.bar,main{max-width:1176px;margin:auto;padding:0 40px}.bar{height:78px;gap:60px}.bar,.brand{display:flex;align-items:center}.brand{gap:10px;text-decoration:none;font-size:20px;font-weight:850;letter-spacing:1px}.brand b{background:#234b38;border-radius:12px;display:grid;place-items:center;width:42px;height:42px;color:#d2e9aa}.brand b svg{width:29px;height:29px}.brand small{display:block;font:700 9px/1.6 monospace;letter-spacing:2.3px}.account{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:13px}.account i{border:1px solid #d3ddca;background:#edf2e5;border-radius:50%;padding:6px}nav{display:flex;gap:24px}.nav{padding:10px 15px;font-weight:600;color:#626d60}.active{color:#264f38;background:#e9f0e1;border-radius:24px}footer,nav i{display:none}main{padding-bottom:50px}.dialogHead,.petFoot,.petTop,.sectionTitle,.welcome{display:flex;align-items:center;justify-content:space-between}.welcome{padding:32px 0 20px}.eyebrow,.heroLabel,.petFoot>span,.sectionTitle small{font:700 10px/1.4 ui-monospace,monospace;letter-spacing:1.6px}.eyebrow,.petFoot>span,.sectionTitle small{color:#738374}h1,h2,h3,p{margin:0}h1{font-size:32px;margin-top:2px}.date{font-size:13px;color:#596d5e}.hero{position:relative;background:#234b39;overflow:hidden;border-radius:22px;isolation:isolate}.hero img{position:absolute;right:0;bottom:0;width:54%;height:105%;object-fit:contain;object-position:center bottom;z-index:-1}.heroCopy{padding:28px 5% 30px}.heroLabel{color:#d3e7ba;display:flex;align-items:center;gap:9px}.heroLabel svg{width:16px}.hero h2{font-size:clamp(34px,4vw,53px);line-height:1.2;letter-spacing:-2px;color:#fff9df;margin:14px 0 21px;font-weight:850}.hero h2 span{color:#c4df8b}.primary{background:#d5ee9f;padding:12px 20px;border-radius:25px;font-weight:750;display:inline-flex;align-items:center;gap:24px}.grid{display:grid;grid-template-columns:2fr 1fr;gap:28px}.sectionTitle{justify-content:flex-start;gap:10px;margin:27px 0 14px}.sectionTitle h2{font-size:21px}.sectionTitle small{font-size:9px;letter-spacing:1px}.link{margin-left:auto;font-size:12px;padding:8px 0;font-weight:650}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tile{border-radius:16px;padding:18px 8px 13px;display:grid;justify-items:center;gap:9px;font-weight:700;border:1px solid #223d2b12}.tile svg{width:46px;height:46px;stroke-width:1.45}.primary:hover,.tile:hover{filter:brightness(.96)}.appt,.petCard{border:1px solid #d8dfcf;border-radius:16px;background:#fffefa}.petCard{background:#eef2e5;padding:18px 20px}.petTop{font-size:12px;font-weight:700}.petTop svg{color:#9ba98d}.appt,.doctor,.petMain{display:flex;align-items:center;gap:16px}.petMain{padding:19px 0}.portrait{width:62px;height:62px;background:#edd5a6;overflow:hidden;border-radius:50%;position:relative}.portrait img{position:absolute;width:210px;max-width:none;left:-59px;top:-22px}.petMain h3{font-size:22px}.petMain small{font:16px sans-serif;color:#6c8c75}.appt p,.doctor p,.petMain p{font-size:13px;color:#6a766d;margin:5px 0}.petFoot{border-top:1px dashed #bfcbb7;padding-top:8px}.appt,.doctor{padding:16px}.stamp{width:55px;padding:6px 0;text-align:center;border-radius:10px;background:#ecf1e5;font-size:12px}.stamp strong{display:block;font-size:22px}.status{margin-left:auto;color:#53743b;background:#eaf1df;border-radius:16px;font-size:12px;padding:4px 8px}.empty{padding:18px}.close{font-size:27px;width:42px;height:42px}.dialogHead{margin-bottom:14px}dialog{border:0;color:inherit;border-radius:20px;width:min(430px,94vw);padding:24px;background:#fffef9;max-height:86dvh}dialog::backdrop{background:#18302375}dialog h2{font-size:22px}.body label{display:grid;gap:6px;margin:14px 0;font-weight:650}.body input,.body select{padding:12px;width:100%;border-radius:10px;border:1px solid #ccd5c8;color:inherit;font:inherit;background:white}.body .primary{margin-top:12px}.body .appt{gap:8px;flex-wrap:wrap;margin-top:8px}.body p{line-height:1.7}.doctor{background:#eff3e9;margin:10px 0;border-radius:12px}.doctor>svg{width:34px;height:34px}.body dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.body dd{text-align:right}@media(max-width:760px){.bar,main{padding-left:18px;padding-right:18px}.bar{height:62px}.brand{font-size:17px}.brand b{height:36px;width:36px}.brand small{font-size:8px}.account span,nav{display:none}.welcome{padding:21px 0 14px}.eyebrow{font-size:8px}h1{font-size:26px}.date{font-size:11px}.hero{border-radius:17px}.heroCopy{padding:19px 16px 20px}.hero h2{font-size:clamp(25px,6.2vw,38px);letter-spacing:-1px;margin:14px 0 16px}.heroLabel{font-size:8px;letter-spacing:1px}.hero img{width:59%;height:93%;right:-6%;object-fit:cover;object-position:54% bottom}.primary{font-size:14px;padding:9px 15px;gap:13px}.grid{display:flex;flex-direction:column;gap:0}.sectionTitle{margin:21px 0 12px}.sectionTitle h2{font-size:19px}.services{gap:7px}.tile{font-size:13px;padding:13px 2px 10px;border-radius:13px}.tile svg{width:36px;height:36px}.petMain{padding:10px 0}main{padding-bottom:100px}footer{display:flex;position:fixed;z-index:2;bottom:0;left:0;width:100%;justify-content:space-around;background:#fffef9f5;border-top:1px solid #dbe0d3;padding:5px 0 calc(5px + env(safe-area-inset-bottom))}.nav{display:grid;justify-items:center;gap:3px;font-size:11px;padding:7px 15px}.active{border-radius:12px}footer i{display:block}dialog{margin:auto auto 0;border-radius:20px 20px 0 0;width:100%;max-width:100%;padding-bottom:calc(24px + env(safe-area-inset-bottom))}}.note{font-size:12px}.body [role=alert]{color:#993c31;margin-top:12px}