:root{--bg:#f7f3ec;--paper:#fffdf9;--ink:#39352f;--muted:#91887c;--line:#eee7dc;--accent:#92775d;--accent-dark:#71583f;--soft:#eee5d8;--green:#71836d;--red:#b87968;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}#app{max-width:720px;min-height:100vh;margin:auto;padding:env(safe-area-inset-top) 20px calc(92px + env(safe-area-inset-bottom))}.topbar{display:flex;justify-content:space-between;align-items:center;padding:22px 2px 20px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:700}.topbar h1{font-size:23px;margin:4px 0 0;letter-spacing:1px}.avatar{border:0;background:var(--soft);color:var(--accent-dark);width:40px;height:40px;border-radius:50%;font-weight:700}.greeting{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.greeting h2,.page-heading h2{font-size:25px;margin:7px 0;font-weight:650}.sun{font-size:38px;color:#c5a77e}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.summary-card,.panel,.item-card,.pet-card{background:var(--paper);border:1px solid var(--line);border-radius:18px}.summary-card{padding:17px}.summary-card span,.summary-card small{display:block;color:var(--muted);font-size:12px}.summary-card strong{display:block;font-size:29px;margin:5px 0;font-weight:650}.section-head{display:flex;justify-content:space-between;align-items:end;margin:28px 2px 13px}.section-head h3{font-size:19px;margin:5px 0 0}.text-btn{border:0;background:none;color:var(--accent-dark);font-size:13px;padding:7px}.stack{display:grid;gap:10px}.item-card{padding:15px}.item-card h4{margin:0 0 5px;font-size:15px}.item-card p{margin:3px 0;color:var(--muted);font-size:12px;line-height:1.6}.item-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.pill{border-radius:30px;padding:5px 9px;background:#f2ece3;color:var(--accent-dark);font-size:11px;white-space:nowrap}.pill.overdue{background:#f6e8e3;color:var(--red)}.pet-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pet-card{padding:16px}.pet-photo{height:100px;border-radius:13px;background:linear-gradient(135deg,#eee5d8,#f8f4ed);display:grid;place-items:center;font-size:34px;margin-bottom:12px}.pet-card h4{margin:0 0 4px}.pet-card p{font-size:12px;color:var(--muted);margin:0}.page-heading{padding:18px 2px 20px}.page-heading p,.muted{color:var(--muted);font-size:13px;line-height:1.6}.primary{border:0;background:var(--accent);color:white;border-radius:13px;padding:14px 18px;font-weight:600;width:100%;margin-top:8px}.primary:active{background:var(--accent-dark)}.wide{margin:18px 0}.tabbar{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(720px,100%);padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fffdf9ed;backdrop-filter:blur(16px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.tabbar button{border:0;background:none;color:#9b9388;font-size:11px;display:grid;gap:4px;justify-items:center}.tabbar button span{font-size:21px}.tabbar button.selected{color:var(--accent-dark);font-weight:700}.panel{padding:22px;margin-top:28px}.auth-panel{margin-top:7vh}.paw-mark{text-align:center;font-size:32px}.panel h2{text-align:center;font-size:20px}.panel .muted{text-align:center}.segmented{display:flex;background:#f1ece4;padding:4px;border-radius:12px;margin:22px 0}.segmented button{flex:1;border:0;background:none;padding:10px;border-radius:9px;color:var(--muted)}.segmented button.active{background:white;color:var(--ink);box-shadow:0 1px 4px #0000000c}label{display:grid;gap:7px;font-size:12px;color:#71685d;margin:13px 0}input,select,textarea{width:100%;border:1px solid var(--line);background:#fffefa;border-radius:11px;padding:12px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#bba58b}.hint{font-size:11px;color:var(--muted);line-height:1.6}.record-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.record-actions button{border:1px solid var(--line);background:var(--paper);border-radius:13px;padding:16px 10px;color:var(--ink);text-align:left}.hidden{display:none!important}.modal{position:fixed;z-index:10;inset:0;background:#241f1980;display:flex;align-items:end;justify-content:center}.sheet{width:min(720px,100%);max-height:88vh;overflow:auto;background:var(--paper);border-radius:24px 24px 0 0;padding:26px 22px calc(28px + env(safe-area-inset-bottom));position:relative}.sheet h3{margin:0 36px 18px 0}.close{position:absolute;right:18px;top:15px;border:0;background:#f1ece4;border-radius:50%;width:32px;height:32px;font-size:21px;color:var(--muted)}.toast{position:fixed;z-index:20;bottom:100px;left:50%;transform:translateX(-50%);background:#39352f;color:white;padding:11px 16px;border-radius:20px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}.empty{padding:22px;text-align:center;color:var(--muted);font-size:13px;background:var(--paper);border:1px dashed var(--line);border-radius:15px}.auth-panel{max-width:440px;margin-left:auto;margin-right:auto}@media(min-width:600px){#app{padding-left:28px;padding-right:28px}.pet-photo{height:130px}}.stock-heading{font-size:16px;margin:24px 2px 10px;color:var(--accent-dark)}.task-actions{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.task-actions small{font-size:11px;color:var(--muted);line-height:1.5}.small-action{border:0;border-radius:10px;padding:8px 12px;background:var(--soft);color:var(--accent-dark);font-size:12px;white-space:nowrap}.small-action:active{background:#e3d6c5}

.settings-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:12px}
.settings-profile{display:flex;align-items:center;gap:12px}.settings-avatar{width:44px;height:44px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-size:21px}.settings-profile small,.setting-choice small{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.setting-choices{display:grid;gap:8px}.setting-choice{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fffefa;color:var(--ink);font-size:13px}.setting-choice.current{border-color:#bba58b;background:#f7f1e8}.setting-choice>span:last-child{font-size:11px;color:var(--accent-dark)}
.invite-result{margin-top:14px;padding:13px;border-radius:12px;background:#f3eee6;display:grid;gap:9px}.invite-result code{overflow-wrap:anywhere;font-size:12px;color:var(--accent-dark)}.secondary{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--accent-dark);padding:13px;border-radius:13px}