:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ink:#121816;--muted:#5b6562;--page:#f6f7f7;--card:#fff;--line:#e6e9e8;--soft:#eef0ef;--outline:#848f8d;--route:#0b7d58;--danger:#a3261b;--on-ink:#fff;--radius:8px;--radius-lg:12px;--shadow:0 1px 3px #0000004d, 0 4px 8px 3px #00000026;color:var(--ink);background:var(--page);font-synthesis:none;font:16px/1.5 system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ink:#e6ebe9;--muted:#a3aca8;--page:#141917;--card:#1e2421;--line:#2e3633;--soft:#262d2a;--outline:#6f7a77;--route:#3fb98a;--danger:#ff8a7a;--on-ink:#121816}.mark{filter:invert()}}*{box-sizing:border-box}html,body{margin:0}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}a{color:inherit}.icon{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.home{background:var(--card);place-items:center;min-height:100vh;display:grid}.home main{text-align:center;padding:24px 16px}.home img{width:min(220px,60vw);height:auto}.home p{color:var(--muted);margin:24px 0 0}.ride{grid-template-rows:42vh auto;min-height:100vh;display:grid}#map{background:var(--soft);order:-1;position:relative}.panel{background:var(--card);border-radius:16px 16px 0 0;margin-top:-16px;padding:24px 16px 32px;position:relative}@media (width>=900px){.ride{grid-template-rows:none;grid-template-columns:1fr 440px;height:100vh}.panel{border-radius:0;margin:0;padding:24px 20px 32px;overflow:auto}}.top{align-items:center;gap:8px;min-height:32px;margin-bottom:4px;display:flex}.when{color:var(--route);flex:1;font-size:15px;font-weight:600;line-height:20px}.when.cancelled{color:var(--danger)}.copied{color:var(--muted);font-size:12px}.round{background:var(--soft);width:32px;height:32px;color:var(--muted);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.round .icon{width:18px;height:18px}.round:hover{color:var(--ink)}h1{overflow-wrap:anywhere;margin:0;font-size:22px;font-weight:600;line-height:28px}h1.cancelled{text-decoration:line-through}.by{color:var(--muted);margin:4px 0 0;font-size:15px;line-height:20px}.avatar{background:var(--soft);width:30px;height:30px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.meeting-row{align-items:center;gap:12px;margin-top:16px;padding:4px 0;text-decoration:none;display:flex}.meeting-row span{overflow-wrap:anywhere;flex:1}.meeting-row .out{width:18px;height:18px;color:var(--muted)}.figures{grid-template-columns:repeat(3,1fr);margin-top:16px;display:grid}.figures span{color:var(--muted);font-size:12px;line-height:16px;display:block}.figures b{margin-top:2px;font-size:20px;font-weight:600;line-height:26px;display:block}.description{white-space:pre-line;overflow-wrap:anywhere;margin:20px 0 0}.riders{margin-top:20px}.riders summary{cursor:pointer;color:var(--muted);align-items:center;gap:10px;font-size:15px;line-height:20px;list-style:none;display:flex}.riders summary::-webkit-details-marker{display:none}.names{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.faces{align-items:center;display:flex}.faces .avatar{width:28px;height:28px;box-shadow:0 0 0 2px var(--card);font-size:10px;position:relative}.faces .avatar+.avatar{margin-left:-4px}.faces .avatar:first-child{z-index:3}.faces .avatar:nth-child(2){z-index:2}.faces .avatar:nth-child(3){z-index:1}.more{margin-left:6px;font-size:12px;font-weight:600}.chevron{width:18px;height:18px;transition:transform .2s}.riders[open] .chevron{transform:rotate(180deg)}.riders ul{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.riders li{align-items:center;gap:12px;display:flex}#join,#invite,#joined,.note{margin-top:24px}.note{color:var(--muted)}.button{cursor:pointer;white-space:nowrap;border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 16px;font:500 14px/1 system-ui,sans-serif;text-decoration:none;display:inline-flex}.button .icon{width:18px;height:18px}.button:disabled{opacity:.6;cursor:default}.block{border-radius:24px;width:100%;height:48px;font-size:16px;display:flex}.primary{background:var(--ink);color:var(--on-ink)}.outlined{color:var(--ink);border:1px solid var(--outline);background:0 0}.text{color:var(--muted);background:0 0}.joined{background:var(--soft);border-radius:24px;justify-content:center;align-items:center;gap:8px;height:48px;font-weight:500;display:flex}.joined+.button{margin:8px auto 0;display:flex}.hint{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:16px}.alert{border-radius:var(--radius);color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent);align-items:flex-start;gap:12px;margin:12px 0 0;padding:8px 16px;font-size:14px;line-height:20px;display:flex}.alert .icon{margin-top:0}.gpx{color:var(--ink);margin:16px 0 0 -16px}footer{color:var(--muted);margin-top:24px;font-size:12px}footer a{align-items:center;gap:6px;text-decoration:none;display:inline-flex}footer img{height:14px}.meeting{background:var(--ink);width:34px;height:34px;color:var(--on-ink);box-shadow:0 0 0 3px var(--card), var(--shadow);border-radius:50%;place-items:center;display:grid}.meeting .icon{width:18px;height:18px}dialog{border-radius:var(--radius-lg);background:var(--card);width:calc(100% - 32px);max-width:400px;color:var(--ink);box-shadow:var(--shadow);border:0;padding:0}dialog::backdrop{background:#00000052}dialog form{padding:24px}dialog h3,.gate h3{margin:0;font-size:18px;font-weight:600;line-height:24px}dialog h3{padding-right:40px}dialog p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:20px}.grip{display:none}.close{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:18px;right:14px}.close:hover{background:var(--soft)}dialog .block{margin-top:24px}@media (width<=599px){dialog{width:100%;max-width:100%;padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0;margin:auto 0 0;animation:.2s ease-out rise}dialog form{padding-top:12px}.grip{background:var(--line);border-radius:2px;width:36px;height:4px;margin:8px auto 0;display:block}.close{top:22px}}@keyframes rise{0%{transform:translateY(100%)}}.field{margin-top:20px;display:block}.field span{color:var(--muted);font-size:12px;line-height:16px;display:block}.field input{appearance:none;width:100%;color:var(--ink);background:linear-gradient(var(--ink), var(--ink)) center bottom / var(--typing,0%) 2px no-repeat, linear-gradient(var(--line-colour,var(--line)), var(--line-colour,var(--line))) center bottom / 100% 1px no-repeat;border:0;border-radius:0;outline:0;margin:0;padding:6px 0;font:16px/24px system-ui,sans-serif;transition:background-size .15s;display:block}.field input:hover{--line-colour:var(--outline)}.field input:focus{--typing:100%}.field input::placeholder{color:var(--muted);opacity:.7}.code{letter-spacing:.3em;font-variant-numeric:tabular-nums}.message{text-align:center;background:var(--card);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.message img{height:40px;margin-bottom:24px}.message .mark+p{margin:0 0 16px}.review{grid-template-rows:minmax(200px,1fr) minmax(200px,1fr) auto;height:100dvh;display:grid}@media (width>=1100px){.review{grid-template-rows:none;grid-template-columns:1.2fr 1fr 440px;height:100vh}}.street,.review-map{background:var(--soft);position:relative}.street iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.street-note{text-align:center;color:var(--muted);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.street-places,.map-modes{flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:16px;left:16px}.map-modes{z-index:1;top:16px;bottom:auto}@media (width>=900px){.street-places,.map-modes{bottom:20px;left:20px}.map-modes{top:20px;bottom:auto}}.street-places .button,.map-modes .button{background:var(--card);box-shadow:var(--shadow)}.street-places .button.primary,.map-modes .button.primary{background:var(--ink);color:var(--on-ink)}.review-map #map{position:absolute;inset:0}.position{color:var(--muted);flex:1;font-size:15px;line-height:20px}.reported{align-items:center;gap:10px;display:flex}.review-card footer{gap:4px;display:grid}#mail-alert{margin-top:16px}.dot{border-radius:50%;flex:none;width:12px;height:12px}.decisions{gap:8px;margin-top:24px;display:grid}.decisions .text{justify-self:center}.end-mark{pointer-events:none;justify-items:center;gap:3px;display:grid}.end-mark span{color:#121816;background:#fff;border-radius:999px;padding:5px 10px;font:600 13px/1 system-ui,sans-serif;box-shadow:0 1px 3px #0000004d}.end-mark i{background:#121816;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 3px #fff}.street-mark{width:18px;height:18px;box-shadow:0 0 0 3px #fff, var(--shadow);background:#2563eb;border-radius:50%}.gate{text-align:left;width:min(400px,100%)}.gate .mark{margin:0 auto 24px;display:block}.gate>p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:20px}.gate .block{margin-top:24px}
