.hr-endpoint{cursor:grab;touch-action:none;flex-direction:column;align-items:center;display:flex}.hr-endpoint:active{cursor:grabbing}.hr-start-ring{background:#fff;border:6px solid #12344d;border-radius:9999px;width:22px;height:22px;box-shadow:0 2px 6px #12344d59}.hr-end-pin{filter:drop-shadow(0 3px 4px #12344d59)}.hr-endpoint-label{white-space:nowrap;color:#fff;font:600 11px/1.5 var(--font-geist-sans,system-ui), system-ui, sans-serif;letter-spacing:.01em;pointer-events:none;background:#12344d;border-radius:9999px;padding:1px 7px;position:absolute;top:calc(100% + 2px);box-shadow:0 1px 3px #12344d4d}.hr-endpoint--end .hr-endpoint-label{top:auto;bottom:calc(100% + 2px)}.hr-poi{color:#12344d;width:28px;height:28px;font:700 13px/1 var(--font-geist-sans,system-ui), system-ui, sans-serif;font-variant-numeric:tabular-nums;cursor:pointer;background:#fff;border:2.5px solid #12344d;border-radius:9999px;place-items:center;transition:transform .15s,background-color .15s,color .15s;display:grid;box-shadow:0 2px 6px #12344d4d}.hr-poi:hover{transform:scale(1.12)}.hr-poi:focus-visible{outline-offset:2px;outline:3px solid #f2b84b}.hr-poi--active{color:#fff;background:#12344d;animation:1.6s ease-out infinite hr-pulse}@keyframes hr-pulse{0%{box-shadow:0 0 #f2b84bbf}to{box-shadow:0 0 0 16px #f2b84b00}}.hr-walker{pointer-events:none}.hr-walker-body{transform-origin:50% 100%;transition:transform .2s}.hr-walker--left .hr-walker-body{transform:scaleX(-1)}.hr-walker--walking svg{animation:.42s ease-in-out infinite alternate hr-bob}.hr-walker--walking .hr-walker-leg--l{animation:.42s ease-in-out infinite alternate hr-step}.hr-walker--walking .hr-walker-leg--r{animation:.42s ease-in-out infinite alternate-reverse hr-step}.hr-walker-leg{transform-box:fill-box;transform-origin:50% 0}@keyframes hr-bob{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes hr-step{0%{transform:rotate(-22deg)}to{transform:rotate(22deg)}}@media (prefers-reduced-motion:reduce){.hr-poi--active,.hr-walker--walking svg,.hr-walker--walking .hr-walker-leg--l,.hr-walker--walking .hr-walker-leg--r{animation:none}.hr-poi--active{box-shadow:0 0 0 5px #f2b84bcc}}@media (max-width:767px){.maplibregl-ctrl-bottom-right{top:0;bottom:auto}:is(.maplibregl-ctrl-attrib,.maplibregl-ctrl-scale,.maplibregl-ctrl-group:has(.maplibregl-ctrl-zoom-in)){display:none}}.hr-walker-body{position:relative}.hr-boat{opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;bottom:-2px;left:50%;translate:-50%}.hr-walker--boat .hr-boat{opacity:1}.hr-walker--boat .hr-walker-leg,.hr-walker--boat ellipse{opacity:0}.hr-walker--boat.hr-walker--walking svg:first-child,.hr-walker--boat.hr-walker--walking .hr-boat{animation:1.1s ease-in-out infinite hr-rock}.hr-boat-wake{opacity:.85;animation:.9s linear infinite hr-wake}@keyframes hr-rock{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-2px)rotate(5deg)}}@keyframes hr-wake{0%{opacity:.9;transform:translate(0)}to{opacity:.2;transform:translate(-6px)}}.hr-crazy-only{display:none}.hr-walker--crazy .hr-crazy-only{display:inline}.hr-walker--crazy .hr-eye-normal{display:none}.hr-propeller{transform-box:fill-box;transform-origin:50%;animation:.18s linear infinite alternate hr-spin}.hr-cape{transform-box:fill-box;transform-origin:100% 0}.hr-walker--crazy.hr-walker--walking .hr-cape{animation:.3s ease-in-out infinite alternate hr-flap}.hr-walker--crazy.hr-walker--walking:not(.hr-walker--boat) svg:first-child{animation:.42s ease-in-out infinite alternate hr-crazy}@keyframes hr-crazy{0%{transform:translateY(0)rotate(-5deg)}to{transform:translateY(-3px)rotate(5deg)}}@keyframes hr-spin{0%{transform:scaleX(1)}to{transform:scaleX(.12)}}@keyframes hr-flap{0%{transform:skewY(-8deg)scaleX(.9)}to{transform:skewY(6deg)scaleX(1.1)}}@media (prefers-reduced-motion:reduce){.hr-walker--boat.hr-walker--walking svg:first-child,.hr-walker--boat.hr-walker--walking .hr-boat,.hr-boat-wake,.hr-walker--crazy.hr-walker--walking:not(.hr-walker--boat) svg:first-child,.hr-propeller,.hr-walker--crazy.hr-walker--walking .hr-cape{animation:none}}.hr-photo-pin{pointer-events:none}.hr-photo-pin-inner{transform-origin:50% 100%;flex-direction:column;align-items:center;animation:.52s cubic-bezier(.3,1.5,.5,1) both hr-photo-pop;display:flex}.hr-photo-pin-img{background:#12344d;border:3px solid #fff;border-radius:9999px;width:58px;height:58px;display:block;overflow:hidden;box-shadow:0 6px 16px #12344d59}.hr-photo-pin-img img{object-fit:cover;width:100%;height:100%}.hr-photo-pin-name{color:#12344d;max-width:130px;font:650 11px/1.35 var(--font-geist-sans,system-ui), system-ui, sans-serif;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:9999px;margin-top:4px;padding:2px 8px;overflow:hidden;box-shadow:0 2px 6px #12344d40}.hr-photo-pin-inner:after{content:"";background:#fff;width:2px;height:10px;box-shadow:0 1px 2px #12344d4d}@keyframes hr-photo-pop{0%{opacity:0;transform:scale(.4)translateY(10px)}}@media (prefers-reduced-motion:reduce){.hr-photo-pin-inner{animation:none}}.hr-car{opacity:0;pointer-events:none;position:absolute;bottom:-2px;left:50%;translate:-50%}.hr-walker--car:not(.hr-walker--boat) .hr-car{opacity:1}.hr-walker--car:not(.hr-walker--boat) svg:first-child{opacity:0;animation:none!important}.hr-walker--car.hr-walker--walking .hr-car{animation:.35s ease-in-out infinite alternate hr-drive}.hr-car-wheel{transform-box:fill-box;transform-origin:50%}.hr-walker--car.hr-walker--walking .hr-car-wheel{animation:.4s linear infinite hr-wheel}@keyframes hr-drive{0%{transform:translateY(0)}to{transform:translateY(-1.5px)}}@keyframes hr-wheel{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.hr-walker--car.hr-walker--walking .hr-car,.hr-walker--car.hr-walker--walking .hr-car-wheel{animation:none}}
.flow-panel{z-index:20;overscroll-behavior:contain;max-height:72dvh;padding:.5rem 1rem calc(1rem + env(safe-area-inset-bottom));background:#fffdf8;background:color-mix(in srgb, var(--paper,#fffdf8) 97%, transparent);color:var(--ink,#14232c);-webkit-backdrop-filter:blur(14px)saturate(1.2);border:1px solid var(--line,#14232c1f);box-shadow:var(--shadow-panel,0 24px 48px -16px #0f2f3f47);border-bottom:0;border-radius:1.5rem 1.5rem 0 0;flex-direction:column;gap:1rem;animation:.52s cubic-bezier(.2,.9,.25,1.15) both flow-sheet-in;display:flex;position:absolute;inset:auto 0 0;overflow-y:auto}@media (min-width:768px){.flow-panel{border-bottom:1px solid var(--line);border-radius:1.25rem;width:380px;max-height:calc(100dvh - 2rem);padding:1.25rem;animation-name:flow-card-in;inset:1rem auto auto 1rem}}.flow-handle{background:var(--line);border-radius:9999px;align-self:center;width:2.5rem;height:.3rem}@media (min-width:768px){.flow-handle{display:none}}.flow-logo{background:var(--sea-deep);width:2.25rem;height:2.25rem;color:var(--gold);border-radius:.75rem;flex:none;place-items:center;display:grid}.flow-title{font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.01em;color:var(--ink);text-wrap:balance;font-size:1.375rem;font-weight:600;line-height:1.2}.flow-step{animation:.42s cubic-bezier(.2,.8,.2,1) both flow-step-in}.flow-cta{background:var(--sea-deep);color:#fff;border-radius:.95rem;justify-content:center;align-items:center;gap:.5rem;min-height:3rem;padding:0 1.25rem;font-size:1rem;font-weight:650;transition:background-color .15s,transform .15s,opacity .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff26,0 8px 18px -8px #0f2f3fb3}.flow-cta:hover:not(:disabled){background:#0a2330}.flow-cta:active:not(:disabled){transform:scale(.98)}.flow-cta:disabled{opacity:.45;cursor:not-allowed}.flow-secondary,.flow-ghost-btn{color:var(--ink);border-radius:.8rem;justify-content:center;align-items:center;font-weight:550;transition:background-color .15s;display:inline-flex}.flow-secondary{border:1px solid var(--line);background:#fff;min-height:3rem;padding:0 1rem}.flow-secondary:hover{background:var(--sand)}.flow-ghost-btn{min-height:2.25rem;color:var(--ink-soft);padding:0 .75rem;font-size:.875rem}.flow-ghost-btn:hover{background:var(--sand-deep);color:var(--ink)}.flow-launch{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 0 .75rem;display:flex}.flow-launch-rings{place-items:center;width:7rem;height:7rem;display:grid;position:relative}.flow-launch-rings span{border:2px solid var(--sea);opacity:0;border-radius:9999px;animation:1.3s ease-out infinite flow-sonar;position:absolute;inset:0}.flow-launch-rings span:nth-child(2){animation-delay:.3s}.flow-launch-rings span:nth-child(3){animation-delay:.6s}.flow-launch-compass{filter:drop-shadow(0 6px 10px #0f2f3f40);width:4rem;height:4rem;animation:1.3s cubic-bezier(.3,1.4,.5,1) both flow-compass}.flow-option{--accent:var(--sea);border:1.5px solid var(--line);background:#fff;border-radius:1rem;align-items:center;gap:.85rem;width:100%;padding:.8rem .9rem;transition:border-color .15s,box-shadow .15s,transform .15s;animation:.48s cubic-bezier(.2,.9,.25,1.2) both flow-option-in;display:flex}.flow-option:hover{border-color:var(--accent);box-shadow:0 8px 20px -10px color-mix(in srgb, var(--accent) 70%, transparent);transform:translateY(-1px)}.flow-option:active{transform:scale(.985)}.flow-option-icon{width:2.75rem;height:2.75rem;color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, white);border-radius:.85rem;flex:none;place-items:center;display:grid}.flow-loading{--accent:var(--sea);text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding:.25rem 0 .5rem;display:flex}.flow-trail-bg{stroke:var(--line);stroke-width:4px;stroke-linecap:round;stroke-dasharray:1 9}.flow-trail{stroke:var(--accent);stroke-width:4.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:1.8s cubic-bezier(.55,.1,.35,1) infinite flow-draw}.flow-trail-dot{fill:var(--accent);stroke:#fff;stroke-width:2.5px;offset-path:path("M14 52C50 52 52 14 92 18s40 38 78 34 42-30 56-34");animation:1.8s cubic-bezier(.55,.1,.35,1) infinite flow-run}.flow-stage{animation:.3s both flow-step-in}.flow-chip{--accent:var(--sea);color:color-mix(in srgb, var(--accent) 80%, black);background:color-mix(in srgb, var(--accent) 14%, white);border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.75rem;font-weight:650;display:inline-flex}.flow-chip:before{content:"";background:var(--accent);border-radius:9999px;width:.5rem;height:.5rem}.flow-midstop{background:var(--foam);border:1px solid color-mix(in srgb, var(--sea) 18%, transparent);border-radius:1rem;gap:.75rem;padding:.85rem;transition:background-color .3s,border-color .3s;display:flex}.flow-midstop--reached{background:color-mix(in srgb, var(--gold) 18%, white);border-color:var(--gold);animation:.42s cubic-bezier(.2,.9,.25,1.4) flow-pop}.flow-midstop-badge{background:var(--sea-deep);color:#fff;border-radius:9999px;flex:none;place-items:center;width:1.75rem;height:1.75rem;font-size:.8rem;font-weight:700;display:grid}@keyframes flow-sheet-in{0%{transform:translateY(100%)}}@keyframes flow-card-in{0%{opacity:0;transform:translateY(-12px)scale(.98)}}@keyframes flow-step-in{0%{opacity:0;filter:blur(3px);transform:translateY(10px)}}@keyframes flow-option-in{0%{opacity:0;transform:translateY(14px)scale(.96)}}@keyframes flow-sonar{0%{opacity:.7;transform:scale(.45)}to{opacity:0;transform:scale(1.15)}}@keyframes flow-compass{0%{opacity:0;transform:rotate(-200deg)scale(.4)}70%{opacity:1;transform:rotate(20deg)scale(1.05)}to{transform:rotate(0)scale(1)}}@keyframes flow-draw{0%{stroke-dashoffset:1px}80%,to{stroke-dashoffset:0}}@keyframes flow-run{0%{offset-distance:0%}80%,to{offset-distance:100%}}@keyframes flow-pop{50%{transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){.flow-panel,.flow-step,.flow-stage,.flow-option,.flow-midstop--reached,.flow-launch-compass,.flow-launch-rings span{animation:none}.flow-trail{stroke-dashoffset:0;animation:none}.flow-trail-dot{offset-distance:50%;animation:none}}.flow-legend{--accent:var(--sea);gap:1.25rem;font-size:.875rem;display:flex}.flow-legend>div{align-items:baseline;gap:.4rem;display:flex}.flow-legend dt{color:var(--ink-soft);align-items:center;gap:.4rem;display:flex}.flow-legend dd{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:650}.flow-legend-line{background:var(--accent);width:1.4rem;height:4px;box-shadow:0 0 6px color-mix(in srgb, var(--accent) 60%, transparent);border-radius:9999px}.flow-legend-line--fast{height:0;box-shadow:none;background:0 0;border-top:2.5px dashed #8a8f96;border-radius:0}.flow-dial{grid-template-columns:repeat(5,1fr) 1.25fr;align-items:end;gap:.35rem;display:grid}.flow-dial-step{--h:2rem;height:var(--h);border:1.5px solid var(--line);min-height:2.75rem;color:var(--ink-soft);font-variant-numeric:tabular-nums;background:#fff;border-radius:.6rem;font-weight:700;transition:background-color .15s,color .15s,border-color .15s,transform .15s}.flow-dial-step:first-child{--h:2.75rem}.flow-dial-step:nth-child(2){--h:3rem}.flow-dial-step:nth-child(3){--h:3.25rem}.flow-dial-step:nth-child(4){--h:3.5rem}.flow-dial-step:nth-child(5){--h:3.75rem}.flow-dial-step:nth-child(6){--h:4.25rem}.flow-dial-step:hover{border-color:var(--sea)}.flow-dial-step.is-filled{background:color-mix(in srgb, var(--sea) 16%, white);border-color:color-mix(in srgb, var(--sea) 35%, transparent);color:var(--sea-deep)}.flow-dial-step.is-on{background:var(--sea-deep);border-color:var(--sea-deep);color:#fff;transform:translateY(-2px)}.flow-dial-step--eleven{color:var(--coral);border-style:dashed;border-color:color-mix(in srgb, var(--coral) 55%, transparent);font-size:1.05rem}.flow-dial-step--eleven.is-on{background:linear-gradient(160deg, #f0a03a, var(--coral) 60%, #b8322a);color:#fff;box-shadow:0 8px 20px -8px var(--coral);border:0;animation:.5s cubic-bezier(.3,1.6,.5,1) flow-eleven}.flow-dial:has(.flow-dial-step--eleven.is-on) .flow-dial-step.is-filled:not(.flow-dial-step--eleven){background:color-mix(in srgb, var(--coral) 18%, white);border-color:color-mix(in srgb, var(--coral) 40%, transparent);color:#9a2f1f}@keyframes flow-eleven{0%{transform:scale(.9)rotate(-4deg)}50%{transform:scale(1.08)rotate(3deg)}to{transform:translateY(-2px)}}.flow-stops{flex-direction:column;gap:.35rem;display:flex}.flow-stop-row{text-align:left;border-radius:.75rem;align-items:center;gap:.6rem;width:100%;padding:.4rem .5rem;transition:background-color .15s;display:flex}.flow-stop-row:hover{background:var(--sand)}.flow-stop-row .flow-midstop-badge{width:1.5rem;height:1.5rem;font-size:.75rem}.flow-stop-row.is-reached .flow-midstop-badge{background:var(--gold)}@media (prefers-reduced-motion:reduce){.flow-dial-step--eleven.is-on{animation:none}}.flow-actions{bottom:calc(-1rem - env(safe-area-inset-bottom));z-index:1;margin:0 -1rem calc(-1rem - env(safe-area-inset-bottom));padding:.75rem 1rem calc(1rem + env(safe-area-inset-bottom));background:linear-gradient(to bottom, transparent, var(--paper,#fffdf8) .75rem);flex-direction:column;gap:.5rem;display:flex;position:sticky}@media (min-width:768px){.flow-actions{margin:0 -1.25rem -1.25rem;padding:.75rem 1.25rem 1.25rem;bottom:-1.25rem}}.flow-stats{--accent:var(--sea);background:var(--sand);border-radius:.9rem;grid-template-columns:1.15fr 1.15fr 1fr .6fr;gap:.5rem;padding:.6rem .75rem;display:grid}.flow-stats>div{flex-direction:column;gap:.2rem;min-width:0;display:flex}.flow-stats dt{height:1rem;color:var(--ink-soft);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.flow-stats dt .flow-legend-line{width:1rem}.flow-stats dd{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.95rem;font-weight:650}.flow-wander-badge{background:var(--sea-deep);color:#fff;border-radius:.8rem;flex:none;align-items:center;gap:.5rem;padding:.35rem .6rem .35rem .5rem;display:inline-flex}.flow-wander-bars{align-items:flex-end;gap:2px;height:18px;display:flex}.flow-wander-bars>span{background:#ffffff40;border-radius:2px;width:3px}.flow-wander-bars>span.is-on{background:var(--gold)}.flow-wander-num{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:800}.flow-wander-label{opacity:.8;white-space:nowrap;margin-top:2px;font-size:.625rem;font-weight:600}.flow-wander-badge--eleven{background:linear-gradient(110deg,#e0573e,#f0a03a,#d14fa0,#7b4fd6,#e0573e) 0 0/300% 100%;animation:3s linear infinite flow-hot,.6s cubic-bezier(.3,1.6,.5,1) flow-eleven;box-shadow:0 6px 18px -6px #e0573e}.flow-wander-badge--eleven .flow-wander-bars>span{background:#fff;animation:.5s ease-in-out infinite alternate flow-bar}.flow-wander-badge--eleven .flow-wander-bars>span:nth-child(2){animation-delay:.1s}.flow-wander-badge--eleven .flow-wander-bars>span:nth-child(3){animation-delay:.2s}.flow-wander-badge--eleven .flow-wander-bars>span:nth-child(4){animation-delay:.3s}.flow-wander-badge--eleven .flow-wander-bars>span:nth-child(5){animation-delay:.4s}@keyframes flow-hot{to{background-position:300% 0}}@keyframes flow-bar{to{transform-origin:bottom;transform:scaleY(.4)}}.flow-stop-card{animation:.38s cubic-bezier(.2,.9,.25,1.1) both flow-stop-in}.flow-stop-img{object-fit:cover;background:var(--sand-deep);border-radius:.85rem;flex:none;width:5rem;height:5rem}.flow-stop-img--empty{background:var(--sea-deep);color:var(--gold);place-items:center;font-size:1.6rem;font-weight:800;display:grid}.flow-stop-row.is-current{background:var(--sand)}@keyframes flow-stop-in{0%{opacity:0;transform:translate(16px)}}@media (prefers-reduced-motion:reduce){.flow-wander-badge--eleven,.flow-wander-badge--eleven .flow-wander-bars>span,.flow-stop-card{animation:none}}.flow-credits{color:var(--ink-faint);text-align:center;font-size:.6875rem;line-height:1.4}.flow-credits a{text-underline-offset:2px;text-decoration:underline}@media (min-width:768px){.flow-credits{display:none}}@media (max-width:767px){.flow-panel--result{max-height:55dvh}}.flow-stats>div:last-child dd{font-size:1.15rem;font-weight:800;line-height:1.1}.flow-stat-level--eleven dd{background:linear-gradient(110deg,#e0573e,#f0a03a,#d14fa0,#7b4fd6,#e0573e) 0 0/300% 100%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite flow-hot;color:#0000!important}@media (max-width:767px){.flow-header--result{display:none}}.flow-stop-card{border:1px solid var(--line);background:#fff;border-radius:1rem;flex-direction:column;display:flex;overflow:hidden}.flow-hero{aspect-ratio:16/9;background:var(--sand-deep);position:relative;overflow:hidden}.flow-hero img{object-fit:cover;width:100%;height:100%;animation:.4s both flow-fade;position:absolute;inset:0}.flow-hero-empty{background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--sea) 55%, var(--sea-deep)), var(--sea-deep));width:100%;height:100%;color:var(--gold);font-family:var(--font-fraunces), Georgia, serif;place-items:center;font-size:3rem;font-weight:700;display:grid}.flow-hero-count{color:#fff;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f2f3fbf;border-radius:9999px;padding:.15rem .55rem;font-size:.75rem;font-weight:650;position:absolute;top:.6rem;left:.6rem}.flow-hero-nav{width:2.25rem;height:2.25rem;color:var(--ink);background:#ffffffe0;border-radius:9999px;place-items:center;font-size:1.4rem;line-height:1;transition:background-color .15s;display:grid;position:absolute;top:50%;translate:0 -50%;box-shadow:0 2px 8px #0f2f3f40}.flow-hero-nav:hover{background:#fff}.flow-hero-nav--prev{left:.5rem}.flow-hero-nav--next{right:.5rem}.flow-desc{flex-direction:column;gap:.2rem;padding:.8rem .9rem .9rem;display:flex}.flow-desc-label{color:var(--ink-soft);font-size:.75rem}.flow-desc-title{font-family:var(--font-fraunces), Georgia, serif;color:var(--ink);text-wrap:balance;font-size:1.2rem;font-weight:600;line-height:1.25}.flow-desc-text{color:var(--ink-soft);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.45;display:-webkit-box;overflow:hidden}.flow-desc-link{color:var(--sea);text-underline-offset:2px;margin-top:.15rem;font-size:.875rem;font-weight:550;text-decoration:underline}@keyframes flow-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.flow-hero img,.flow-stat-level--eleven dd{animation:none}}@media (max-width:767px){.flow-panel--result{max-height:60dvh}.flow-hero{aspect-ratio:2.3}}.flow-stop-thumb{object-fit:cover;background:var(--sand-deep);border-radius:.6rem;flex:none;width:2.5rem;height:2.5rem}.flow-stop-thumb--empty{background:var(--sea-deep);color:var(--gold);place-items:center;font-size:.9rem;font-weight:800;display:grid}.flow-handle-zone{touch-action:none;cursor:grab;flex:none;justify-content:center;align-self:stretch;margin:-.5rem -1rem;padding:.6rem 0 .7rem;display:flex}.flow-handle-zone:active{cursor:grabbing}.flow-handle-zone:focus-visible{outline-offset:-4px}.flow-handle-zone .flow-handle{transition:width .15s,background-color .15s}.flow-handle-zone:hover .flow-handle,.is-dragging .flow-handle{background:var(--ink-faint);width:3.25rem}@media (min-width:768px){.flow-handle-zone{display:none}}@media (max-width:767px){.flow-panel{transition:height .28s cubic-bezier(.25,1.15,.4,1),max-height .28s cubic-bezier(.25,1.15,.4,1)}.flow-panel.is-dragging{transition:none}.flow-panel.flow-sheet-peek{height:168px;max-height:168px}.flow-sheet-peek header,.flow-sheet-peek .flow-collapsible{display:none}.flow-panel.flow-sheet-full{height:92dvh;max-height:92dvh}}@media (prefers-reduced-motion:reduce){.flow-panel{transition:none}}.flow-restart-mobile{padding:0 .85rem}.flow-surprise{color:var(--coral);border-color:color-mix(in srgb, var(--coral) 35%, transparent);gap:.5rem}.flow-surprise:disabled{opacity:.7}.flow-share-row{justify-content:space-between;align-items:center;margin-top:-.25rem;display:flex}.flow-mode-pick{background:var(--foam);border:1px solid color-mix(in srgb, var(--sea) 20%, transparent);border-radius:1rem;flex-direction:column;gap:.5rem;padding:.8rem;display:flex}.flow-mode-option{border:1.5px solid var(--line);text-align:left;background:#fff;border-radius:.8rem;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.65rem .8rem;transition:border-color .15s;display:flex}.flow-mode-option:hover{border-color:var(--sea)}.flow-mode-toggle{background:var(--sand-deep);border-radius:9999px;align-self:flex-end;padding:2px;font-size:.75rem;font-weight:600;display:inline-flex}.flow-mode-toggle button{color:var(--ink-soft);border-radius:9999px;padding:.25rem .65rem}.flow-mode-toggle button.is-on{background:var(--sea-deep);color:#fff}.flow-live-note{background:color-mix(in srgb, var(--coral) 10%, white);color:var(--ink);border-radius:.8rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.flow-mode-link{color:var(--ink-faint);text-underline-offset:2px;align-self:flex-end;font-size:.75rem;font-weight:550;text-decoration:underline}.flow-mode-link:hover{color:var(--ink)}.wl{--wl-paper:#f4ecdc;--wl-ink:#1b2a33;--wl-coral:#d9533b;z-index:60;pointer-events:none;color:var(--wl-ink);position:fixed;inset:0}.wl-content{max-height:62dvh;padding:1.6rem 1.5rem calc(1.25rem + env(safe-area-inset-bottom));background:var(--wl-paper);pointer-events:auto;border-radius:1.5rem 1.5rem 0 0;flex-direction:column;animation:.6s cubic-bezier(.2,.9,.25,1.05) both flow-sheet-in;display:flex;position:absolute;inset:auto 0 0;overflow-y:auto;box-shadow:0 -18px 40px -20px #1b2a3373}@media (min-width:768px){.wl-content{border-radius:0;width:min(50vw,620px);max-height:none;padding:3rem clamp(2rem,5vw,4.5rem);animation-name:wl-slide;inset:0 auto 0 0;box-shadow:30px 0 60px -30px #1b2a3373}}@keyframes wl-slide{0%{translate:-100%}}.wl-title{font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.035em;font-size:clamp(2.9rem,13vw,6rem);font-weight:600;line-height:.92}.wl-title em{color:var(--wl-coral);font-style:normal;font-weight:600}.wl-lede{color:#3d4b52;max-width:26rem;margin-top:1.25rem;font-size:1.02rem;line-height:1.55}.wl-ask{font-family:var(--font-fraunces), Georgia, serif;color:#7c6a48;margin-top:2.5rem;font-size:1.05rem;font-style:italic}.wl-options{border-top:1.5px solid var(--wl-ink);margin-top:.6rem}.wl-options li{border-bottom:1px solid #1b2a3359}.wl-option{text-align:left;background:0 0;align-items:flex-start;gap:1rem;width:100%;padding:1.05rem .25rem 1.1rem;animation:.6s cubic-bezier(.2,.8,.2,1) both wl-rise;display:flex}.wl-option:focus-visible{outline:2px solid var(--wl-coral);outline-offset:2px}.wl-num{width:1.4rem;font-family:var(--font-fraunces), Georgia, serif;color:var(--wl-coral);font-variant-numeric:tabular-nums;flex:none;padding-top:.3rem;font-size:.95rem;font-style:italic}.wl-option-body{flex:1;min-width:0}.wl-option-title{font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.01em;align-items:baseline;gap:.6rem;font-size:1.65rem;font-weight:600;line-height:1.15;display:flex}.wl-last{color:var(--wl-coral);font-size:.85rem;font-style:italic;font-weight:400;rotate:-3deg}.wl-option-text{color:#4a575d;margin-top:.3rem;font-size:.93rem;line-height:1.45;display:block}.wl-arrow{align-self:center;font-size:1.6rem;line-height:1;transition:translate .2s cubic-bezier(.3,1.5,.5,1),color .15s}.wl-option:hover .wl-arrow,.wl-option:focus-visible .wl-arrow{color:var(--wl-coral);translate:6px}.wl-option:hover .wl-option-title{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--wl-coral);text-decoration-color:var(--wl-coral)}.wl-foot{letter-spacing:.06em;color:#8a7651;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;margin-top:auto;padding-top:2rem;font-size:.72rem;display:flex}@keyframes wl-rise{0%{opacity:0;translate:0 14px}}@media (prefers-reduced-motion:reduce){.wl-content,.wl-option{animation:none}}@media (max-width:767px){.flow-panel.flow-sheet-live{height:auto;max-height:62dvh}}.flow-sheet-live .flow-handle-zone{display:none}.flow-live{flex-direction:column;gap:.6rem;display:flex}.flow-live-list{flex-direction:column;gap:.25rem;display:flex}.flow-live-row{align-items:center;gap:.7rem;padding:.35rem .25rem;display:flex}.flow-live-row+.flow-live-row{border-top:1px solid var(--line);padding-top:.55rem}.flow-live-dist{color:var(--sea-deep);font-variant-numeric:tabular-nums;flex:none;font-size:1.05rem;font-weight:750}.flow-live-here{border:2px solid var(--gold);background:#fff;border-radius:1rem;animation:.38s cubic-bezier(.2,.9,.25,1.1) both flow-stop-in;overflow:hidden}.flow-live-here .flow-desc-text{-webkit-line-clamp:6}.flow-live-wait{color:var(--ink-soft);align-items:center;gap:.5rem;padding:.5rem .25rem;display:flex}.flow-live-dot{background:var(--sea);border-radius:9999px;width:.65rem;height:.65rem;animation:1.4s ease-out infinite hr-pulse}@media (min-width:768px){.wl-title{font-size:clamp(2.6rem,6.2vw,5.6rem)}}.wl-cover{z-index:60;background:#f4ecdc;position:fixed;inset:0}.wl.is-leaving .wl-content{animation:.48s cubic-bezier(.6,0,.8,.4) both wl-out-down}@media (min-width:768px){.wl.is-leaving .wl-content{animation-name:wl-out-left}}@keyframes wl-out-down{to{translate:0 105%}}@keyframes wl-out-left{to{translate:-105%}}.flow-panel[inert]{opacity:0;translate:0 24px}.flow-panel{transition-property:height,max-height,opacity,translate;transition-duration:.28s,.28s,.5s,.6s;transition-timing-function:cubic-bezier(.25,1.15,.4,1),cubic-bezier(.25,1.15,.4,1),ease,cubic-bezier(.2,.9,.25,1.1)}@media (prefers-reduced-motion:reduce){.wl.is-leaving .wl-content{animation:none}}.wl-help-btn{color:var(--wl-ink);text-underline-offset:4px;align-self:flex-start;align-items:center;gap:.5rem;margin-top:1rem;font-size:.9rem;font-weight:600;-webkit-text-decoration:underline #1b2a334d;text-decoration:underline #1b2a334d;display:inline-flex}.wl-help-btn:hover{-webkit-text-decoration-color:var(--wl-coral);text-decoration-color:var(--wl-coral)}.wl-help-icon{border:1.5px solid var(--wl-ink);width:1.4rem;height:1.4rem;font-family:var(--font-fraunces), Georgia, serif;border-radius:9999px;place-items:center;font-size:.85rem;font-style:italic;text-decoration:none;display:grid}.wl-help{flex-direction:column;animation:.35s both flow-step-in;display:flex}.wl-help-list{border-top:1.5px solid var(--wl-ink);margin-top:.5rem}.wl-help-list li{border-bottom:1px solid #1b2a3340;gap:1rem;padding:.7rem .25rem;display:flex}.wl-help-title{font-family:var(--font-fraunces), Georgia, serif;font-size:1.1rem;font-weight:600;display:block}.wl-help-note{color:#7c6a48;margin-top:.75rem;font-size:.8rem}@media (min-width:768px){.wl-content:before,.wl-content:after{content:"";flex:none}.wl-content:before{margin-top:auto}.wl-content:after{margin-bottom:auto}}.flow-travel,.wl-travel{border-radius:9999px;align-self:flex-start;padding:3px;font-size:.85rem;font-weight:600;display:inline-flex}.flow-travel{background:var(--sand-deep)}.wl-travel{border-radius:0;grid-template-columns:1fr 1fr;align-self:stretch;gap:.6rem;margin-top:1.75rem;padding:0;display:grid}.flow-travel button,.wl-travel button{color:var(--ink-soft);border-radius:9999px;padding:.35rem .9rem;transition:background-color .15s,color .15s}.flow-travel button.is-on,.wl-travel button.is-on{background:var(--sea-deep);color:#fff}.wl-travel .wl-travel-tile{color:var(--wl-ink);font-family:var(--font-fraunces), Georgia, serif;background:#ffffff8c;border:1.5px solid #1b2a334d;border-radius:1rem;flex-direction:column;align-items:center;gap:.35rem;padding:.9rem .5rem .8rem;font-size:1.15rem;font-weight:600;transition:background-color .15s,border-color .15s,transform .15s;display:flex}.wl-travel .wl-travel-tile:hover{border-color:var(--wl-ink)}.wl-travel .wl-travel-tile.is-on{background:var(--wl-ink);border-color:var(--wl-ink);color:#fff;box-shadow:0 8px 20px -10px #1b2a3399}.wl-travel .wl-travel-tile.is-on .wl-travel-icon{color:var(--gold)}.wl-travel .wl-travel-tile:focus-visible{outline:2px solid var(--wl-coral);outline-offset:2px}.wl-travel-icon{width:2.1rem;height:2.1rem}.flow-turn{background:var(--sea-deep);color:#fff;border-radius:1rem;align-items:center;gap:.85rem;padding:.7rem .9rem;display:flex}.flow-turn.is-off{background:var(--coral)}.flow-turn-icon{background:#ffffff24;border-radius:.8rem;flex:none;place-items:center;width:2.75rem;height:2.75rem;font-size:1.75rem;line-height:1;display:grid}.flow-turn-dist{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800;line-height:1.1;display:block}.flow-turn-text{opacity:.9;font-size:.95rem;display:block}.flow-compass-btn{border:1px solid var(--line);width:2.5rem;height:2.5rem;color:var(--ink-soft);background:#fff;border-radius:9999px;align-self:flex-end;place-items:center;display:grid}.flow-compass-btn[aria-pressed=true]{background:var(--sea-deep);color:var(--gold)}.wl-tip{border-left:3px solid var(--gold);background:color-mix(in srgb, var(--gold) 16%, transparent);color:var(--wl-ink);border-radius:0 .5rem .5rem 0;margin-top:.45rem;padding:.45rem .65rem;font-size:.88rem;font-weight:600;line-height:1.4;display:block}
