:root{--mist:#eef1f2;--mist-2:#e4e9eb;--card:#ffffffdb;--ink:#2b3036;--ink-2:#646b74;--ink-3:#9aa3ad;--hair:#2b303614;--hair-2:#2b303624;--accent:#5faeb8;--display:"Fraunces", Georgia, serif;--body:"Instrument Sans", system-ui, sans-serif;--panel-w:400px;--r:18px;--shadow:0 12px 40px #2b30361a, 0 1px 2px #2b30360f;--ease:cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--body);color:var(--ink);background:var(--mist);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}button,input,textarea{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}::selection{background:#5faeb840}.app{height:100%;position:relative;overflow:hidden}.map,.canvas-wrap{position:absolute;inset:0}.canvas,.ambient{width:100%;height:100%;display:block}.canvas{cursor:grab}.map:after{content:"";pointer-events:none;background:radial-gradient(ellipse at 60% 50%, transparent 55%, var(--mist) 100%);position:absolute;inset:0}.tip-sub{color:#fff9}.tip{pointer-events:none;z-index:3;background:var(--ink);color:#fff;max-width:260px;box-shadow:var(--shadow);border-radius:10px;padding:7px 11px;font-size:12.5px;line-height:1.4;display:none;position:absolute}.wordmark{font-family:var(--display);font-variation-settings:"SOFT" 100, "opsz" 48;letter-spacing:-.01em;margin:0;font-size:22px;font-weight:500}.wordmark.small{font-size:18px}h1{font-family:var(--display);font-variation-settings:"SOFT" 100, "opsz" 96;letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(34px,4.6vw,54px);font-weight:300;line-height:1.08}h2{font-family:var(--display);font-variation-settings:"SOFT" 100, "opsz" 24;letter-spacing:-.01em;margin:0 0 12px;font-size:19px;font-weight:500}.muted{color:var(--ink-3);margin:0;font-size:13.5px}.error{color:#b5554a;margin:10px 0 0;font-size:13.5px}.landing .map{opacity:.7}.page{animation:rise .7s var(--ease) both;padding:0 max(20px,8vw) 64px;position:absolute;inset:0;overflow-y:auto}.page>*{max-width:760px}.hero{flex-direction:column;justify-content:center;align-items:flex-start;min-height:92vh;padding:48px 0;display:flex}.hero .wordmark{color:var(--ink-2);margin-bottom:28px}.hero-sub{color:var(--ink-2);text-wrap:pretty;max-width:52ch;margin:18px 0 0;font-size:17px}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.hero-actions .btn{width:auto;margin:0}.hero-foot{color:var(--ink-3);margin-top:36px;font-size:13px}.band{background:var(--card);-webkit-backdrop-filter:blur(18px)saturate(1.2);border-radius:var(--r);box-shadow:var(--shadow);margin-bottom:20px;padding:36px clamp(20px,4vw,40px) 40px}.band-title{margin:0 0 16px;font-size:26px;font-weight:400}.band .band-title:not(:first-child){margin-top:40px}.prose p{color:var(--ink-2);text-wrap:pretty;max-width:62ch;margin:0 0 14px;font-size:16px}.prose strong{color:var(--ink);font-weight:600}.source{color:var(--ink-3);max-width:70ch;margin:12px 0 22px;font-size:12.5px}.stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 0;display:grid}.stats figure{background:#ffffffbf;border-radius:14px;margin:0;padding:16px 18px}.stats b{font-family:var(--display);font-variation-settings:"SOFT" 100, "opsz" 48;letter-spacing:-.02em;white-space:nowrap;font-size:28px;font-weight:400;line-height:1.15;display:block}.stats figcaption{color:var(--ink-2);margin-top:6px;font-size:13.5px}.steps{counter-reset:s;gap:14px;margin:0 0 26px;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;grid-template-columns:30px 1fr;column-gap:12px;display:grid}.steps li:before{content:counter(s);background:var(--ink);color:#fff;border-radius:50%;grid-row:span 2;place-items:center;width:30px;height:30px;font-size:13.5px;font-weight:500;display:grid}.steps span{color:var(--ink-2);grid-column:2}.foot{color:var(--ink-3);padding:12px 0 0;font-size:12.5px}.join{margin-top:28px}.join h1{margin-top:18px;font-size:clamp(30px,4vw,44px)}.howto-steps{color:var(--ink-2);gap:10px;max-width:64ch;margin:0 0 14px;padding-left:22px;display:grid}.howto-steps em{color:var(--ink);font-style:normal;font-weight:500}.howto-steps a,.prose a{color:var(--ink);text-underline-offset:3px}.join code{background:var(--mist-2);overflow-wrap:anywhere;border-radius:5px;padding:1px 6px;font-size:13px}.trade{grid-template-columns:repeat(3,1fr);gap:12px;margin:6px 0 20px;display:grid}.trade>div{background:#ffffffbf;border-radius:14px;padding:16px 18px}.trade h3{margin:0 0 8px;font-size:14px;font-weight:600}.trade ul{color:var(--ink-2);gap:6px;margin:0;padding-left:18px;font-size:13.5px;display:grid}.consent{border:1px solid var(--hair-2);cursor:pointer;background:#ffffffbf;border-radius:14px;grid-template-columns:20px 1fr;align-items:start;gap:12px;max-width:70ch;margin-top:10px;padding:14px 16px;display:grid}.consent input{width:18px;height:18px;accent-color:var(--ink);margin:2px 0 0}.join .hero-actions{margin-top:0}.join .hero-actions+.muted{margin-top:10px}.toast{box-shadow:var(--shadow);background:#fff;border-radius:12px;margin:0;padding:10px 14px;position:absolute;bottom:20px;left:max(20px,8vw)}.member-row{align-items:center;gap:12px;margin-top:12px}.btn{background:var(--mist-2);cursor:pointer;transition:background .16s var(--ease), transform .16s var(--ease), box-shadow .16s var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:#dce2e5}.btn:active{transform:scale(.985)}.btn.primary{background:var(--ink);color:#fff}.btn.primary:hover{background:#3a4049;box-shadow:0 6px 18px #2b30362e}.btn.ghost{border-color:var(--hair-2);background:0 0}.btn.ghost:hover{background:#fff9}.btn.small{padding:7px 14px;font-size:13.5px}.btn.busy,.btn.disabled{opacity:.45;pointer-events:none}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.link{color:var(--ink-3);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.link:hover{color:var(--ink)}.panel{width:var(--panel-w);background:var(--card);-webkit-backdrop-filter:blur(18px)saturate(1.2);border-radius:var(--r);box-shadow:var(--shadow);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hair-2) transparent;animation:rise .6s var(--ease) both;z-index:2;position:absolute;top:16px;bottom:16px;left:16px;overflow-y:auto}.block{border-top:1px solid var(--hair);padding:20px 22px}.block.top{border-top:0}.block.quiet{color:var(--ink-3)}.top-row{align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.reach{color:var(--ink-3);margin-left:auto;font-size:13px}.you-name{width:100%;font-family:var(--display);font-variation-settings:"SOFT" 100, "opsz" 32;letter-spacing:-.015em;background:0 0;border:0;border-bottom:1px solid #0000;margin:0 0 10px;padding:0;font-size:26px;font-weight:400;line-height:1.1}.you-name:hover,.you-name:focus{border-bottom-color:var(--hair-2);outline:none}.you-name::placeholder{color:var(--ink-3)}.pills{flex-wrap:wrap;gap:6px;display:flex}.pill{background:var(--mist-2);border:0;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.pill i{color:var(--ink-3);font-style:normal}.pill.you{background:var(--ink);color:#fff}.pill.you i{color:#fff9}.pill{cursor:pointer;transition:background .16s var(--ease)}.pill:not(.you):hover{background:#dce2e5}.pill em{color:var(--ink-3);border-left:1px solid var(--hair-2);margin-left:2px;padding-left:4px;font-size:12px;font-style:normal}.hint{margin-top:12px}input[type=search],input:not([type]):not(.you-name),.add-friend input{border:1px solid var(--hair-2);width:100%;transition:border-color .16s var(--ease), background .16s var(--ease);background:#ffffffb3;border-radius:12px;padding:10px 14px}input:focus{border-color:var(--ink-3);background:#fff;outline:none}input::placeholder{color:var(--ink-3)}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.chip{background:var(--mist-2);cursor:pointer;transition:background .16s var(--ease), color .16s var(--ease), transform .16s var(--ease);border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:6px 11px 6px 9px;font-size:13.5px;display:inline-flex}.chip:hover{background:#dce2e5}.chip:active{transform:scale(.97)}.chip.on{background:var(--c);color:#fff}.chip-dot{background:var(--c);border-radius:50%;width:8px;height:8px;transition:background .16s}.chip.on .chip-dot{background:#ffffffd9}.chip.more{color:var(--ink-3);background:0 0}.chip.more:hover{color:var(--ink);background:var(--mist-2)}.routes-head{align-items:baseline;gap:12px;display:flex}.routes-head h2{margin-bottom:8px}.summary{color:var(--ink-3);margin-left:auto;font-size:13px}.routes{margin:4px 0 0;padding:0;list-style:none}.route{transition:background .2s var(--ease);border-radius:14px}.route-head{text-align:left;cursor:pointer;width:100%;transition:background .16s var(--ease);background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;padding:11px 8px;display:flex}.route:not(.on) .route-head:hover{background:#ffffffb3}.route-dot{background:var(--c);border-radius:50%;flex-shrink:0;width:9px;height:9px}.route-who{flex-direction:column;min-width:0;display:flex}.route-name{font-weight:500}.senior{color:var(--ink-3);letter-spacing:.02em;vertical-align:1px;margin-left:8px;font-size:11px;font-weight:400}.route-role{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.stops{color:var(--ink-2);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto;font-size:12.5px}.route.on .stops{color:var(--c)}.selected{box-shadow:0 1px 0 var(--hair), 0 10px 28px #2b303612;animation:rise .32s var(--ease) both;background:#ffffffeb;border-radius:14px;margin:0 0 18px;padding:14px 14px 16px}.selected-head{align-items:center;gap:12px;display:flex}.selected .stops{color:var(--c)}.close{color:var(--ink-3);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:20px;line-height:1}.close:hover{color:var(--ink)}.route.on .route-head{background:#ffffffe6}.route-line{align-items:flex-start;margin:10px 0 18px;padding:0;list-style:none;display:flex}.stop{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex;position:relative}.stop:last-child{flex:0}.stop:before{content:"";background:var(--line);transform-origin:0;height:3px;animation:grow .42s var(--ease) forwards;animation-delay:calc(var(--i) * .26s + .12s);border-radius:2px;position:absolute;top:8px;left:9px;right:0;transform:scaleX(0)}.stop:last-child:before{display:none}.stop .dot{z-index:1;border:3px solid var(--line);width:19px;height:19px;animation:pop .32s var(--ease) both;animation-delay:calc(var(--i) * .26s);background:#fff;border-radius:50%;position:relative}.stop.you .dot{background:var(--ink);border-color:var(--ink)}.stop-name{color:var(--ink-2);white-space:nowrap;animation:fade .3s var(--ease) both;animation-delay:calc(var(--i) * .26s + 80ms);margin-top:7px;font-size:12.5px}.stop.end .stop-name{position:absolute;top:19px;right:0}.goal{color:var(--ink-2);gap:6px;margin-top:14px;font-size:13px;display:grid}.draft{margin-top:12px}.draft-to{color:var(--ink-2);margin-bottom:6px;font-size:13px}.draft textarea{border:1px solid var(--hair-2);resize:vertical;background:#ffffffb3;border-radius:12px;width:100%;padding:12px 14px;font-size:13.5px;line-height:1.55}.draft textarea:focus{border-color:var(--ink-3);outline:none}.draft .btn-row{margin-top:10px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes grow{to{transform:scaleX(1)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@media (width<=820px){.panel{border-radius:var(--r) var(--r) 0 0;width:auto;max-height:62vh;inset:auto 0 0}.block{padding:16px 18px}.hero{min-height:0;padding:14vh 0 56px}.stats,.trade{grid-template-columns:1fr}.route.on{margin:6px -4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.stop:before{transform:none}}