@import url('https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700,900&f[]=zodiak@500,700&display=swap');
:root,[data-theme='light']{--font-display:'Zodiak','Georgia',serif;--font-body:'Satoshi','Inter',sans-serif;--text-xs:clamp(.75rem,.7rem + .25vw,.875rem);--text-sm:clamp(.875rem,.8rem + .35vw,1rem);--text-base:clamp(1rem,.95rem + .25vw,1.125rem);--text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);--text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);--text-2xl:clamp(2rem,1.2rem + 2.5vw,3.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-interactive:180ms cubic-bezier(.16,1,.3,1);--color-bg:#edf7f2;--color-panel:#fbfff9;--color-paper:#fffdf2;--color-blue:#0c6fa8;--color-green:#148b63;--color-yellow:#f0b526;--color-purple:#8f3d97;--color-cyan:#10a8bf;--color-ink:#1e2622;--color-muted:#59645d;--color-faint:#87938b;--color-border:#bfd2ca;--shadow-sm:0 1px 2px oklch(.2 .02 170/.08);--shadow-md:0 8px 22px oklch(.2 .02 170/.12);--shadow-lg:0 24px 64px oklch(.2 .02 170/.18)}[data-theme='dark']{--color-bg:#0f1716;--color-panel:#172220;--color-paper:#1c2724;--color-ink:#eff5ec;--color-muted:#b7c5be;--color-faint:#82918a;--color-border:#31443e;--shadow-sm:0 1px 2px oklch(0 0 0/.26);--shadow-md:0 8px 22px oklch(0 0 0/.36);--shadow-lg:0 24px 64px oklch(0 0 0/.46)}body{background:radial-gradient(circle at 15% 5%,color-mix(in oklab,var(--color-cyan) 18%,transparent),transparent 24rem),linear-gradient(135deg,color-mix(in oklab,var(--color-bg) 78%,white),var(--color-bg));}.skip-link{position:absolute;left:var(--space-4);top:var(--space-4);z-index:30;background:var(--color-paper);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in oklab,var(--color-bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in oklab,var(--color-ink) 12%,transparent)}.topbar-inner{max-width:1480px;margin:auto;padding:var(--space-3) clamp(var(--space-4),3vw,var(--space-8));display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand{display:flex;align-items:center;gap:var(--space-3);font-weight:900}.brand svg{width:2.4rem;height:2.4rem;color:var(--color-blue)}.actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.pill,.theme-toggle{min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid color-mix(in oklab,var(--color-ink) 13%,transparent);background:var(--color-paper);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);font-size:var(--text-sm);font-weight:900;text-decoration:none}.pill:hover,.theme-toggle:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.hero{max-width:1480px;margin:auto;padding:var(--space-8) clamp(var(--space-4),3vw,var(--space-8)) var(--space-4);text-align:center}.hero h1{font-size:var(--text-2xl);font-family:var(--font-body);font-weight:900;letter-spacing:-.04em}.hero .sub{margin:var(--space-2) auto 0;color:var(--color-muted);font-size:var(--text-lg);max-width:78ch}.stats{margin:var(--space-5) auto 0;display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.stat{background:var(--color-paper);border:1px solid color-mix(in oklab,var(--color-ink) 10%,transparent);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-weight:900;box-shadow:var(--shadow-sm);font-variant-numeric:tabular-nums}.expedition{max-width:1480px;margin:auto;padding:var(--space-4) clamp(var(--space-4),3vw,var(--space-8)) var(--space-8);display:grid;grid-template-columns:300px minmax(420px,1fr) 300px;grid-template-areas:'left center right';gap:var(--space-4);align-items:start}.left-col{grid-area:left}.center-col{grid-area:center}.right-col{grid-area:right}.phase-stack{display:grid;gap:var(--space-4)}.phase-card{background:var(--color-paper);border:1px solid color-mix(in oklab,var(--color-ink) 10%,transparent);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.phase-head{padding:var(--space-2) var(--space-3);color:white;font-weight:900;display:flex;justify-content:space-between;gap:var(--space-2);align-items:center}.phase-body{padding:var(--space-4);display:grid;gap:var(--space-3)}.base{display:grid;grid-template-columns:58px 1fr;gap:var(--space-3);align-items:start}.phase-icon{width:58px;height:58px;border-radius:50%;border:3px solid color-mix(in oklab,var(--phase) 75%,white);background:linear-gradient(145deg,color-mix(in oklab,var(--phase) 35%,white),#e9fbff);display:grid;place-items:center;box-shadow:inset 0 0 0 3px color-mix(in oklab,var(--phase) 12%,white)}.phase-icon svg{width:42px;height:42px;color:color-mix(in oklab,var(--phase) 72%,black)}.base strong,.item strong{display:block;font-weight:900}.base p,.item p{font-size:var(--text-sm);color:var(--color-ink);line-height:1.28}.item{display:grid;grid-template-columns:48px 1fr;gap:var(--space-3);align-items:start}.mini-icon{width:48px;height:48px;border-radius:50%;border:2px solid color-mix(in oklab,var(--phase) 70%,white);background:color-mix(in oklab,var(--phase) 16%,white);display:grid;place-items:center;color:color-mix(in oklab,var(--phase) 75%,black)}.map-card{background:linear-gradient(180deg,color-mix(in oklab,var(--color-panel) 85%,white),var(--color-panel));border-radius:var(--radius-xl);border:1px solid color-mix(in oklab,var(--color-ink) 11%,transparent);box-shadow:var(--shadow-lg);overflow:hidden}.map-title{padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.map-title h2{font-size:var(--text-lg);font-weight:900}.map-title span{font-size:var(--text-xs);font-weight:900;color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em}#map{height:520px;min-height:520px}.legend{display:flex;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border-top:1px solid color-mix(in oklab,var(--color-ink) 10%,transparent)}.legend span{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:900}.swatch{width:28px;height:6px;border-radius:999px;background:var(--c)}.center-top{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.center-top .phase-body{grid-template-columns:1.05fr 1fr 1fr;align-items:start}.below-map{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-4)}.details{max-width:1480px;margin:auto;padding:0 clamp(var(--space-4),3vw,var(--space-8)) var(--space-10);display:grid;grid-template-columns:1.05fr .95fr;gap:var(--space-4);align-items:start}.panel{background:var(--color-paper);border:1px solid color-mix(in oklab,var(--color-ink) 10%,transparent);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.panel h2{padding:var(--space-4);font-size:var(--text-lg);font-weight:900;border-bottom:1px solid color-mix(in oklab,var(--color-ink) 10%,transparent)}.day-list,.turn-list{display:grid;gap:var(--space-2);padding:var(--space-4)}.day,.turn{border-radius:var(--radius-lg);padding:var(--space-3);background:color-mix(in oklab,var(--phase-color,var(--color-panel)) 9%,var(--color-paper));border:1px solid color-mix(in oklab,var(--phase-color,var(--color-border)) 28%,transparent)}.day-top,.turn-top{display:flex;justify-content:space-between;gap:var(--space-3);font-weight:900}.date,.route-metric{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--phase-color,var(--color-muted));font-weight:900;white-space:nowrap}.day p,.turn p{font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-1)}.marker{width:23px;height:23px;border-radius:50%;border:3px solid white;box-shadow:0 3px 12px rgba(0,0,0,.28);background:var(--marker-color)}.marker.base{width:30px;height:30px}.maplibregl-popup-content{background:var(--color-paper);color:var(--color-ink);border-radius:12px;border:1px solid color-mix(in oklab,var(--color-ink) 14%,transparent);box-shadow:var(--shadow-lg);font-family:var(--font-body);padding:12px}.popup-title{font-weight:900;margin-bottom:4px}.popup-note{font-size:12px;color:var(--color-muted)}footer{max-width:1480px;margin:auto;padding:var(--space-8) clamp(var(--space-4),3vw,var(--space-8));font-size:var(--text-sm);color:var(--color-muted)}footer a{color:var(--color-blue);font-weight:900}@media(max-width:1180px){.expedition{display:flex;flex-direction:column;gap:var(--space-4)}.left-col,.right-col,.center-col,.center-top,.below-map,.phase-stack{display:contents}.map-card{order:0}.legend{order:0}.details{grid-template-columns:1fr}}@media(max-width:760px){.topbar-inner{align-items:flex-start;flex-direction:column}.hero{text-align:left}.stats{justify-content:flex-start}.center-top .phase-body,.below-map{grid-template-columns:1fr}#map{height:430px;min-height:430px}.expedition{padding-inline:var(--space-3)}.details{padding-inline:var(--space-3)}}.maplibregl-popup-content{max-height:70vh;overflow-y:auto;overflow-x:hidden}.popup-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:.5rem;width:100%;max-height:220px;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;padding-right:2px}.popup-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;cursor:pointer;transition:opacity .15s}.popup-gallery img:hover{opacity:.85}.popup-gallery-more{grid-column:1/-1;font-size:.75rem;color:var(--color-muted);text-align:center;padding:.3rem 0}.marker.unplanned{opacity:.85;filter:hue-rotate(40deg)}.marker.unplanned::after{content:'';position:absolute;inset:-3px;border-radius:50%;border:2px dashed currentColor;pointer-events:none}.popup-photos{display:inline-block;margin-top:.25rem;font-size:.75rem;opacity:.8}[data-phase-card]{cursor:pointer;transition:box-shadow var(--transition-interactive),transform var(--transition-interactive)}[data-phase-card]:hover{transform:translateY(-2px);box-shadow:0 12px 28px oklch(.2 .02 170/.18)}[data-phase-card].is-active{box-shadow:0 0 0 3px var(--phase),var(--shadow-md);transform:translateY(-2px)}.phase-filter-bar{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4);flex-wrap:wrap;border-bottom:1px solid color-mix(in oklab,var(--color-ink) 10%,transparent)}.pfb{padding:var(--space-1) var(--space-3);border:2px solid color-mix(in oklab,var(--c,var(--color-ink)) 30%,transparent);border-radius:var(--radius-full);background:transparent;font-size:var(--text-xs);font-weight:900;cursor:pointer;color:var(--color-ink);transition:var(--transition-interactive)}.pfb.is-active{background:var(--c,var(--color-ink));color:#fff;border-color:var(--c,var(--color-ink))}.pfb:hover:not(.is-active){background:color-mix(in oklab,var(--c,var(--color-ink)) 12%,transparent)}.daylight-info{margin-top:var(--space-1);font-size:var(--text-xs);opacity:0.85;color:var(--color-muted)}