.sync-status{font-size:11px;color:#6a8373;margin:5px 0 8px}.sync-error,.form-error{color:#98523e}.form-error{font-size:13px;min-height:20px}.empty-state{text-align:center;padding:20px 8px 8px}.empty-state .pet-placeholder{width:40px;height:40px;margin:0 auto 10px;color:#8aa58b}.empty-state b{display:block;font-size:14px}.empty-state p{color:#6c7b70;font-size:12px;max-width:240px;margin:7px auto}.pet-placeholder{display:grid;place-items:center;width:100%;height:100%;background:#eef3e7;color:#79977b;border-radius:50%}.pet-placeholder svg{width:60%;height:60%}.activity-row{display:flex;align-items:center;gap:9px;width:100%;border:0;border-top:1px solid #edf0e8;border-radius:0;background:none;padding:12px 0;font-size:13px;text-align:left}.activity-row span:last-child{margin-left:auto;font-size:12px;color:#6b7e72}.activity-dot{width:9px;height:9px;border-radius:50%;background:#b9c6b7}.activity-dot.quiet{background:#81b1c3}.activity-dot.busy{background:#69a780}.live-area-tooltip{border:0!important;background:#fffffff2!important;color:#29523f!important;font:12px/1.5 inherit!important;border-radius:9px!important;box-shadow:0 2px 8px #2b4c3320!important}.tag-options{display:flex;flex-wrap:wrap;gap:7px}.tag-options label{display:inline-block;cursor:pointer}.tag-options input{position:absolute;width:1px!important;height:1px;opacity:0}.tag-options span{display:block;padding:7px 11px;border:1px solid #d9e3d4;border-radius:20px;background:#f8faf5;font-size:13px}.tag-options input:checked+span{background:#e1edde;border-color:#76946f;color:#295638}.tag-options input:focus-visible+span{outline:2px solid #39745e;outline-offset:2px}.pet-form fieldset{border:0;padding:0;margin:3px 0}.pet-form legend{font-size:13px;margin-bottom:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.avatar-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0}.avatar-options button{display:grid;justify-items:center;gap:5px;background:#fafbf7;padding:14px 8px}.avatar-options button[aria-pressed=true]{background:#edf4e6;border:2px solid #6d9162;padding:13px 7px}.avatar-options .face{width:84px;height:84px;overflow:hidden;box-shadow:none}.avatar-options b{font-size:13px}.avatar-options small{font-size:10px}.toggle-row{display:flex!important;align-items:center;gap:10px;padding:13px;background:#f3f6ef;border-radius:12px}.toggle-row input{width:21px!important;height:21px;flex-shrink:0;accent-color:#3f7450}.toggle-row small{display:block;font-size:11px;margin-top:4px}.field-label{display:grid;font-size:13px;gap:5px}.profile-hero{display:flex;justify-content:center;margin:15px}.profile-hero .face{width:106px;height:106px;overflow:hidden;box-shadow:none}.full-pet-photo{display:block;width:100%;border-radius:18px}.place-card{padding:14px 0;border-bottom:1px solid #e2e8de}.place-card small{display:block;font-size:11px;margin-top:3px}.place-card p{font-size:13px}.place-card a{font-size:12px;color:#436b53}.my-pet-summary .face{overflow:hidden}.sheet h3{font-size:15px;margin:14px 0 7px}.sheet button:disabled{opacity:.55;cursor:wait}.toast{z-index:2000}.sheet .mini{line-height:1.65}.sheet .wide{min-height:44px}.sheet select{font-size:16px}.pet-form small{font-size:11px}.tag-options label:has(input:checked) span{background:#e1edde}

.live-avatar-marker{background:none;border:0}.live-avatar-pin{position:relative;width:44px;height:56px;min-height:56px;border:0;background:transparent;padding:0;display:flex;align-items:flex-start;justify-content:center}.live-avatar-pin .face{width:40px;height:40px;overflow:hidden;box-shadow:0 2px 7px #24493428;position:relative;z-index:2}.live-avatar-pin b{position:absolute;top:-2px;right:-5px;background:#315f4c;color:white;border:2px solid white;border-radius:10px;font-size:10px;padding:1px 5px;z-index:3}.live-avatar-pin i{position:absolute;bottom:0;left:19px;width:6px;height:6px;border-radius:50%;background:#315f4c;box-shadow:0 0 0 2px white}.live-avatar-pin:before{content:"";position:absolute;left:21px;top:37px;bottom:3px;width:2px;background:#315f4c}
.leaflet-container .live-avatar-pin img.pet-image{width:34px;height:34px;min-width:0;min-height:0;max-width:34px!important;max-height:34px!important;object-fit:cover}

.cartoon-editor{padding:15px;background:#f5f8f0;border:1px solid #e3eadb;border-radius:17px;display:grid;gap:12px}.cartoon-editor>.mini{margin:0}.cartoon-editor .chip{margin:0;background:#e7eedb}.cartoon-editor .line>b{font-size:14px}.coat-swatches,.background-swatches{display:flex;gap:4px;flex-wrap:wrap}.sheet .color-choice{border:1px solid transparent;background:transparent;display:grid;place-items:center;gap:4px;padding:6px 7px;margin:0;border-radius:12px;min-width:41px;min-height:55px}.color-choice i{width:25px;height:25px;border-radius:50%;border:1px solid #75866c50;display:block}.color-choice span{font-size:10px}.sheet .color-choice[aria-pressed=true]{border-color:#819971;background:#e7efde}.avatar-options .face{width:104px;height:104px}.avatar-options button:disabled{cursor:default;opacity:.65}.cartoon-editor select{background:#fff}.sheet .pet-form .cartoon-editor small{font-size:11px}@media(max-width:380px){.avatar-options .face{width:88px;height:88px}.sheet .color-choice{padding:6px 5px;min-width:38px}.cartoon-editor{padding:12px}}
.pet-form>#pet-save{position:sticky;bottom:0;z-index:4;box-shadow:0 -8px 20px #fdfef9eb}
body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.app-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);display:flex;justify-content:space-around;gap:8px;width:min(520px,100%);padding:7px 14px calc(7px + env(safe-area-inset-bottom));background:#fffefaeb;border:1px solid #dce6d6;border-bottom:0;border-radius:20px 20px 0 0;z-index:600;box-shadow:0 -3px 16px #254b3a09;backdrop-filter:blur(14px)}.app-nav>button{border:0;background:transparent;display:grid;justify-items:center;gap:2px;min-width:68px;padding:4px;font-size:11px;color:#526e5d}.app-nav>button>span{position:relative;font-size:23px;line-height:26px}.app-nav .unread-dot{position:absolute;top:-4px;right:-16px}.unread-dot{display:inline-grid;place-items:center;background:#d98e75;color:#fff;min-width:19px;height:19px;border-radius:10px;padding:0 5px;font-size:10px;line-height:19px}.unread-dot[hidden]{display:none}.social-tabs{display:flex;gap:5px;background:#f1f5ea;padding:4px;border-radius:12px;margin:9px 0}.social-tabs button{flex:1;padding:8px 5px;border:0;background:transparent;margin:0;border-radius:9px;font-size:13px}.social-tabs button[aria-pressed=true]{background:#fff;box-shadow:0 1px 5px #3b513315;font-weight:650}.social-peer{display:flex;align-items:center;gap:12px;padding:10px 0}.social-peer .face{width:48px;height:48px;box-shadow:none;overflow:hidden;border:1px solid #dce5d5}.social-peer small{display:block;font-size:11px}.social-peer>button{margin-left:auto;font-size:11px}.conversation-log{display:flex;flex-direction:column;gap:9px;padding:14px 0;min-height:130px;max-height:35dvh;overflow:auto;overscroll-behavior:contain}.chat-bubble{align-self:flex-start;max-width:88%;background:#f0f4e9;border:1px solid #e7eddf;padding:10px 13px;border-radius:15px 15px 15px 3px;overflow-wrap:anywhere}.chat-bubble.mine{align-self:flex-end;background:#e3eee2;border-color:#d6e5d1;border-radius:15px 15px 3px 15px}.chat-bubble small{font-size:9px;display:block;margin-top:5px;opacity:.7}.chat-composer{display:flex;gap:7px;position:sticky;bottom:0;background:#fff;padding:8px 0}.sheet textarea{width:100%;border:1px solid #cad6c9;border-radius:12px;padding:10px;font:16px/1.5 inherit;font-family:inherit;font-size:16px;resize:vertical;color:inherit}.chat-composer textarea{flex:1;min-width:0;resize:none}.chat-composer button{flex-shrink:0;align-self:stretch}.quick-phrases{display:flex;gap:5px;overflow-x:auto;padding:5px 0;scrollbar-width:thin}.quick-phrases button{flex-shrink:0;max-width:260px;font-size:11px;padding:6px 9px;background:#fbf7ed}.sr-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.status-segments{display:flex;gap:4px;margin:5px 0 12px}.status-segments button{flex:1;padding:7px 3px;font-size:11px;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:5px;background:#f8faf5}.status-segments button[aria-pressed=true]{background:#e7efdf;border-color:#7e9e72}.mood-dot{display:inline-block;width:7px;height:7px;border-radius:50%}.mood-0{background:#78a58a}.mood-1{background:#cda86c}.mood-2{background:#cb8c82}.group-symbol{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;border-radius:14px;background:#edf3e4;font-size:25px;color:#577d50}.group-feed{max-height:36dvh;min-height:120px;overflow:auto;overscroll-behavior:contain}.community-post{padding:14px 0;border-bottom:1px solid #e8eddf;overflow-wrap:anywhere;font-size:13px}.post-author{display:flex;align-items:center;gap:8px;margin-bottom:8px}.post-author .face{width:29px;height:29px;overflow:hidden;box-shadow:none;border:0}.post-author b{font-size:12px}.post-author small{font-size:9px;margin-left:auto}.post-safety{border:0;padding:3px 0;min-height:25px!important;color:#758477;background:none}.event-actions{display:flex;align-items:center;gap:6px;margin-top:9px}.event-actions span{margin-right:auto;font-size:11px}.event-actions button{font-size:10px;padding:5px 7px}.group-composer{padding-top:10px;display:grid;gap:7px}.group-composer .field-label{font-size:11px}.group-composer select{padding:6px}.social-tabs+div .row{padding:10px 0}@media(min-width:761px){main{height:calc(100dvh - 175px)}.app-nav{border-radius:18px 18px 0 0}.sheet textarea{font-size:14px}}@media(max-width:380px){.status-segments button{font-size:10px}.event-actions{flex-wrap:wrap}}
html{scroll-padding-bottom:calc(92px + env(safe-area-inset-bottom))}.side button{scroll-margin-bottom:100px}.side>.card:last-child{margin-bottom:12px}