/* Owner-only heart details inherit every existing time/weather room palette. */
button.heart-people-button{display:inline-flex!important;align-items:center;justify-content:center;vertical-align:middle;flex:0 0 auto;width:30px;min-width:30px;min-height:30px;padding:5px!important;margin:0 2px 0 -4px!important;border:0!important;border-radius:50%;background:transparent!important;color:var(--muted,var(--ink))!important;cursor:pointer;box-shadow:none!important;line-height:1}
button.heart-people-button:hover,button.heart-people-button[aria-expanded=true]{color:var(--ink)!important;background:color-mix(in srgb,var(--accent) 13%,transparent)!important}
button.heart-people-button svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.heart-people-popover{position:fixed;inset:auto;margin:0;padding:0;width:310px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);z-index:2147483600;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--ink,#183c3e) 42%,var(--panel-solid,#faf7ef));border-radius:13px;background:var(--panel-solid,var(--paper,#faf7ef));color:var(--ink,#183c3e);box-shadow:0 12px 40px #0004;font:400 15px/1.4 var(--font-body,'DM Sans','Segoe UI',sans-serif);text-align:left;text-transform:none;letter-spacing:normal}
.heart-people-popover[hidden]{display:none!important}.heart-people-popover::backdrop{background:transparent;pointer-events:none}
.heart-people-popover *{box-sizing:border-box}
.heart-people-popover header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px 8px;border:0;position:static;background:none;color:inherit;flex:0 0 auto}
.heart-people-popover header strong{display:block;font:600 16px/1.3 var(--font-body,'DM Sans',sans-serif);color:inherit}
.heart-people-popover header small{display:block;margin-top:3px;font:400 12px/1.4 var(--font-body,'DM Sans',sans-serif);color:var(--muted,inherit)}
.heart-people-popover button{font:inherit;color:inherit;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none}
.heart-people-popover .hp-close{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border:1px solid var(--line,#777);border-radius:50%;background:transparent;font:400 26px/1 sans-serif}
.heart-people-popover .hp-status{padding:0 13px 8px;margin:0;font-size:13px;color:var(--muted,inherit);flex:0 0 auto}
.heart-people-popover .hp-list{display:block;list-style:none;margin:0;padding:0 7px 7px;overflow-y:auto;overscroll-behavior:contain;max-height:270px;min-height:0;scrollbar-width:thin;scrollbar-color:var(--muted) transparent}
.heart-people-popover .hp-list li{display:block;list-style:none;padding:0;margin:0;border:0;background:none}
.heart-people-popover .hp-person{display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:8px;color:inherit;text-decoration:none;font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.heart-people-popover a.hp-person:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);text-decoration:underline}
.heart-people-popover .hp-avatar{display:grid;place-items:center;position:relative;flex:0 0 34px;width:34px;height:34px;overflow:hidden;border-radius:50%;background:color-mix(in srgb,var(--accent) 15%,var(--panel-solid,#faf7ef));font-size:16px}
.heart-people-popover .hp-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;padding:0;border:0;border-radius:50%;max-width:none}
.heart-people-popover .hp-more{margin:0 12px 12px;min-height:36px;border:1px solid var(--line,#777);border-radius:7px;background:transparent;padding:6px 12px;font-size:13px;flex:0 0 auto}
.heart-people-popover .hp-more[hidden]{display:none!important}
.heart-people-popover :is(a,button):focus-visible,button.heart-people-button:focus-visible{outline:3px solid var(--accent,#147285);outline-offset:2px}
@media(pointer:coarse){button.heart-people-button{width:40px;min-width:40px;min-height:40px;margin-left:0!important}.heart-people-popover .hp-close{width:44px;height:44px}.heart-people-popover .hp-person{min-height:44px}}