.pet-picker{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px}.pet-chip{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:30px;padding:10px 17px;background:var(--panel);color:var(--ink);cursor:pointer}.pet-chip.selected{background:var(--deep);color:#fff;border-color:var(--deep)}.pet-chip span{font-size:23px}.care-hero{display:flex;align-items:center;justify-content:space-between;background:#e5e9d7;border-radius:18px;padding:32px 38px;margin-bottom:26px;color:#303a26;overflow:hidden}.care-hero h2{font:36px Georgia;margin:15px 0}.care-hero p{line-height:1.7}.hero-pet{font-size:120px;padding:20px;filter:drop-shadow(0 15px 20px #71805c33)}.quick-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.quick-actions button{padding:12px 15px;border:1px solid #a4ae8d;background:#f6f7ef;border-radius:24px;color:#303a26;cursor:pointer}.care-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.care-grid>.panel{padding:26px;min-width:0}.care-row{display:flex;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.care-row:last-child{border:0}.care-row>div{flex:1;min-width:0}.care-row p{margin:6px 0;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}.care-row small{color:var(--muted);line-height:1.7}.care-symbol{background:var(--bg);width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;font-size:23px}.care-row .dose-actions{flex:0 0 auto;display:flex;flex-direction:column;gap:8px}.dose.taken .care-symbol{background:#dce7cd;color:#374e21}.care-empty{text-align:center;padding:35px 20px;color:var(--muted);line-height:1.7}.care-empty>span{font-size:40px;color:var(--accent)}.pet-profile{text-align:center}.profile-icon{font-size:100px;padding:20px}.pet-profile h2{font:36px Georgia;margin:12px}.prewrap{white-space:pre-wrap;line-height:1.8;overflow-wrap:anywhere}.weight-value{font:48px Georgia;color:var(--ink);margin-top:18px}.weight-value small{font-size:19px;color:var(--muted)}.weight-chart{width:100%;height:150px;display:block}.weight-dates{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:20px}.care-dialog{max-height:90vh;overflow-y:auto}.care-dialog select,.care-dialog textarea{width:100%;padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit}.care-dialog textarea{min-height:90px;resize:vertical}.care-dialog label{margin-bottom:16px}.care-dialog h2{margin-right:22px}.care-row a{color:var(--ink);overflow-wrap:anywhere}.journal-panel{max-width:900px;padding:10px 28px}.care-page .panel-heading{gap:12px}.care-page .panel-heading h3{margin:0}.care-page details summary{cursor:pointer;color:var(--muted);font-size:13px}.dark .care-hero{background:#333e2b;color:#e6eadb}.dark .care-hero .eyebrow{color:#c1caa8}.sidebar nav .nav{font-size:13px}.camera-mode .care-page{display:none!important}@media(max-width:1100px){.care-grid{gap:16px}.care-grid>.panel{padding:20px}.hero-pet{font-size:90px}}@media(max-width:700px){.care-grid{grid-template-columns:1fr}.care-hero{padding:25px;position:relative}.care-hero h2{font-size:29px}.hero-pet{font-size:65px;position:absolute;right:10px;top:5px;opacity:.3;pointer-events:none}.care-hero>div:first-child{z-index:1}.quick-actions{gap:7px}.quick-actions button{font-size:12px;padding:10px}.sidebar nav{overflow-x:auto;justify-content:flex-start!important}.sidebar nav .nav{flex:0 0 85px;font-size:11px!important;white-space:nowrap}.care-row{gap:9px}.pet-picker{gap:7px}.pet-chip{padding:8px 12px}.care-page .page-heading h1{font-size:34px}.care-dialog .time-row{flex-wrap:wrap}.care-dialog .time-row label{min-width:140px}.dose-actions .button{padding:9px}.care-page .panel-heading{flex-wrap:wrap}}
.care-page .panel-heading .text-link{border:0;padding:0;margin:0;width:auto;display:inline-block;flex-shrink:0}.dark .pet-chip.selected{color:#24301f}.sidebar{overflow-y:auto}.sidebar .side-note{padding-top:25px}.sidebar .home-label{margin-top:30px}.sidebar .sidebar-bottom{margin-top:25px}@media(min-width:701px) and (max-width:900px){.sidebar nav .nav{font-size:0}.sidebar nav .nav span{font-size:22px}}@media(max-width:700px){.sidebar{overflow-y:visible}}

.native-ios .sidebar,.native-ios header,.native-ios footer,.native-ios #page-live>.page-heading,.native-ios .right-column{display:none!important}.native-ios main{padding:16px;width:100%;max-width:none}.native-ios .monitor-grid{grid-template-columns:1fr}.native-ios .camera-stage{aspect-ratio:0.9}.native-ios .app{padding-bottom:0}.native-ios .control-bar{gap:5px}.native-ios .control-group{gap:4px}