:root{color-scheme:light;--base: #f5efe3;--surface: #fffcf5;--border: #ebe1ce;--ink: #2a2622;--body: #3a352e;--muted: #5b554b;--faint: #8a8072;--ochre: #c98a3b;--terracotta: #b4553c;--copper: #6e7b5b;--ash: #54514a;--chip-bg: #f3e7cf;--chip-text: #8a6a3a;--map-base: #ece3d1;--map-grid: #e4d9c1;--map-building: #e0d3b7;--map-water: #cbd4c6;--shadow: 0 20px 60px rgb(42 38 34 / 14%);--page-glow: rgb(255 252 245 / 38%);--focus-ring: rgb(180 85 60 / 55%);--location-pulse: rgb(180 85 60 / 20%);--location-pulse-soft: rgb(180 85 60 / 11%);--location-outline: rgb(180 85 60 / 30%);--location-halo: rgb(245 239 227 / 82%);--floating-chip: rgb(255 252 245 / 88%);--pin-shadow: 0 6px 16px rgb(42 38 34 / 10%);--control-shadow: 0 8px 20px rgb(42 38 34 / 5%);--nudge-bg: #2a2622;--nudge-text: #f5efe3;--nudge-detail: #cfc6b4;--nudge-action-bg: #c98a3b;--nudge-action-text: #2a2622;--banner-bg: #efe4cc;--banner-border: #e0cfa8;--banner-text: #6b5a35;--art-label-bg: rgb(245 239 227 / 85%);--art-label-text: #7a6a44;--route-ghost: #d8c9ac;--progress-track: #e8dec9;--shimmer-base: #ece3d1;--shimmer-highlight: #f1eada;--end-bg: #2a2622;--end-text: #f5efe3;--end-border: #423c33;--end-muted: #9a9184;--display: "Newsreader", Georgia, serif;--ui: "Hanken Grotesk", system-ui, sans-serif;--mono: "Fragment Mono", ui-monospace, monospace;font-family:var(--ui);background:var(--base);color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-width:320px;background:linear-gradient(120deg,var(--page-glow),transparent 40%),var(--base)}button{font:inherit}button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}button:disabled{cursor:wait;opacity:.72}.app-shell{width:min(100%,390px);min-height:100dvh;margin:0 auto;background:var(--base)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--base: #26221d;--surface: #302b24;--border: #423c33;--ink: #f5efe3;--body: #e8dfcd;--muted: #cfc6b4;--faint: #9a9184;--ochre: #c98a3b;--terracotta: #d4805f;--copper: #8fa08a;--ash: #9a9184;--chip-bg: #3b3222;--chip-text: #d9b679;--map-base: #322c24;--map-grid: #3b342a;--map-building: #403829;--map-water: #2e3330;--shadow: 0 20px 60px rgb(0 0 0 / 24%);--page-glow: rgb(212 128 95 / 5%);--focus-ring: rgb(212 128 95 / 62%);--location-pulse: rgb(212 128 95 / 22%);--location-pulse-soft: rgb(212 128 95 / 12%);--location-outline: rgb(212 128 95 / 32%);--location-halo: rgb(38 34 29 / 82%);--floating-chip: rgb(38 34 29 / 88%);--pin-shadow: 0 6px 16px rgb(0 0 0 / 22%);--control-shadow: 0 8px 20px rgb(0 0 0 / 18%);--nudge-bg: #e8dfcd;--nudge-text: #26221d;--nudge-detail: #5b554b;--nudge-action-bg: #b4553c;--nudge-action-text: #f5efe3;--banner-bg: #3b3222;--banner-border: #57482e;--banner-text: #d9b679;--art-label-bg: rgb(38 34 29 / 85%);--art-label-text: #d9b679;--route-ghost: #4a4438;--progress-track: #3b342a;--shimmer-base: #3b342a;--shimmer-highlight: #4a4438;--end-bg: #26221d;--end-text: #f5efe3;--end-border: #423c33;--end-muted: #9a9184}}.screen{min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 16px max(14px,env(safe-area-inset-bottom))}.screen-enter{animation:screen-enter .2s ease-out both}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.home-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px;padding:0 8px}.home-header h1{margin:0;color:var(--ink);font:600 26px / 1 var(--display);letter-spacing:0}.home-header p,.home-header span{margin:6px 0 0;color:var(--faint);font-size:13px;line-height:1.25}.home-header span{color:var(--muted);white-space:nowrap}.map-card{position:relative;height:274px;overflow:hidden;border:1px solid var(--border);border-radius:22px;background-color:var(--map-base);background-image:linear-gradient(var(--map-grid) 1px,transparent 1px),linear-gradient(90deg,var(--map-grid) 1px,transparent 1px);background-size:53px 53px}.map-card-fallback{cursor:default}.waterway,.building,.you-dot,.map-pin{position:absolute}.waterway{left:-24px;top:100px;width:178px;height:42px;background:var(--map-water);opacity:.8;transform:rotate(-20deg)}.building{border-radius:6px;background:var(--map-building)}.building-one{left:56px;top:40px;width:68px;height:58px}.building-two{left:155px;top:96px;width:82px;height:70px}.building-three{right:12px;top:36px;width:70px;height:64px}.building-four{right:28px;bottom:16px;width:96px;height:52px}.you-dot{left:49%;top:58%;width:10px;height:10px;border:2px solid var(--base);border-radius:999px;background:var(--terracotta);transform:translate(-50%,-50%);z-index:3}.browse-spot{position:absolute;left:49%;top:58%;width:122px;height:122px;border:0;border-radius:999px;background:transparent;color:var(--terracotta);cursor:pointer;transform:translate(-50%,-50%);z-index:3}.browse-spot:before{position:absolute;inset:20px;content:"";border:2px dashed var(--terracotta);border-radius:inherit;opacity:.82}.browse-spot:after{position:absolute;left:50%;top:50%;width:10px;height:10px;content:"";border-radius:inherit;background:var(--terracotta);transform:translate(-50%,-50%)}.browse-spot span{position:absolute;left:50%;bottom:14px;width:max-content;max-width:138px;padding:5px 8px;border-radius:999px;background:var(--floating-chip);color:var(--chip-text);font:400 9px / 1 var(--mono);letter-spacing:.08em;text-transform:uppercase;transform:translate(-50%)}.you-dot:after{position:absolute;inset:-10px;content:"";border-radius:inherit;background:var(--location-pulse);animation:pulse-location 2.4s ease-out infinite}.map-pin{width:28px;height:28px;border:3px solid var(--base);border-radius:50% 50% 50% 2px;display:grid;place-items:center;cursor:pointer;transform:translate(-50%,-50%) rotate(-45deg);box-shadow:var(--pin-shadow);z-index:4}.map-pin span{display:block;color:inherit;font-size:11px;font-weight:700;line-height:1;transform:rotate(45deg)}.badge-ink{background:var(--ink);color:var(--base)}.badge-ochre{background:var(--ochre);color:var(--ink)}.badge-copper{background:var(--copper);color:var(--base)}.badge-ash{background:var(--ash);color:var(--base)}.section-heading{margin:16px 8px 10px}.section-heading h2{margin:0;color:var(--ink);font:600 22px / 1.1 var(--display)}.section-heading p{margin:3px 0 0;color:var(--faint);font-size:13px}.story-list{display:grid;gap:10px}.story-card{display:grid;grid-template-columns:60px 1fr;gap:14px;width:100%;min-height:92px;padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:inherit;cursor:pointer;text-align:left}.thumb{width:60px;height:60px;align-self:center;border-radius:12px;background:repeating-linear-gradient(45deg,#e7d8b8 0 7px,#dfcea8 7px 14px)}.thumb-marten{background:repeating-linear-gradient(45deg,#e7c9be 0 7px,#ddbbaf 7px 14px)}.thumb-jarn{background:repeating-linear-gradient(45deg,#d5dac3 0 7px,#c7cdb2 7px 14px)}.thumb-cannon-dark{background:repeating-linear-gradient(45deg,#4a4232 0 7px,#403927 7px 14px)}.thumb-marten-dark{background:repeating-linear-gradient(45deg,#453b36 0 7px,#3b322d 7px 14px)}.thumb-jarn-dark{background:repeating-linear-gradient(45deg,#3d463b 0 7px,#343d32 7px 14px)}.story-card-body{min-width:0}.story-card h3{display:flex;align-items:center;gap:8px;margin:2px 0 4px;color:var(--ink);font-size:16px;font-weight:700;line-height:1.16}.story-card p{margin:0 0 8px;color:var(--muted);font-size:13.5px;line-height:1.22}.number-badge{display:inline-grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border-radius:999px;font-size:11px;font-weight:700}.distance-chip{display:inline-flex;align-items:center;min-height:21px;padding:3px 9px;border-radius:20px;background:var(--chip-bg);color:var(--chip-text);font:400 11px / 1 var(--mono)}.walk-nudge{display:flex;align-items:center;gap:14px;width:100%;min-height:74px;margin-top:12px;padding:14px 16px;border:0;border-radius:16px;background:var(--nudge-bg);color:var(--nudge-text);cursor:pointer;text-align:left}.walk-nudge span:first-child{min-width:0;flex:1}.walk-nudge strong{display:block;font:italic 400 16px / 1.1 var(--display)}.walk-nudge small{display:block;margin-top:3px;color:var(--nudge-detail);font-size:13px;line-height:1.15}.round-action{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:999px;background:var(--nudge-action-bg);color:var(--nudge-action-text);font-size:19px}.screen-story{display:flex;flex-direction:column;padding:max(18px,env(safe-area-inset-top)) 10px max(20px,env(safe-area-inset-bottom))}.back-button{display:grid;place-items:center;width:40px;height:40px;margin:0 0 10px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--ink);cursor:pointer;box-shadow:var(--control-shadow)}.back-button span[aria-hidden=true]{transform:translateY(-1px);font-size:25px;line-height:1}.story-detail{padding:0 14px}.story-hero,.skeleton-hero{position:relative;width:100%;height:250px;overflow:hidden;border-radius:20px}.story-hero{display:flex;align-items:flex-end;justify-content:center;padding:18px;background:repeating-linear-gradient(45deg,#e7d8b8 0 11px,#dfcea8 11px 22px)}.story-art-marten{background:repeating-linear-gradient(45deg,#e7c9be 0 11px,#ddbbaf 11px 22px)}.story-art-jarn{background:repeating-linear-gradient(45deg,#d5dac3 0 11px,#c7cdb2 11px 22px)}.story-art-stor{background:repeating-linear-gradient(45deg,#e9c9a8 0 11px,#e0bc96 11px 22px)}.story-art-cannon-dark{background:repeating-linear-gradient(45deg,#4a4232 0 11px,#403927 11px 22px)}.story-art-marten-dark{background:repeating-linear-gradient(45deg,#453b36 0 11px,#3b322d 11px 22px)}.story-art-jarn-dark{background:repeating-linear-gradient(45deg,#3d463b 0 11px,#343d32 11px 22px)}.story-art-stor-dark{background:repeating-linear-gradient(45deg,#4a3a2d 0 11px,#403126 11px 22px)}.story-hero span{max-width:88%;padding:8px 14px;border-radius:999px;background:var(--art-label-bg);color:var(--art-label-text);font:400 10px / 1.2 var(--mono);letter-spacing:.08em;text-align:center;text-transform:uppercase}.story-kicker{margin:20px 6px 8px;color:var(--terracotta);font:400 11px / 1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase}.story-detail h1{max-width:310px;margin:0 6px 16px;color:var(--ink);font:600 33px / 1.12 var(--display);letter-spacing:0}.story-body{margin:0 6px 20px;color:var(--body);font-size:18px;line-height:1.62}.look-card{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;margin:0 6px 18px;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.look-mark{position:relative;width:24px;height:24px;border:2px solid var(--copper);border-radius:999px}.look-mark:before{position:absolute;inset:6px;content:"";border-radius:inherit;background:var(--copper)}.look-card p{margin:0 0 4px;color:var(--faint);font:400 10px / 1 var(--mono);letter-spacing:.18em;text-transform:uppercase}.look-card span{display:block;color:var(--body);font-size:15px;line-height:1.32}.story-nudge,.chain-end{margin:auto 10px 0}.story-nudge{display:flex;align-items:center;gap:14px;width:calc(100% - 20px);min-height:80px;padding:15px 20px;border:0;border-radius:18px;background:var(--nudge-bg);color:var(--nudge-text);cursor:pointer;text-align:left}.story-nudge span:first-child{min-width:0;flex:1}.story-nudge strong{display:block;font:italic 400 16px / 1.15 var(--display)}.story-nudge small{display:block;margin-top:3px;color:var(--nudge-detail);font-size:13px;line-height:1.18}.chain-end{padding:20px 18px;border:1px solid var(--border);border-radius:18px;background:var(--surface);text-align:center}.chain-end strong{display:block;color:var(--body);font:italic 400 17px / 1.2 var(--display)}.chain-end p{max-width:280px;margin:7px auto 0;color:var(--faint);font-size:14px;line-height:1.5}.story-skeleton{display:flex;min-height:calc(100dvh - 88px);flex-direction:column;padding:0 14px}.skeleton{border-radius:12px;background-image:linear-gradient(90deg,var(--shimmer-base) 25%,var(--shimmer-highlight) 50%,var(--shimmer-base) 75%);background-size:440px 100%;animation:shimmer 1.4s linear infinite}.skeleton-hero{margin-bottom:22px;border-radius:20px}.skeleton-kicker{width:120px;height:12px;margin:0 6px 14px}.skeleton-title{height:28px;margin-left:6px;border-radius:8px}.skeleton-title-long{width:260px;margin-bottom:8px}.skeleton-title-short{width:200px;margin-bottom:24px}.skeleton-body{width:calc(100% - 12px);height:14px;margin:0 6px 9px}.skeleton-body-short{width:70%}.story-skeleton p{margin:auto 0 12px;color:var(--faint);font:italic 400 16px / 1.2 var(--display);text-align:center}.screen-walk{display:flex;flex-direction:column;padding:max(18px,env(safe-area-inset-top)) 16px max(22px,env(safe-area-inset-bottom))}.walk-copy{padding:0 10px}.walk-copy .story-kicker{margin:0 0 8px}.walk-copy h1{margin:0;color:var(--ink);font:600 29px / 1.08 var(--display)}.walk-copy>p:not(.story-kicker){margin:10px 0 16px;color:var(--muted);font-size:14px}.walk-copy-tight{padding-top:8px}.walk-map{position:relative;height:288px;margin:16px 0 12px;overflow:hidden;border:1px solid var(--border);border-radius:22px;background-color:var(--map-base);background-image:linear-gradient(var(--map-grid) 1px,transparent 1px),linear-gradient(90deg,var(--map-grid) 1px,transparent 1px);background-size:53px 53px}.walk-map-progress{height:280px}.walk-map svg{width:100%;height:100%}.route{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.route-dashed{stroke:var(--terracotta);stroke-dasharray:2 12}.route-walked{stroke:var(--terracotta)}.route-remaining{stroke:var(--route-ghost);stroke-dasharray:2 12}.route-you-ring{fill:var(--location-pulse)}.route-you{fill:var(--terracotta);stroke:var(--base);stroke-width:2}.route-stop circle{stroke-width:3}.route-stop text{font:700 12px / 1 var(--ui);text-anchor:middle}.route-stop-overview.route-stop-1 circle,.route-stop-current circle{fill:var(--ink);stroke:var(--base)}.route-stop-overview.route-stop-2 circle{fill:var(--ochre);stroke:var(--base)}.route-stop-overview.route-stop-3 circle,.route-stop-complete circle{fill:var(--copper);stroke:var(--base)}.route-stop-overview.route-stop-4 circle{fill:var(--ash);stroke:var(--base)}.route-stop-overview.route-stop-1 text,.route-stop-overview.route-stop-3 text,.route-stop-overview.route-stop-4 text,.route-stop-current text,.route-stop-complete text{fill:var(--base)}.route-stop-overview.route-stop-2 text{fill:var(--ink)}.route-stop-upcoming circle{fill:var(--base);stroke:var(--route-ghost)}.route-stop-upcoming text{fill:var(--faint)}.walk-stop-list,.recap-list{padding:0;list-style:none}.walk-stop-list{margin:8px 0 22px}.walk-stop-list li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;padding:12px 8px;border-bottom:1px solid var(--border)}.walk-stop-list .number-badge{width:26px;height:26px;margin-top:2px}.walk-stop-list strong{display:block;color:var(--ink);font-size:16px;line-height:1.16}.walk-stop-list p{margin:3px 0 0;color:var(--faint);font-size:13px;line-height:1.25}.primary-cta,.walk-continue-cta,.arrival-button,.endwalk-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;border-radius:18px;cursor:pointer;font-size:17px;font-weight:700}.primary-cta,.walk-continue-cta,.arrival-button{min-height:56px;background:var(--terracotta);color:var(--base)}.walk-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:0 10px;margin-top:14px}.walk-progress span{height:5px;border-radius:999px;background:var(--progress-track)}.walk-progress .is-filled{background:var(--terracotta)}.next-stop-card{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-top:4px;padding:16px 18px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.next-stop-card p{margin:0 0 6px;color:var(--terracotta);font:400 10px / 1 var(--mono);letter-spacing:.18em;text-transform:uppercase}.next-stop-card h2{margin:0;color:var(--ink);font:600 22px / 1.1 var(--display)}.next-stop-card span{display:block;margin-top:6px;color:var(--muted);font-size:14px}.next-stop-card button{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border:0;border-radius:999px;background:var(--ink);color:var(--base);cursor:pointer;font-size:22px}.arrival-button{margin-top:16px;background:var(--ink)}.arrival-note{margin:10px 0 auto;color:var(--faint);font-size:12px;text-align:center}.quiet-link{align-self:center;margin-top:42px;border:0;background:transparent;color:var(--faint);cursor:pointer;font-size:14px;text-decoration:underline;text-underline-offset:3px}.walk-continue-cta{width:calc(100% - 20px);margin:auto 10px 0}.screen-endwalk{display:flex;flex-direction:column;min-height:100dvh;padding:max(96px,env(safe-area-inset-top)) 32px max(22px,env(safe-area-inset-bottom));background:var(--end-bg);color:var(--end-text)}.endwalk-kicker{margin:0 0 14px;color:var(--ochre);font:400 11px / 1.2 var(--mono);letter-spacing:.18em;text-transform:uppercase}.screen-endwalk h1{max-width:310px;margin:0;color:var(--end-text);font:500 38px / 1.06 var(--display)}.recap-list{margin:34px 0 auto}.recap-list li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--end-border)}.recap-list span{display:grid;place-items:center;width:27px;height:27px;border-radius:999px;background:var(--copper);color:var(--end-text);font-size:14px}.recap-list p{margin:0;color:var(--end-text);font-size:15px;line-height:1.35}.endwalk-cta{min-height:58px;margin-top:40px;background:var(--ochre);color:var(--ink)}.endwalk-footer{margin:14px 0 0;color:var(--end-muted);font-size:14px;text-align:center}.screen-permission,.screen-settling,.screen-empty{display:flex;flex-direction:column}.screen-permission{justify-content:center;padding-right:24px;padding-left:24px}.location-mark{position:relative;width:118px;height:118px;margin:0 auto 34px;border-radius:999px;background:radial-gradient(circle,var(--location-pulse) 0 35%,transparent 36%),radial-gradient(circle,var(--location-pulse-soft) 0 62%,transparent 63%)}.location-mark:before,.location-mark:after{position:absolute;inset:17px;content:"";border:1px solid var(--location-outline);border-radius:inherit}.location-mark:after{inset:34px}.location-mark span{position:absolute;inset:50%;width:18px;height:18px;border-radius:inherit;background:var(--terracotta);transform:translate(-50%,-50%);box-shadow:0 0 0 7px var(--location-halo)}.permission-copy{text-align:center}.permission-copy .story-kicker{margin:0 0 12px}.permission-copy h1{margin:0;color:var(--ink);font:500 34px / 1.08 var(--display)}.permission-copy>p:not(.story-kicker){max-width:300px;margin:18px auto 0;color:var(--muted);font-size:16px;line-height:1.55}.permission-cta{margin-top:38px}.permission-caption{margin:12px 0 0;color:var(--faint);font-size:13px;text-align:center}.screen-settling{align-items:center;justify-content:center;padding-right:30px;padding-left:30px;text-align:center}.settling-rings{position:relative;width:132px;height:132px;margin-bottom:36px}.settling-rings span,.settling-rings i{position:absolute;inset:50%;border-radius:999px;transform:translate(-50%,-50%)}.settling-rings span{width:72px;height:72px;background:var(--location-pulse);animation:pulse-location 2.4s ease-out infinite}.settling-rings span:nth-child(2){animation-delay:.5s}.settling-rings i{width:18px;height:18px;background:var(--terracotta);box-shadow:0 0 0 8px var(--location-halo)}.settling-copy h1,.empty-copy h1{margin:0;color:var(--ink);font:italic 400 27px / 1.15 var(--display)}.settling-copy p,.empty-copy p{max-width:292px;margin:12px auto 0;color:var(--muted);font-size:16px;line-height:1.55}.settling-footer{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));margin:0;color:var(--faint);font:400 10px / 1 var(--mono);letter-spacing:.18em;text-transform:uppercase}.location-banner{display:grid;grid-template-columns:8px 1fr;gap:10px;align-items:center;margin:0 0 14px;padding:12px 13px;border:1px solid var(--banner-border);border-radius:14px;background:var(--banner-bg);color:var(--banner-text)}.location-banner span{width:8px;height:8px;border-radius:999px;background:var(--ochre)}.location-banner p{margin:0;font-size:13px;line-height:1.35}.location-banner strong{color:var(--ink)}.screen-empty{justify-content:space-between;padding-top:max(28px,env(safe-area-inset-top))}.quiet-map{position:relative;height:310px;overflow:hidden;border:1px solid var(--border);border-radius:22px;background-color:var(--map-base);background-image:linear-gradient(var(--map-grid) 1px,transparent 1px),linear-gradient(90deg,var(--map-grid) 1px,transparent 1px);background-size:53px 53px}.quiet-map .you-dot{left:50%;top:62%}.faded-pin-cluster{position:absolute;right:24px;top:-10px;width:96px;height:56px;opacity:.28}.faded-pin-cluster span{position:absolute;width:26px;height:26px;border:3px solid var(--base);border-radius:50% 50% 50% 2px;background:var(--ochre);transform:rotate(-45deg)}.faded-pin-cluster span:nth-child(2){left:28px;top:16px;background:var(--copper)}.faded-pin-cluster span:nth-child(3){left:58px;top:4px;background:var(--ink)}.empty-copy{padding:24px 16px 0;text-align:center}.empty-copy .story-kicker{margin:0 0 10px}.empty-copy h1{font-size:30px}.empty-nudge{width:100%;margin:30px 0 0}@keyframes screen-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-220px 0}to{background-position:220px 0}}@keyframes pulse-location{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}