#planner-root[data-planner-mode=bike]{--color-primary: var(--color-ebike);--color-primary-content: var(--color-ebike-content);--ds-good: var(--wattbox-primary)}#planner-root[data-planner-mode=bike] .car-mode-only,#planner-root[data-planner-mode=car] .bike-mode-only{display:none!important}@media(max-width:47.999rem){#planner-root .ds-hero .ds-lede{display:none}#planner-root .pl-panel-title{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}#planner-root .pl-assume{border-block-start:var(--ds-border) solid var(--ds-hair);margin-block-start:var(--ds-space-md);padding-block-start:var(--ds-space-md)}#planner-root .pl-assume-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--ds-space-sm);row-gap:var(--ds-space-3xs);min-block-size:var(--ds-touch);padding-block:var(--ds-space-2xs);cursor:pointer;list-style:none}#planner-root .pl-assume-head::-webkit-details-marker{display:none}#planner-root .pl-assume-label{grid-column:1;font-size:1rem;font-weight:650;color:var(--ds-ink)}#planner-root .pl-assume-summary{grid-column:1;font-size:var(--ds-text-sm);line-height:var(--ds-leading-snug);color:var(--ds-muted)}#planner-root .pl-assume-head:after{content:"";grid-column:2;grid-row:1 / -1;align-self:center;inline-size:.5rem;block-size:.5rem;border-inline-end:var(--ds-border-strong) solid var(--ds-muted);border-block-end:var(--ds-border-strong) solid var(--ds-muted);rotate:45deg;transition:rotate var(--ds-duration-fast) var(--ds-ease)}#planner-root .pl-assume[open] .pl-assume-head:after{rotate:-135deg}#planner-root .pl-assume-body{display:grid;gap:var(--ds-space-md);padding-block-start:var(--ds-space-md)}@media(min-width:64rem){#planner-root .pl-assume-head{cursor:default;min-block-size:0}#planner-root .pl-assume-head:after,#planner-root .pl-assume-summary{display:none}#planner-root .pl-assume-label{text-transform:uppercase;letter-spacing:.18em;color:var(--ds-muted)}}@media(prefers-reduced-motion:reduce){#planner-root .pl-assume-head:after{transition:none}}@media(min-width:64rem){#planner-root .pl-tool{inline-size:100%}#planner-root #planner-form{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--ds-space-2xl);align-items:start}#planner-root .pl-tool>.car-mode-only,#planner-root .pl-tool>.bike-mode-only{inline-size:calc((100% - var(--ds-space-2xl)) / 2)}#planner-root .pl-assume{border-block-start:0;margin-block-start:0;padding-block-start:0}#planner-root .pl-assume .pl-duo{grid-template-columns:minmax(0,1fr);gap:var(--ds-space-md)}}#planner-root .pl-tool{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ds-space-sm);margin-block-start:var(--ds-space-lg)}#planner-root #planner-mode{justify-self:start}#planner-root .hidden{display:none}.ds-pickbar{inline-size:100%;cursor:pointer}#planner-root .pl-bikebar-line{display:flex;align-items:baseline;gap:var(--ds-space-3xs);min-inline-size:0;flex-wrap:nowrap}#planner-root .pl-bikebar-line>.ds-pickbar-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0}#planner-root .pl-bikebar-line>.ds-pickbar-note{flex:none;font-variant-numeric:tabular-nums}#planner-root .pl-bikebar-line>svg{inline-size:var(--ds-icon-sm);block-size:var(--ds-icon-sm);flex:none;color:var(--ds-muted)}#planner-root .pl-bikebar-edit{margin-inline-start:auto;flex:none}#planner-root #planner-form{display:grid;row-gap:var(--ds-space-md)}@media(max-width:63.999rem){#planner-root #planner-form{padding:var(--ds-pad-card);background:var(--ds-surface);border-radius:var(--ds-radius-lg);row-gap:0}#planner-root #planner-form>.ds-inputs{padding:0;background:none;border-radius:0}}#planner-root .pl-panel-title{margin:0;font-size:var(--ds-text-sm);font-weight:650;text-transform:uppercase;letter-spacing:.18em;color:var(--ds-muted)}#planner-root .pl-places{display:grid;gap:var(--ds-space-2xs)}#planner-root .pl-loc{position:relative}#planner-root .pl-loc input{padding-inline:calc(var(--ds-icon-md) + var(--ds-space-sm) * 2) calc(var(--ds-touch) + var(--ds-space-2xs))}#planner-root .pl-loc-mark{position:absolute;inset-inline-start:var(--ds-space-sm);inset-block-start:50%;transform:translateY(-50%);display:flex;pointer-events:none}#planner-root .pl-loc-mark svg{inline-size:var(--ds-icon-md);block-size:var(--ds-icon-md);color:var(--ds-muted)}#planner-root .pl-affix{position:absolute;inset-inline-end:var(--ds-space-3xs);inset-block-start:50%;transform:translateY(-50%)}#planner-root .pl-affix-clear{display:none}#planner-root .pl-loc input:not(:placeholder-shown)~.pl-affix-clear{display:block}#planner-root .pl-loc input:not(:placeholder-shown)~.pl-affix-locate{display:none}#planner-root .planner-suggest{position:absolute;inset-block-start:calc(100% + 4px);inset-inline:0;list-style:none;margin:0;z-index:var(--ds-z-bar);background:var(--ds-paper);border:var(--ds-border) solid var(--ds-hair);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-overlay);padding:var(--ds-space-3xs);max-block-size:16rem;overflow-y:auto;flex-direction:column;flex-wrap:nowrap}.planner-suggest{display:flex}#planner-root .planner-suggest li{display:block}#planner-root .planner-suggest li button{display:block;inline-size:100%;min-block-size:var(--ds-touch);text-align:left;padding:var(--ds-space-2xs) var(--ds-space-xs);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-sm);color:var(--ds-ink)}#planner-root .planner-suggest li button:hover,#planner-root .planner-suggest li button:focus{background:var(--ds-surface-strong)}#planner-root #planner-waypoints{display:grid;gap:var(--ds-space-2xs)}#planner-root #planner-waypoints:empty{display:none}#planner-root .pl-wp-row{position:relative}#planner-root .pl-wp{display:flex;align-items:center;min-block-size:var(--ds-touch);background:var(--ds-field);border:var(--ds-border) solid var(--ds-rule);border-radius:var(--ds-radius-md)}#planner-root .pl-wp:focus-within{border-color:var(--ds-good);box-shadow:inset 0 0 0 var(--ds-border) var(--ds-good)}#planner-root .pl-wp-grip,#planner-root .pl-wp-remove{display:flex;align-items:center;justify-content:center;flex:none;inline-size:var(--ds-touch);block-size:var(--ds-touch);border:0;border-radius:var(--ds-radius-md);background:none;color:var(--ds-muted)}#planner-root .pl-wp-grip svg,#planner-root .pl-wp-remove svg{inline-size:var(--ds-icon-md);block-size:var(--ds-icon-md)}#planner-root .pl-wp-grip{cursor:grab;touch-action:none}#planner-root .pl-wp-grip:active{cursor:grabbing}#planner-root .pl-wp-remove{cursor:pointer}#planner-root .pl-wp-grip:hover,#planner-root .pl-wp-remove:hover{color:var(--ds-ink)}#planner-root .pl-wp-grip:focus-visible,#planner-root .pl-wp-remove:focus-visible{outline:var(--ds-border-strong) solid var(--ds-good);outline-offset:-2px}#planner-root .pl-wp-input{flex:1;min-inline-size:0;background:none;border:0;font-size:1rem;color:var(--ds-ink)}#planner-root .pl-wp-input:focus{outline:none}#planner-root .pl-wp-single .pl-wp-grip{display:none}#planner-root .pl-wp-single .pl-wp-input{padding-inline-start:var(--ds-space-sm)}#planner-root #planner-waypoints .wp-dragging>.pl-wp{opacity:.65;border-color:var(--ds-ink)}#planner-root .pl-addwp{margin-block-start:calc(var(--ds-space-md) * -1 + var(--ds-space-2xs))}#planner-root .pl-duo{display:grid;gap:var(--ds-space-md)}@media(min-width:40rem){#planner-root .pl-duo{grid-template-columns:repeat(2,minmax(0,1fr))}}#planner-root .pl-bike{display:grid;gap:var(--ds-space-md)}#planner-root .pl-block{display:grid;gap:var(--ds-space-2xs)}#planner-root .pl-suffix{position:relative;display:block;max-inline-size:14rem}#planner-root .pl-suffix input{padding-inline-end:calc(var(--ds-space-sm) * 2 + 1rem)}#planner-root .pl-suffix-unit{position:absolute;inset-inline-end:var(--ds-space-sm);inset-block-start:50%;transform:translateY(-50%);font-size:var(--ds-text-sm);color:var(--ds-muted);pointer-events:none}#planner-root .pl-note{margin:0;font-size:var(--ds-text-sm);line-height:var(--ds-leading-snug);color:var(--ds-muted)}#planner-root .pl-error{margin:0;font-size:var(--ds-text-sm);line-height:var(--ds-leading-snug);color:var(--ds-over)}#planner-root .pl-submit{display:grid;gap:var(--ds-space-2xs)}#planner-root .pl-hint{text-align:center}#planner-root .pl-state{margin-block-start:var(--ds-rhythm-block);max-inline-size:48rem}.pl-loading{display:grid;justify-items:center;gap:var(--ds-space-sm);padding-block:var(--ds-space-xl)}#planner-root .pl-spinner{inline-size:2rem;block-size:2rem;border:var(--ds-border-strong) solid color-mix(in oklch,var(--ds-ink) 25%,transparent);border-block-start-color:var(--ds-ink);border-radius:var(--ds-radius-pill);animation:pl-spin .7s linear infinite}@keyframes pl-spin{to{transform:rotate(1turn)}}@keyframes pl-fade{50%{opacity:.25}}.pl-result{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ds-space-md);margin-block-start:var(--ds-rhythm-block)}#planner-root .pl-print-title{font-size:1.25rem;font-weight:700}#planner-root .pl-print-meta{font-size:var(--ds-text-sm)}#planner-root .pl-result-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--ds-space-3xs)}#planner-root .pl-nudge{text-align:right;margin-block-start:calc(var(--ds-space-md) * -1 + var(--ds-space-2xs))}#planner-root .pl-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--ds-surface);border:var(--ds-border) solid var(--ds-hair);border-radius:var(--ds-radius-lg);overflow:hidden}@media(min-width:64rem){#planner-root[data-planner-mode=car] .pl-stats{grid-template-columns:repeat(3,minmax(0,1fr))}#planner-root[data-planner-mode=bike] .pl-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:63.999rem){#planner-root[data-planner-mode=car] .pl-stats>[data-stat=petrol]{grid-column:1 / -1}}#planner-root .pl-stat{min-inline-size:0;padding:var(--ds-space-md);border-inline-start:var(--ds-border) solid var(--ds-hair);border-block-start:var(--ds-border) solid var(--ds-hair);margin-inline-start:-1px;margin-block-start:-1px}#planner-root .pl-stat-label{margin:0;display:block}#planner-root .pl-stat-value{margin:var(--ds-space-xs) 0 0;color:var(--ds-ink)}#planner-root .pl-stat-note{margin:var(--ds-space-2xs) 0 0;font-size:var(--ds-text-xs);line-height:var(--ds-leading-snug);color:var(--ds-muted);font-variant-numeric:tabular-nums}#planner-root .pl-gauge{display:grid;justify-items:start;gap:var(--ds-space-3xs);margin:var(--ds-space-2xs) 0 0;min-inline-size:0}#planner-root .pl-bar{display:block;inline-size:100%;max-inline-size:9rem;block-size:.375rem;border-radius:var(--ds-radius-pill);background:var(--ds-hair);overflow:hidden}#planner-root .pl-bar-fill{display:block;inline-size:0;block-size:100%;border-radius:var(--ds-radius-pill);background:var(--ds-ink)}#planner-root .pl-bar-fill[data-verdict=ok]{background:var(--ds-good)}#planner-root .pl-bar-fill[data-verdict=deficit]{background:var(--ds-over)}#planner-root .pl-verdict{font-size:var(--ds-text-xs);font-weight:650;line-height:var(--ds-leading-tight);color:var(--ds-ink)}#planner-root .pl-verdict[data-verdict=ok]{color:var(--ds-good)}#planner-root .pl-verdict[data-verdict=deficit]{color:var(--ds-over)}#planner-root #planner-bike-warning[data-verdict=tight]>aside{border-inline-start-color:var(--ds-rule)}#planner-root #planner-bike-warning[data-verdict=tight] .pl-warn-title{color:var(--ds-ink)}#planner-root .pl-warn-cta{max-inline-size:100%}#planner-root .pl-warn-cta>span{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#planner-root .pl-warn-title{font-weight:650;color:var(--ds-over)}#planner-root #planner-bike-warning-action{margin-block-start:var(--ds-space-2xs)}#planner-root .pl-result-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ds-space-lg)}@media(min-width:64rem){#planner-root .pl-result-grid{grid-template-columns:3fr 2fr}}#planner-root .pl-timeline-col,#planner-root .pl-map-col{min-inline-size:0}#planner-root .pl-subhead{margin-block-end:var(--ds-space-sm)}#planner-root #planner-timeline{position:relative;margin:0;padding:0;list-style:none}#planner-root .pl-tl-item{position:relative;display:flex;gap:var(--ds-space-xs);padding-block-end:var(--ds-space-md)}#planner-root .pl-tl-anchor{scroll-margin-block-start:var(--scroll-offset, 130px)}#planner-root .pl-tl-rail{display:flex;flex-direction:column;align-items:center;flex:none}#planner-root .pl-tl-mark{display:flex;align-items:center;justify-content:center;flex:none;inline-size:2.25rem;block-size:2.25rem;border-radius:var(--ds-radius-pill);background:var(--ds-surface-strong);border:var(--ds-border) solid var(--ds-rule);color:var(--ds-ink);font-size:var(--ds-text-sm);font-weight:700;line-height:var(--ds-leading-none);font-variant-numeric:tabular-nums}#planner-root .pl-tl-mark[data-strong]{background:var(--ds-ink);border-color:var(--ds-ink);color:var(--ds-paper)}#planner-root .pl-tl-line{inline-size:1px;flex:1;background:var(--ds-hair)}#planner-root .pl-tl-body{min-inline-size:0;padding-block-start:var(--ds-space-3xs);overflow-wrap:break-word}#planner-root .pl-tl-title{font-size:var(--ds-text-sm);font-weight:650;line-height:var(--ds-leading-snug);color:var(--ds-ink)}#planner-root .pl-tl-detail{margin-block-start:2px;font-size:var(--ds-text-sm);line-height:var(--ds-leading-snug);color:var(--ds-muted)}#planner-root .pl-tl-detail strong{color:var(--ds-ink);font-weight:650}#planner-root .pl-fav{color:var(--ds-ink)}#planner-root .pl-tl-badge{display:inline-block;vertical-align:middle;margin-inline-start:var(--ds-space-3xs);padding:2px var(--ds-space-2xs);border-radius:var(--ds-radius-pill);background:var(--ds-surface-strong);border:var(--ds-border) solid var(--ds-hair);font-size:var(--ds-text-xs);font-weight:600;color:var(--ds-muted)}#planner-root .pl-tl-badge[data-strong]{border-color:var(--ds-rule);color:var(--ds-ink)}#planner-root .pl-nowrap{white-space:nowrap}#planner-root .pl-tl-swaps{margin-block-start:var(--ds-space-2xs)}#planner-root .pl-tl-swaps-label{font-size:var(--ds-text-xs);color:var(--ds-muted);margin-block-end:var(--ds-space-3xs)}#planner-root .pl-tl-swap-list{display:flex;flex-wrap:wrap;gap:var(--ds-space-3xs)}#planner-root .planner-swap-btn{display:inline-flex;align-items:center;gap:var(--ds-space-2xs);min-block-size:var(--ds-touch);max-inline-size:100%;padding:var(--ds-space-2xs) var(--ds-space-xs);border:var(--ds-border) solid var(--ds-rule);border-radius:var(--ds-radius-md);background:none;font-size:var(--ds-text-sm);line-height:var(--ds-leading-snug);color:var(--ds-ink);text-align:start;cursor:pointer;transition:border-color var(--ds-duration-fast) var(--ds-ease)}#planner-root .planner-swap-btn>span+span{min-inline-size:0;overflow-wrap:break-word}#planner-root .planner-swap-btn:hover{border-color:var(--ds-ink)}#planner-root .planner-swap-btn:focus-visible{outline:var(--ds-border-strong) solid var(--ds-good);outline-offset:2px}#planner-root button.ds-link{padding:0;border:0;background:none;font:inherit;cursor:pointer}#planner-root .pl-map-sticky{position:sticky;inset-block-start:calc(var(--header-height, 65px) + var(--ds-space-sm))}#planner-root .pl-map{block-size:16rem;border:var(--ds-border) solid var(--ds-hair);border-radius:var(--ds-radius-lg);overflow:hidden}@media(min-width:64rem){#planner-root .pl-map{block-size:24rem}}#planner-root .pl-map-credit{margin-block-start:var(--ds-space-2xs);font-size:var(--ds-text-xs)}#planner-root .pl-assumptions{max-inline-size:none;padding:var(--ds-space-md);background:var(--ds-surface);border:var(--ds-border) solid var(--ds-hair);border-radius:var(--ds-radius-lg);font-size:var(--ds-text-sm)}#planner-root .pl-exits{display:flex;flex-wrap:wrap;gap:var(--ds-space-2xs)}#planner-root .pl-exit-hint{display:inline-flex}#planner-root .pl-related{padding-block:var(--ds-rhythm-section) var(--ds-rhythm-section)}#planner-root .pl-related>section{padding-block-start:0}@media(prefers-reduced-motion:reduce){#planner-root .planner-swap-btn{transition:none}#planner-root .pl-spinner{border-color:var(--ds-ink);animation:pl-fade 1.2s var(--ds-ease) infinite}}@media print{header.sticky,footer,.btm-nav,#bottom-tab-bar,main+section,#planner-root>header,#planner-tool,#planner-share,#planner-exits,#planner-explain,#planner-related,#wltp-modal{display:none!important}#planner-result{display:block!important;margin-block-start:0!important}#planner-print-header{display:block!important;margin-block-end:.75rem;border-block-end:1px solid #ddd;padding-block-end:.5rem}#planner-timeline li{break-inside:avoid}#planner-map{block-size:320px!important;break-inside:avoid}#planner-root{padding:0!important}}