@font-face{font-family:Sora;font-weight:200;font-style:normal;font-display:swap;src:url(/fonts/sora-latin-200-normal.woff2) format("woff2")}@font-face{font-family:Sora;font-weight:300;font-style:normal;font-display:swap;src:url(/fonts/sora-latin-300-normal.woff2) format("woff2")}@font-face{font-family:Sora;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/sora-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Sora;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/sora-latin-600-normal.woff2) format("woff2")}@font-face{font-family:Manrope;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/manrope-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Manrope;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/manrope-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Manrope;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/manrope-latin-600-normal.woff2) format("woff2")}@font-face{font-family:Manrope;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/manrope-latin-700-normal.woff2) format("woff2")}html:root{--op-accent:#04231a;--glow-rgb:84,224,176;--glow-sterkte:.32;--route:var(--accent);--f-tekst:"Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--f-cijfer:"Sora", "Manrope", ui-sans-serif, system-ui, sans-serif;--cijfer-dikte:200;--kaart:color-mix(in srgb, var(--surface) 90%, transparent);--kaart-vol:color-mix(in srgb, var(--surface) 98%, var(--bg));--kaart-rand:color-mix(in srgb, var(--accent) 24%, transparent);--kaart-straal:28px;--pil:999px;--route-2:#b388ff;--route-3:#ff8fb0;--glow:0 0 26px rgba(var(--glow-rgb), var(--glow-sterkte));--glow-klein:0 0 14px rgba(var(--glow-rgb), calc(var(--glow-sterkte) * .8))}html:root:not([data-theme]),html[data-theme=dark]{--bg:#08100e;--surface:#0e1a17;--surface-2:#122320;--surface-3:#183029;--text:#eef6f3;--muted:#8fa59e;--line:rgba(238,246,243,.1);--accent:#54e0b0;--accent-2:#34c896;--accent-soft:rgba(84,224,176,.12);--op-accent:#04231a;--glow-rgb:84,224,176;--glow-sterkte:.32;--route:#54e0b0;--tint-1:rgba(238,246,243,.035);--tint-2:rgba(238,246,243,.05);--tint-3:rgba(238,246,243,.07);--ring:0 0 0 3px rgba(84,224,176,.3);--shadow-sm:0 10px 28px -12px rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.03) inset;--shadow:0 22px 50px -18px rgba(0,0,0,.7), 0 1px 0 rgba(255,255,255,.04) inset;--shadow-strong:0 32px 70px -22px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,.05) inset;--card-glow:0 14px 34px -14px rgba(0,0,0,.6)}html[data-theme=light]{--bg:#efebe1;--surface:#fffdf8;--surface-2:#fbf8f0;--surface-3:#f3eee2;--text:#1a160d;--muted:#6b5f48;--line:rgba(143,106,34,.18);--accent:#8f6a22;--accent-2:#a87d2c;--accent-soft:rgba(143,106,34,.12);--op-accent:#fffaf0;--glow-rgb:143,106,34;--glow-sterkte:.18;--route:#8f6a22;--tint-1:rgba(143,106,34,.05);--tint-2:rgba(143,106,34,.07);--tint-3:rgba(143,106,34,.09);--ring:0 0 0 3px rgba(143,106,34,.3);--shadow-sm:0 10px 26px -12px rgba(60,45,10,.3);--shadow:0 22px 46px -18px rgba(60,45,10,.34);--shadow-strong:0 32px 64px -22px rgba(60,45,10,.4);--card-glow:0 14px 34px -14px rgba(60,45,10,.28);--cijfer-dikte:300}html[data-theme=light]{--cijfer-dikte:300}html:root,html:root body{font-family:var(--f-tekst)}html:root h1,html:root h2,html:root h3{font-family:var(--f-cijfer);font-weight:400;letter-spacing:-.01em}html:root .eyebrow{font-family:var(--f-tekst);font-size:11px;letter-spacing:.24em;font-weight:700;color:var(--accent)}html:root button,html:root input,html:root select,html:root textarea{font-family:var(--f-tekst)}html:root .status-bar-scrim{background:var(--bg)}html:root .search-card{min-height:64px;border-radius:var(--pil);padding:6px 8px;background:var(--kaart);border:1px solid var(--kaart-rand);-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2);box-shadow:var(--shadow-sm);grid-template-columns:48px 1fr 44px}html:root .search-card .round-icon.brand-icon{width:46px;height:46px;border-radius:50%;background:var(--accent);color:var(--op-accent);box-shadow:var(--glow-klein)}html:root .search-input-wrap label{font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--accent);margin-bottom:1px}html:root .search-input-wrap input{font-size:16px;font-weight:500;letter-spacing:-.005em}html:root .search-input-wrap input::placeholder{color:var(--muted);font-weight:400}html:root .search-results{border-radius:26px;background:var(--kaart-vol);border:1px solid var(--kaart-rand);box-shadow:var(--shadow)}html:root .search-result{border-radius:18px}html:root .result-icon{border-radius:50%}html:root .round-icon{border-radius:50%;background:var(--kaart);border:1px solid var(--kaart-rand);box-shadow:none;color:var(--accent)}html:root .round-icon.subtle{background:var(--tint-3);border-color:transparent}html:root .toast{padding:13px 20px;border-radius:var(--pil);background:var(--kaart-vol);color:var(--text);border:1px solid var(--kaart-rand);font-size:13px;font-weight:600;letter-spacing:.01em;line-height:1.35;text-align:center;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}html:root .location-badge,html:root .network-badge{background:var(--kaart);border:1px solid var(--kaart-rand);font-size:10px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}html:root .location-badge strong{font-size:10px;letter-spacing:.02em}html:root .location-badge small{font-size:9px}html:root .network-badge{background:var(--warning);color:#2b2414;border-color:transparent}html:root .map-fab{width:50px;height:50px;border-radius:50%;background:var(--kaart-vol);color:var(--accent);border:1px solid var(--kaart-rand);box-shadow:var(--shadow-sm)}html:root .map-fab.primary-fab,html:root .map-fab.active{background:var(--accent);color:var(--op-accent);border-color:var(--accent);box-shadow:var(--glow),var(--shadow-sm)}html:root .map-fab.warning-fab{background:var(--warning);color:#241a06;border-color:transparent;box-shadow:0 0 22px #f8c86b59}html:root .paden-legenda{background:var(--kaart-vol);color:var(--text);border:1px solid var(--kaart-rand);border-radius:18px;box-shadow:var(--shadow-sm)}html:root .sheet{border-radius:var(--kaart-straal);background:linear-gradient(180deg,var(--kaart-vol),var(--kaart));border:1px solid var(--kaart-rand);-webkit-backdrop-filter:blur(26px) saturate(1.15);backdrop-filter:blur(26px) saturate(1.15);box-shadow:var(--shadow)}html:root .sheet-handle{width:34px;height:3px;background:var(--line);margin:8px auto 6px}html:root .home-sheet{padding:8px 16px 14px}html:root .quick-bar{gap:8px}html:root .quick-chip{border-radius:22px;border:1px solid var(--line);background:var(--tint-2);min-height:68px;box-shadow:none}html:root .quick-chip-icon{border-radius:50%;width:30px;height:30px;background:var(--accent-soft);color:var(--accent)}html:root .quick-chip strong{font-size:12px;font-weight:700;letter-spacing:.01em}html:root .quick-chip small{font-size:10px}html:root .quick-chip:hover,html:root .quick-chip:focus-visible{border-color:var(--accent);box-shadow:var(--glow-klein)}html:root .app-update-card,html:root .resume-ride-card{border-radius:22px;border:1px solid var(--kaart-rand);background:var(--accent-soft)}html:root .app-update-icon,html:root .resume-ride-icon{background:var(--accent);color:var(--op-accent);border-radius:50%}html:root .bottom-nav{border-radius:var(--pil);background:var(--kaart);border:1px solid var(--kaart-rand);-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2);box-shadow:var(--shadow);left:14px;right:14px;height:64px}html:root .nav-tab{color:var(--muted);border-radius:var(--pil)}html:root .nav-tab span{font-size:8.5px;letter-spacing:.05em;text-transform:uppercase;font-weight:700}html:root .nav-tab.active{color:var(--op-accent);background:var(--accent);box-shadow:var(--glow-klein)}html:root .route-sheet{padding:4px 18px 18px}html:root .route-destination-row small{font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--accent)}html:root .route-destination-row strong{font-family:var(--f-cijfer);font-weight:300;font-size:24px;letter-spacing:-.01em;line-height:1.1}html:root .route-destination-row span{font-size:12px;letter-spacing:.02em}html:root .route-start-row small{letter-spacing:.2em;text-transform:uppercase;font-size:9px}html:root .route-start-row strong{font-size:13px;font-weight:600}html:root .route-start-dot{box-shadow:0 0 0 4px var(--accent-soft),var(--glow-klein)}html:root .route-status{border-radius:var(--pil);background:var(--tint-2);font-size:11px;padding:8px 14px}html:root .retry-route-button{border-radius:var(--pil)}html:root .route-choices{gap:10px}html:root .route-choice{border-radius:24px;border:1px solid var(--line);background:var(--tint-1);padding:14px 18px 14px 22px}html:root .route-choice:before{width:4px;top:16px;bottom:16px;left:8px;border-radius:2px}html:root .route-choice.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--glow-klein)}html:root .route-choice h3{font-family:var(--f-tekst);font-size:15px;font-weight:700}html:root .route-choice .route-time{font-family:var(--f-cijfer);font-weight:var(--cijfer-dikte);font-size:26px;letter-spacing:-.04em;color:var(--text);line-height:1}html:root .route-choice .route-meta{font-size:12px;letter-spacing:.02em}html:root .route-choice p{font-size:12px;color:var(--muted)}html:root .highlight-pill{border-radius:var(--pil);font-size:11px;padding:8px 14px;background:var(--tint-2);color:var(--muted);letter-spacing:.02em}html:root .primary-button,html:root .secondary-button{min-height:56px;border-radius:var(--pil);font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}html:root .primary-button{background:var(--accent);color:var(--op-accent);box-shadow:var(--glow),var(--shadow-sm)}html:root .primary-button:disabled{box-shadow:none;background:var(--tint-3);color:var(--muted)}html:root .secondary-button{background:transparent;border:1px solid var(--kaart-rand);color:var(--text)}html:root .route-action-grid{gap:10px;margin-top:14px}html:root .navigation-mode{--nav-guidance-h:104px;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 55%,transparent),transparent 24%,transparent 66%,color-mix(in srgb,var(--bg) 60%,transparent))}html:root .nav-guidance{left:12px;right:12px;border-radius:30px;background:linear-gradient(180deg,var(--kaart-vol),var(--kaart));border:1px solid var(--kaart-rand);-webkit-backdrop-filter:blur(26px) saturate(1.2);backdrop-filter:blur(26px) saturate(1.2);box-shadow:var(--shadow);padding:14px 16px 14px 18px;gap:14px;grid-template-columns:76px 1fr 44px}html:root .maneuver-icon-wrap{width:76px;height:76px}html:root .maneuver-icon{width:76px;height:76px;border-radius:0;background:transparent;color:var(--accent);font-size:46px;font-weight:300;filter:drop-shadow(0 0 10px rgba(var(--glow-rgb),var(--glow-sterkte)))}html:root .maneuver-arrow{width:84%;height:84%;stroke-width:4.4}html:root .maneuver-icon-wrap[data-has-exit=true] .maneuver-icon{padding-top:2px;font-size:20px}html:root .maneuver-exit-badge{color:var(--accent);font-family:var(--f-cijfer);font-weight:300;bottom:4px}html:root .maneuver-copy strong{white-space:nowrap;font-family:var(--f-cijfer);font-weight:var(--cijfer-dikte);font-size:clamp(28px,10.5vw,42px);letter-spacing:-.05em;color:var(--text)}html:root .maneuver-copy h2{font-family:var(--f-tekst);font-weight:600;font-size:18px;letter-spacing:-.005em;margin:6px 0 2px}html:root .maneuver-copy p{font-size:13px;color:var(--muted)}html:root .maneuver-toward{color:var(--accent);letter-spacing:.04em}html:root .nav-guidance[data-proximity=near]{border-color:var(--accent)}html:root .nav-guidance[data-proximity=now]{border-color:var(--accent);box-shadow:var(--glow),var(--shadow)}html:root .nav-guidance[data-proximity=now] .maneuver-copy strong{font-size:48px}html:root .nav-guidance[data-proximity=now] .maneuver-icon{animation:none}html:root .nav-guidance[data-guidance=rule]{border-color:#79a9ff8c}html:root .nav-guidance[data-guidance=rule] .maneuver-icon{background:transparent;color:#79a9ff;filter:drop-shadow(0 0 10px rgba(121,169,255,.4))}html:root .nav-voice{background:var(--tint-3);border-color:transparent;color:var(--muted)}html:root .rule-alert-banner{left:12px;right:12px;border-radius:26px;background:var(--kaart-vol);border:1px solid rgba(121,169,255,.5);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}html:root .rule-alert-icon{border-radius:50%;background:transparent;color:#79a9ff;border:1px solid rgba(121,169,255,.5)}html:root .rule-alert-banner strong{font-family:var(--f-cijfer);font-weight:300;font-size:15px;letter-spacing:.02em}html:root .rule-alert-banner h3{font-family:var(--f-tekst);font-weight:600;font-size:16px;color:var(--text)}html:root .segment-banner{top:calc(var(--safe-top) + var(--nav-guidance-h) + var(--nav-guidance-grow,0px) + var(--nav-gap) + 2px);padding:6px 14px;border-radius:var(--pil);background:var(--kaart);border:1px solid var(--kaart-rand);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}html:root .segment-banner>span{width:6px;height:6px;box-shadow:0 0 0 3px var(--accent-soft)}html:root .segment-banner strong{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--accent);max-width:46vw;overflow:hidden;text-overflow:ellipsis}html:root .segment-banner small{font-size:11px;letter-spacing:.02em}html:root .nav-dashboard{left:12px;right:12px;border-radius:34px;padding:18px 20px 16px;background:linear-gradient(180deg,var(--kaart-vol),var(--kaart));border:1px solid var(--kaart-rand);-webkit-backdrop-filter:blur(26px) saturate(1.2);backdrop-filter:blur(26px) saturate(1.2);box-shadow:var(--shadow)}html:root .nav-dashboard-main{grid-template-columns:1fr auto auto;gap:18px;grid-template-areas:"reis snelheid limiet"}html:root .nav-trip-stack{grid-area:reis;gap:4px;justify-items:start;align-content:center}html:root .nav-trip-stack div{flex-direction:column-reverse;align-items:flex-start;gap:1px}html:root .nav-trip-stack div:first-child strong{font-family:var(--f-cijfer);font-weight:var(--cijfer-dikte);font-size:36px;letter-spacing:-.045em;line-height:1}html:root .nav-trip-stack div:last-child strong{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.04em}html:root .nav-trip-stack small{font-size:9px;letter-spacing:.24em;font-weight:700;color:var(--muted)}html:root .nav-dashboard-main>.nav-summary-item:first-child{grid-area:snelheid}html:root .nav-summary-item strong{font-family:var(--f-cijfer);font-weight:var(--cijfer-dikte);font-size:50px;letter-spacing:-.06em}html:root .nav-summary-item small{font-size:9px;letter-spacing:.24em;font-weight:700}html:root #legalSpeedItem{grid-area:limiet}html:root .speed-sign{width:44px;height:44px;background:transparent;border:1.5px solid var(--accent);color:var(--accent);font-family:var(--f-cijfer);font-weight:400;font-size:17px}html:root .nav-action-row{position:absolute;right:14px;bottom:calc(100% + 10px);gap:8px}html:root .nav-action-button{width:44px;height:44px;border-radius:50%;background:var(--kaart-vol);border:1px solid var(--kaart-rand);color:var(--accent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-sm)}html:root .nav-action-button.active{color:var(--op-accent);background:var(--accent);border-color:var(--accent)}html:root .nav-action-button.warn{color:#ffb3a8;border-color:#ff8c7866;background:var(--kaart-vol)}html:root .nav-action-button.danger{color:#ff9aa0;border-color:#ff6b7273;background:var(--kaart-vol)}html:root .nav-gps-status,html:root .nav-offline-status{font-size:10px;letter-spacing:.04em}html:root .full-panel{background:var(--bg)}html:root .panel-header{background:color-mix(in srgb,var(--bg) 90%,transparent);border-bottom:1px solid var(--line)}html:root .panel-header h2{font-family:var(--f-cijfer);font-weight:300;font-size:24px;letter-spacing:-.02em}html:root .panel-content{padding:16px}html:root .settings-card{background:var(--kaart-vol);border:1px solid var(--line);border-radius:28px;padding:20px 20px 14px;margin-bottom:14px}html:root .settings-card h3{font-family:var(--f-tekst);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:10px}html:root .profile-row strong,html:root .setting-action strong,html:root .switch-row strong,html:root .select-row strong{font-size:14px;font-weight:600}html:root .profile-row small,html:root .setting-action small,html:root .switch-row small,html:root .select-row small{font-size:11px}html:root .panel-input,html:root .text-area{border-radius:var(--pil);background:var(--kaart-vol);border:1px solid var(--kaart-rand)}html:root .text-area{border-radius:22px}html:root select{border-radius:var(--pil)}html:root .settings-note,html:root .section-copy{font-size:12px;line-height:1.55}html:root .thema-keuze-blok--eerste{display:grid;gap:4px}html:root .thema-keuze-blok--eerste>strong{font-family:var(--f-cijfer);font-weight:300;font-size:17px}html:root .thema-keuzes{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}html:root .thema-swatch{border-radius:24px;padding:14px 8px 12px;background:var(--tint-2);gap:10px}html:root .thema-swatch.actief{border-color:var(--accent);box-shadow:var(--glow-klein)}html:root .thema-swatch-preview{width:44px;height:44px;box-shadow:0 0 0 3px var(--tint-3)}html:root .thema-swatch--auto .thema-swatch-preview{background:linear-gradient(90deg,#08100e 50%,#efebe1 50%);border:1px solid var(--line)}html:root .thema-swatch-naam{font-size:12px;font-weight:600;letter-spacing:.02em}html:root .thema-swatch-slot{border-radius:var(--pil);font-size:8px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding:3px 7px}html:root .vehicle-option,html:root .fiets-soort-option{border-radius:24px;background:var(--tint-2)}html:root .vehicle-option[aria-pressed=true],html:root .fiets-soort-option[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--glow-klein)}html:root .vehicle-option[aria-pressed=true] .vehicle-option-icon,html:root .fiets-soort-option[aria-pressed=true] .vehicle-option-icon{background:var(--accent);color:var(--op-accent)}html:root .vehicle-option-icon{border-radius:50%}html:root .onboarding-card{border-radius:34px;border:1px solid var(--kaart-rand);background:var(--kaart-vol)}html:root .vehicle-picker-card h1{font-family:var(--f-cijfer);font-weight:300}html:root .swatch-item.selected{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent),var(--glow-klein)}html[data-theme=neon]{color-scheme:dark;--bg:#0a0014;--surface:#140524;--surface-2:#1a0a30;--surface-3:#22103c;--text:#f8eeff;--muted:#bd92de;--line:rgba(255,90,225,.22);--accent:#ff2ee0;--accent-2:#00f0ff;--accent-soft:rgba(255,46,224,.16);--op-accent:#14001c;--danger:#ff3d5a;--warning:#ffe14d;--blue:#00d4ff;--glow-rgb:255,46,224;--glow-sterkte:.62;--route:#ff2ee0;--route-2:#00f0ff;--route-3:#ffe14d;--kaart-rand:rgba(255,46,224,.55);--tint-1:rgba(255,120,235,.04);--tint-2:rgba(255,120,235,.06);--tint-3:rgba(255,120,235,.09);--ring:0 0 0 3px rgba(255,46,224,.45)}html[data-theme=neon] .search-card,html[data-theme=neon] .sheet,html[data-theme=neon] .bottom-nav,html[data-theme=neon] .nav-guidance,html[data-theme=neon] .nav-dashboard,html[data-theme=neon] .settings-card,html[data-theme=neon] .route-choice.active,html[data-theme=neon] .segment-banner{box-shadow:0 0 0 1px #ff2ee061,0 0 26px #ff2ee042,0 0 64px -12px #00f0ff42,var(--shadow)}html[data-theme=neon] .maneuver-copy strong,html[data-theme=neon] .nav-summary-item strong,html[data-theme=neon] .nav-trip-stack div:first-child strong,html[data-theme=neon] .route-choice .route-time,html[data-theme=neon] .route-destination-row strong{color:#fff;text-shadow:0 0 12px rgba(255,46,224,.8),0 0 30px rgba(0,240,255,.4)}html[data-theme=neon] .maneuver-icon{filter:drop-shadow(0 0 7px #ff2ee0) drop-shadow(0 0 18px #00f0ff)}html[data-theme=neon] .eyebrow,html[data-theme=neon] .settings-card h3,html[data-theme=neon] .search-input-wrap label,html[data-theme=neon] .segment-banner strong{text-shadow:0 0 12px rgba(255,46,224,.85)}html[data-theme=neon] .nav-tab.active,html[data-theme=neon] .primary-button,html[data-theme=neon] .map-fab.primary-fab{background:linear-gradient(135deg,#ff2ee0,#b24dff);box-shadow:0 0 22px #ff2ee0b3,0 0 50px #ff2ee04d;color:#fff}html[data-theme=neon] .speed-sign{border-color:#00f0ff;color:#00f0ff;box-shadow:0 0 12px #00f0ff99,inset 0 0 10px #00f0ff33}html[data-theme=neon] .thema-swatch.actief{box-shadow:0 0 18px #ff2ee099}html[data-theme=paars]{color-scheme:dark;--bg:#130a22;--surface:#1c0f31;--surface-2:#25143f;--surface-3:#301a4f;--text:#f4eeff;--muted:#aa98c6;--line:rgba(196,150,255,.17);--accent:#b98cff;--accent-2:#8a5fe0;--accent-soft:rgba(185,140,255,.16);--op-accent:#1a0a33;--glow-rgb:185,140,255;--glow-sterkte:.36;--route:#b98cff;--route-2:#7fe3c4;--route-3:#ffa3c6}html[data-theme=paars] .sheet,html[data-theme=paars] .nav-guidance,html[data-theme=paars] .nav-dashboard,html[data-theme=paars] .settings-card,html[data-theme=paars] .search-card,html[data-theme=paars] .bottom-nav{background-image:linear-gradient(160deg,rgba(185,140,255,.16),transparent 46%),linear-gradient(180deg,var(--kaart-vol),var(--kaart));-webkit-backdrop-filter:blur(30px) saturate(1.6);backdrop-filter:blur(30px) saturate(1.6)}html[data-theme=zwart]{color-scheme:dark;--bg:#000;--surface:#090909;--surface-2:#101010;--surface-3:#181818;--text:#fff;--muted:#8a8a8a;--line:rgba(255,255,255,.12);--accent:#f4f4f4;--accent-2:#bdbdbd;--accent-soft:rgba(255,255,255,.1);--op-accent:#000;--glow-rgb:255,255,255;--glow-sterkte:0;--route:#fff;--route-2:#8ab4ff;--route-3:#ffb36b;--kaart-rand:rgba(255,255,255,.18)}html[data-theme=zwart] .sheet,html[data-theme=zwart] .nav-guidance,html[data-theme=zwart] .nav-dashboard,html[data-theme=zwart] .search-card,html[data-theme=zwart] .bottom-nav{background:#000;-webkit-backdrop-filter:none;backdrop-filter:none}html[data-theme=zwart] .primary-button,html[data-theme=zwart] .nav-tab.active,html[data-theme=zwart] .map-fab.primary-fab{box-shadow:none}html[data-theme=retro]{color-scheme:dark;--bg:#150e07;--surface:#1e150a;--surface-2:#271b0d;--surface-3:#31230f;--text:#ffe3b3;--muted:#c29a5a;--line:rgba(255,170,60,.22);--accent:#ffa21f;--accent-2:#ffcc66;--accent-soft:rgba(255,162,31,.14);--op-accent:#1c0f00;--glow-rgb:255,162,31;--glow-sterkte:.42;--route:#ffa21f;--route-2:#66e0ff;--route-3:#ff6a4d;--f-tekst:ui-monospace, "SF Mono", Menlo, Consolas, "Courier New", monospace;--f-cijfer:ui-monospace, "SF Mono", Menlo, Consolas, "Courier New", monospace;--cijfer-dikte:500;--pil:10px;--kaart-straal:12px}html[data-theme=retro] .app-shell:after{content:"";position:absolute;inset:0;z-index:60;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.2) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}html[data-theme=retro] .maneuver-copy strong,html[data-theme=retro] .nav-summary-item strong,html[data-theme=retro] .nav-trip-stack div:first-child strong,html[data-theme=retro] .route-choice .route-time{text-shadow:0 0 9px rgba(255,162,31,.65);font-weight:500;letter-spacing:-.02em}html[data-theme=retro] .search-card,html[data-theme=retro] .bottom-nav{border-radius:12px}html[data-theme=retro] .nav-tab{border-radius:8px}html[data-theme=blauw]{color-scheme:dark;--bg:#03101f;--surface:#0a1d34;--surface-2:#0f2846;--surface-3:#153558;--text:#ebf6ff;--muted:#80a8cf;--line:rgba(90,170,255,.19);--accent:#38b6ff;--accent-2:#1e88e5;--accent-soft:rgba(56,182,255,.15);--op-accent:#02142a;--glow-rgb:56,182,255;--glow-sterkte:.42;--route:#38b6ff;--route-2:#7dffd8;--route-3:#ffd166}html[data-theme=blauw] .sheet,html[data-theme=blauw] .nav-guidance,html[data-theme=blauw] .nav-dashboard,html[data-theme=blauw] .settings-card,html[data-theme=blauw] .search-card,html[data-theme=blauw] .bottom-nav{background-image:radial-gradient(120% 90% at 100% 0%,rgba(56,182,255,.2),transparent 62%),linear-gradient(180deg,var(--kaart-vol),var(--kaart))}html[data-theme=zonsondergang]{color-scheme:dark;--bg:#1a0b1d;--surface:#261128;--surface-2:#311632;--surface-3:#3d1c3d;--text:#fff1e8;--muted:#dba9a4;--line:rgba(255,140,100,.22);--accent:#ff7a45;--accent-2:#ff3d8b;--accent-soft:rgba(255,122,69,.16);--op-accent:#2a0c14;--glow-rgb:255,100,90;--glow-sterkte:.46;--route:#ff7a45;--route-2:#ffd35c;--route-3:#7ad7ff}html[data-theme=zonsondergang] .primary-button,html[data-theme=zonsondergang] .nav-tab.active,html[data-theme=zonsondergang] .map-fab.primary-fab,html[data-theme=zonsondergang] .search-card .brand-icon{background:linear-gradient(135deg,#ffb347,#ff4d8d);color:#2a0c14}html[data-theme=zonsondergang] .sheet,html[data-theme=zonsondergang] .nav-guidance,html[data-theme=zonsondergang] .nav-dashboard,html[data-theme=zonsondergang] .settings-card{background-image:linear-gradient(180deg,rgba(255,122,69,.2),rgba(255,61,139,.06) 55%,transparent),linear-gradient(180deg,var(--kaart-vol),var(--kaart))}html[data-theme=bos]{color-scheme:dark;--bg:#06130b;--surface:#0c1d12;--surface-2:#112718;--surface-3:#173320;--text:#ecf8e9;--muted:#90b393;--line:rgba(150,230,140,.17);--accent:#9be15d;--accent-2:#5fbf4a;--accent-soft:rgba(155,225,93,.14);--op-accent:#0b1a05;--glow-rgb:155,225,93;--glow-sterkte:.3;--route:#9be15d;--route-2:#ffd27a;--route-3:#7fd3ff;--kaart-straal:34px}html[data-theme=bos] .sheet,html[data-theme=bos] .nav-guidance,html[data-theme=bos] .nav-dashboard,html[data-theme=bos] .settings-card,html[data-theme=bos] .search-card,html[data-theme=bos] .bottom-nav{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .6 0 0 0 0 .9 0 0 0 0 .5 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(180deg,var(--kaart-vol),var(--kaart))}html[data-theme=carbon]{color-scheme:dark;--bg:#0a0a0c;--surface:#131316;--surface-2:#1a1a1e;--surface-3:#222227;--text:#f3f3f5;--muted:#8e8e97;--line:rgba(255,255,255,.09);--accent:#ff3b30;--accent-2:#d8281f;--accent-soft:rgba(255,59,48,.14);--op-accent:#fff;--glow-rgb:255,59,48;--glow-sterkte:.4;--route:#ff3b30;--route-2:#e8e8ec;--route-3:#ffb020;--pil:14px;--kaart-straal:16px}html[data-theme=carbon] .sheet,html[data-theme=carbon] .nav-guidance,html[data-theme=carbon] .nav-dashboard,html[data-theme=carbon] .settings-card,html[data-theme=carbon] .search-card,html[data-theme=carbon] .bottom-nav{background-image:linear-gradient(#0a0a0ccc,#0a0a0ccc),repeating-conic-gradient(#26262b 0% 25%,#121215 0% 50%);background-size:auto,7px 7px}html[data-theme=carbon] .nav-guidance,html[data-theme=carbon] .nav-dashboard,html[data-theme=carbon] .sheet{border-top:2px solid var(--accent)}html[data-theme=carbon] .search-card .round-icon.brand-icon,html[data-theme=carbon] .map-fab,html[data-theme=carbon] .nav-action-button{border-radius:14px}html[data-theme=messing]{color-scheme:dark;--bg:#0c0d0f;--surface:#121316;--surface-2:#17181c;--surface-3:#1e2025;--text:#f1ede4;--muted:#938b7b;--line:rgba(241,237,228,.1);--accent:#d9b36c;--accent-2:#b8893f;--accent-soft:rgba(217,179,108,.12);--op-accent:#14110a;--glow-rgb:217,179,108;--glow-sterkte:.3;--route:#d9b36c;--route-2:#8fd3c4;--route-3:#e98c8c}html[data-theme=ijs]{color-scheme:dark;--bg:#06121c;--surface:#0c1d2c;--surface-2:#112636;--surface-3:#183347;--text:#e8f4fc;--muted:#7fa3be;--line:rgba(120,190,240,.18);--accent:#6cc4ff;--accent-2:#3a9be0;--accent-soft:rgba(108,196,255,.14);--op-accent:#03121f;--glow-rgb:108,196,255;--glow-sterkte:.36;--route:#6cc4ff;--route-2:#ff9a6c;--route-3:#b79bff}html[data-theme=ijs][data-dag=ja]{color-scheme:light;--bg:#e8f1f8;--surface:#fbfdff;--surface-2:#f4f9fd;--surface-3:#e6f0f8;--text:#0f2233;--muted:#5a7388;--line:rgba(40,100,150,.18);--accent:#2a6fb0;--accent-2:#4a95d0;--accent-soft:rgba(42,111,176,.12);--op-accent:#fff;--glow-rgb:42,111,176;--glow-sterkte:.2;--route:#2a6fb0;--route-2:#ff8a5c;--route-3:#7a59d6;--tint-1:rgba(42,111,176,.05);--tint-2:rgba(42,111,176,.07);--tint-3:rgba(42,111,176,.09);--cijfer-dikte:300;--shadow-sm:0 10px 26px -12px rgba(20,60,100,.28);--shadow:0 22px 46px -18px rgba(20,60,100,.32);--shadow-strong:0 32px 64px -22px rgba(20,60,100,.38);--card-glow:0 14px 34px -14px rgba(20,60,100,.26)}html[data-dag=ja]:is([data-theme=neon],[data-theme=paars],[data-theme=zwart],[data-theme=retro],[data-theme=blauw],[data-theme=zonsondergang],[data-theme=bos],[data-theme=carbon],[data-theme=messing],[data-theme=ijs]){--cijfer-dikte:300;--tint-1:color-mix(in srgb, var(--accent) 5%, transparent);--tint-2:color-mix(in srgb, var(--accent) 8%, transparent);--tint-3:color-mix(in srgb, var(--accent) 11%, transparent);--ring:0 0 0 3px color-mix(in srgb, var(--accent) 32%, transparent);--shadow-sm:0 10px 26px -12px rgba(30,30,50,.26);--shadow:0 22px 46px -18px rgba(30,30,50,.3);--shadow-strong:0 32px 64px -22px rgba(30,30,50,.36);--card-glow:0 14px 34px -14px rgba(30,30,50,.24);--warning:#b87800}html[data-theme=neon][data-dag=ja]{color-scheme:light;--bg:#f7ecfb;--surface:#fffaff;--surface-2:#fbf1fe;--surface-3:#f3e3fa;--text:#2a0a33;--muted:#7d4f8f;--line:rgba(190,40,170,.22);--accent:#c4179f;--accent-2:#0090b0;--accent-soft:rgba(196,23,159,.12);--op-accent:#fff;--glow-rgb:196,23,159;--glow-sterkte:.24;--route:#c4179f;--route-2:#0090b0;--route-3:#d99a00;--kaart-rand:rgba(196,23,159,.45)}html[data-theme=neon][data-dag=ja] .maneuver-copy strong,html[data-theme=neon][data-dag=ja] .nav-summary-item strong,html[data-theme=neon][data-dag=ja] .nav-trip-stack div:first-child strong,html[data-theme=neon][data-dag=ja] .route-choice .route-time,html[data-theme=neon][data-dag=ja] .route-destination-row strong{color:var(--text);text-shadow:0 0 10px rgba(196,23,159,.28)}html[data-theme=neon][data-dag=ja] .eyebrow,html[data-theme=neon][data-dag=ja] .settings-card h3,html[data-theme=neon][data-dag=ja] .search-input-wrap label,html[data-theme=neon][data-dag=ja] .segment-banner strong{text-shadow:0 0 10px rgba(196,23,159,.3)}html[data-theme=neon][data-dag=ja] .speed-sign{border-color:#0090b0;color:#0090b0;box-shadow:0 0 10px #0090b059}html[data-theme=neon][data-dag=ja] .search-card,html[data-theme=neon][data-dag=ja] .sheet,html[data-theme=neon][data-dag=ja] .bottom-nav,html[data-theme=neon][data-dag=ja] .nav-guidance,html[data-theme=neon][data-dag=ja] .nav-dashboard,html[data-theme=neon][data-dag=ja] .settings-card,html[data-theme=neon][data-dag=ja] .route-choice.active,html[data-theme=neon][data-dag=ja] .segment-banner{box-shadow:0 0 0 1px #c4179f4d,0 0 22px #c4179f29,var(--shadow)}html[data-theme=paars][data-dag=ja]{color-scheme:light;--bg:#f1ebfb;--surface:#fdfbff;--surface-2:#f7f2fd;--surface-3:#ece3f8;--text:#1e1233;--muted:#6d5a8c;--line:rgba(110,70,190,.2);--accent:#6a3fd0;--accent-2:#8a5fe0;--accent-soft:rgba(106,63,208,.12);--op-accent:#fff;--glow-rgb:106,63,208;--glow-sterkte:.2;--route:#6a3fd0;--route-2:#1fa886;--route-3:#e0508a}html[data-theme=zwart][data-dag=ja]{color-scheme:light;--bg:#f2f2f2;--surface:#ffffff;--surface-2:#f7f7f7;--surface-3:#ececec;--text:#000;--muted:#6a6a6a;--line:rgba(0,0,0,.12);--accent:#111;--accent-2:#444;--accent-soft:rgba(0,0,0,.07);--op-accent:#fff;--glow-rgb:0,0,0;--glow-sterkte:0;--route:#000;--route-2:#2a6fd0;--route-3:#d9741a;--kaart-rand:rgba(0,0,0,.2)}html[data-theme=zwart][data-dag=ja] .sheet,html[data-theme=zwart][data-dag=ja] .nav-guidance,html[data-theme=zwart][data-dag=ja] .nav-dashboard,html[data-theme=zwart][data-dag=ja] .search-card,html[data-theme=zwart][data-dag=ja] .bottom-nav{background:#fff}html[data-theme=retro][data-dag=ja]{color-scheme:light;--bg:#f6ead2;--surface:#fff6e2;--surface-2:#fbf0d8;--surface-3:#f1e2c2;--text:#3a2406;--muted:#8a6a34;--line:rgba(160,100,10,.26);--accent:#b86400;--accent-2:#d98a1f;--accent-soft:rgba(184,100,0,.13);--op-accent:#fff7e8;--glow-rgb:184,100,0;--glow-sterkte:.22;--route:#b86400;--route-2:#0e86b0;--route-3:#c8402a}html[data-theme=retro][data-dag=ja] .app-shell:after{background:repeating-linear-gradient(0deg,rgba(120,70,0,.07) 0 1px,transparent 1px 3px)}html[data-theme=retro][data-dag=ja] .maneuver-copy strong,html[data-theme=retro][data-dag=ja] .nav-summary-item strong,html[data-theme=retro][data-dag=ja] .nav-trip-stack div:first-child strong,html[data-theme=retro][data-dag=ja] .route-choice .route-time{text-shadow:none}html[data-theme=blauw][data-dag=ja]{color-scheme:light;--bg:#e5f1fc;--surface:#fbfdff;--surface-2:#f1f8fe;--surface-3:#e1eefa;--text:#0a2038;--muted:#4f7396;--line:rgba(20,110,200,.2);--accent:#0a74c9;--accent-2:#1e88e5;--accent-soft:rgba(10,116,201,.12);--op-accent:#fff;--glow-rgb:10,116,201;--glow-sterkte:.22;--route:#0a74c9;--route-2:#0fa57c;--route-3:#d99000}html[data-theme=blauw][data-dag=ja] .sheet,html[data-theme=blauw][data-dag=ja] .nav-guidance,html[data-theme=blauw][data-dag=ja] .nav-dashboard,html[data-theme=blauw][data-dag=ja] .settings-card,html[data-theme=blauw][data-dag=ja] .search-card,html[data-theme=blauw][data-dag=ja] .bottom-nav{background-image:radial-gradient(120% 90% at 100% 0%,rgba(10,116,201,.12),transparent 62%),linear-gradient(180deg,var(--kaart-vol),var(--kaart))}html[data-theme=zonsondergang][data-dag=ja]{color-scheme:light;--bg:#fff0e6;--surface:#fffaf6;--surface-2:#fff3ea;--surface-3:#ffe6d6;--text:#3a1420;--muted:#9a5a58;--line:rgba(220,90,60,.22);--accent:#e8501e;--accent-2:#e02e75;--accent-soft:rgba(232,80,30,.12);--op-accent:#fff;--glow-rgb:232,80,30;--glow-sterkte:.22;--route:#e8501e;--route-2:#c98a00;--route-3:#2a8ad0}html[data-theme=zonsondergang][data-dag=ja] .sheet,html[data-theme=zonsondergang][data-dag=ja] .nav-guidance,html[data-theme=zonsondergang][data-dag=ja] .nav-dashboard,html[data-theme=zonsondergang][data-dag=ja] .settings-card{background-image:linear-gradient(180deg,rgba(255,122,69,.16),rgba(255,61,139,.04) 55%,transparent),linear-gradient(180deg,var(--kaart-vol),var(--kaart))}html[data-theme=bos][data-dag=ja]{color-scheme:light;--bg:#eaf3e0;--surface:#fbfef7;--surface-2:#f3f9ec;--surface-3:#e4efd6;--text:#11230c;--muted:#5a7a52;--line:rgba(60,130,40,.22);--accent:#3a8a1a;--accent-2:#5fbf4a;--accent-soft:rgba(58,138,26,.12);--op-accent:#fff;--glow-rgb:58,138,26;--glow-sterkte:.2;--route:#3a8a1a;--route-2:#c98a00;--route-3:#2a7ad0}html[data-theme=carbon][data-dag=ja]{color-scheme:light;--bg:#eeeeef;--surface:#ffffff;--surface-2:#f6f6f7;--surface-3:#e8e8ea;--text:#121214;--muted:#6a6a72;--line:rgba(0,0,0,.12);--accent:#d8281f;--accent-2:#ff3b30;--accent-soft:rgba(216,40,31,.1);--op-accent:#fff;--glow-rgb:216,40,31;--glow-sterkte:.22;--route:#d8281f;--route-2:#333338;--route-3:#d98a00}html[data-theme=carbon][data-dag=ja] .sheet,html[data-theme=carbon][data-dag=ja] .nav-guidance,html[data-theme=carbon][data-dag=ja] .nav-dashboard,html[data-theme=carbon][data-dag=ja] .settings-card,html[data-theme=carbon][data-dag=ja] .search-card,html[data-theme=carbon][data-dag=ja] .bottom-nav{background-image:linear-gradient(#ffffffe6,#ffffffe6),repeating-conic-gradient(#d9d9dd 0% 25%,#f3f3f5 0% 50%);background-size:auto,7px 7px}html[data-theme=messing][data-dag=ja]{color-scheme:light;--bg:#efebe1;--surface:#fffdf8;--surface-2:#fbf8f0;--surface-3:#f3eee2;--text:#1a160d;--muted:#6b5f48;--line:rgba(143,106,34,.18);--accent:#8f6a22;--accent-2:#a87d2c;--accent-soft:rgba(143,106,34,.12);--op-accent:#fffaf0;--glow-rgb:143,106,34;--glow-sterkte:.18;--route:#8f6a22;--route-2:#2f8f84;--route-3:#c24e4e}html:root .thema-swatch--neon .thema-swatch-preview{background:linear-gradient(135deg,#ff2ee0,#00f0ff);box-shadow:0 0 14px #ff2ee099}html:root .thema-swatch--paars .thema-swatch-preview{background:linear-gradient(135deg,#d6b8ff,#8a5fe0)}html:root .thema-swatch--zwart .thema-swatch-preview{background:#000;border:1px solid rgba(255,255,255,.5)}html:root .thema-swatch--retro .thema-swatch-preview{background:repeating-linear-gradient(0deg,#ffa21f 0 2px,#3a2408 2px 4px)}html:root .thema-swatch--blauw .thema-swatch-preview{background:linear-gradient(135deg,#7fd4ff,#1e6fd0)}html:root .thema-swatch--zonsondergang .thema-swatch-preview{background:linear-gradient(135deg,#ffd35c,#ff7a45 50%,#ff3d8b)}html:root .thema-swatch--bos .thema-swatch-preview{background:linear-gradient(135deg,#c8f58f,#2c7a3a)}html:root .thema-swatch--carbon .thema-swatch-preview{background:repeating-conic-gradient(#2c2c31 0% 25%,#111114 0% 50%) 0 0/8px 8px;border:2px solid #ff3b30}html:root .thema-swatch--messing .thema-swatch-preview{background:linear-gradient(135deg,#f0d79a,#b8893f)}html:root .thema-swatch--ijs .thema-swatch-preview{background:linear-gradient(135deg,#fff,#9fd0ee);border:1px solid rgba(42,111,176,.35)}@property --holo-hoek{syntax:"<angle>"; inherits:false; initial-value:0deg;}@keyframes rij-holo-draai{to{--holo-hoek:360deg}}@keyframes rij-glans{0%{background-position:120% 0,0 0}55%,to{background-position:-120% 0,0 0}}@keyframes rij-tekstglans{to{background-position:-250% 0}}@keyframes rij-poollicht{0%{background-position:0% 0,0 0}to{background-position:100% 0,0 0}}@keyframes rij-twinkel{0%,to{opacity:.3}50%{opacity:1}}@keyframes rij-vonken{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes rij-lavagloed{0%,to{box-shadow:0 0 0 1px #ff5a1f61,0 0 16px #ff5a1f29,var(--shadow)}50%{box-shadow:0 0 0 1px #ff8c28b3,0 0 30px #ff5a1f61,var(--shadow)}}@keyframes rij-zonpuls{0%,to{filter:drop-shadow(0 0 5px rgba(255,60,172,.5))}50%{filter:drop-shadow(0 0 13px rgba(255,60,172,.9))}}html[data-theme=asfalt]{color-scheme:dark;--bg:#111214;--surface:#191a1d;--surface-2:#202125;--surface-3:#292a2f;--text:#f2f2ee;--muted:#9a9a92;--line:rgba(255,255,255,.09);--accent:#ffd23f;--accent-2:#f5b700;--accent-soft:rgba(255,210,63,.13);--op-accent:#1a1400;--glow-rgb:255,210,63;--glow-sterkte:.26;--route:#ffd23f;--route-2:#f4f4f0;--route-3:#5ec8ff;--kaart-rand:rgba(255,210,63,.22);--pil:16px;--kaart-straal:22px}html[data-theme=asfalt] :is(.sheet,.nav-guidance,.nav-dashboard,.settings-card,.search-card,.bottom-nav){background-image:repeating-linear-gradient(90deg,rgba(255,210,63,.75) 0 18px,transparent 18px 34px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='90' height='90' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(180deg,var(--kaart-vol),var(--kaart));background-size:100% 3px,auto,auto;background-position:0 100%,0 0,0 0;background-repeat:no-repeat,repeat,no-repeat}html[data-theme=asfalt] :is(.primary-button,.nav-tab.active,.map-fab.primary-fab){background:#ffd23f;color:#141414}html[data-theme=asfalt] .speed-sign{background:#fff;border:4px solid #d81f26;color:#111;font-weight:700}html[data-theme=kust]{color-scheme:dark;--bg:#05181b;--surface:#0a2428;--surface-2:#0e2e33;--surface-3:#133a40;--text:#eaf7f5;--muted:#8fb7b2;--line:rgba(120,220,210,.15);--accent:#3fd8c8;--accent-2:#f2c98a;--accent-soft:rgba(63,216,200,.13);--op-accent:#032220;--glow-rgb:63,216,200;--glow-sterkte:.3;--route:#3fd8c8;--route-2:#f2c98a;--route-3:#ff8a7a}html[data-theme=kust] :is(.sheet,.nav-guidance,.nav-dashboard,.settings-card,.search-card,.bottom-nav){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='18'%3E%3Cpath d='M0 6q12-6 24 0t24 0' fill='none' stroke='%233fd8c8' stroke-opacity='.3' stroke-width='1.6'/%3E%3Cpath d='M0 13q12-6 24 0t24 0' fill='none' stroke='%23f2c98a' stroke-opacity='.2' stroke-width='1.4'/%3E%3C/svg%3E"),linear-gradient(180deg,var(--kaart-vol),var(--kaart));background-size:48px 18px,auto;background-position:0 100%,0 0;background-repeat:repeat-x,no-repeat}html[data-theme=kust] .settings-card h3{color:var(--accent-2)}html[data-theme=kust] :is(.primary-button,.nav-tab.active,.map-fab.primary-fab){background:linear-gradient(135deg,#5ff0dc,#1fb3a6)}html[data-theme=lantaarn]{color-scheme:dark;--bg:#070b1a;--surface:#0e1428;--surface-2:#131b33;--surface-3:#1a2340;--text:#eef1ff;--muted:#8f97b8;--line:rgba(255,180,90,.14);--accent:#ffb054;--accent-2:#ffd18a;--accent-soft:rgba(255,176,84,.14);--op-accent:#1e1000;--glow-rgb:255,170,70;--glow-sterkte:.45;--route:#ffb054;--route-2:#8fb4ff;--route-3:#ff7aa8}html[data-theme=lantaarn] :is(.sheet,.nav-guidance,.nav-dashboard,.settings-card,.search-card,.bottom-nav){background-image:radial-gradient(70% 90% at 50% -18%,rgba(255,176,84,.26),rgba(255,176,84,.06) 55%,transparent 75%),linear-gradient(180deg,var(--kaart-vol),var(--kaart))}html[data-theme=lantaarn] .full-panel{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 90' preserveAspectRatio='none'%3E%3Cpath d='M0 90V60h18V44h14v16h10V30h22v30h8V52h16V24l12-8 12 8v36h10V40h20v20h14V10h6v-6h4v6h6v50h12V48h18v12h10V34h24v26h8V56h20V38h16v22h12V20h18v40h14V50h16v40z' fill='%23182447'/%3E%3Cg fill='%23ffc56b' fill-opacity='.55'%3E%3Crect x='50' y='36' width='3' height='4'/%3E%3Crect x='56' y='46' width='3' height='4'/%3E%3Crect x='124' y='30' width='3' height='4'/%3E%3Crect x='172' y='20' width='3' height='4'/%3E%3Crect x='172' y='38' width='3' height='4'/%3E%3Crect x='240' y='42' width='3' height='4'/%3E%3Crect x='330' y='28' width='3' height='4'/%3E%3Crect x='336' y='44' width='3' height='4'/%3E%3C/g%3E%3C/svg%3E") 0 100%/100% 90px no-repeat,var(--bg)}html[data-theme=lantaarn] :is(.maneuver-copy strong,.nav-summary-item strong,.nav-trip-stack div:first-child strong,.route-choice .route-time){text-shadow:0 0 18px rgba(255,170,70,.45)}html[data-theme=lantaarn] :is(.primary-button,.nav-tab.active,.map-fab.primary-fab){background:radial-gradient(120% 140% at 50% 0%,#ffe0a6,#ffb054 55%,#e5862a);box-shadow:0 0 26px #ffaa468c,var(--shadow-sm)}html[data-theme=tulp]{color-scheme:dark;--bg:#170a14;--surface:#22101d;--surface-2:#2b1425;--surface-3:#361a2e;--text:#fff0f5;--muted:#c99ab0;--line:rgba(255,90,140,.18);--accent:#ff4f7b;--accent-2:#ffc23d;--accent-soft:rgba(255,79,123,.15);--op-accent:#fff;--glow-rgb:255,79,123;--glow-sterkte:.38;--route:#ff4f7b;--route-2:#ffc23d;--route-3:#b48bff;--kaart-straal:30px}html[data-theme=tulp] :is(.sheet,.nav-guidance,.nav-dashboard,.settings-card,.search-card,.bottom-nav){background-image:linear-gradient(90deg,#ff3b5c 0 20%,#ff8a3d 20% 40%,#ffd23d 40% 60%,#c157ff 60% 80%,#ff6fb0 80%),linear-gradient(180deg,rgba(255,79,123,.1),transparent 40%),linear-gradient(180deg,var(--kaart-vol),var(--kaart));background-size:100% 4px,auto,auto;background-position:0 0,0 0,0 0;background-repeat:no-repeat}html[data-theme=tulp] :is(.primary-button,.nav-tab.active,.map-fab.primary-fab,.search-card .brand-icon){background:linear-gradient(120deg,#ff3b5c,#ff8a3d 55%,#ffc23d);color:#fff;text-shadow:0 1px 2px rgba(80,0,20,.35)}html[data-theme=noorderlicht]{color-scheme:dark;--bg:#030a14;--surface:#071424;--surface-2:#0b1b30;--surface-3:#10243d;--text:#e8fff7;--muted:#86a9b4;--line:rgba(80,255,190,.14);--accent:#4dffb4;--accent-2:#8f7bff;--accent-soft:rgba(77,255,180,.12);--op-accent:#00180e;--glow-rgb:77,255,180;--glow-sterkte:.45;--route:#4dffb4;--route-2:#b58cff;--route-3:#ffd36b;--kaart-rand:rgba(77,255,180,.28)}html[data-theme=noorderlicht] :is(.sheet,.nav-guidance,.nav-dashboard,.settings-card,.search-card,.bottom-nav){background-image:linear-gradient(110deg,transparent 8%,rgba(77,255,180,.2) 22%,rgba(60,200,255,.1) 32%,rgba(143,123,255,.22) 44%,transparent 56%,rgba(77,255,180,.14) 72%,transparent 86%),linear-gradient(180deg,var(--kaart-vol),var(--kaart));background-size:300% 100%,auto}html[data-theme=noorderlicht] :is(.sheet,.settings-card,.search-card,.bottom-nav){animation:rij-poollicht 16s ease-in-out infinite alternate}html[data-theme=noorderlicht] .full-panel{background:radial-gradient(1px 1px at 12% 18%,#fff 50%,transparent),radial-gradient(1px 1px at 68% 9%,#fff 50%,transparent),radial-gradient(1.5px 1.5px at 84% 32%,#dffff2 50%,transparent),radial-gradient(1px 1px at 33% 41%,#fff 50%,transparent),radial-gradient(1px 1px at 52% 72%,#fff 50%,transparent),radial-gradient(1.5px 1.5px at 7% 83%,#e9e4ff 50%,transparent),radial-gradient(90% 50% at 70% 0%,rgba(77,255,180,.16),transparent 70%),radial-gradient(70% 40% at 15% 8%,rgba(143,123,255,.16),transparent 70%),var(--bg);background-size:180px 220px,210px 170px,240px 260px,160px 200px,230px 190px,200px 240px,auto,auto,auto}html[data-theme=noorderlicht] :is(.eyebrow,.settings-card h3,.search-input-wrap label,.segment-banner strong){background:linear-gradient(90deg,#4dffb4,#6fd8ff 50%,#b58cff);-webkit-background-clip:text;background-clip:text;color:transparent}html[data-theme=noorderlicht] :is(.primary-button,.nav-tab.active,.map-fab.primary-fab){background:linear-gradient(120deg,#4dffb4,#3fc8ff 55%,#8f7bff);color:#00170e;box-shadow:0 0 24px #4dffb480,0 0 48px -8px #8f7bff80}html[data-theme=noorderlicht] :is(.maneuver-copy strong,.nav-summary-item strong,.nav-trip-stack div:first-child strong,.route-choice .route-time){text-shadow:0 0 16px rgba(77,255,180,.55)}html[data-theme=synthwave]{color-scheme:dark;--bg:#0d0221;--surface:#170734;--surface-2:#1f0a44;--surface-3:#2a0f58;--text:#fff0ff;--muted:#b79ad8;--line:rgba(255,60,200,.2);--accent:#ff3cac;--accent-2:#2de2e6;--accent-soft:rgba(255,60,172,.15);--op-accent:#fff;--glow-rgb:255,60,172;--glow-sterkte:.55;--route:#ff3cac;--route-2:#2de2e6;--route-3:#f9c80e;--kaart-rand:rgba(45,226,230,.35);--pil:12px;--kaart-straal:18px}html[data-theme=synthwave] :is(.sheet,.nav-guidance,.nav-dashboard,.settings-card,.search-card,.bottom-nav){background-image:linear-gradient(90deg,#ff3cac,#f9c80e 50%,#2de2e6),linear-gradient(180deg,rgba(255,60,172,.12),transparent 45%),linear-gradient(180deg,var(--kaart-vol),var(--kaart));background-size:100% 2px,auto,auto;background-repeat:no-repeat;box-shadow:0 0 0 1px #2de2e640,0 0 28px -6px #ff3cac73,var(--shadow)}html[data-theme=synthwave] .full-panel{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 200' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='z' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f9c80e'/%3E%3Cstop offset='.55' stop-color='%23ff3cac'/%3E%3Cstop offset='1' stop-color='%237a2bff'/%3E%3C/linearGradient%3E%3ClinearGradient id='v' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ff3cac' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23ff3cac' stop-opacity='.8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='200' cy='96' r='58' fill='url(%23z)' opacity='.85'/%3E%3Cg fill='%230d0221'%3E%3Crect x='130' y='86' width='140' height='3'/%3E%3Crect x='130' y='96' width='140' height='4'/%3E%3Crect x='130' y='107' width='140' height='5'/%3E%3Crect x='130' y='119' width='140' height='6'/%3E%3C/g%3E%3Crect y='120' width='400' height='80' fill='%230d0221'/%3E%3Cg stroke='url(%23v)' stroke-width='1.2'%3E%3Cpath d='M0 120h400M0 126h400M0 134h400M0 145h400M0 160h400M0 180h400'/%3E%3Cpath d='M200 120V200M170 120L80 200M230 120L320 200M140 120L-40 200M260 120L440 200M110 120L-160 200M290 120L560 200'/%3E%3C/g%3E%3C/svg%3E") 50% 100%/100% 200px no-repeat,linear-gradient(180deg,var(--bg) 50%,#2a0845)}html[data-theme=synthwave] :is(.maneuver-copy strong,.nav-summary-item strong,.nav-trip-stack div:first-child strong,.route-choice .route-time,.route-destination-row strong,.badges-total strong){background:linear-gradient(180deg,#fff6c2 8%,#f9c80e 34%,#ff3cac 62%,#b13cff 92%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:rij-zonpuls 3.2s ease-in-out infinite}html[data-theme=synthwave] :is(.eyebrow,.settings-card h3,.search-input-wrap label,.segment-banner strong){color:#2de2e6;text-shadow:-1.5px 0 rgba(255,60,172,.85),1.5px 0 rgba(45,226,230,.35);font-style:italic}html[data-theme=synthwave] .panel-header h2{font-style:italic;text-transform:uppercase;letter-spacing:.06em;text-shadow:-2px 0 rgba(255,60,172,.8),2px 0 rgba(45,226,230,.6)}html[data-theme=synthwave] :is(.primary-button,.nav-tab.active,.map-fab.primary-fab){background:linear-gradient(90deg,#ff3cac,#b13cff);color:#fff;font-style:italic;box-shadow:0 0 0 1px #2de2e6,0 0 22px #ff3cacb3,0 0 44px -6px #2de2e699}html[data-theme=synthwave] .speed-sign{border-color:#2de2e6;color:#2de2e6;box-shadow:0 0 12px #2de2e6a6,inset 0 0 10px #ff3cac59}html[data-theme=magma]{color-scheme:dark;--bg:#0b0605;--surface:#160c09;--surface-2:#1e100b;--surface-3:#28150e;--text:#fff1e6;--muted:#c39a86;--line:rgba(255,100,40,.18);--accent:#ff6a26;--accent-2:#ffb01f;--accent-soft:rgba(255,106,38,.14);--op-accent:#1f0700;--glow-rgb:255,90,31;--glow-sterkte:.55;--route:#ff6a26;--route-2:#ffd04d;--route-3:#66d9ff;--kaart-rand:rgba(255,106,38,.45);--kaart-straal:20px}html[data-theme=magma] :is(.sheet,.nav-guidance,.nav-dashboard,.settings-card,.search-card,.bottom-nav){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='240'%3E%3Cfilter id='g'%3E%3CfeGaussianBlur stdDeviation='1.6'/%3E%3C/filter%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%23ff5a1f' stroke-width='3.2' opacity='.2' filter='url(%23g)'%3E%3Cpath d='M-4 40l30 8 18-14 26 10 14 26 30-6M70 44l-6 30 18 22M150 0l-8 26 22 18 30-4 30 16M164 44l-10 34 14 30-20 30M0 128l34-10 22 16 28-6 20 20M84 128l10-22'/%3E%3C/g%3E%3Cg stroke='%23ffc04d' stroke-width='1' opacity='.26'%3E%3Cpath d='M-4 40l30 8 18-14 26 10 14 26 30-6M70 44l-6 30 18 22M150 0l-8 26 22 18 30-4 30 16M164 44l-10 34 14 30-20 30M0 128l34-10 22 16 28-6 20 20M84 128l10-22'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),radial-gradient(120% 80% at 50% 120%,rgba(255,90,31,.2),transparent 60%),linear-gradient(180deg,var(--kaart-vol),var(--kaart));background-size:320px 240px,auto,auto;animation:rij-lavagloed 4.5s ease-in-out infinite}html[data-theme=magma] .full-panel{background:radial-gradient(130% 60% at 50% 115%,rgba(255,80,20,.35),transparent 65%),var(--bg)}html[data-theme=magma] .full-panel:after{content:"";position:fixed;left:0;right:0;top:0;height:200%;z-index:3;pointer-events:none;background:radial-gradient(2px 2px at 10% 20%,#ffb01f 50%,transparent),radial-gradient(1.5px 1.5px at 30% 65%,#ff6a26 50%,transparent),radial-gradient(2.5px 2.5px at 55% 35%,#ffd04d 40%,transparent),radial-gradient(1.5px 1.5px at 75% 80%,#ff6a26 50%,transparent),radial-gradient(2px 2px at 90% 45%,#ffb01f 50%,transparent);background-size:260px 300px,220px 260px,300px 340px,240px 280px,280px 320px;opacity:.7;animation:rij-vonken 18s linear infinite}html[data-theme=magma] :is(.maneuver-copy strong,.nav-summary-item strong,.nav-trip-stack div:first-child strong,.route-choice .route-time,.route-destination-row strong,.badges-total strong){background:linear-gradient(90deg,#ffe28a,#ffb01f 20%,#ff5a1f 40%,#c41b00,#ff5a1f 60%,#ffb01f 80%,#ffe28a);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 8px rgba(255,90,31,.55));animation:rij-tekstglans 6s linear infinite}html[data-theme=magma] :is(.eyebrow,.settings-card h3,.search-input-wrap label,.segment-banner strong){color:#ffb01f;text-shadow:0 0 10px rgba(255,90,31,.8)}html[data-theme=magma] :is(.primary-button,.nav-tab.active,.map-fab.primary-fab){background:linear-gradient(180deg,#ffd04d,#ff6a26 50%,#c41b00);color:#fff7ee;text-shadow:0 1px 2px rgba(80,10,0,.6);box-shadow:0 0 0 1px #ffd04d99,0 0 26px #ff5a1fbf,0 8px 30px -8px #c41b00cc}html[data-theme=magma] .speed-sign{border-color:#ff6a26;color:#ffd04d;box-shadow:0 0 14px #ff5a1fcc,inset 0 0 10px #ff5a1f66}html[data-theme=legende]{color-scheme:dark;--bg:#05030f;--surface:#0c0820;--surface-2:#120c2c;--surface-3:#1a1239;--text:#fbf7ff;--muted:#a69cc9;--line:rgba(200,180,255,.14);--accent:#ffd76a;--accent-2:#8ef6ff;--accent-soft:rgba(255,215,106,.13);--op-accent:#1a1000;--glow-rgb:255,215,106;--glow-sterkte:.5;--route:#ffd76a;--route-2:#8ef6ff;--route-3:#ff8ef0;--kaart-rand:rgba(255,215,106,.4)}html[data-theme=legende] :is(.sheet,.nav-guidance,.nav-dashboard,.settings-card,.search-card,.bottom-nav){border:1.5px solid transparent;background:radial-gradient(120% 80% at 0% 0%,rgba(157,123,255,.18),transparent 55%) padding-box,radial-gradient(100% 70% at 100% 100%,rgba(142,246,255,.08),transparent 60%) padding-box,linear-gradient(180deg,#120c2c,#0c0820) padding-box,conic-gradient(from var(--holo-hoek),#ffd76a,#ff8ef0,#9d7bff,#8ef6ff,#7dffb0,#ffd76a) border-box;box-shadow:0 0 30px -8px #9d7bff73,0 0 18px -6px #ffd76a59,var(--shadow);animation:rij-holo-draai 7s linear infinite;-webkit-backdrop-filter:none;backdrop-filter:none}html[data-theme=legende] .navigation-mode :is(.nav-guidance,.nav-dashboard){animation-duration:14s}html[data-theme=legende] .full-panel{background:radial-gradient(1px 1px at 12% 18%,#fff 50%,transparent),radial-gradient(1px 1px at 68% 9%,#fff 50%,transparent),radial-gradient(1.5px 1.5px at 84% 32%,#fff4c9 50%,transparent),radial-gradient(1px 1px at 33% 41%,#fff 50%,transparent),radial-gradient(1px 1px at 52% 72%,#dff 50%,transparent),radial-gradient(1.5px 1.5px at 7% 83%,#ffe1fb 50%,transparent),radial-gradient(60% 40% at 85% 12%,rgba(255,142,240,.16),transparent 70%),radial-gradient(70% 45% at 10% 60%,rgba(157,123,255,.18),transparent 70%),radial-gradient(60% 40% at 80% 95%,rgba(142,246,255,.12),transparent 70%),var(--bg);background-size:180px 220px,210px 170px,240px 260px,160px 200px,230px 190px,200px 240px,auto,auto,auto,auto}html[data-theme=legende] .panel-content{position:relative;z-index:1}html[data-theme=legende] .full-panel:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(2px 2px at 20% 30%,#fff 45%,transparent),radial-gradient(2px 2px at 75% 55%,#fff4c9 45%,transparent),radial-gradient(2.5px 2.5px at 45% 85%,#dff 45%,transparent),radial-gradient(2px 2px at 90% 15%,#ffe1fb 45%,transparent);background-size:260px 310px,290px 270px,330px 360px,240px 300px;animation:rij-twinkel 3.4s ease-in-out infinite}html[data-theme=legende] .panel-header h2:after{content:" ✦";color:#ffd76a;text-shadow:0 0 10px rgba(255,215,106,.9)}html[data-theme=legende] :is(.maneuver-copy strong,.nav-summary-item strong,.nav-trip-stack div:first-child strong,.route-choice .route-time,.route-destination-row strong,.badges-total strong){background:linear-gradient(100deg,#ffd76a 15%,#fff8dc,#ffd76a 35%,#ff8ef0 50%,#8ef6ff 62%,#ffd76a 78%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(255,215,106,.45));animation:rij-tekstglans 5s linear infinite}html[data-theme=legende] :is(.eyebrow,.settings-card h3,.search-input-wrap label,.segment-banner strong){background:linear-gradient(90deg,#ffd76a,#ff8ef0 35%,#8ef6ff 70%,#ffd76a);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rij-tekstglans 8s linear infinite}html[data-theme=legende] :is(.primary-button,.map-fab.primary-fab){background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.75) 50%,transparent 62%),linear-gradient(135deg,#fff1b0,#ffd76a 40%,#e0a53a);background-size:250% 100%,auto;color:#241500;box-shadow:0 0 0 1px #fff1b0cc,0 0 26px #ffd76a99,0 0 52px -10px #9d7bffb3;animation:rij-glans 3.6s ease-in-out infinite}html[data-theme=legende] .nav-tab.active{background:linear-gradient(120deg,#ffd76a,#ff8ef0 40%,#8ef6ff 75%,#7dffb0);color:#140a24;box-shadow:0 0 20px #ff8ef08c}html[data-theme=legende] .speed-sign{border:2px solid #ffd76a;color:#ffd76a;box-shadow:0 0 14px #ffd76ab3,inset 0 0 10px #9d7bff73}html[data-theme=legende] :is(.thema-swatch.actief,.route-choice.active){border-color:#ffd76a;box-shadow:0 0 18px #ffd76a80,0 0 30px -6px #ff8ef099}html[data-dag=ja]:is([data-theme=asfalt],[data-theme=kust],[data-theme=lantaarn],[data-theme=tulp]){--cijfer-dikte:300;--tint-1:color-mix(in srgb, var(--accent) 5%, transparent);--tint-2:color-mix(in srgb, var(--accent) 8%, transparent);--tint-3:color-mix(in srgb, var(--accent) 11%, transparent);--ring:0 0 0 3px color-mix(in srgb, var(--accent) 32%, transparent);--shadow-sm:0 10px 26px -12px rgba(30,30,50,.26);--shadow:0 22px 46px -18px rgba(30,30,50,.3);--shadow-strong:0 32px 64px -22px rgba(30,30,50,.36);--card-glow:0 14px 34px -14px rgba(30,30,50,.24);--warning:#b87800}html[data-theme=asfalt][data-dag=ja]{color-scheme:light;--bg:#e9e9e6;--surface:#fbfbf9;--surface-2:#f4f4f1;--surface-3:#e6e6e2;--text:#17171a;--muted:#66665f;--line:rgba(0,0,0,.11);--accent:#7a5c00;--accent-2:#b38600;--accent-soft:rgba(179,134,0,.12);--op-accent:#fff;--glow-rgb:179,134,0;--glow-sterkte:.18;--route:#1d1d20;--route-2:#c99700;--route-3:#2a7ad0;--kaart-rand:rgba(0,0,0,.16)}html[data-theme=asfalt][data-dag=ja] :is(.sheet,.nav-guidance,.nav-dashboard,.settings-card,.search-card,.bottom-nav){background-image:repeating-linear-gradient(90deg,#e0b100 0 18px,transparent 18px 34px),linear-gradient(180deg,var(--kaart-vol),var(--kaart));background-size:100% 3px,auto;background-position:0 100%,0 0;background-repeat:no-repeat}html[data-theme=kust][data-dag=ja]{color-scheme:light;--bg:#f4ecdc;--surface:#fffaf0;--surface-2:#fbf3e4;--surface-3:#f1e5cf;--text:#10302f;--muted:#5f7a73;--line:rgba(14,138,128,.2);--accent:#0e8a80;--accent-2:#c48a3a;--accent-soft:rgba(14,138,128,.11);--op-accent:#fff;--glow-rgb:14,138,128;--glow-sterkte:.2;--route:#0e8a80;--route-2:#c48a3a;--route-3:#d9534f}html[data-theme=kust][data-dag=ja] .settings-card h3{color:#a8721f}html[data-theme=lantaarn][data-dag=ja]{color-scheme:light;--bg:#eef0f6;--surface:#ffffff;--surface-2:#f6f7fb;--surface-3:#e7eaf3;--text:#121a33;--muted:#5d6584;--line:rgba(30,40,90,.13);--accent:#c26a00;--accent-2:#e08a20;--accent-soft:rgba(194,106,0,.11);--op-accent:#fff;--glow-rgb:194,106,0;--glow-sterkte:.2;--route:#c26a00;--route-2:#2f5fd0;--route-3:#c8407a}html[data-theme=lantaarn][data-dag=ja] :is(.maneuver-copy strong,.nav-summary-item strong,.nav-trip-stack div:first-child strong,.route-choice .route-time){text-shadow:none}html[data-theme=lantaarn][data-dag=ja] .full-panel{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 90' preserveAspectRatio='none'%3E%3Cpath d='M0 90V60h18V44h14v16h10V30h22v30h8V52h16V24l12-8 12 8v36h10V40h20v20h14V10h6v-6h4v6h6v50h12V48h18v12h10V34h24v26h8V56h20V38h16v22h12V20h18v40h14V50h16v40z' fill='%23d5dae8'/%3E%3C/svg%3E") 0 100%/100% 90px no-repeat,var(--bg)}html[data-theme=tulp][data-dag=ja]{color-scheme:light;--bg:#fdf0f2;--surface:#fffafb;--surface-2:#fdf3f5;--surface-3:#f8e2e7;--text:#33101e;--muted:#8a5a6c;--line:rgba(216,27,85,.16);--accent:#d81b55;--accent-2:#e09a00;--accent-soft:rgba(216,27,85,.1);--op-accent:#fff;--glow-rgb:216,27,85;--glow-sterkte:.2;--route:#d81b55;--route-2:#d98a00;--route-3:#7a4ad6}html:root .thema-keuze-blok--rij{display:grid;gap:4px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}html:root .thema-keuze-blok--rij>strong{font-family:var(--f-cijfer);font-weight:300;font-size:17px}html:root .thema-swatch--rij{padding-bottom:10px;gap:7px}html:root .thema-swatch-zeldzaam{font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;padding:3px 8px;border-radius:999px;background:var(--tint-3);color:var(--muted);white-space:nowrap}html:root .zeldzaamheid--bijzonder .thema-swatch-zeldzaam{background:#4cd07d29;color:#3fbf6f}html:root .zeldzaamheid--zeldzaam .thema-swatch-zeldzaam{background:#4da3ff29;color:#4a9ff5}html:root .zeldzaamheid--episch .thema-swatch-zeldzaam{background:#b46bff2e;color:#b07cf5}html:root .zeldzaamheid--legendarisch .thema-swatch-zeldzaam{background:linear-gradient(90deg,#ffd76a,#ff8ef0,#8ef6ff,#ffd76a);background-size:200% 100%;color:#1a1000;animation:rij-tekstglans 4s linear infinite}html:root .zeldzaamheid--episch:not(.op-slot){border-color:#b46bff80}html:root .zeldzaamheid--legendarisch:not(.op-slot){border:1.5px solid transparent;background:linear-gradient(var(--kaart-vol),var(--kaart-vol)) padding-box,conic-gradient(from var(--holo-hoek),#ffd76a,#ff8ef0,#9d7bff,#8ef6ff,#7dffb0,#ffd76a) border-box;animation:rij-holo-draai 6s linear infinite}html:root .thema-swatch.op-slot .thema-swatch-preview{filter:grayscale(.8) brightness(.55);animation:none;box-shadow:none}html:root .thema-swatch.op-slot .thema-swatch-naam{color:var(--muted)}html:root .thema-swatch.op-slot .thema-swatch-zeldzaam{background:var(--tint-3);color:var(--muted);animation:none}html:root .thema-swatch--rij .thema-swatch-preview{position:relative;display:grid;place-items:center}html:root .thema-swatch-slotje{width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V8a5 5 0 0 1 10 0v2' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'/%3E%3Crect x='5' y='10' width='14' height='11' rx='3' fill='white'/%3E%3C/svg%3E") center/contain no-repeat}html:root .thema-swatch--asfalt .thema-swatch-preview{background:repeating-linear-gradient(180deg,#ffd23f 0 6px,transparent 6px 11px) 50% 0/4px 100% no-repeat,radial-gradient(circle at 30% 25%,#3a3b40,#18191c)}html:root .thema-swatch--kust .thema-swatch-preview{background:linear-gradient(180deg,#f2c98a 0 34%,#3fd8c8 34% 52%,#0e8a80 52% 70%,#05484a 70%)}html:root .thema-swatch--lantaarn .thema-swatch-preview{background:radial-gradient(circle at 50% 22%,#fff1c9 0 9%,#ffb054 14%,rgba(255,176,84,.35) 38%,transparent 62%),linear-gradient(180deg,#121a38,#070b1a)}html:root .thema-swatch--tulp .thema-swatch-preview{background:linear-gradient(115deg,#ff3b5c 0 22%,#ff8a3d 22% 42%,#ffd23d 42% 60%,#c157ff 60% 80%,#ff6fb0 80%)}html:root .thema-swatch--noorderlicht .thema-swatch-preview{background:linear-gradient(160deg,transparent 20%,rgba(77,255,180,.9) 40%,rgba(143,123,255,.85) 62%,transparent 80%),radial-gradient(1px 1px at 30% 70%,#fff 60%,transparent),#030a14;box-shadow:0 0 14px #4dffb480}html:root .thema-swatch--synthwave .thema-swatch-preview{background:linear-gradient(transparent 60%,#2de2e6 60% 63%,#0d0221 63%),radial-gradient(circle at 50% 62%,#f9c80e 0,#ff3cac 36%,transparent 37%),linear-gradient(180deg,#2a0845,#0d0221);box-shadow:0 0 14px #ff3cac99}html:root .thema-swatch--magma .thema-swatch-preview{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath d='M0 14l12 4 8-6 10 6 14-4M18 12l-4 14 8 8-4 10M30 18l4 12 10 2' fill='none' stroke='%23ffb01f' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100%,radial-gradient(circle at 50% 100%,#c41b00,#1e0b06 70%);box-shadow:0 0 14px #ff5a1fb3}html:root .thema-swatch--legende .thema-swatch-preview{background:radial-gradient(circle,#05030f 0 34%,transparent 36%),conic-gradient(from var(--holo-hoek),#ffd76a,#ff8ef0,#9d7bff,#8ef6ff,#7dffb0,#ffd76a);animation:rij-holo-draai 4s linear infinite;box-shadow:0 0 16px #ffd76a99,0 0 26px -4px #9d7bffb3}html:root .badge-chip{gap:4px;padding:12px 6px 10px}html:root .badge-chip-thema{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-size:9px;font-weight:700;letter-spacing:.04em;color:var(--muted)}html:root .badge-chip-thema .thema-swatch-preview{width:12px;height:12px;border-radius:50%;flex:0 0 12px;box-shadow:none;animation:none}html:root .badge-chip.vergrendeld .badge-chip-thema .thema-swatch-preview{filter:grayscale(.8) brightness(.7)}@media(prefers-reduced-motion:reduce){html:root .full-panel:after{animation:none!important}}@property --eclips-hoek{syntax:"<angle>"; inherits:false; initial-value:0deg;}@keyframes rij-eclips-draai{to{--eclips-hoek:360deg}}@keyframes rij-corona{0%,to{box-shadow:0 0 0 1.5px #fff1c9e6,0 0 18px 4px #ffe9b073,0 0 40px 10px #ff4d2e2e}50%{box-shadow:0 0 0 1.5px #fff,0 0 26px 7px #ffe9b0b3,0 0 60px 16px #ff4d2e52}}@keyframes rij-eclips-rand{to{--eclips-hoek:360deg}}html[data-theme=eclips]{color-scheme:dark;--bg:#000;--surface:#0a0806;--surface-2:#110d0a;--surface-3:#19130e;--text:#fff8ee;--muted:#a8998a;--line:rgba(255,233,176,.12);--accent:#ffe9b0;--accent-2:#ff4d2e;--accent-soft:rgba(255,233,176,.1);--op-accent:#000;--glow-rgb:255,233,176;--glow-sterkte:.5;--route:#ffe9b0;--route-2:#ff6a4d;--route-3:#9fd8ff;--kaart-rand:rgba(255,233,176,.35)}html[data-theme=eclips] :is(.sheet,.nav-guidance,.nav-dashboard,.settings-card,.search-card,.bottom-nav){border:1.5px solid transparent;background:linear-gradient(115deg,transparent 40%,rgba(255,241,201,.07) 50%,transparent 60%) padding-box,radial-gradient(100% 60% at 50% 0%,rgba(255,233,176,.08),transparent 70%) padding-box,linear-gradient(180deg,#0c0a08,#050403) padding-box,conic-gradient(from var(--eclips-hoek),#3a3128,#fff1c9 8%,#3a3128 16%,#1a1510 40%,#ff4d2e 48%,#1a1510 56%,#8c7a63 75%,#3a3128) border-box;box-shadow:0 0 34px -10px #ffe9b059,var(--shadow);animation:rij-eclips-rand 9s linear infinite;-webkit-backdrop-filter:none;backdrop-filter:none}html[data-theme=eclips] .navigation-mode :is(.nav-guidance,.nav-dashboard){animation-duration:18s}html[data-theme=eclips] .full-panel{background:radial-gradient(70% 40% at 85% 0%,rgba(255,233,176,.1),transparent 70%),radial-gradient(60% 40% at 0% 100%,rgba(255,77,46,.07),transparent 70%),#000}html[data-theme=eclips] .panel-content{position:relative;z-index:1}html[data-theme=eclips] .full-panel:after{content:"";position:fixed;z-index:3;pointer-events:none;width:230px;height:230px;right:-62px;top:calc(var(--safe-top, 0px) - 62px);border-radius:50%;background:radial-gradient(circle,#000 0 30%,rgba(255,250,235,.95) 31%,rgba(255,233,176,.5) 34%,transparent 36%),repeating-conic-gradient(from var(--eclips-hoek),rgba(255,241,201,.55) 0deg 1.5deg,transparent 1.5deg 7deg,rgba(255,233,176,.3) 7deg 8deg,transparent 8deg 13deg);-webkit-mask:radial-gradient(circle,#000 34%,rgba(0,0,0,.6) 46%,transparent 70%);mask:radial-gradient(circle,#000 34%,rgba(0,0,0,.6) 46%,transparent 70%);opacity:.75;animation:rij-eclips-draai 60s linear infinite}html[data-theme=eclips] :is(.maneuver-copy strong,.nav-summary-item strong,.nav-trip-stack div:first-child strong,.route-choice .route-time,.route-destination-row strong,.badges-total strong){background:linear-gradient(100deg,#b9a88f 10%,#fff 30%,#ffe9b0,#b9a88f 60%,#fff 80%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 8px rgba(255,233,176,.4)) drop-shadow(0 0 18px rgba(255,77,46,.25));animation:rij-tekstglans 7s linear infinite}html[data-theme=eclips] :is(.eyebrow,.settings-card h3,.search-input-wrap label,.segment-banner strong){color:#ffe9b0;text-shadow:0 0 12px rgba(255,233,176,.6),0 0 2px rgba(255,77,46,.8);letter-spacing:.3em}html[data-theme=eclips] .panel-header h2:after{content:"";display:inline-block;width:.62em;height:.62em;margin-left:.4em;vertical-align:.04em;border-radius:50%;background:#000;animation:rij-corona 3.4s ease-in-out infinite}html[data-theme=eclips] :is(.primary-button,.nav-tab.active,.map-fab.primary-fab){background:#000;color:#fff8ee;border:none;animation:rij-corona 3.4s ease-in-out infinite}html[data-theme=eclips] .speed-sign{background:#000;border:2px solid #fff1c9;color:#fff1c9;box-shadow:0 0 14px #ffe9b0b3,0 0 26px #ff4d2e59}html[data-theme=eclips] :is(.thema-swatch.actief,.route-choice.active){border-color:#fff1c9;box-shadow:0 0 18px #ffe9b080,0 0 30px -6px #ff4d2e80}html:root .thema-swatch--eclips .thema-swatch-preview{background:radial-gradient(circle,#000 0 40%,#fffaf0 43%,rgba(255,233,176,.5) 48%,transparent 52%),repeating-conic-gradient(from var(--eclips-hoek),rgba(255,241,201,.9) 0 3deg,transparent 3deg 14deg),#000;animation:rij-eclips-draai 8s linear infinite;box-shadow:0 0 16px #ffe9b08c,0 0 26px -4px #ff4d2e99}html:root .zeldzaamheid--mythisch .thema-swatch-zeldzaam{background:#000;color:#ffe9b0;box-shadow:0 0 0 1px #fff1c9cc,0 0 10px #ffe9b073,0 0 14px #ff4d2e4d}html:root .zeldzaamheid--mythisch:not(.op-slot){border:1.5px solid transparent;background:linear-gradient(#050403,#050403) padding-box,conic-gradient(from var(--eclips-hoek),#3a3128,#fff1c9 8%,#3a3128 16%,#ff4d2e 48%,#3a3128) border-box;animation:rij-eclips-rand 6s linear infinite}html:root .zeldzaamheid--mythisch:not(.op-slot) .thema-swatch-naam{color:#fff8ee}@keyframes marker-legende{0%,to{filter:drop-shadow(0 0 4px rgba(255,215,106,.95)) drop-shadow(0 2px 3px rgba(0,0,0,.3))}33%{filter:drop-shadow(0 0 5px rgba(255,142,240,.95)) drop-shadow(0 2px 3px rgba(0,0,0,.3))}66%{filter:drop-shadow(0 0 5px rgba(142,246,255,.95)) drop-shadow(0 2px 3px rgba(0,0,0,.3))}}@keyframes marker-eclips{0%,to{filter:drop-shadow(0 0 3px rgba(255,241,201,.9)) drop-shadow(0 0 8px rgba(255,77,46,.35))}50%{filter:drop-shadow(0 0 6px rgba(255,241,201,1)) drop-shadow(0 0 14px rgba(255,77,46,.6))}}.user-marker-dot--art[data-rij-thema=legende]{animation:marker-legende 4.5s ease-in-out infinite}.user-marker-dot--art[data-rij-thema=eclips]{animation:marker-eclips 3.4s ease-in-out infinite}.user-marker-dot--art[data-rij-thema]:not([data-rij-thema=legende]):not([data-rij-thema=eclips]){filter:drop-shadow(0 0 3px color-mix(in srgb,var(--accent) 70%,transparent)) drop-shadow(0 2px 3px rgba(0,0,0,.28))}@keyframes seizoen-sneeuw{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes seizoen-vleermuis{0%,to{transform:translate(0) scaleX(1)}25%{transform:translate(-14px,6px) scaleX(.8)}50%{transform:translate(-26px,-4px) scaleX(1)}75%{transform:translate(-10px,-10px) scaleX(.8)}}html[data-theme=lente]{color-scheme:dark;--bg:#0f1a12;--surface:#16241a;--surface-2:#1c2d21;--surface-3:#243829;--text:#fdf2f6;--muted:#b4a6ad;--line:rgba(255,170,200,.16);--accent:#ff9ec2;--accent-2:#9be15d;--accent-soft:rgba(255,158,194,.14);--op-accent:#2a0a18;--glow-rgb:255,158,194;--glow-sterkte:.34;--route:#ff9ec2;--route-2:#9be15d;--route-3:#ffd36b}html[data-theme=lente] :is(.sheet,.nav-guidance,.nav-dashboard,.settings-card,.search-card,.bottom-nav){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='120'%3E%3Cg fill='%23ffb8d2' fill-opacity='.22'%3E%3Cellipse cx='20' cy='18' rx='5' ry='2.6' transform='rotate(30 20 18)'/%3E%3Cellipse cx='110' cy='40' rx='4' ry='2.2' transform='rotate(-20 110 40)'/%3E%3Cellipse cx='60' cy='92' rx='5' ry='2.6' transform='rotate(60 60 92)'/%3E%3Cellipse cx='140' cy='100' rx='3.6' ry='2' transform='rotate(10 140 100)'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,var(--kaart-vol),var(--kaart))}html[data-theme=lente] :is(.primary-button,.nav-tab.active,.map-fab.primary-fab){background:linear-gradient(120deg,#ffc2d9,#ff8fb8)}html[data-theme=lente][data-dag=ja]{color-scheme:light;--bg:#fbf1f4;--surface:#fffbfc;--surface-2:#fdf5f8;--surface-3:#f7e6ec;--text:#2e1420;--muted:#86606f;--line:rgba(200,80,130,.16);--accent:#c93d78;--accent-2:#4f9a22;--accent-soft:rgba(201,61,120,.1);--op-accent:#fff;--glow-rgb:201,61,120;--glow-sterkte:.2;--route:#c93d78;--route-2:#4f9a22;--route-3:#c98a00}html[data-theme=koningsdag]{color-scheme:dark;--bg:#1a0d02;--surface:#241305;--surface-2:#2d1807;--surface-3:#391f0a;--text:#fff3e6;--muted:#d0a77d;--line:rgba(255,140,0,.2);--accent:#ff8a00;--accent-2:#ffb347;--accent-soft:rgba(255,138,0,.15);--op-accent:#2a1300;--glow-rgb:255,138,0;--glow-sterkte:.45;--route:#ff8a00;--route-2:#4d8bff;--route-3:#ff4d5a}html[data-theme=koningsdag] :is(.sheet,.nav-guidance,.nav-dashboard,.settings-card,.search-card,.bottom-nav){background-image:linear-gradient(180deg,#ae1c28 0 33.3%,#fff 33.3% 66.6%,#21468b 66.6%),linear-gradient(180deg,rgba(255,138,0,.12),transparent 45%),linear-gradient(180deg,var(--kaart-vol),var(--kaart));background-size:100% 6px,auto,auto;background-position:0 100%,0 0,0 0;background-repeat:no-repeat}html[data-theme=koningsdag] :is(.primary-button,.nav-tab.active,.map-fab.primary-fab){background:linear-gradient(120deg,#ffb347,#ff7a00);color:#2a1300}html[data-theme=koningsdag] .panel-header h2:after{content:" 👑"}html[data-theme=koningsdag][data-dag=ja]{color-scheme:light;--bg:#fff3e6;--surface:#fffaf4;--surface-2:#fff4e8;--surface-3:#ffe7cc;--text:#2e1700;--muted:#8a6440;--line:rgba(230,110,0,.2);--accent:#d96a00;--accent-2:#ff8a00;--accent-soft:rgba(217,106,0,.11);--op-accent:#fff;--glow-rgb:217,106,0;--glow-sterkte:.2;--route:#d96a00;--route-2:#21468b;--route-3:#ae1c28}html[data-theme=zomer]{color-scheme:dark;--bg:#04161c;--surface:#082229;--surface-2:#0c2c35;--surface-3:#113842;--text:#ecfbff;--muted:#88b4bf;--line:rgba(80,210,240,.16);--accent:#ffd23d;--accent-2:#2ed3e6;--accent-soft:rgba(255,210,61,.14);--op-accent:#2a1e00;--glow-rgb:255,210,61;--glow-sterkte:.4;--route:#ffd23d;--route-2:#2ed3e6;--route-3:#ff7a6b}html[data-theme=zomer] :is(.sheet,.nav-guidance,.nav-dashboard,.settings-card,.search-card,.bottom-nav){background-image:radial-gradient(circle at 92% -6%,rgba(255,226,120,.5) 0 26px,transparent 27px),repeating-conic-gradient(from 0deg at 92% -6%,rgba(255,210,61,.1) 0 6deg,transparent 6deg 16deg),linear-gradient(180deg,var(--kaart-vol),var(--kaart))}html[data-theme=zomer] :is(.primary-button,.nav-tab.active,.map-fab.primary-fab){background:linear-gradient(120deg,#ffe27a,#ffb52e)}html[data-theme=zomer][data-dag=ja]{color-scheme:light;--bg:#fff8e6;--surface:#fffdf6;--surface-2:#fff9ea;--surface-3:#fdf0cf;--text:#0f2a33;--muted:#5d7a82;--line:rgba(0,150,180,.18);--accent:#0a8fa6;--accent-2:#e0a200;--accent-soft:rgba(10,143,166,.11);--op-accent:#fff;--glow-rgb:10,143,166;--glow-sterkte:.2;--route:#0a8fa6;--route-2:#d98a00;--route-3:#e0503a}html[data-theme=zomer][data-dag=ja] :is(.primary-button,.nav-tab.active,.map-fab.primary-fab){background:linear-gradient(120deg,#23c3d9,#0a8fa6);color:#fff}html[data-theme=herfst]{color-scheme:dark;--bg:#160c06;--surface:#21130a;--surface-2:#2a180d;--surface-3:#351f11;--text:#fff1e2;--muted:#c7a27f;--line:rgba(230,130,50,.18);--accent:#ff9a3d;--accent-2:#d9442a;--accent-soft:rgba(255,154,61,.14);--op-accent:#2a1100;--glow-rgb:255,154,61;--glow-sterkte:.36;--route:#ff9a3d;--route-2:#ffd36b;--route-3:#9ccf5f}html[data-theme=herfst] :is(.sheet,.nav-guidance,.nav-dashboard,.settings-card,.search-card,.bottom-nav){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='140'%3E%3Cg fill-opacity='.2'%3E%3Cpath d='M30 20c8-8 18-6 18-6s2 10-6 18-18 6-18 6-2-10 6-18z' fill='%23ff9a3d'/%3E%3Cpath d='M130 50c6-9 16-9 16-9s1 10-5 19-16 9-16 9-1-10 5-19z' fill='%23d9442a'/%3E%3Cpath d='M70 100c9-6 18-2 18-2s-1 10-10 16-18 2-18 2 1-10 10-16z' fill='%23ffd36b'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,var(--kaart-vol),var(--kaart))}html[data-theme=herfst] :is(.primary-button,.nav-tab.active,.map-fab.primary-fab){background:linear-gradient(120deg,#ffc15e,#ff7a2e 55%,#d9442a);color:#2a1100}html[data-theme=herfst][data-dag=ja]{color-scheme:light;--bg:#f8efe2;--surface:#fffaf3;--surface-2:#fcf4e8;--surface-3:#f3e4cd;--text:#2e1806;--muted:#86664a;--line:rgba(190,90,20,.2);--accent:#b8501a;--accent-2:#d9442a;--accent-soft:rgba(184,80,26,.11);--op-accent:#fff;--glow-rgb:184,80,26;--glow-sterkte:.2;--route:#b8501a;--route-2:#c98a00;--route-3:#4f8a22}html[data-theme=halloween]{color-scheme:dark;--bg:#0c0612;--surface:#160b20;--surface-2:#1d0f2a;--surface-3:#271537;--text:#fbefff;--muted:#a993bd;--line:rgba(255,120,30,.18);--accent:#ff7a1a;--accent-2:#9d4dff;--accent-soft:rgba(255,122,26,.14);--op-accent:#1a0800;--glow-rgb:255,122,26;--glow-sterkte:.5;--route:#ff7a1a;--route-2:#a8ff3d;--route-3:#9d4dff}html[data-theme=halloween] :is(.sheet,.nav-guidance,.nav-dashboard,.settings-card,.search-card,.bottom-nav){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.16' stroke-width='1'%3E%3Cpath d='M70 0L20 50M70 0L0 30M70 0L45 70M70 0L0 0M70 0L70 70'/%3E%3Cpath d='M58 0q-2 8 4 12 8 2 8 2M44 0q-3 16 9 22 12 6 17 6M28 0q-5 24 14 34 18 10 28 8'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,rgba(157,77,255,.12),transparent 50%),linear-gradient(180deg,var(--kaart-vol),var(--kaart));background-repeat:no-repeat;background-position:100% 0,0 0,0 0}html[data-theme=halloween] :is(.primary-button,.nav-tab.active,.map-fab.primary-fab){background:linear-gradient(180deg,#ffa24d,#ff6a00);color:#1a0800;box-shadow:0 0 22px #ff7a1a99}html[data-theme=halloween] :is(.maneuver-copy strong,.nav-summary-item strong,.nav-trip-stack div:first-child strong,.route-choice .route-time){text-shadow:0 0 14px rgba(255,122,26,.6),0 0 30px rgba(157,77,255,.4)}html[data-theme=halloween] .panel-header h2:after{content:" 🎃"}html[data-theme=halloween] .full-panel:after{content:"";position:fixed;z-index:3;pointer-events:none;right:18px;top:calc(var(--safe-top, 0px) + 96px);width:120px;height:60px;opacity:.55;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 60'%3E%3Cg fill='%23000' stroke='%239d4dff' stroke-opacity='.6' stroke-width='.8'%3E%3Cpath d='M20 22c3-6 7-6 9-2 2-3 4-3 5 0 2-4 6-4 9 2-4-1-6 1-7 4-2-2-4-2-6 0-1-3-4-5-10-4z'/%3E%3Cpath d='M80 40c2-4 5-4 6-1 1-2 3-2 4 0 1-3 4-3 6 1-3-1-4 1-5 3-1-1-3-1-4 0-1-2-3-3-7-3z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;animation:seizoen-vleermuis 7s ease-in-out infinite}html[data-theme=winter]{color-scheme:dark;--bg:#07111f;--surface:#0d1b2e;--surface-2:#122339;--surface-3:#192d47;--text:#f2f8ff;--muted:#8fa6c2;--line:rgba(190,220,255,.16);--accent:#bfe3ff;--accent-2:#6fb7ff;--accent-soft:rgba(191,227,255,.12);--op-accent:#06172b;--glow-rgb:191,227,255;--glow-sterkte:.4;--route:#9fd4ff;--route-2:#ffffff;--route-3:#ff8fa3}html[data-theme=winter] :is(.sheet,.nav-guidance,.nav-dashboard,.settings-card,.search-card,.bottom-nav){background-image:radial-gradient(120% 60% at 50% -20%,rgba(220,240,255,.14),transparent 60%),linear-gradient(180deg,var(--kaart-vol),var(--kaart))}html[data-theme=winter] .full-panel:after{content:"";position:fixed;left:0;right:0;top:0;height:200%;z-index:3;pointer-events:none;background:radial-gradient(2px 2px at 10% 20%,#fff 50%,transparent),radial-gradient(1.5px 1.5px at 35% 60%,#fff 50%,transparent),radial-gradient(2.5px 2.5px at 60% 30%,#eaf6ff 45%,transparent),radial-gradient(1.5px 1.5px at 85% 75%,#fff 50%,transparent),radial-gradient(2px 2px at 50% 90%,#fff 50%,transparent);background-size:220px 260px,180px 220px,260px 300px,200px 240px,240px 280px;opacity:.6;animation:seizoen-sneeuw 22s linear infinite}html[data-theme=winter] :is(.primary-button,.nav-tab.active,.map-fab.primary-fab){background:linear-gradient(120deg,#fff,#bfe3ff);color:#06172b}html[data-theme=winter][data-dag=ja]{color-scheme:light;--bg:#eef5fb;--surface:#ffffff;--surface-2:#f6fafd;--surface-3:#e5eff8;--text:#0d2238;--muted:#5a738c;--line:rgba(40,110,180,.16);--accent:#2a72b8;--accent-2:#6fb7ff;--accent-soft:rgba(42,114,184,.1);--op-accent:#fff;--glow-rgb:42,114,184;--glow-sterkte:.2;--route:#2a72b8;--route-2:#7a59d6;--route-3:#d9506a}html[data-theme=winter][data-dag=ja] .full-panel:after{background:radial-gradient(2px 2px at 10% 20%,#9cc4ea 50%,transparent),radial-gradient(1.5px 1.5px at 35% 60%,#9cc4ea 50%,transparent),radial-gradient(2.5px 2.5px at 60% 30%,#b8d6f2 45%,transparent),radial-gradient(1.5px 1.5px at 85% 75%,#9cc4ea 50%,transparent);background-size:220px 260px,180px 220px,260px 300px,200px 240px}html[data-theme=winter][data-dag=ja] :is(.primary-button,.nav-tab.active,.map-fab.primary-fab){background:linear-gradient(120deg,#4f97dc,#2a72b8);color:#fff}html[data-dag=ja]:is([data-theme=lente],[data-theme=koningsdag],[data-theme=zomer],[data-theme=herfst],[data-theme=winter]){--cijfer-dikte:300;--tint-1:color-mix(in srgb, var(--accent) 5%, transparent);--tint-2:color-mix(in srgb, var(--accent) 8%, transparent);--tint-3:color-mix(in srgb, var(--accent) 11%, transparent);--ring:0 0 0 3px color-mix(in srgb, var(--accent) 32%, transparent);--shadow-sm:0 10px 26px -12px rgba(30,30,50,.26);--shadow:0 22px 46px -18px rgba(30,30,50,.3);--shadow-strong:0 32px 64px -22px rgba(30,30,50,.36);--card-glow:0 14px 34px -14px rgba(30,30,50,.24);--warning:#b87800}html:root .thema-swatch--lente .thema-swatch-preview{background:radial-gradient(circle at 35% 35%,#fff 0 8%,#ffc2d9 9% 30%,transparent 31%),radial-gradient(circle at 68% 60%,#ffe0ec 0 6%,#ff9ec2 7% 24%,transparent 25%),linear-gradient(135deg,#b8f08a,#3f8a2a)}html:root .thema-swatch--koningsdag .thema-swatch-preview{background:linear-gradient(180deg,#ff8a00 0 55%,#ae1c28 55% 70%,#fff 70% 85%,#21468b 85%)}html:root .thema-swatch--zomer .thema-swatch-preview{background:radial-gradient(circle at 50% 38%,#fff3b0 0 16%,#ffd23d 17% 26%,transparent 27%),linear-gradient(180deg,#8fe3ff 0 62%,#2ed3e6 62% 74%,#f2d39a 74%)}html:root .thema-swatch--herfst .thema-swatch-preview{background:radial-gradient(circle at 30% 30%,#ffd36b 0 18%,transparent 19%),radial-gradient(circle at 68% 62%,#d9442a 0 22%,transparent 23%),linear-gradient(135deg,#ffb35c,#8a3a12)}html:root .thema-swatch--halloween .thema-swatch-preview{background:radial-gradient(ellipse 40% 34% at 50% 58%,#ff8a1a 60%,transparent 62%),linear-gradient(180deg,#2a1340,#0c0612);box-shadow:0 0 14px #ff7a1a99}html:root .thema-swatch--winter .thema-swatch-preview{background:radial-gradient(1.5px 1.5px at 30% 30%,#fff 60%,transparent),radial-gradient(2px 2px at 65% 45%,#fff 60%,transparent),radial-gradient(1.5px 1.5px at 45% 70%,#fff 60%,transparent),linear-gradient(180deg,#2a4a72,#9fd4ff 75%,#fff 76%)}html:root .thema-swatch--seizoen .thema-swatch-zeldzaam{background:#ffaa3c29;color:#e08a1e}html[data-voorproefje=ja] .panel-header:after{content:"👀";position:absolute;right:16px;bottom:12px;font-size:20px;animation:rij-twinkel 1s ease-in-out infinite}html:root .badge-voortgang{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:center;margin:4px 0 12px;padding:12px 14px;border-radius:20px;background:var(--tint-2);border:1px solid var(--line)}html:root .badge-voortgang.hidden{display:none}html:root .badge-voortgang>.thema-swatch-preview{width:28px;height:28px;border-radius:50%;box-shadow:none}html:root .badge-voortgang-tekst{display:grid;gap:7px}html:root .badge-voortgang-tekst small{font-size:12px;font-weight:700;color:var(--text);letter-spacing:.01em}html:root .badge-voortgang-balk{height:8px;border-radius:999px;background:var(--tint-3);overflow:hidden}html:root .badge-voortgang-balk span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent-2),var(--accent));box-shadow:0 0 10px rgba(var(--glow-rgb),.5);transition:width .6s ease}html:root .ride-thema-onthulling{display:grid;grid-template-columns:56px 1fr;gap:6px 14px;align-items:center;margin:14px 0 4px;padding:16px;border-radius:24px;background:var(--accent-soft);border:1px solid var(--kaart-rand);text-align:left;animation:onthulling-in .6s cubic-bezier(.2,1.4,.4,1) both}html:root .ride-thema-onthulling.hidden{display:none}html:root .ride-thema-onthulling>.thema-swatch-preview{width:56px;height:56px;border-radius:50%;grid-row:span 1;box-shadow:0 0 0 3px var(--tint-3),0 0 22px rgba(var(--glow-rgb),.4)}html:root .ride-thema-onthulling-tekst{display:grid;gap:3px}html:root .ride-thema-onthulling-tekst small{font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--accent)}html:root .ride-thema-onthulling-tekst strong{font-family:var(--f-cijfer);font-weight:400;font-size:24px;line-height:1.1}html:root .ride-thema-onthulling-tekst>span{font-size:11px;color:var(--muted);display:flex;gap:6px;align-items:center;flex-wrap:wrap}html:root .ride-thema-onthulling .primary-button{grid-column:1 / -1;min-height:46px;margin-top:8px}@keyframes onthulling-in{0%{opacity:0;transform:scale(.85) translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.user-marker-dot--art[data-rij-thema]{animation:none!important}}html:root .map.kaart-ruimte{background:radial-gradient(1px 1px at 12% 18%,#fff 50%,transparent),radial-gradient(1px 1px at 68% 9%,#fff 50%,transparent),radial-gradient(1.5px 1.5px at 84% 32%,#dfe9ff 50%,transparent),radial-gradient(1px 1px at 33% 41%,#fff 50%,transparent),radial-gradient(1px 1px at 52% 72%,#fff 50%,transparent),radial-gradient(1.5px 1.5px at 7% 83%,#ffeedd 50%,transparent),radial-gradient(1px 1px at 91% 64%,#fff 50%,transparent),radial-gradient(1px 1px at 24% 92%,#e6f0ff 50%,transparent),radial-gradient(70% 60% at 50% 50%,#0b1633,#050a18 55%,#010207);background-size:190px 230px,220px 170px,250px 270px,170px 210px,240px 200px,210px 250px,230px 260px,260px 190px,100% 100%}@media(prefers-reduced-motion:reduce){html:root *{animation-duration:.01ms!important;animation-iteration-count:1!important}}html:root .logo-mark{background:transparent;overflow:hidden;border-radius:12px;box-shadow:0 0 0 1px var(--kaart-rand),0 0 16px color-mix(in srgb,var(--accent) 30%,transparent)}html:root .logo-mark img{width:100%;height:100%;display:block;object-fit:cover}
