@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap");:root{color-scheme:light;--bg:#faf7f4;--card:#ffffff;--text:#1c1917;--muted:#78716c;--accent:#ea580c;--accent-soft:#fff7ed;--warning:#b45309;--danger:#b91c1c;--border:#e7e5e4;--battery-ok:#15803d;--battery-low:#c2410c;--battery-critical:#b91c1c;--battery-unavailable:#c2410c;--nav-height:70px;--bottom-nav-height:72px}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100%}a{color:inherit;text-decoration:none}.page{min-height:100dvh}.top-nav{height:var(--nav-height);background:#ffffff;border-bottom:1px solid var(--border)}.top-nav,.top-nav-inner{display:flex;align-items:center}.top-nav-inner{width:100%;max-width:920px;margin:0 auto;padding:0 20px;justify-content:space-between;gap:16px}.brand-logo{display:inline-flex;align-items:center;gap:10px;min-width:0;color:var(--accent);text-decoration:none}.brand-logo:hover{opacity:.9}.brand-logo svg,.brand-logo-icon{width:28px;height:28px;flex-shrink:0;fill:currentColor;display:block}.brand-kicker{margin:0;font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:inherit}.page-title-nav{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.header-actions,.nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.nav-item,button.nav-item{display:grid;grid-template-rows:20px auto;justify-items:center;align-items:end;grid-gap:6px;gap:6px;min-width:52px;padding:4px 8px;border:none;border-radius:8px;background:transparent;box-shadow:none;color:#44403c;font:inherit;font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;line-height:1.1;cursor:pointer}.nav-item .nav-item-icon,.nav-item svg{width:20px;height:20px;fill:currentColor;display:block}.nav-item .nav-item-icon-refresh{width:18px;height:18px}.nav-item.is-active,.nav-item:hover:not(:disabled):not(.is-disabled){color:var(--accent)}.nav-item.is-disabled,.nav-item:disabled{opacity:.45;cursor:not-allowed}.details-refresh{position:absolute;top:12px;right:12px;z-index:500;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:#ffffff;color:var(--text);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 2px 10px rgba(28,25,23,.12)}.details-refresh .details-refresh-icon,.details-refresh svg{width:16px;height:16px;fill:currentColor;display:block}.details-refresh:disabled{opacity:.5;cursor:not-allowed}.bottom-nav{display:none}.app-shell{max-width:920px;margin:0 auto;padding:20px 20px 40px}.app-content{margin-bottom:16px}.status-block{display:grid;grid-gap:12px;gap:12px}.status-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.stat-card{margin:0;padding:14px 16px;border-radius:16px;background:#ffffff;border:1px solid var(--border);box-shadow:0 1px 2px rgba(28,25,23,.04);display:grid;grid-gap:6px;gap:6px;min-width:0}.stat-card-battery{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px}.stat-card-battery-main{display:grid;grid-gap:6px;gap:6px;min-width:0}.stat-card-battery-side{display:grid;grid-gap:4px;gap:4px;text-align:right;flex-shrink:0;align-self:end}.stat-card-side-line{margin:0;font-size:.8rem;font-weight:600;color:var(--accent);line-height:1.3}.stat-card-label{margin:0;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.stat-card-value{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--text);word-break:break-word}.stat-card-battery .stat-card-value{font-size:2rem;letter-spacing:-.03em;line-height:1.1}.stat-card-date{margin:0;font-size:.8rem;font-weight:500;color:#44403c}.stat-card-note{margin:0;font-size:.8rem;color:var(--muted)}.stat-card-value.tone-ok,.stat-card-value.tone-presence-home{color:var(--battery-ok)}.stat-card-value.tone-low,.stat-card-value.tone-presence-neighborhood{color:var(--accent)}.stat-card-value.tone-critical,.stat-card-value.tone-presence-beyond,.stat-card-value.tone-unavailable{color:var(--danger)}.stat-card-value.tone-charging{color:var(--accent)}.stat-card-value.tone-presence-unknown{color:var(--muted)}.pet-title{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.03em;line-height:1.15}.detail-list{margin:0;display:grid;grid-gap:10px;gap:10px}.device-battery-hero{display:grid;grid-gap:4px;gap:4px;margin-bottom:8px}.device-battery-label{margin:0;color:var(--muted);font-size:.9rem;font-weight:500}.device-battery-value{margin:0;font-size:3rem;font-weight:700;letter-spacing:-.04em;line-height:1.05}.device-battery-value.presence-ok{color:var(--battery-ok)}.device-battery-value.presence-low{color:var(--battery-low)}.device-battery-value.presence-critical{color:var(--battery-critical)}.device-battery-value.battery-charging{color:var(--accent)}.device-battery-value.device-battery-unavailable{color:var(--battery-unavailable);font-size:1.5rem;letter-spacing:-.02em}.device-battery-note{margin:0;color:var(--muted);font-size:.875rem}.detail-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:baseline;padding-bottom:10px;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-row dt{margin:0;color:var(--muted);font-size:.9rem}.detail-row dd{margin:0;font-size:.95rem;font-weight:600;text-align:right}.meta-row{margin:0;color:var(--muted);font-size:16px;line-height:1.3}.battery-pct{font-weight:600}.battery-pct.battery-charging{color:var(--accent)}.battery-pct.presence-ok{color:var(--battery-ok)}.battery-pct.presence-low{color:var(--battery-low)}.battery-pct.presence-critical{color:var(--battery-critical)}.meta,.muted{color:var(--muted);font-size:.875rem}.badge{display:inline-flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;padding:4px 8px;border-radius:6px;font-size:.75rem;background:var(--accent-soft);color:var(--accent)}.badge.warning{background:#fef3c7;color:var(--warning)}.presence-status-row{display:flex;gap:6px;flex-wrap:wrap}.presence-pill{display:inline-flex;align-items:center;font-weight:600}.presence-pill.presence-home{color:var(--battery-ok)}.presence-pill.presence-neighborhood{color:var(--accent)}.presence-pill.presence-beyond{color:var(--danger)}.presence-pill.presence-unknown{color:var(--muted)}.button-link,button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:white;border-radius:8px;padding:8px 14px;cursor:pointer;font:inherit;font-size:.875rem;font-weight:500;color:var(--text)}button:disabled{opacity:.6;cursor:not-allowed}.button-link.primary,button.primary{background:var(--accent);border-color:var(--accent);color:white}.skeleton{background:linear-gradient(90deg,#f5f5f4 25%,#fafaf9 50%,#f5f5f4 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:10px;min-height:160px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.map-section{position:relative;margin-top:8px}.map-shell{height:420px;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:white}.map-empty{display:grid;place-items:center;height:420px;background:#fafaf9;color:var(--muted);border-radius:12px;border:1px dashed var(--border)}.error-box{border:1px solid #fecaca;background:#fef2f2;color:#991b1b;padding:12px;border-radius:10px}.battery-unavailable{color:var(--battery-unavailable)}.gps-available{font-weight:600;color:var(--battery-ok)}.gps-unavailable{font-weight:600;color:var(--danger)}.stack{display:grid;grid-gap:16px;gap:16px}label{display:block;font-size:.875rem;font-weight:500;margin-bottom:6px}select{width:100%;font:inherit;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:white}.history-range select,select{max-width:280px}.history-range-label{margin-top:4px;margin-bottom:0;font-size:.875rem;color:var(--muted)}@media (max-width:640px){.top-nav{display:none}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:50;min-height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px));height:auto;padding:10px 12px calc(10px + env(safe-area-inset-bottom, 0px));background:#ffffff;border-top:1px solid var(--border);align-items:center;grid-gap:8px;gap:8px}.bottom-nav .nav-item{min-width:0;width:100%;grid-template-rows:22px auto;gap:5px;padding:8px 6px;border-radius:12px;color:var(--muted);text-transform:none;letter-spacing:0;font-size:.77rem}.bottom-nav .nav-item .nav-item-icon,.bottom-nav .nav-item svg{width:22px;height:22px}.bottom-nav .nav-item .nav-item-icon-refresh{width:20px;height:20px}.bottom-nav .nav-item.is-active{color:var(--accent)}.page{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px))}.app-shell{max-width:none;padding:0;display:flex;flex-direction:column}.map-section{margin-top:0;order:-1}.app-content{padding:0 16px;margin-top:16px;margin-bottom:16px}.pet-title{display:none}.details-refresh{top:auto;bottom:12px;right:12px}.map-empty,.map-shell{height:400px;border-radius:0;border-left:none;border-right:none;border-bottom:none}.error-box,.skeleton{margin:0 16px}.history-range select{max-width:none}}