:root{--accent:#0f766e;--accent-strong:#115e59;--bg:#f5f7f7;--surface:#fff;--text:#1c2526;--muted:#5b6b6d;--border:#d5dddd;--error:#b42318;--success:#067647;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--accent:#2dd4bf;--accent-strong:#5eead4;--bg:#101718;--surface:#182223;--text:#e6eeee;--muted:#9aabad;--border:#2c3a3b;--error:#f97066;--success:#47cd89}}*{box-sizing:border-box}body{min-height:100dvh;margin:0}h1,h2{margin:0;line-height:1.2}h1{font-size:1.6rem}h2{font-size:1.15rem}a{color:var(--accent)}p{margin:0}.stack{flex-direction:column;gap:1rem;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.muted{color:var(--muted)}.hint{color:var(--muted);font-size:.85rem}.error{color:var(--error)}.success{color:var(--success)}label{flex-direction:column;gap:.3rem;font-weight:500;display:flex}label.checkbox{flex-direction:row;align-items:center;gap:.6rem}label.checkbox input{width:1.15rem;height:1.15rem;accent-color:var(--accent);margin:0}input,select{font:inherit;border:1px solid var(--border);background:var(--bg);color:inherit;border-radius:8px;padding:.6rem .75rem}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:var(--surface);cursor:pointer;border-radius:8px;padding:.65rem 1rem;font-weight:600}button:hover:not(:disabled){background:var(--accent-strong)}button:disabled{opacity:.6;cursor:default}button.secondary{color:var(--accent);background:0 0}button.secondary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 10%, transparent)}button.danger{border-color:var(--error);color:var(--error)}button.danger:hover:not(:disabled){background:color-mix(in srgb, var(--error) 10%, transparent)}.button-row{flex-wrap:wrap;gap:.5rem;display:flex}.link-button{color:var(--accent);background:0 0;border:none;padding:.25rem}.link-button:hover:not(:disabled){background:0 0;text-decoration:underline}.brand{letter-spacing:-.02em;color:var(--accent);font-weight:800;text-decoration:none}.auth-page{place-items:center;min-height:100dvh;padding:1rem;display:grid}.auth-card{flex-direction:column;gap:1.25rem;width:min(100%,24rem);display:flex}.divider{color:var(--muted);align-items:center;gap:.75rem;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--border);flex:1}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.topbar .brand{font-size:1.2rem}.topbar-user{align-items:center;gap:.75rem;display:flex}.content{width:min(100%,48rem);margin:0 auto;padding:1.5rem 1.25rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:is(.content:has(>.map-page),.content:has(>.history-page),.content:has(>.places-page)){flex:1;width:100%;padding:0;display:flex}.map-page{flex:1;min-height:20rem;position:relative}.live-map{position:absolute;inset:0}.live-map-canvas{width:100%;height:100%}.map-message{padding-top:1rem}.map-circle-picker{z-index:3;position:absolute;top:.75rem;left:.75rem}.map-page:has(.map-circle-picker) .maplibregl-ctrl-top-left{top:3rem}.basemap-control{position:relative}.basemap-button,.show-all-button{color:#333;justify-content:center;align-items:center;display:flex}.maplibregl-ctrl .basemap-button.active{color:#fff;background-color:#0f766e}.maplibregl-ctrl .basemap-button.active:hover{background-color:#115e59}.basemap-menu{background:#fff;border-radius:4px;flex-direction:column;min-width:8rem;padding:4px 0;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 0 0 2px #0000001a}.basemap-menu[hidden]{display:none}.basemap-menu button{color:#333;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:.4rem .75rem .4rem 1.75rem;font-size:.875rem;position:relative}.basemap-menu button[aria-checked=true]{color:#0f766e;font-weight:600}.basemap-menu button[aria-checked=true]:before{content:"✓";position:absolute;left:.6rem}.map-circle-picker select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:.4rem .6rem;box-shadow:0 1px 4px #0003}.map-status{z-index:3;pointer-events:none;position:absolute;bottom:2.25rem;left:50%;transform:translate(-50%)}.map-status>span{background:var(--surface);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.3rem .75rem;font-size:.85rem;display:block;box-shadow:0 1px 4px #0003}.map-status .map-status-warning{color:var(--error)}.member-marker{--member-color:#1e88e5;background:var(--member-color);cursor:pointer;border:3px solid #fff;border-radius:50%;width:2.5rem;height:2.5rem;padding:0;transition:opacity .3s,filter .3s;position:relative;box-shadow:0 1px 5px #00000059}.member-marker:hover:not(:disabled){background:var(--member-color)}.member-marker.self{border-color:var(--accent)}.member-marker-avatar{color:#fff;border-radius:50%;place-items:center;font-size:.9rem;font-weight:700;line-height:1;display:grid;position:absolute;inset:0;overflow:hidden}.member-marker-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.member-marker-leader{transform-origin:0;background:var(--member-color);pointer-events:none;height:2px;margin-top:-1px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #fffc}.member-marker-leader[hidden]{display:none}.member-marker-leader:after{content:"";background:var(--member-color);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;right:-4px;box-shadow:0 0 0 1.5px #fff}.member-marker.group{box-shadow:0 0 0 3px var(--member-color), 0 1px 5px #00000059}.member-marker-stack{position:absolute;inset:0}.member-marker-stack .member-marker-avatar{box-shadow:0 0 0 2px #fff}.member-marker-stack .member-marker-avatar:nth-child(2){transform:translate(42%)scale(.85)}.member-marker-stack .member-marker-avatar:nth-child(3){transform:translate(78%)scale(.7)}.member-marker-more{z-index:5;color:#1f2937;background:#fff;border-radius:.6rem;min-width:1.2rem;padding:0 .25rem;font-size:.7rem;font-weight:700;line-height:1.2rem;position:absolute;top:-.55rem;right:-.9rem;box-shadow:0 1px 3px #00000059}.member-marker.approximate{opacity:.85;border-style:dashed}.member-marker.stale{opacity:.55;filter:grayscale(.7)}.member-marker-stale{display:none}.member-marker.stale .member-marker-stale{background:linear-gradient(#fff,#fff) 50% 30%/1.5px 35% no-repeat,linear-gradient(#fff,#fff) 65%/30% 1.5px no-repeat,#6b7280;border:2px solid #fff;border-radius:50%;width:1.1rem;height:1.1rem;display:block;position:absolute;bottom:-.4rem;right:-.4rem}.member-sidebar{z-index:4;border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;width:min(21rem,100% - 1.5rem);display:flex;position:absolute;top:.75rem;bottom:2.25rem;right:.75rem;overflow:hidden;box-shadow:0 2px 10px #0003}.member-sidebar.collapsed{bottom:auto}.member-sidebar-toggle{width:100%;color:var(--text);background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;padding:.6rem .9rem;display:flex}.member-sidebar-toggle:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 8%, transparent)}.member-sidebar-toggle:after{content:"▾";color:var(--muted);margin-left:.5rem}.member-sidebar.collapsed .member-sidebar-toggle:after{content:"▸"}.member-sidebar-toggle>span:first-child{margin-right:auto}.member-list{border-top:1px solid var(--border);flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.member-item{border-bottom:1px solid var(--border)}.member-item:last-child{border-bottom:none}.member-item.selected{background:color-mix(in srgb, var(--accent) 10%, transparent)}.member-group{border-bottom:1px solid var(--border)}.member-group:last-child{border-bottom:none}.member-group.selected>.member-item-main{background:color-mix(in srgb, var(--accent) 10%, transparent)}.member-group-avatars{flex-direction:row-reverse;flex:none;align-items:center;display:flex;position:relative}.member-group-avatars .member-avatar{box-shadow:0 0 0 2px var(--surface)}.member-group-avatars .member-avatar+.member-avatar{margin-right:-1.1rem}.member-group-more{color:var(--muted);margin-left:.2rem;font-size:.8rem;font-weight:600}.member-group-list{border-left:3px solid color-mix(in srgb, var(--accent) 35%, transparent);margin:0 0 0 .9rem;padding:0 0 0 .5rem;list-style:none}.member-group-list .member-item:last-child{border-bottom:none}.member-item-main{width:100%;color:var(--text);text-align:left;background:0 0;border:none;border-radius:0;align-items:flex-start;gap:.7rem;padding:.65rem .9rem;font-weight:400;display:flex}.member-item-main:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 6%, transparent)}.member-avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:2.25rem;height:2.25rem;font-size:.85rem;font-weight:700;display:grid;position:relative;overflow:hidden}.member-avatar.self{box-shadow:0 0 0 2px var(--accent)}.member-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.member-item.stale .member-avatar,.member-item.location-off .member-avatar{filter:grayscale(.7);opacity:.7}.member-item-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.member-item-name{font-weight:600}.member-item-place{overflow-wrap:anywhere}.member-item-meta{color:var(--muted);flex-wrap:wrap;gap:.25rem .75rem;font-size:.85rem;display:flex}.member-item-stale,.member-item-location-off,.member-item-phone-off{color:var(--error)}.member-item-stationary{color:var(--success)}.member-item-approximate{color:var(--muted)}.member-battery.low{color:var(--error);font-weight:600}.member-item-actions{flex-wrap:wrap;align-items:center;gap:.35rem .6rem;padding:0 .9rem .65rem 3.85rem;display:flex}.member-history-link,.member-place-link{font-size:.85rem}.member-request-button{padding:.3rem .7rem;font-size:.85rem}.member-request-status{color:var(--muted);font-size:.85rem}@media (width>=48rem){.map-page:has(.member-sidebar:not(.collapsed)) .map-status{left:calc(50% - 11rem)}}@media (width<=47.99rem){.member-sidebar{width:auto;max-height:45%;inset:auto .5rem 2rem}.member-sidebar.collapsed{bottom:2rem}.map-status{top:3.5rem;bottom:auto}}.circle-list,.circle-members,.invite-list{margin:0;padding:0;list-style:none}.circle-list{flex-direction:column;gap:.5rem;display:flex}.circle-list-item{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;justify-content:space-between;align-items:baseline;gap:1rem;padding:.9rem 1.1rem;text-decoration:none;display:flex}.circle-list-item:hover{border-color:var(--accent)}.circle-list-name{font-weight:600}.circle-list-item{flex-wrap:wrap}.circle-list-item.ended{opacity:.6}.circle-group-title{color:var(--muted);margin:.5rem 0 0;font-size:1rem}.kind-badge,.event-badge,.timer-badge{border:1px solid var(--border);vertical-align:middle;color:var(--muted);border-radius:999px;margin:0 .5rem;padding:0 .45rem;font-size:.75rem;font-weight:600;line-height:1.6;display:inline-block}.kind-badge{margin-left:0}.event-badge.live{border-color:var(--success);background:var(--success);color:#fff}.event-badge.upcoming{border-color:var(--accent);color:var(--accent)}.event-badge.ended{opacity:.8}.kind-choice{border:none;flex-direction:column;gap:.5rem;margin:0;padding:0;display:flex}.kind-option{align-items:flex-start;gap:.6rem;font-weight:400;display:flex}.kind-option>span{flex-direction:column;display:flex}.event-form-times{flex-wrap:wrap;gap:.75rem;display:flex}.event-form-times label{flex:12rem}.event-meeting{border:1px solid var(--border);border-radius:12px;margin:0;padding:.75rem 1rem}.point-map{background:var(--border);border-radius:12px;width:100%;height:16rem;overflow:hidden}.event-card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.event-countdown{font-weight:600}.event-description{white-space:pre-wrap}.invite-full{border:1px solid var(--border);border-radius:8px;padding:.6rem .8rem}.circle-member-toggle{align-items:center;gap:.35rem;font-weight:400;display:inline-flex}.circle-header{align-items:baseline;gap:.75rem;display:flex}.circle-member,.invite-item{border-bottom:1px solid var(--border);padding:.75rem 0}.circle-member:last-child,.invite-item:last-child{border-bottom:none}.circle-member{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.circle-member-text{flex-direction:column;flex:1;min-width:10rem;display:flex}.circle-member-name{font-weight:600}.circle-member-meta,.invite-item-meta{font-size:.85rem}.circle-member-actions{flex-wrap:wrap;gap:.4rem;display:flex}.circle-member-actions button{padding:.35rem .7rem;font-size:.85rem}.invite-form{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.invite-form input{width:9rem}.invite-item{flex-direction:column;gap:.6rem;display:flex}.invite-item-main{flex-direction:column;gap:.2rem;display:flex}.invite-link{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-family:ui-monospace,monospace}.invite-code{letter-spacing:.08em;font-family:ui-monospace,monospace}.invite-item .button-row button{padding:.35rem .7rem;font-size:.85rem}.invite-qr{flex-direction:column;align-items:flex-start;gap:.4rem;display:flex}.qr-code{border-radius:8px}.join-page{width:min(100%,28rem);margin:0 auto}.settings-list{margin:0;padding:0;list-style:none}.settings-item{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.7rem;padding:.75rem 0;display:flex}.settings-item:last-child{border-bottom:none}.settings-item-text{flex-direction:column;flex:1;min-width:12rem;display:flex}.settings-item-name{font-weight:600}.settings-item-meta{font-size:.85rem}.settings-item button,.circle-member-link{padding:.35rem .7rem;font-size:.85rem}.token-form{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.token-form label{flex:1;min-width:10rem}.token-form-error{flex-basis:100%}.token-created{gap:.6rem}.token-secret{border:1px solid var(--border);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:8px;padding:.6rem .75rem;font-family:ui-monospace,monospace;display:block}.history-page,.places-page{flex:1;min-height:20rem;position:relative}.history-panel,.places-panel{z-index:4;border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;width:min(21rem,100% - 1.5rem);display:flex;position:absolute;top:.75rem;bottom:2.25rem;right:.75rem;overflow:hidden;box-shadow:0 2px 10px #0003}.history-header,.places-header{align-items:baseline;gap:.75rem;padding:.6rem .9rem 0;display:flex}.history-header h1,.places-header h1{overflow-wrap:anywhere;margin:0;font-size:1.1rem}.history-day-bar{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.6rem .9rem;display:flex}.history-day-bar>button{padding:.3rem .7rem}.history-day{flex-direction:column;flex:1;gap:.2rem;font-weight:600;display:flex}.history-day input{padding:.25rem .4rem;font-weight:400}.history-body{padding:0 .9rem}.history-body p{margin:.6rem 0}.history-timeline{flex:1;margin:0;padding:0 0 .5rem;list-style:none;overflow-y:auto}.history-entry>button,.history-entry.no-data,.history-entry.place,.history-entry.check-in{width:100%;color:var(--text);text-align:left;background:0 0;border:none;border-left:4px solid #0000;border-radius:0;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.5rem .9rem .5rem 1.6rem;font-weight:400;display:flex}.history-entry>button:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 8%, transparent)}.history-entry.stop>button{border-left-color:var(--accent)}.history-entry.trip>button{border-left-color:color-mix(in srgb, var(--accent) 35%, transparent)}.history-entry.selected>button{background:#ea580c1f;border-left-color:#ea580c}.history-entry.no-data{border-left:4px dashed var(--border);color:var(--muted)}.history-entry.place,.history-entry.check-in{border-left:4px solid #0000;padding-top:.3rem;padding-bottom:.3rem}.history-entry.place .history-entry-title,.history-entry.check-in .history-entry-title{font-weight:500}.history-entry.check-in .history-entry-title:before{content:"✓ ";color:var(--accent)}.history-entry.place.arrived .history-entry-title:before{content:"→ ";color:var(--accent)}.history-entry.place.left .history-entry-title:before{content:"← ";color:var(--muted)}.history-entry-title{font-weight:600}.history-entry-meta{color:var(--muted);font-size:.85rem}@media (width<=47.99rem){.history-panel,.places-panel{width:auto;max-height:50%;inset:auto .5rem 2rem}}.places-body{gap:.75rem;padding:.75rem .9rem;overflow-y:auto}.places-list{margin:0 -.9rem;padding:0;list-style:none}.places-list button{width:100%;color:var(--text);text-align:left;background:0 0;border:none;border-radius:0;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.5rem .9rem;font-weight:400;display:flex}.places-list button:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 8%, transparent)}.places-name{overflow-wrap:anywhere;font-weight:600}.places-meta{color:var(--muted);overflow-wrap:anywhere;font-size:.85rem}.place-chips{flex-wrap:wrap;gap:.4rem;margin-top:-.35rem;display:flex}.place-chips button{padding:.25rem .65rem;font-size:.85rem;font-weight:400}.place-chips button[aria-pressed=true]{background:var(--accent);color:var(--surface)}.place-chip-age{opacity:.75}.place-address-suggestion{text-align:left;overflow-wrap:anywhere;align-self:flex-start;margin-top:-.35rem}.places-body input[type=range]{accent-color:var(--accent);padding:0}.alert-grid-scroll{overflow-x:auto}.alert-grid{border-collapse:collapse;font-size:.9rem}.alert-grid th,.alert-grid td{text-align:left;white-space:nowrap;padding:.35rem .5rem}.alert-grid thead th{color:var(--muted);font-weight:600}.alert-grid tbody th{text-overflow:ellipsis;max-width:12rem;overflow:hidden}.alert-grid select{width:auto;min-width:9rem}.legal-page{min-height:100dvh;padding:1rem}.legal-card{flex-direction:column;gap:1rem;max-width:44rem;margin:0 auto;line-height:1.55;display:flex}.legal-card h2{margin:.75rem 0 0}.legal-card h3{margin:0;font-size:1rem}.legal-card ul,.legal-card ol{flex-direction:column;gap:.4rem;margin:0;padding-left:1.25rem;display:flex}.legal-card ul ul{margin-top:.4rem}.live-map.sos-map{border-radius:.5rem;height:min(60dvh,28rem);position:relative;inset:auto;overflow:hidden}.driving-page{width:min(40rem,100%)}.driving-page h1,.driving-page h2{margin:0}.driving-page h2{font-size:1rem}.driving-week-bar{align-items:center;gap:.5rem;display:flex}.driving-week-bar>button{padding:.3rem .7rem}.driving-totals{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.75rem;margin:0;display:grid}.driving-totals .card{padding:.75rem 1rem}.driving-totals dd{margin:.2rem 0 0;font-size:1.3rem;font-weight:600}.driving-day{flex-direction:column;gap:.5rem;padding:1rem 1.25rem;display:flex}.driving-drives{margin:0;padding:0;list-style:none}.driving-drive{border-left:4px solid color-mix(in srgb, var(--accent) 35%, transparent);color:var(--text);flex-direction:column;gap:.15rem;padding:.45rem .6rem;text-decoration:none;display:flex}.driving-drive:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.history-driving-link{margin-left:auto}.sos-banners{z-index:5;flex-direction:column;gap:.5rem;width:min(28rem,100% - 1.5rem);max-height:calc(100% - 4rem);display:flex;position:absolute;top:.75rem;left:50%;overflow-y:auto;transform:translate(-50%)}.sos-banner{color:#fff;background:#b42318;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.7rem .9rem;display:flex;box-shadow:0 2px 10px #0000004d}.sos-banner-text{flex-direction:column;flex:14rem;gap:.15rem;font-size:.9rem;display:flex}.sos-banner-text strong{font-size:1rem}.sos-banner-note{opacity:.9;font-size:.8rem}.sos-banner-actions{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.sos-banner-actions button{color:#b42318;background:#fff;border:1px solid #fff;padding:.35rem .8rem;font-weight:700}.sos-banner-actions button:hover:not(:disabled){background:#fee4e2}.sos-banner-actions button.secondary{color:#fff;background:0 0}.sos-banner-actions button.secondary:hover:not(:disabled){background:#ffffff26}.sos-banner-actions a{color:#fff;font-weight:600}.sos-banner-message{flex-basis:100%;margin:0;font-size:.85rem}.member-item.sos{background:color-mix(in srgb, var(--error) 12%, transparent);box-shadow:inset 4px 0 0 var(--error)}.member-item-sos{color:var(--error);font-size:.85rem;font-weight:700}.sos-ack-button{border-color:var(--error);background:var(--error);color:#fff;padding:.3rem .7rem;font-size:.85rem}.sos-ack-button:hover:not(:disabled){background:color-mix(in srgb, var(--error) 85%, #000)}.member-marker.sos{border-color:#b42318;animation:1.5s ease-out infinite sos-pulse}@keyframes sos-pulse{0%{box-shadow:0 0 #b42318b3}to{box-shadow:0 0 0 1rem #b4231800}}@media (prefers-reduced-motion:reduce){.member-marker.sos{animation:none;box-shadow:0 0 0 4px #b4231899}}@media (width>=48rem){.map-page:has(.member-sidebar:not(.collapsed)) .sos-banners{width:min(28rem,100% - 25rem);left:calc(50% - 11rem)}}@media (width<=47.99rem){.sos-banners{width:calc(100% - 1rem);top:.5rem}}.check-in-presets{flex-wrap:wrap;gap:.5rem;display:flex}.check-in-presets button[aria-pressed=true]{background:var(--accent);color:var(--surface)}.shell:has(.chats-page){height:100dvh}.content:has(>.chats-page){flex:1;width:100%;min-height:0;padding:0;display:flex}.chats-page{flex:1;grid-template-columns:minmax(16rem,22rem) 1fr;min-height:0;display:grid}.topbar-chats{align-items:center;gap:.35rem;display:inline-flex}.chat-badge{background:var(--accent);min-width:1.35rem;color:var(--surface);text-align:center;border-radius:999px;flex:none;padding:0 .4rem;font-size:.75rem;font-weight:700;line-height:1.35rem}.chat-badge.muted{background:var(--muted)}.chat-inbox{background:var(--surface);border-right:1px solid var(--border);min-height:0;overflow-y:auto}.chat-inbox-header{justify-content:space-between;align-items:baseline;gap:.5rem;padding:1rem 1rem .5rem;display:flex}.chat-inbox-header h1{font-size:1.3rem}.chat-inbox-note{padding:0 1rem}.chat-inbox-list{margin:0;padding:0;list-style:none}.chat-inbox-item{color:inherit;align-items:center;gap:.75rem;padding:.65rem 1rem;text-decoration:none;display:flex}.chat-inbox-item:hover{background:color-mix(in srgb, var(--accent) 6%, transparent)}.chat-inbox-item.selected{background:color-mix(in srgb, var(--accent) 12%, transparent)}.chat-inbox-text{flex-direction:column;flex:1;min-width:0;display:flex}.chat-inbox-top,.chat-inbox-bottom{align-items:baseline;gap:.5rem;display:flex}.chat-inbox-title,.chat-inbox-preview{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.chat-inbox-title{font-weight:600}.chat-inbox-time{color:var(--muted);flex:none;font-size:.8rem}.chat-inbox-preview{color:var(--muted);font-size:.9rem}.chat-inbox-item.unread .chat-inbox-preview{color:var(--text)}.chat-inbox-item.unread .chat-inbox-time{color:var(--accent);font-weight:600}.chat-muted{flex:none;font-size:.8rem}.chat-thread{flex-direction:column;min-width:0;min-height:0;display:flex}.chat-empty{text-align:center;justify-content:center;align-items:center;gap:.5rem;padding:2rem}.chat-thread-header{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex}.chat-thread-title{flex-direction:column;flex:1;min-width:0;display:flex}.chat-thread-title h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-back{font-size:1.3rem;text-decoration:none;display:none}.chat-messages{flex:1;min-height:0;padding:.75rem 1rem;overflow-y:auto}.chat-start{text-align:center;padding:.5rem 0}.chat-items{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.chat-day{color:var(--muted);text-align:center;margin:.9rem 0 .25rem;font-size:.8rem;font-weight:600}.chat-system{color:var(--muted);text-align:center;margin:.35rem 0;font-size:.8rem}.chat-message{gap:.5rem;margin-top:2px;display:flex}.chat-message.first{margin-top:.6rem}.chat-message.own{justify-content:flex-end}.chat-message-avatar{flex:none;width:2.25rem}.chat-message-body{flex-direction:column;align-items:flex-start;min-width:0;max-width:min(36rem,80%);display:flex}.chat-message.own .chat-message-body{align-items:flex-end}.chat-sender{color:var(--muted);margin:0 .75rem .1rem;font-size:.8rem;font-weight:600}.chat-bubble{background:var(--surface);border:1px solid var(--border);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:1rem;max-width:100%;padding:.4rem .75rem}.chat-message.own .chat-bubble{background:var(--accent);border-color:var(--accent);color:var(--surface)}.chat-message.pending .chat-bubble{opacity:.65}.chat-message.failed .chat-bubble{opacity:1;border-color:var(--error);color:var(--text);background:0 0}.chat-message .chat-bubble.unsent{border-style:dashed;border-color:var(--border);color:var(--muted);background:0 0;font-style:italic}.chat-quote{opacity:.8;white-space:normal;border-left:3px solid;flex-direction:column;margin-bottom:.25rem;padding-left:.5rem;font-size:.85rem;display:flex}.chat-quote-sender{font-weight:600}.chat-quote-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chat-reactions{flex-wrap:wrap;gap:.25rem;margin-top:.15rem;display:flex}.chat-reaction{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:0 .4rem;font-size:.85rem}.chat-reaction.mine{border-color:var(--accent)}.chat-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin:.1rem .75rem 0;font-size:.75rem;display:flex}.chat-meta.error{color:var(--error)}.chat-meta .link-button{font-size:inherit;padding:0}.chat-seen{color:var(--muted);margin:0 .75rem;font-size:.75rem}.chat-readonly{background:var(--surface);border-top:1px solid var(--border);color:var(--muted);text-align:center;padding:.75rem 1rem}.chat-terms{gap:.5rem;margin:0 1rem .5rem;padding:1rem}.chat-composer{background:var(--surface);border-top:1px solid var(--border);align-items:flex-end;gap:.5rem;padding:.6rem 1rem;display:flex}.chat-composer textarea{border:1px solid var(--border);background:var(--bg);max-height:10rem;color:inherit;font:inherit;resize:none;border-radius:1.2rem;flex:1;padding:.55rem .85rem;line-height:1.4}.chat-composer textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chat-count{color:var(--muted);align-self:center;font-size:.75rem}.chat-count:empty{display:none}.chat-count.error{color:var(--error)}.chat-thread{position:relative}.chat-icon-button,.chat-more,.chat-emoji,.chat-menu-item,.chat-quote,.chat-reaction{font-weight:inherit;color:inherit;background:0 0;border:none}.chat-icon-button{color:var(--muted);border-radius:999px;padding:.2rem .55rem;font-size:1.2rem;line-height:1}.chat-icon-button:hover:not(:disabled),.chat-more:hover:not(:disabled){background:color-mix(in srgb, var(--text) 8%, transparent)}.chat-settings{z-index:20;gap:.9rem;width:min(22rem,100% - 2rem);max-height:calc(100% - 5rem);padding:1rem;position:absolute;top:3.6rem;right:1rem;overflow:auto;box-shadow:0 8px 24px #0000002e}.chat-settings-section{flex-direction:column;gap:.4rem;display:flex}.chat-settings-section h3{color:var(--muted);margin:0;font-size:.85rem}.chat-settings-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.chat-settings-row button{padding:.35rem .7rem;font-size:.85rem}.chat-bubble-row{align-items:center;gap:.25rem;max-width:100%;display:flex;position:relative}.chat-message.own .chat-bubble-row{flex-direction:row-reverse}.chat-more{color:var(--muted);opacity:0;border-radius:999px;flex:none;padding:.15rem .45rem}.chat-message:hover .chat-more,.chat-message:focus-within .chat-more,.chat-bubble-row.open .chat-more{opacity:1}@media (hover:none){.chat-more{opacity:.6}}.chat-menu{z-index:15;background:var(--surface);border:1px solid var(--border);min-width:13rem;max-width:min(20rem,80vw);color:var(--text);white-space:normal;border-radius:10px;flex-direction:column;padding:.3rem;display:flex;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #0000002e}.chat-message.own .chat-menu{left:auto;right:0}.chat-menu-reactions{border-bottom:1px solid var(--border);justify-content:space-between;padding-bottom:.25rem;display:flex}.chat-emoji{border-radius:8px;padding:.2rem .3rem;font-size:1.3rem;line-height:1.2}.chat-emoji:hover:not(:disabled),.chat-menu-item:hover:not(:disabled){background:color-mix(in srgb, var(--text) 8%, transparent)}.chat-emoji.selected{background:color-mix(in srgb, var(--accent) 22%, transparent)}.chat-emoji.more{color:var(--muted);font-size:1.1rem}.chat-picker{border-bottom:1px solid var(--border);max-height:14rem;padding:.25rem 0;overflow:auto}.chat-picker h3{margin:.3rem .3rem .1rem;font-size:.75rem}.chat-picker-grid{grid-template-columns:repeat(auto-fill,minmax(2.2rem,1fr));display:grid}.chat-menu-item{text-align:left;border-radius:6px;padding:.45rem .6rem}.chat-menu-item.danger{color:var(--error)}button.chat-reaction{background:var(--surface);border:1px solid var(--border);padding:0 .4rem}button.chat-reaction:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 10%, var(--surface))}button.chat-reaction.mine{border-color:var(--accent)}button.chat-quote{text-align:left;border-left:3px solid;border-radius:0;padding:0 0 0 .5rem}button.chat-quote:hover:not(:disabled){opacity:1;background:0 0}.chat-mention{font-weight:600}.chat-mention.me{background:#f5b70059;border-radius:4px;padding:0 .15rem}.chat-message.flash .chat-bubble{outline:2px solid var(--accent);outline-offset:2px}.chat-typing{min-height:1.2rem;margin:0 1rem .2rem;font-size:.8rem}.chat-action-error{margin:0 1rem .4rem;font-size:.85rem}.chat-compose{position:relative}.chat-draft{background:var(--surface);border-top:1px solid var(--border);border-left:3px solid var(--accent);align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.85rem;display:flex}.chat-draft-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.chat-mentions{z-index:15;background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:14rem;margin:0 0 .25rem;padding:.3rem;list-style:none;position:absolute;bottom:100%;left:1rem;box-shadow:0 8px 24px #0000002e}.chat-mentions li{cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.3rem .5rem;display:flex}.chat-mentions .member-avatar{width:1.6rem;height:1.6rem;font-size:.7rem}.chat-mentions li.active{background:color-mix(in srgb, var(--accent) 15%, transparent)}.chat-dialog{width:min(28rem,100vw - 2rem);color:var(--text);padding:1.25rem}.chat-dialog::backdrop{background:#0006}.chat-reasons{border:none;flex-direction:column;gap:.35rem;margin:0;padding:0;display:flex}.chat-reasons legend{margin-bottom:.35rem;font-weight:600}@media (width<=47.99rem){.chats-page{grid-template-columns:1fr}.chats-page.has-thread .chat-inbox,.chats-page:not(.has-thread) .chat-thread:not(.launching){display:none}.chats-page:has(.chat-empty.launching) .chat-inbox{display:none}.chat-back{display:block}}.chat-bubble.media{flex-direction:column;gap:.25rem;padding:.25rem;display:flex}.chat-bubble.media>.chat-text,.chat-bubble.media>.chat-quote,.chat-bubble.media>.chat-unsent{padding:.15rem .5rem .2rem}.chat-media{flex-direction:column;gap:.25rem;display:flex}.chat-media-grid{grid-template-columns:repeat(var(--columns,1), minmax(0, 1fr));border-radius:.8rem;gap:2px;width:min(18rem,70vw);display:grid;overflow:hidden}.chat-media-tile{background:var(--border) center / cover no-repeat;object-fit:cover;cursor:zoom-in;border:none;width:100%;padding:0;display:block}video.chat-media-tile{cursor:auto;background-color:#000}.chat-media-tile img{object-fit:cover;width:100%;height:100%;display:block}.chat-file{background:var(--bg);max-width:min(18rem,70vw);color:var(--text);border-radius:.7rem;align-items:center;gap:.5rem;padding:.45rem .65rem;text-decoration:none;display:flex}.chat-file:hover .chat-file-name{text-decoration:underline}.chat-file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.chat-file-size{color:var(--muted);font-size:.8rem}.chat-lightbox{color:#fff;background:#000000e6;border:none;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0}.chat-lightbox[open]{flex-direction:column;justify-content:center;align-items:center;display:flex}.chat-lightbox img{object-fit:contain;background:50%/contain no-repeat;max-width:100%;max-height:calc(100dvh - 4rem)}.chat-lightbox-bar{align-items:center;gap:.75rem;padding:.6rem;display:flex}.chat-lightbox-bar a{color:inherit}.chat-tray{background:var(--surface);border-top:1px solid var(--border);padding:.4rem 1rem 0}.chat-tray-notice{margin:0 0 .3rem;font-size:.85rem}.chat-tray-items{gap:.5rem;margin:0;padding:0 0 .3rem;list-style:none;display:flex;overflow-x:auto}.chat-tray-item{border:1px solid var(--border);background:var(--bg);border-radius:.6rem;flex:none;align-items:center;gap:.4rem;max-width:15rem;padding:.3rem .2rem .3rem .3rem;font-size:.8rem;display:flex}.chat-tray-item.failed{border-color:var(--error)}.chat-tray-preview{background:var(--border);border-radius:.4rem;flex:none;place-items:center;width:2.5rem;height:2.5rem;font-size:1.2rem;display:grid;overflow:hidden}.chat-tray-preview img{object-fit:cover;width:100%;height:100%}.chat-tray-text{flex-direction:column;min-width:0;display:flex}.chat-tray-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-tray-state{color:var(--muted)}.chat-tray-state.error{color:var(--error)}.chat-tray-text progress{width:7rem;height:.3rem}.chat-tray-status{margin:0 0 .2rem}.chat-attach{align-self:center}.chat-thread.dropping{outline:2px dashed var(--accent);outline-offset:-4px}.chat-drop{z-index:5;color:var(--accent-strong);pointer-events:none;background:#ffffffbf;place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.chat-location{flex-direction:column;width:min(16rem,70vw);display:flex}.chat-minimap{border-radius:12px;display:block;overflow:hidden}.chat-minimap-frame{background:var(--border);height:8rem;display:block;position:relative}.chat-minimap-frame img,.chat-minimap-live{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.chat-minimap-pin{transform-origin:50%;background:#ea580c;border:2px solid #fff;border-radius:50% 50% 50% 0;width:1.1rem;height:1.1rem;margin:-1.1rem 0 0 -.55rem;position:absolute;top:50%;left:50%;transform:rotate(-45deg);box-shadow:0 1px 3px #0006}.chat-minimap-credit{color:#333;background:#ffffffb3;border-radius:3px;padding:0 .2rem;font-size:.6rem;position:absolute;bottom:.15rem;right:.25rem}.chat-location-text{flex-direction:column;gap:.1rem;padding:.35rem .5rem .25rem;display:flex}.chat-location-kind{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.75rem}.chat-message.own .chat-location-kind,.chat-message.own .chat-location-text .hint{color:inherit;opacity:.8}.chat-message.own .chat-location-text a,.chat-message.own .chat-location-text .link-button{color:inherit;text-decoration:underline}.chat-location-text .link-button{align-self:flex-start}.chat-location-open{font-size:.85rem}.chat-eta.live:before,.chat-eta-dot{content:"";vertical-align:middle;background:#16a34a;border-radius:50%;width:.5rem;height:.5rem;margin-right:.35rem;animation:2s ease-in-out infinite chat-eta-pulse;display:inline-block}@keyframes chat-eta-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.chat-eta.live:before,.chat-eta-dot{animation:none}}.chat-pinned{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.25rem .75rem;padding:.4rem 1rem;font-size:.9rem;display:flex}.chat-pinned-text{min-width:0;color:inherit;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:12rem;padding:0;overflow:hidden}.chat-eta-strip{margin:0 1rem .3rem;font-size:.85rem}.chat-share{max-height:70vh;margin:0 .5rem .4rem;padding:.6rem .75rem;overflow-y:auto}.chat-share-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.chat-share-tabs{flex-wrap:wrap;gap:.25rem;display:flex}.chat-share-tabs button{border:1px solid var(--border);color:inherit;background:0 0;border-radius:999px;padding:.3rem .7rem}.chat-share-tabs button.active{border-color:var(--accent);background:var(--accent);color:#fff}.chat-share-quick{margin:.4rem 0 0}.chat-share-body{margin-top:.5rem}.chat-share-body .point-map{height:12rem}.chat-share-places{max-height:12rem;margin:0;padding:0;list-style:none;overflow-y:auto}.chat-share-places label{align-items:baseline;gap:.5rem;padding:.25rem 0;display:flex}.chat-share-options{flex-direction:column;gap:.4rem;margin-top:.5rem;display:flex}.chat-share-kinds{border:0;flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0;display:flex}.chat-share-kinds label,.chat-share-check{align-items:center;gap:.35rem;display:flex}.chat-share-field{flex-direction:column;gap:.15rem;font-size:.9rem;display:flex}.point-map-centre{margin-top:.3rem}.chat-mic{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-width:4.25rem}.chat-mic.holding,.chat-mic.holding:hover:not(:disabled){background:var(--error);border-color:var(--error);transform:scale(1.12)}.chat-voice-recording{flex:1;align-items:center;gap:.5rem;min-width:0;min-height:2.4rem;display:flex}.chat-voice-recording progress{flex:1}.chat-voice-dot{background:var(--muted);border-radius:50%;flex:none;width:.65rem;height:.65rem}.chat-voice-dot.live{background:var(--error);animation:1s ease-in-out infinite alternate chat-voice-pulse}@keyframes chat-voice-pulse{to{opacity:.35}}@media (prefers-reduced-motion:reduce){.chat-voice-dot.live{animation:none}}.chat-voice-hint{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.chat-voice-bars{fill:currentColor;width:100%;height:1.6rem;display:block}.chat-voice-bars rect{opacity:.4}.chat-voice-bars rect.played{opacity:1}.chat-voice-bars.live{min-width:3rem;color:var(--error);flex:1}.chat-bubble.voice{white-space:normal;padding:.35rem .6rem}.chat-bubble.voice>.chat-quote{margin-bottom:.25rem}.chat-voice{flex-wrap:wrap;align-items:center;gap:.5rem;width:min(17rem,70vw);display:flex}.chat-voice-play,.chat-voice-rate{background:color-mix(in srgb, currentColor 14%, transparent);color:inherit;border:none;flex:none;padding:0}.chat-voice-play{border-radius:50%;width:2.1rem;height:2.1rem;font-size:.85rem}.chat-voice-rate{border-radius:999px;min-width:2.4rem;padding:.15rem .35rem;font-size:.75rem}.chat-voice-play:hover:not(:disabled),.chat-voice-rate:hover:not(:disabled){background:color-mix(in srgb, currentColor 24%, transparent)}.chat-voice-scrub{cursor:pointer;touch-action:none;border-radius:4px;flex:1;min-width:4rem;padding:.2rem 0}.chat-voice-scrub:focus-visible{outline-offset:2px;outline:2px solid}.chat-voice .chat-voice-bars{flex:1;min-width:4rem}.chat-voice-time{font-variant-numeric:tabular-nums;flex:none;font-size:.8rem}.chat-voice-note{flex-basis:100%;font-size:.8rem}.chat-message.own .chat-voice-note a{color:inherit}.chat-search{padding:0 1rem .5rem}.chat-search input{width:100%}.chat-search-snippet{-webkit-line-clamp:2;line-clamp:2;color:var(--muted);overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.chat-search-snippet mark{background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--text);border-radius:.2em;padding:0 .1em}.chat-thread-search{background:var(--surface);border-bottom:1px solid var(--border);max-height:min(60vh,28rem);padding-top:.5rem;overflow-y:auto}.supervised-badge{border:1px solid var(--accent);color:var(--accent);vertical-align:middle;border-radius:999px;margin-left:.5rem;padding:0 .45rem;font-size:.75rem;font-weight:600;line-height:1.6;display:inline-block}.supervised-badge.offered{border-color:var(--border);color:var(--muted)}.supervision-member{border-top:1px solid var(--border);padding-top:.75rem}.supervision-member h3,.supervision-member h4{margin:0}.supervision-control-list{grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:0;display:grid}.supervision-control-list>div{display:contents}.supervision-control-list dd{margin:0}.supervision-controls-field,.supervision-guardians-field{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.5rem;margin:0;display:flex}.supervision-controls-field label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.supervision-controls-field label>span{flex-direction:column;display:flex}.supervision-requests ul,.supervision-log ul{margin:0;padding:0;list-style:none}.supervision-request{border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem}.supervision-request p,.supervision-sharing p{margin:0}.supervision-note{font-style:italic}.supervision-log li{padding:.2rem 0;font-size:.9rem}.invite-supervision{flex-basis:100%}.supervision-sharing .button-row{align-items:flex-end}