: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}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-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.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-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{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{color:var(--error)}.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{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-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{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{border-left:4px solid #0000;padding-top:.3rem;padding-bottom:.3rem}.history-entry.place .history-entry-title{font-weight:500}.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}.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}