:root{--mist-top: #F1F9F5;--mist: #CFEBE1;--mist-deep: #B7E2D4;--ink: #4E3F5C;--ink-2: #6E5E7C;--coral: #E0735C;--cream: #FFF8F2;--cream-2: #F7E9E1;--create: #F7C6B2;--grow: #CDEBD9;--explore: #E4D6EE;--summit: #FDE6DA;--sans: "Jost", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--sans);color:var(--ink);overflow:hidden;-webkit-font-smoothing:antialiased;background:radial-gradient(120% 80% at 50% 38%,var(--mist-top) 0%,var(--mist) 58%,var(--mist-deep) 100%)}::selection{background:var(--coral);color:var(--cream)}:focus-visible{outline:2.5px solid var(--coral);outline-offset:3px;border-radius:10px}a{color:inherit;text-underline-offset:.22em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#world{position:fixed;inset:0;cursor:grab;touch-action:none;outline:none}#world:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--coral)}.mist{position:fixed;left:0;right:0;bottom:0;height:30vh;pointer-events:none;background:linear-gradient(to bottom,#cfebe100,#cfebe180 55%,#bee5d8e6)}.masthead{position:fixed;left:clamp(20px,3.2vw,48px);top:clamp(20px,3.2vw,44px);max-width:24rem;z-index:2;pointer-events:none;transition:opacity .35s}.masthead h1{font-weight:500;font-size:clamp(2.2rem,4.2vw,3.6rem);line-height:1;letter-spacing:.01em;margin:0}.masthead p{font-size:clamp(1.02rem,1.3vw,1.18rem);line-height:1.45;margin:.9rem 0 0;color:var(--ink-2);text-wrap:pretty}.draft{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.08em;color:#9a5a3c;background:#fbe3d6;border-radius:6px;padding:3px 6px;margin-left:6px;vertical-align:2px}body[data-card=open] .masthead{opacity:0}.bar{position:fixed;top:clamp(16px,2.6vw,30px);right:clamp(16px,2.6vw,30px);display:flex;gap:10px;align-items:center;z-index:3}.pill{display:flex;align-items:center;gap:2px;background:var(--cream);border-radius:999px;padding:5px;box-shadow:0 10px 30px #4e3f5c24,0 1px #4e3f5c0f}.pill a,.pill button{font:500 15px/1 var(--sans);color:var(--ink);background:none;border:0;border-radius:999px;padding:11px 16px;cursor:pointer;text-decoration:none;white-space:nowrap;letter-spacing:.01em}.pill a:hover,.pill button:hover{background:var(--cream-2)}.pill button:active,.pill a:active{transform:translateY(1px)}.eye{width:46px;height:46px;display:grid;place-items:center;padding:0!important}.eye svg{width:24px;height:24px}.eye[aria-pressed=true]{background:var(--ink)!important;color:var(--cream)!important}.menu{position:relative}.menu-list{position:absolute;top:calc(100% + 12px);right:0;width:20rem;max-height:min(70vh,40rem);overflow:auto;background:var(--cream);border-radius:18px;padding:10px 8px;box-shadow:0 18px 44px #4e3f5c33;margin:0}.menu-list[hidden]{display:none}.ql-head{display:flex;justify-content:space-between;align-items:baseline;padding:4px 10px 8px}.ql-head b{font:500 16px/1 var(--sans)}.ql-head span{font:400 13px/1 var(--sans);color:var(--ink-2);font-variant-numeric:tabular-nums}.ql-group{border-top:1px solid #F0E0D6;padding:6px 0 4px}.ql-group>button.ql-district{display:flex;width:100%;justify-content:space-between;align-items:baseline;padding:6px 10px;font:600 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.ql-district small{font:400 12.5px/1 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink-2);font-variant-numeric:tabular-nums}.ql-place{display:grid!important;grid-template-columns:22px 1fr;gap:0 10px;width:100%;text-align:left;border-radius:12px;padding:7px 10px;font:500 15px/1.25 var(--sans)}.ql-place span{grid-column:2}.ql-place small{grid-column:2;font:400 13px/1.3 var(--sans);color:var(--ink-2)}.stamp{grid-row:span 2;width:18px;height:18px;margin-top:1px;border-radius:50%;border:1.6px dashed #CDBFD8;display:grid;place-items:center}.seen .stamp{border:0;background:var(--dc, var(--coral))}.seen .stamp:after{content:"";width:5px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}[data-district=summit]{--dc: #EC836D}[data-district=create]{--dc: #F09078}[data-district=grow]{--dc: #66CCBE}[data-district=explore]{--dc: #A48CCB}.labels{position:fixed;inset:0;pointer-events:none;z-index:1}.label{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;font:500 14px/1 var(--sans);color:var(--ink);background:var(--cream);border:0;border-radius:999px;padding:9px 14px;box-shadow:0 6px 18px #4e3f5c29;cursor:pointer;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s}.label:after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:var(--cream);transform:translate(-50%) rotate(45deg);border-radius:2px}.label.on{opacity:1;visibility:visible;transform:translate(-50%,calc(-100% - 6px))}.label small,.label em{display:none}.label.hover small{display:inline;font-weight:400;color:var(--ink-2);margin-left:7px}.label.hover em{max-width:14rem;overflow:hidden;text-overflow:ellipsis;vertical-align:-3px;display:inline-block;font-style:normal;font-size:12.5px;font-weight:500;margin-left:8px;padding:3px 8px;border-radius:999px;background:var(--dc, var(--cream-2));background:color-mix(in srgb,var(--dc, #F7E9E1) 28%,white)}.dname{position:absolute;transform:translate(-50%,-50%);font:600 13px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);padding:8px 13px;border-radius:999px;box-shadow:0 6px 18px #4e3f5c1f;pointer-events:auto;cursor:pointer;border:0;transition:opacity .3s}.dname[data-district=create]{background:var(--create)}.dname[data-district=grow]{background:var(--grow)}.dname[data-district=explore]{background:var(--explore)}.hint{position:fixed;left:clamp(20px,3.2vw,48px);bottom:clamp(18px,2.6vw,32px);font:400 14px/1.3 var(--sans);color:var(--ink-2);z-index:2;pointer-events:none}.card{position:fixed;z-index:4;right:clamp(12px,2vw,30px);top:100px;bottom:clamp(12px,2vw,30px);width:min(29rem,calc(100vw - 24px));background:var(--cream);color:var(--ink);border-radius:26px;box-shadow:0 30px 70px #4e3f5c3d;display:flex;flex-direction:column;transform:translate(calc(100% + 40px));transition:transform .6s cubic-bezier(.16,1,.3,1);overflow:hidden}.card[data-open=true]{transform:none}.card-head{padding:30px 32px 0}.card-q{display:flex;align-items:center;gap:10px;font:500 15px/1.35 var(--sans);color:var(--coral);margin:0 0 10px}.dchip{font:600 11.5px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:999px;color:var(--ink)}.dchip[data-district=summit]{background:var(--summit)}.dchip[data-district=create]{background:var(--create)}.dchip[data-district=grow]{background:var(--grow)}.dchip[data-district=explore]{background:var(--explore)}.card h2{font-weight:500;font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.02;letter-spacing:.005em;margin:0}.card-body{padding:18px 32px 8px;overflow:auto;font-size:1.08rem;line-height:1.6;color:var(--ink-2)}.card-body p{margin:0 0 1rem;max-width:60ch}.card-places{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px}.card-places button{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;border:0;border-radius:14px;padding:11px 14px;background:var(--cream-2);color:var(--ink);cursor:pointer;font:500 16px/1.25 var(--sans)}.card-places button small{font:400 14px/1.3 var(--sans);color:var(--ink-2)}.card-places button:hover{background:#f1ddd1}.card-links{display:flex;flex-wrap:wrap;gap:10px;padding:6px 32px 12px}.card-links a{font:500 15px/1 var(--sans);background:var(--ink);color:var(--cream);text-decoration:none;padding:13px 18px;border-radius:999px}.card-links a:hover{background:var(--coral)}.card-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px 22px 22px 32px;border-top:1px solid #F0E0D6}.card-foot button,.card-close{font:500 15px/1 var(--sans);background:var(--cream-2);color:var(--ink);border:0;border-radius:999px;padding:11px 16px;cursor:pointer}.card-foot button:hover,.card-close:hover{background:#f1ddd1}.card-close{position:absolute;top:20px;right:20px;width:42px;height:42px;padding:0;display:grid;place-items:center}.card-close svg{width:16px;height:16px}.veil{position:fixed;inset:0;z-index:10;background:radial-gradient(120% 80% at 50% 38%,var(--mist-top) 0%,var(--mist) 58%,var(--mist-deep) 100%);display:grid;place-items:center;transition:opacity 1.2s ease,visibility 1.2s}.veil span{font:400 15px/1 var(--sans);color:var(--ink-2);letter-spacing:.12em;text-transform:uppercase}body[data-ready=true] .veil{opacity:0;visibility:hidden}.card-feed{list-style:none;margin:0 0 1rem;padding:0;border-top:1px solid #F0E0D6}.card-feed li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #F0E0D6;font-size:1rem}.card-feed a{color:var(--ink);text-decoration:none;font-weight:500}.card-feed a:hover{color:var(--coral)}.card-feed span{color:var(--ink-2);white-space:nowrap;font-size:.92rem;font-variant-numeric:tabular-nums}.bubble{position:absolute;transform:translate(-50%,calc(-100% - 10px));max-width:15rem;background:var(--cream);color:var(--ink);font:500 13px/1.35 var(--sans);padding:8px 12px;border-radius:14px;box-shadow:0 6px 18px #4e3f5c29;opacity:0;transition:opacity .3s;pointer-events:none}.bubble:after{content:"";position:absolute;left:18px;bottom:-6px;width:12px;height:12px;background:var(--cream);transform:rotate(45deg);border-radius:2px}.bubble.on{opacity:1}.ask{position:fixed;left:50%;bottom:clamp(18px,3.4vw,40px);transform:translate(-50%);z-index:5;background:var(--cream);border-radius:22px;box-shadow:0 24px 60px #4e3f5c38;padding:16px 18px 18px;width:min(40rem,calc(100vw - 24px));transition:opacity .4s,transform .4s}.ask[hidden]{display:none}.ask p{margin:0 0 12px 4px;font:500 20px/1.2 var(--sans)}.ask-opts{display:flex;flex-wrap:wrap;gap:8px}.ask-opts button{font:500 15px/1 var(--sans);color:var(--ink);background:var(--cream-2);border:0;border-radius:999px;padding:12px 16px;cursor:pointer}.ask-opts button:hover{background:var(--ink);color:var(--cream)}.ask-opts .skip{background:transparent;box-shadow:inset 0 0 0 1.5px #cdbfd8;color:var(--ink-2)}.route-chip{position:fixed;left:clamp(20px,3.2vw,48px);bottom:clamp(48px,5.6vw,64px);z-index:2;display:flex;align-items:center;gap:4px;background:var(--cream);border-radius:999px;padding:5px 5px 5px 14px;box-shadow:0 8px 22px #4e3f5c24;font:500 14px/1 var(--sans)}.route-chip[hidden]{display:none}.route-chip button{width:30px;height:30px;border:0;border-radius:50%;background:var(--cream-2);display:grid;place-items:center;cursor:pointer;color:var(--ink)}.route-chip svg{width:12px;height:12px}.ql-place.on-route span:after{content:"on your route";margin-left:8px;font:500 11px/1 var(--sans);letter-spacing:.04em;color:#9a5a3c;background:#fbe3d6;border-radius:999px;padding:2px 7px;vertical-align:2px}@media(max-width:760px){.bar{inset:auto 12px 14px;justify-content:space-between}.pill a,.pill button{padding:10px 11px;font-size:14px}.nav-extra,.hint{display:none}.masthead{max-width:calc(100vw - 40px)}.card{top:auto;height:58vh;bottom:0;right:0;width:100vw;border-radius:26px 26px 0 0;transform:translateY(100%)}.menu-list{top:auto;bottom:calc(100% + 12px);left:0;right:auto;width:min(20rem,calc(100vw - 24px))}.dname{font-size:11.5px;padding:6px 10px}.ask{bottom:78px}.route-chip{bottom:78px;left:12px}}@media(prefers-reduced-motion:reduce){.card,.veil,.label,.dname{transition:none}}