.navigation{position:fixed;inset:0 0 auto;z-index:var(--z-header, 1000);height:var(--header-height);display:flex;align-items:center;color:var(--color-text-primary);background:linear-gradient(90deg,color-mix(in srgb,var(--color-surface) 95%,transparent),color-mix(in srgb,var(--color-background) 90%,transparent)),linear-gradient(rgba(18,26,23,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(18,26,23,.035) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;border-bottom:1px solid var(--border-hairline);box-shadow:0 1px #ffffffbf;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);transition:box-shadow var(--transition-normal),background-color var(--transition-normal)}.navigation--scrolled{box-shadow:var(--shadow-md)}.navigation--home{background:linear-gradient(90deg,color-mix(in srgb,var(--color-surface) 88%,transparent),color-mix(in srgb,var(--color-background) 85%,transparent)),linear-gradient(rgba(18,26,23,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(18,26,23,.035) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px}.navigation__container{width:100%;max-width:1600px;height:100%;margin:0 auto;padding:0 clamp(20px,3.5vw,48px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.navigation__brand{justify-self:start;min-width:0}.navigation__logo{display:inline-flex;align-items:center;gap:10px;color:var(--color-text-primary);text-decoration:none;font-family:var(--font-family-display);font-size:clamp(1.05rem,1.8vw,1.34rem);font-weight:800;line-height:1;letter-spacing:0}.navigation__logo:hover{color:var(--color-primary-dark)}.navigation__mark{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-md);background:var(--color-primary);box-shadow:inset 0 0 0 1px #ffffff24}.navigation__mark svg{display:block}.navigation__menu{display:flex;align-items:center;justify-content:center;gap:4px;padding:5px;border:1px solid var(--border-hairline);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-surface) 62%,transparent)}.navigation__link{position:relative;display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border-radius:var(--radius-full);color:var(--color-gray-700);text-decoration:none;font-size:var(--font-size-sm);font-weight:700;line-height:1;transition:color var(--transition-normal),background var(--transition-normal)}.navigation__link:hover,.navigation__link.active{color:var(--color-primary-dark);background:#07523f1a}.navigation__cta{display:flex;justify-content:flex-end}.navigation__button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;border-radius:var(--radius-full);background:var(--button-gradient);color:#fff;text-decoration:none;font-weight:800;box-shadow:var(--shadow-cta);transition:transform var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal)}.navigation__button:hover{color:#fff;transform:translateY(-1px);background:var(--button-gradient-hover);box-shadow:var(--shadow-cta-hover)}.navigation__title,.navigation__links{display:contents}.navigation__link:focus-visible,.navigation__button:focus-visible,.navigation__logo:focus-visible{outline:2px solid var(--color-secondary);outline-offset:3px}@media (max-width: 920px){.navigation{height:auto;min-height:var(--header-height)}.navigation__container{width:min(100% - 24px,760px);grid-template-columns:1fr auto;grid-template-areas:"brand cta" "menu menu";gap:10px 14px;padding:10px 0}.navigation__brand{grid-area:brand}.navigation__menu{grid-area:menu;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin}.navigation__menu::-webkit-scrollbar{height:4px}.navigation__menu::-webkit-scrollbar-thumb{background:var(--color-gray-400)}.navigation__link{min-height:44px}.navigation__cta{grid-area:cta}}@media (max-width: 560px){.navigation__container{width:min(100% - 20px,520px)}.navigation__logo{font-size:1rem}.navigation__mark{width:34px;height:34px}.navigation__link{padding:0 10px;font-size:var(--font-size-sm)}.navigation__button{min-height:38px;padding:0 14px;font-size:var(--font-size-sm)}}@media (prefers-reduced-motion: reduce){.navigation,.navigation__link,.navigation__button{transition:none}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm)}.loading-spinner__circle{position:relative;display:inline-block;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner__inner{width:100%;height:100%;border-radius:50%;border:2px solid transparent;border-top-color:currentColor;border-right-color:currentColor}.loading-spinner--small .loading-spinner__circle{width:16px;height:16px}.loading-spinner--medium .loading-spinner__circle{width:24px;height:24px}.loading-spinner--large .loading-spinner__circle{width:32px;height:32px}.loading-spinner--primary{color:var(--color-primary)}.loading-spinner--secondary{color:var(--color-gray-500)}.loading-spinner--white{color:#fff}.loading-spinner__message{font-size:var(--font-size-sm);color:var(--color-gray-600);text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner--centered{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-loading)}.loading-spinner--overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffc;z-index:var(--z-loading)}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg);background:var(--color-background)}.error-boundary__content{max-width:520px;padding:var(--spacing-xl);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);text-align:center}.error-boundary__title{margin:0 0 var(--spacing-md);color:var(--color-error);font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:800;line-height:1.1}.error-boundary__message{margin:0 0 var(--spacing-lg);color:var(--color-gray-700);font-size:var(--font-size-base);font-weight:600;line-height:1.6}.error-boundary__reload{min-height:48px;padding:0 26px;border:none;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-on-dark);box-shadow:var(--shadow-cta);cursor:pointer;font-size:var(--font-size-base);font-weight:800;transition:background .2s ease,transform .2s ease}.error-boundary__reload:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.error-boundary__details{margin-top:var(--spacing-lg);text-align:left}.error-boundary__details summary{margin-bottom:var(--spacing-sm);color:var(--color-gray-700);cursor:pointer;font-weight:700}.error-boundary__stack{padding:var(--spacing-md);border:1px solid var(--border-hairline);border-radius:var(--radius-md);background:var(--color-gray-100);color:var(--color-gray-800);font-family:var(--font-family-mono);font-size:var(--font-size-sm);overflow-x:auto;white-space:pre-wrap}.route-visualization{padding:14px;border:1px solid var(--border-hairline);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-background) 55%,transparent)}.route-title{display:flex;align-items:center;gap:8px;margin:0 0 4px;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-base);font-weight:800;line-height:var(--leading-tight)}.route-title:after{content:none}.route-summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:12px}.route-summary .duration{display:inline-flex;align-items:center;gap:6px;color:var(--color-primary-dark);font-size:var(--font-size-sm);font-weight:800}.route-summary .times{color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:600;font-variant-numeric:tabular-nums}.route-legs{display:flex;flex-direction:column;gap:8px}.route-leg{position:relative;padding:11px 13px;border:1px solid var(--border-hairline);border-left:3px solid rgba(18,26,23,.22);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}.route-leg.clickable{cursor:pointer;padding-bottom:26px}.route-leg.clickable:after{content:"Visa på karta";position:absolute;bottom:8px;right:12px;color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-2xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:0;transition:opacity var(--transition-fast)}.route-leg.clickable:hover,.route-leg.clickable:focus-visible{border-left-color:var(--color-secondary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.route-leg.clickable:hover:after,.route-leg.clickable:focus-visible:after{opacity:1}@media (hover: none){.route-leg.clickable:after{opacity:1}}.route-leg.highlighted{border-color:#276c8366;border-left-color:var(--color-secondary);background:#276c8312;box-shadow:0 0 0 3px #276c831f}.route-leg.highlighted.clickable:after{content:"Visas på kartan";opacity:1;color:var(--color-secondary)}.leg-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:7px}.mode-icon{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:var(--radius-sm);background:#121a1712;color:var(--color-gray-800)}.mode-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:800}.leg-duration{margin-left:auto;color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:700}.leg-times{color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:600;font-variant-numeric:tabular-nums}.leg-details{display:grid;gap:3px;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:600;line-height:var(--leading-normal)}.leg-details>div{display:flex;align-items:center;gap:6px;margin:0;min-width:0}.leg-from,.leg-to{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-info{color:var(--color-secondary);font-weight:700}.route-info strong{font-weight:800}.leg-details .distance{color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.leaflet-cluster-anim .leaflet-marker-icon,.leaflet-cluster-anim .leaflet-marker-shadow{-webkit-transition:-webkit-transform .3s ease-out,opacity .3s ease-in;-moz-transition:-moz-transform .3s ease-out,opacity .3s ease-in;-o-transition:-o-transform .3s ease-out,opacity .3s ease-in;transition:transform .3s ease-out,opacity .3s ease-in}.leaflet-cluster-spider-leg{-webkit-transition:-webkit-stroke-dashoffset .3s ease-out,-webkit-stroke-opacity .3s ease-in;-moz-transition:-moz-stroke-dashoffset .3s ease-out,-moz-stroke-opacity .3s ease-in;-o-transition:-o-stroke-dashoffset .3s ease-out,-o-stroke-opacity .3s ease-in;transition:stroke-dashoffset .3s ease-out,stroke-opacity .3s ease-in}.marker-cluster-small{background-color:#b5e28c99}.marker-cluster-small div{background-color:#6ecc3999}.marker-cluster-medium{background-color:#f1d35799}.marker-cluster-medium div{background-color:#f0c20c99}.marker-cluster-large{background-color:#fd9c7399}.marker-cluster-large div{background-color:#f1801799}.leaflet-oldie .marker-cluster-small{background-color:#b5e28c}.leaflet-oldie .marker-cluster-small div{background-color:#6ecc39}.leaflet-oldie .marker-cluster-medium{background-color:#f1d357}.leaflet-oldie .marker-cluster-medium div{background-color:#f0c20c}.leaflet-oldie .marker-cluster-large{background-color:#fd9c73}.leaflet-oldie .marker-cluster-large div{background-color:#f18017}.marker-cluster{background-clip:padding-box;border-radius:20px}.marker-cluster div{width:30px;height:30px;margin-left:5px;margin-top:5px;text-align:center;border-radius:15px;font:12px Helvetica Neue,Arial,Helvetica,sans-serif}.marker-cluster span{line-height:30px}:root{--color-primary: #07523f;--color-primary-light: #36a47f;--color-primary-dark: #12312a;--color-secondary: #276c83;--color-secondary-dark: #164f61;--color-accent: #9a5a14;--color-accent-graphic: #b9783e;--color-background: #f2efe7;--color-surface: #fffdf8;--color-surface-raised: rgba(255, 253, 248, .9);--color-surface-strong: #ffffff;--color-text: #18231f;--color-text-primary: #18231f;--color-text-muted: #586660;--color-border: #d9d3c8;--color-border-strong: #bdb5a8;--color-error: #b33a2f;--color-success: #0f7a5f;--color-warning: #8a5213;--color-warning-soft: rgba(138, 82, 19, .1);--color-warning-border: rgba(138, 82, 19, .28);--color-info: #1c7fa6;--color-gray-50: #fbfaf6;--color-gray-100: #f4f2ec;--color-gray-200: #e8e7df;--color-gray-300: #d8ded8;--color-gray-400: #aebbb4;--color-gray-500: #7d8d86;--color-gray-600: #586660;--color-gray-700: #43514b;--color-gray-800: #26332e;--color-gray-900: #121a17;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--header-height: 72px;--z-base: 1;--z-dropdown: 100;--z-sticky: 900;--z-header: 1000;--z-loading: 1100;--z-modal: 200;--z-notification: 300;--shadow-sm: 0 1px 2px rgba(18, 26, 23, .05);--shadow-md: 0 10px 24px rgba(18, 26, 23, .08);--shadow-lg: 0 22px 54px rgba(18, 26, 23, .13);--shadow-map-panel: 0 18px 42px rgba(18, 26, 23, .15);--shadow-cta: 0 14px 28px rgba(7, 82, 63, .22);--shadow-cta-hover: 0 18px 34px rgba(7, 82, 63, .26);--border-hairline: rgba(18, 26, 23, .1);--border-soft: rgba(18, 26, 23, .14);--border-line-strong: rgba(18, 26, 23, .45);--color-text-on-dark: var(--color-surface);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 999px;--transition-fast: .15s ease;--transition-normal: .22s ease;--transition-slow: .35s cubic-bezier(.2, .8, .2, 1);--font-family-sans: "Source Sans 3", ui-sans-serif, system-ui, sans-serif;--font-family-display: "Fraunces", Georgia, serif;--font-family-mono: "IBM Plex Mono", "SFMono-Regular", monospace;--font-size-2xs: .7rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-display-1: clamp(3.2rem, 6.5vw, 6rem);--font-size-display-2: clamp(2.65rem, 6vw, 4.45rem);--font-size-display-3: clamp(1.45rem, 3vw, 1.95rem);--leading-display: 1.05;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.6;--kicker-size: var(--font-size-2xs);--kicker-weight: 600;--kicker-tracking: .12em;--control-height: 46px;--button-gradient: var(--color-primary);--button-gradient-hover: var(--color-primary-dark);--panel-gradient: rgba(255, 253, 248, .94);--primary-color: var(--color-primary);--primary-color-dark: var(--color-primary-dark);--primary-color-light: rgba(15, 122, 95, .1);--danger-color: var(--color-error);--danger-color-dark: #7e261f;--danger-light: rgba(179, 58, 47, .08);--gray-50: var(--color-gray-50);--gray-100: var(--color-gray-100);--gray-200: var(--color-gray-200);--gray-300: var(--color-gray-300);--gray-500: var(--color-gray-500);--gray-600: var(--color-gray-600);--gray-700: var(--color-gray-700);--gray-800: var(--color-gray-800);--border-radius-sm: var(--radius-sm);--border-radius-md: var(--radius-md)}@media (max-width: 920px){:root{--header-height: 124px}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:auto;overflow-x:hidden;overflow-y:auto;font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);background-image:linear-gradient(#f4f2ecd6,#f4f2ece6),radial-gradient(900px 360px at 82% -8%,rgba(28,127,166,.12),transparent 62%),radial-gradient(780px 420px at 0% 100%,rgba(15,122,95,.12),transparent 64%),url(/topo.webp);background-repeat:repeat,no-repeat,no-repeat,no-repeat;background-size:auto,cover,cover,cover;background-position:center,center -120px,left bottom,center;background-attachment:scroll,scroll,scroll,scroll;background-blend-mode:normal,multiply,multiply,normal;color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--leading-relaxed)}body:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;min-height:100vh;opacity:.18;background-image:linear-gradient(rgba(18,26,23,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(18,26,23,.035) 1px,transparent 1px);background-size:36px 36px}.sv-panel{border:1px solid color-mix(in srgb,var(--color-border) 82%,transparent);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-sm)}.sv-button,.sv-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:42px;border:1px solid transparent;border-radius:var(--radius-md);font-weight:800;line-height:1;text-decoration:none;transition:background var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}.sv-button{padding:0 1rem}.sv-button--primary{background:var(--color-primary);color:var(--color-text-on-dark);box-shadow:var(--shadow-cta)}.sv-button--primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.sv-button--secondary{border-color:color-mix(in srgb,var(--color-border) 84%,transparent);background:color-mix(in srgb,var(--color-surface) 86%,transparent);color:var(--color-text-primary)}.sv-button--secondary:hover{border-color:color-mix(in srgb,var(--color-primary) 32%,var(--color-border));color:var(--color-primary-dark)}.sv-icon-button{width:40px;padding:0}.sv-icon{flex:0 0 auto;color:currentColor}.sv-field{width:100%;min-height:var(--control-height);border:1px solid color-mix(in srgb,var(--color-border) 88%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 92%,transparent);color:var(--color-text-primary);box-shadow:inset 0 1px #fffc}.sv-chip{display:inline-flex;align-items:center;gap:.4rem;min-height:32px;padding:0 .75rem;border:1px solid color-mix(in srgb,var(--color-border) 88%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 78%,transparent);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:800}.sv-kicker{font-family:var(--font-family-mono);font-size:var(--kicker-size);font-weight:var(--kicker-weight);letter-spacing:var(--kicker-tracking);text-transform:uppercase}#root{height:auto;overflow:visible;background-color:transparent}a{color:inherit}input,select,textarea{font:inherit;color:var(--color-text-primary)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:color-mix(in srgb,var(--color-background) 80%,transparent)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed}code{font-family:var(--font-family-mono);background:var(--color-gray-100);padding:.125rem .25rem;border-radius:var(--radius-sm);font-size:.875em}.app-loading{min-height:50vh;display:grid;place-items:center;color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--kicker-size);font-weight:var(--kicker-weight);letter-spacing:var(--kicker-tracking);text-transform:uppercase}.not-found{min-height:calc(100vh - var(--header-height));margin-top:var(--header-height);display:grid;place-items:center;padding:var(--spacing-xl) var(--spacing-md)}.not-found__content{max-width:480px;padding:var(--spacing-xl);text-align:center}.not-found__kicker{color:var(--color-accent)}.not-found h1{margin:10px 0 8px;font-family:var(--font-family-display);font-size:var(--font-size-display-3);font-weight:800;line-height:var(--leading-display);color:var(--color-primary-dark)}.not-found p{margin:0 0 var(--spacing-lg);color:var(--color-text-muted);line-height:var(--leading-normal)}.not-found__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm)}