@import"https://fonts.googleapis.com/css2?family=Anybody:wght@500;700;800;900&family=Be+Vietnam+Pro:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Space+Grotesk:wght@500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@font-face{font-family:Roboto Mono;src:url(/assets/RobotoMono-VariableFont_wght-BmjObt7I.ttf) format("truetype-variations");font-weight:100 700;font-style:normal;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/assets/RobotoMono-Italic-VariableFont_wght-BTkegZV4.ttf) format("truetype-variations");font-weight:100 700;font-style:italic;font-display:swap}:root{--dr-green: #38b580;--dr-indigo: #445ba7;--dr-coral: #f37d82;--dr-ink: #212121;--dr-midnight: #0f172a;--dr-green-50: #eafaf2;--dr-green-100: #c9f0dc;--dr-green-200: #9be3bf;--dr-green-400: #55c895;--dr-green-500: #38b580;--dr-green-600: #24966a;--dr-green-700: #167353;--dr-green-900: #073524;--dr-indigo-100: #dbe1f3;--dr-indigo-400: #6b7fc1;--dr-indigo-500: #445ba7;--dr-indigo-700: #2f4383;--dr-indigo-900: #1a2450;--dr-coral-50: #fdeded;--dr-coral-100: #fbd5d7;--dr-coral-300: #f7a6aa;--dr-coral-500: #f37d82;--dr-coral-700: #c95a5f;--dr-coral-900: #7a2f33;--dr-midnight-900: #0f172a;--dr-midnight-800: #152036;--dr-midnight-700: #1c2a47;--dr-midnight-500: #334866;--dr-white: #ffffff;--dr-neutral-50: #f7f8fa;--dr-neutral-100: #eef0f4;--dr-neutral-200: #dfe3eb;--dr-neutral-300: #c4cad7;--dr-neutral-400: #9aa2b3;--dr-neutral-500: #6b7285;--dr-neutral-600: #4a5160;--dr-neutral-700: #323845;--dr-neutral-800: #212121;--dr-neutral-900: #121317;--dr-black: #000000;--dr-rainbow-red: #e53935;--dr-rainbow-orange: #f39214;--dr-rainbow-yellow: #f9d02c;--dr-rainbow-green: #6fc04a;--dr-rainbow-blue: #2a8fd6;--dr-rainbow-purple: #7e4fa5;--dr-rainbow-gradient: linear-gradient(90deg, var(--dr-rainbow-red) 0%, var(--dr-rainbow-orange) 20%, var(--dr-rainbow-yellow) 40%, var(--dr-rainbow-green) 60%, var(--dr-rainbow-blue) 80%, var(--dr-rainbow-purple) 100%);--dr-bg: var(--dr-white);--dr-bg-muted: var(--dr-neutral-50);--dr-bg-subtle: var(--dr-neutral-100);--dr-fg: var(--dr-ink);--dr-fg-muted: var(--dr-neutral-600);--dr-fg-subtle: var(--dr-neutral-500);--dr-fg-inverse: var(--dr-white);--dr-border: var(--dr-neutral-200);--dr-border-strong: var(--dr-neutral-300);--dr-accent: var(--dr-green);--dr-accent-hover: var(--dr-green-600);--dr-accent-active: var(--dr-green-700);--dr-accent-fg: var(--dr-white);--dr-accent-subtle-bg: var(--dr-green-50);--dr-secondary: var(--dr-indigo);--dr-secondary-hover: var(--dr-indigo-700);--dr-secondary-fg: var(--dr-white);--dr-tertiary: var(--dr-coral);--dr-tertiary-hover: var(--dr-coral-700);--dr-tertiary-fg: var(--dr-white);--dr-tertiary-subtle-bg: var(--dr-coral-50);--dr-success: var(--dr-green-600);--dr-warning: #d99a14;--dr-danger: #d14343;--dr-info: var(--dr-indigo);--dr-radius-xs: 4px;--dr-radius-sm: 6px;--dr-radius-md: 10px;--dr-radius-lg: 16px;--dr-radius-xl: 24px;--dr-radius-pill: 999px;--dr-s-1: 4px;--dr-s-2: 8px;--dr-s-3: 12px;--dr-s-4: 16px;--dr-s-5: 20px;--dr-s-6: 24px;--dr-s-8: 32px;--dr-s-10: 40px;--dr-s-12: 48px;--dr-s-16: 64px;--dr-s-20: 80px;--dr-s-24: 96px;--dr-shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--dr-shadow-sm: 0 2px 6px rgba(15, 23, 42, .08);--dr-shadow-md: 0 8px 24px rgba(15, 23, 42, .1);--dr-shadow-lg: 0 18px 44px rgba(15, 23, 42, .14);--dr-shadow-glow: 0 0 40px rgba(56, 181, 128, .35);--dr-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--dr-font-mono: "Roboto Mono", ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--dr-font-display: "Inter", ui-sans-serif, system-ui, sans-serif;--dr-fs-xs: 12px;--dr-fs-sm: 14px;--dr-fs-base: 16px;--dr-fs-md: 18px;--dr-fs-lg: 20px;--dr-fs-xl: 24px;--dr-fs-2xl: 32px;--dr-fs-3xl: 44px;--dr-fs-4xl: 60px;--dr-fs-5xl: 84px;--dr-lh-tight: 1.1;--dr-lh-snug: 1.25;--dr-lh-normal: 1.5;--dr-lh-relaxed: 1.65;--dr-tracking-tight: -.02em;--dr-tracking-normal: 0;--dr-tracking-wide: .04em;--dr-tracking-caps: .12em;--dr-ease: cubic-bezier(.2, .7, .2, 1);--dr-ease-out: cubic-bezier(.16, 1, .3, 1);--dr-duration-1: .12s;--dr-duration-2: .2s;--dr-duration-3: .32s}.dr-dark,[data-theme=dark]{--dr-bg: var(--dr-midnight);--dr-bg-muted: var(--dr-midnight-800);--dr-bg-subtle: var(--dr-midnight-700);--dr-fg: var(--dr-white);--dr-fg-muted: #c9d1de;--dr-fg-subtle: #8b93a3;--dr-border: rgba(255, 255, 255, .1);--dr-border-strong: rgba(255, 255, 255, .2);--dr-accent-subtle-bg: rgba(56, 181, 128, .12)}html,body{background:var(--dr-bg);color:var(--dr-fg)}body{font-family:var(--dr-font-sans);font-size:var(--dr-fs-base);line-height:var(--dr-lh-normal);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,.dr-h1{font-family:var(--dr-font-display);font-weight:700;font-size:var(--dr-fs-4xl);line-height:var(--dr-lh-tight);letter-spacing:var(--dr-tracking-tight);color:var(--dr-fg);margin:0 0 var(--dr-s-4);text-wrap:pretty}h2,.dr-h2{font-family:var(--dr-font-display);font-weight:700;font-size:var(--dr-fs-3xl);line-height:var(--dr-lh-tight);letter-spacing:var(--dr-tracking-tight);margin:0 0 var(--dr-s-3)}h3,.dr-h3{font-weight:700;font-size:var(--dr-fs-2xl);line-height:var(--dr-lh-snug);margin:0 0 var(--dr-s-3)}h4,.dr-h4{font-weight:700;font-size:var(--dr-fs-xl);line-height:var(--dr-lh-snug);margin:0 0 var(--dr-s-2)}h5,.dr-h5{font-weight:600;font-size:var(--dr-fs-lg);line-height:var(--dr-lh-snug);margin:0 0 var(--dr-s-2)}p,.dr-p{font-size:var(--dr-fs-base);line-height:var(--dr-lh-relaxed);color:var(--dr-fg);margin:0 0 var(--dr-s-4);text-wrap:pretty}.dr-lede{font-size:var(--dr-fs-lg);line-height:var(--dr-lh-relaxed);color:var(--dr-fg-muted);font-weight:400}.dr-eyebrow{font-family:var(--dr-font-mono);font-weight:700;font-size:var(--dr-fs-xs);letter-spacing:var(--dr-tracking-caps);text-transform:uppercase;color:var(--dr-accent)}small,.dr-small{font-size:var(--dr-fs-sm);color:var(--dr-fg-muted)}code,kbd,samp,.dr-code{font-family:var(--dr-font-mono);font-size:.92em;background:var(--dr-bg-subtle);color:var(--dr-fg);padding:2px 6px;border-radius:var(--dr-radius-xs);font-weight:500}.dr-rainbow-text{background:var(--dr-rainbow-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.dr-bg-aurora{background-color:var(--dr-midnight);background-image:radial-gradient(60% 70% at 30% 60%,rgba(56,181,128,.55),transparent 60%),radial-gradient(50% 60% at 75% 30%,rgba(56,181,128,.35),transparent 65%),radial-gradient(80% 80% at 50% 110%,rgba(15,23,42,1),transparent 70%)}:root{--logo-navy: #0b1326;--logo-mint: #4edea3;--logo-blue: #89ceff;--logo-mint-deep: #2bb884;--logo-mint-mid: #3bc992;--primary-ink: var(--logo-mint);--panel-navy: #0b1326;--panel-navy-mid: #131b2e;--panel-navy-deep: #060e20;--color-bg: #0b1326;--color-bg-dark: #060e20;--color-surface: #171f33;--color-primary: #4edea3;--color-primary-dark: #2bb884;--color-accent: #89ceff;--color-accent-alt: #89ceff;--color-accent-light: rgba(78, 222, 163, .16);--color-text: #dae2fd;--color-text-secondary: #bbcabf;--color-text-muted: #86948a;--color-border: rgba(255, 255, 255, .1);--color-danger: #ffb4ab;--color-danger-dark: #ff8a80;--color-success: #4edea3;--color-white: #ffffff;--color-black: #060e20;--z2-moss: #4edea3;--z2-moss-deep: #2bb884;--z2-coral: #89ceff;--z2-ink: #dae2fd;--z2-mist: #0b1326;--z2-ridge: #131b2e;--z2-dawn: #89ceff;--z2-asphalt: #060e20;--surface: #0b1326;--surface-low: #131b2e;--surface-container: #171f33;--surface-high: #222a3d;--surface-highest: #2d3449;--on-surface: #dae2fd;--on-surface-variant: #bbcabf;--primary: #4edea3;--primary-container: #164c39;--on-primary: #003824;--secondary: #89ceff;--secondary-container: rgba(137, 206, 255, .16);--tertiary: #89ceff;--outline: #86948a;--outline-variant: #3c4a42;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--shadow-sm: 0 0 0 1px rgba(255, 255, 255, .06);--shadow-md: 0 12px 40px rgba(0, 0, 0, .35);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .45);--shadow-glow: 0 0 24px rgba(78, 222, 163, .35);--font-display: "Anybody", sans-serif;--font-body: "Be Vietnam Pro", sans-serif;--font-mono: "Space Grotesk", sans-serif;--dr-font-display: var(--font-display);--dr-font-sans: var(--font-body);--dr-font-mono: var(--font-mono);--dr-green: var(--color-primary);--dr-green-600: #3bc992;--dr-green-700: var(--color-primary-dark);--dr-green-50: rgba(78, 222, 163, .08);--dr-green-100: rgba(78, 222, 163, .16);--dr-green-200: rgba(78, 222, 163, .35);--dr-ink: var(--color-text);--dr-fg-muted: var(--color-text-secondary);--dr-fg-subtle: var(--color-text-muted);--dr-border: var(--color-border);--dr-coral: var(--color-accent);--dr-coral-50: rgba(137, 206, 255, .14);--dr-coral-700: #5eb0e6;--dr-indigo: var(--color-accent-alt);--dr-indigo-100: rgba(137, 206, 255, .16);--dr-neutral-50: var(--color-bg);--dr-neutral-100: var(--surface-high);--dr-white: #fff;--dr-black: #060e20;--dr-midnight: #060e20;--dr-danger: var(--color-danger);--dr-shadow-xs: var(--shadow-sm);--dr-shadow-sm: var(--shadow-md);--dr-shadow-md: var(--shadow-lg);--dr-shadow-lg: var(--shadow-lg);--nav-height: 72px;--content-max: 1280px;--app-accent: var(--color-primary);--color-ink: var(--color-text);--color-paper: var(--color-bg);--color-muted: var(--color-text-secondary);--activity-run: #4edea3;--activity-ride: #89ceff;--brand-mark: var(--logo-mint-mid);--brand-accent: var(--logo-mint-mid);--rating-star: #f0b45a;--rating-star-muted: #5a6478;--surface-glass: rgba(11, 19, 38, .72);--glow-primary: 0 0 28px rgba(78, 222, 163, .35);--glow-secondary: 0 0 24px rgba(137, 206, 255, .28);--glow-tertiary: 0 0 24px rgba(137, 206, 255, .28)}body{font-family:var(--font-body);background:var(--color-paper);color:var(--color-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,.site-brand-text,.landing-brand,.landing-headline,.discover-title,.home-greeting,.route-detail-title,.section-title,.creator-page-title{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100vh}a{color:inherit}.page{min-height:100vh;display:flex;flex-direction:column}.page-main{flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:36px 32px 80px}.page-header{margin-bottom:28px;text-align:center}.page-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;margin:0 0 8px;letter-spacing:-.02em}.page-subtitle{color:var(--color-text-secondary);font-size:1.05rem;margin:0}@keyframes z2-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-14px) rotate(-3deg)}}@keyframes z2-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.z2-card-hover{transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s cubic-bezier(.2,.7,.2,1)}.z2-card-hover:hover{transform:translateY(-3px);box-shadow:var(--dr-shadow-lg)}.z2-link{transition:background .2s cubic-bezier(.2,.7,.2,1)}.z2-link:hover{background:var(--dr-neutral-100)!important}.z2-rise{animation:z2-rise .5s cubic-bezier(.2,.7,.2,1) both}.z2-float{animation:z2-float 7s ease-in-out infinite}.site-header{position:sticky;top:0;z-index:1000;background:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--dr-border)}.site-header-inner{max-width:var(--content-max);margin:0 auto;padding:0 32px;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;gap:24px}.site-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;flex-shrink:0}.site-brand-icon{display:inline-flex;width:36px;height:36px;border-radius:11px;background:var(--dr-green);align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 16px #38b58066}.site-brand-icon-sm{width:32px;height:32px;border-radius:10px}.site-brand-text{font-family:var(--dr-font-display);font-weight:900;font-size:25px;letter-spacing:-.04em;color:var(--dr-ink)}.site-brand-sm .site-brand-text{font-size:20px}.site-brand-accent{color:var(--brand-accent, var(--logo-mint-deep, #2bb884))}.site-nav{display:flex;gap:4px;align-items:center}.site-nav-landing{gap:8px}.nav-pill{border:none;cursor:pointer;font-family:inherit;font-weight:600;font-size:15px;padding:9px 17px;border-radius:999px;transition:all .2s cubic-bezier(.2,.7,.2,1);background:transparent;color:var(--dr-ink);text-decoration:none;display:inline-flex;align-items:center}.nav-pill:hover{background:var(--dr-neutral-100)}.nav-pill-muted{color:var(--dr-fg-muted)}.nav-pill.active{background:var(--dr-green);color:#fff}.site-header-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.mode-toggle{position:relative;display:inline-flex;background:var(--dr-neutral-100);border-radius:999px;padding:4px}.mode-toggle-slider{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:#fff;border-radius:999px;box-shadow:0 1px 3px #0f172a1f;transition:transform .22s cubic-bezier(.2,.7,.2,1);transform:translate(0)}.mode-toggle.cycle .mode-toggle-slider{transform:translate(100%)}.mode-toggle-btn{position:relative;z-index:1;border:none;background:none;padding:7px 15px;border-radius:999px;font-family:inherit;font-weight:700;font-size:13.5px;cursor:pointer;color:var(--dr-ink);display:flex;align-items:center;gap:6px}.user-chip{display:flex;align-items:center;gap:9px}.user-avatar{width:34px;height:34px;border-radius:999px;background:var(--dr-green-100);color:var(--dr-green-700);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.user-name{font-weight:600;font-size:14.5px;color:var(--dr-fg-muted)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--dr-ink)}@media(max-width:960px){.site-header-inner{padding:0 16px;gap:12px}.site-nav{display:none;position:absolute;top:var(--nav-height);left:0;right:0;flex-direction:column;background:#fff;border-bottom:1px solid var(--dr-border);padding:12px 16px;box-shadow:var(--dr-shadow-md)}.site-nav.open{display:flex}.nav-toggle{display:block;margin-left:auto}.site-header-actions .user-name{display:none}.mode-toggle{display:inline-flex}.landing-page .site-nav-landing{display:none}}@media(max-width:640px){.site-header-actions .btn-text{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:12px;font-family:var(--font-body);font-weight:700;font-size:15px;text-decoration:none;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--dr-green);color:#fff;box-shadow:0 8px 20px #38b58059}.btn-primary:hover{background:var(--dr-green-600);box-shadow:0 0 40px #38b58073}.btn-hero{font-size:17px;font-weight:800;padding:16px 30px;border-radius:12px}.btn-glass{background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.22);padding:16px 28px;font-size:17px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-glass:hover{background:#ffffff1f;transform:none}.btn-text{background:none;color:var(--dr-ink);padding:9px 14px;border-radius:999px}.btn-text:hover{background:var(--dr-neutral-100);transform:none}.btn-launch{border-radius:999px;padding:11px 22px}.btn-pill{border-radius:999px}.btn-ghost-green{background:var(--dr-green-100);color:var(--dr-green-700)}.btn-ghost-green:hover{background:var(--dr-green-200);transform:none;box-shadow:none}.btn-accent{background:var(--dr-coral);color:var(--logo-navy, #0b1326)}.btn-accent:hover{background:var(--dr-coral-700);color:#fff}.btn-outline{background:#fff;color:var(--dr-ink);border:1px solid var(--dr-border)}.btn-outline:hover{background:var(--dr-neutral-50);box-shadow:none}.btn-ghost{background:var(--dr-green-100);color:var(--dr-green-700)}.btn-ghost:hover{background:var(--dr-green-200)}.btn-danger{background:var(--dr-danger);color:#fff}.btn-sm{padding:8px 16px;font-size:14px}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.form-card{width:100%;max-width:420px;margin:48px auto;background:var(--color-surface);padding:36px 32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.form-card h2{font-family:var(--font-display);font-size:1.6rem;font-weight:800;text-align:center;margin:0 0 24px}.form-group{margin-bottom:18px}.form-group label{display:block;font-weight:600;font-size:.9rem;margin-bottom:6px;color:var(--color-text)}.form-input{width:100%;padding:12px 14px;border:2px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;transition:border-color .15s,box-shadow .15s;background:var(--color-surface)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0d948826}.form-hint{font-size:.85rem;color:var(--color-text-muted);margin:-8px 0 16px}.form-footer{text-align:center;margin-top:16px;font-size:.92rem;color:var(--color-text-secondary)}.form-footer a{color:var(--color-primary);font-weight:600;text-decoration:none}.form-footer a:hover{text-decoration:underline}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-secondary);text-decoration:none;font-weight:600;font-size:.9rem;margin-bottom:20px}.back-link:hover{color:var(--color-primary)}.flash-messages{max-width:var(--content-max);margin:16px auto 0;padding:0 24px}.flash{padding:12px 16px;border-radius:var(--radius-sm);font-weight:500;margin-bottom:8px}.flash-error{background:#fee2e2;color:#991b1b;border:1px solid #FECACA}.flash-success{background:#d1fae5;color:#065f46;border:1px solid #A7F3D0}#toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:360px}.toast{padding:14px 18px;border-radius:var(--radius-md);font-weight:600;font-size:.92rem;box-shadow:var(--shadow-lg);animation:toast-in .3s ease;border-left:4px solid}.toast-info{background:var(--color-surface);color:var(--color-text);border-color:var(--color-primary)}.toast-success{background:#ecfdf5;color:#065f46;border-color:var(--color-success)}.toast-error{background:#fef2f2;color:#991b1b;border-color:var(--color-danger)}.toast-warning{background:#fffbeb;color:#92400e;border-color:var(--color-accent-alt)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--dr-border);box-shadow:0 2px 6px #0f172a0f}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:32px}.stat-card{padding:24px;text-align:center}.stat-value{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--color-primary);line-height:1.2}.stat-label{font-size:.88rem;color:var(--color-text-muted);margin-top:4px;font-weight:500}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:36px}.action-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 20px;text-decoration:none;color:var(--color-text);transition:transform .15s,box-shadow .15s,border-color .15s;border:2px solid var(--color-border)}.action-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.action-icon{font-size:2rem;line-height:1}.action-label{font-family:var(--font-display);font-weight:700;font-size:1.05rem}.recent-list{list-style:none;padding:0;margin:0}.recent-item{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--color-border)}.recent-item:last-child{border-bottom:none}.recent-name{flex:1;font-weight:600;color:var(--color-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-distance{color:var(--color-text-muted);font-size:.9rem;font-weight:500}.empty-state{text-align:center;padding:48px 24px;color:var(--color-text-muted)}.empty-state p{margin:0 0 16px;font-size:1.05rem}.quote{text-align:center;font-style:italic;color:var(--color-text-secondary);font-size:1.05rem;margin-top:32px;padding:20px;border-left:4px solid var(--color-accent);background:var(--color-surface);border-radius:var(--radius-sm)}.filter-bar,.location-bar{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;background:var(--color-surface);padding:16px 20px;border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:20px}.filter-bar label,.location-bar label{font-weight:600;font-size:.88rem;color:var(--color-text-secondary)}.filter-input{width:72px;padding:8px 10px;border:2px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9rem}.filter-input:focus{outline:none;border-color:var(--color-primary)}.address-wrap{position:relative}.address-input{width:260px;padding:8px 12px;border:2px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body)}.suggestions{position:absolute;top:100%;left:0;right:0;background:var(--color-surface);border:2px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);max-height:200px;overflow-y:auto;z-index:100;display:none}.suggestions div{padding:10px 12px;cursor:pointer;font-size:.9rem;border-bottom:1px solid var(--color-border)}.suggestions div:hover{background:var(--color-accent-light)}.route-list{width:100%;max-width:720px;margin:0 auto}.route-list-grid{max-width:none;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}.route-list-grid .route-card{margin-bottom:0;padding:0;display:flex;flex-direction:column;height:100%;border-radius:18px;overflow:hidden;cursor:pointer}.route-list-grid .route-card .route-map{height:148px;margin-bottom:0;border-radius:0;border:none}.route-list-grid .route-card-body{padding:16px 18px}.route-list-grid .route-card-top-badges{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:2}.route-list-grid .route-activity-badge{font-family:var(--dr-font-mono);font-weight:700;font-size:10.5px;letter-spacing:.04em;padding:5px 10px;border-radius:999px;text-transform:uppercase;background:color-mix(in srgb,var(--activity-run) 16%,#fff);color:var(--activity-run)}.route-list-grid .route-activity-badge.route-activity-ride{background:color-mix(in srgb,var(--activity-ride) 16%,#fff);color:var(--activity-ride)}.route-surface-tag{text-transform:capitalize;color:var(--dr-fg-muted)}.route-list-grid .route-rating-badge-top{background:#fffffff0;color:var(--dr-ink);font-family:var(--dr-font-mono);font-weight:700;font-size:12px;padding:5px 10px;border-radius:999px}.route-list-grid .route-card-name-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:9px}.route-list-grid .route-card-name{font-size:17px;font-weight:800;letter-spacing:-.02em;margin:0}.route-list-grid .route-away{font-family:var(--dr-font-mono);font-size:12px;color:var(--dr-fg-subtle);white-space:nowrap}.route-list-grid .route-card-meta-line{display:flex;gap:14px;font-family:var(--dr-font-mono);font-size:13px;color:var(--dr-fg-muted);flex-wrap:wrap}.route-list-grid .route-card-meta-line strong{color:var(--dr-ink);font-weight:700}.route-list-grid .route-card-header,.route-list-grid .route-card-details,.route-list-grid .route-card-elev{display:none}.route-list-grid .route-card.expanded{grid-column:1 / -1;padding:20px}.route-list-grid .route-card.expanded .route-card-header,.route-list-grid .route-card.expanded .route-card-details{display:flex}.route-list-grid .route-card.expanded .route-card-body{display:none}.route-list-grid .route-card.expanded .route-map{height:380px;border-radius:14px;border:1px solid var(--dr-border);margin-bottom:10px}.route-list-library{display:flex;flex-direction:column;gap:20px}.route-list-library .route-card{border-radius:20px;overflow:hidden;padding:0;cursor:default}.route-list-library .route-card-header{padding:20px 24px 14px;margin-bottom:0}.route-list-library .route-card-name{font-size:21px;font-weight:800}.route-list-library .route-map{height:220px;margin:0 24px;border-radius:14px;border:1px solid var(--dr-border)}.route-list-library .route-card-details{padding:16px 24px 22px;font-family:var(--dr-font-mono);font-size:14px}.route-list-grid .route-card.expanded{grid-column:1 / -1;max-width:none;margin-left:0;margin-right:0;height:auto}.route-list-grid .route-card-details{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:0}.route-card-details{display:flex;align-items:center;justify-content:space-between;gap:10px}.route-card-details-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.route-card-meta{font-size:.88rem;line-height:1.35}.route-card-elev{flex:0 0 42%;max-width:160px;min-width:110px}.elevation-panel-card{margin-bottom:0;padding:4px 6px}.elevation-panel-card .elevation-chart{height:36px}.route-card.expanded .route-card-elev{display:none}.route-list-grid .route-card-rating-slot{min-height:22px}.route-list-grid .route-closest-line{min-height:0}.route-card-rating{margin-top:0;font-size:.85rem}.route-list-grid .route-save-controls-slot{min-height:36px;min-width:88px;flex-shrink:0}.route-list-grid .route-card-header{min-height:52px}.route-list-grid .empty-state{grid-column:1 / -1}@media(max-width:768px){.route-list-grid{grid-template-columns:1fr}}.route-card{background:var(--color-surface);padding:20px;border-radius:var(--radius-md);border:2px solid var(--color-border);margin-bottom:20px;cursor:pointer;transition:box-shadow .2s,border-color .2s;position:relative}.route-card:hover{box-shadow:var(--shadow-md)}.route-card.expanded{border-color:var(--color-primary);box-shadow:var(--shadow-lg);max-width:900px;margin-left:auto;margin-right:auto}.route-card-name{font-family:var(--font-display);font-size:1.15rem;font-weight:700}.route-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;flex-shrink:0}.route-card-title-block{flex:1;min-width:0}.route-rating-inline{margin-top:4px;font-size:.85rem}.route-save-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.save-menu-wrap{position:relative}.save-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:20;padding:6px}.save-menu.open{display:block}.save-menu-label{padding:6px 10px 4px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.save-menu-item{display:block;width:100%;text-align:left;padding:8px 12px;border:none;background:none;cursor:pointer;font-weight:600;font-size:.88rem;color:var(--color-text);border-radius:var(--radius-sm)}.save-menu-item:hover{background:var(--color-accent-light)}.collection-select{min-width:130px;max-width:160px;padding:6px 10px;font-size:.85rem}.saved-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);background:#fee2e2;color:#be123c;font-size:.78rem;font-weight:700}.route-map{height:180px;width:100%;border-radius:var(--radius-sm);border:1px solid var(--color-border);margin-bottom:10px;overflow:hidden;transition:height .2s;flex-shrink:0}.route-card.expanded .route-map{height:380px}.route-meta{font-size:.95rem;color:var(--color-text-secondary);font-weight:500}.route-rating-badge{position:absolute;top:16px;right:16px;background:var(--color-surface);padding:4px 10px;border-radius:var(--radius-full);border:1px solid var(--color-border);font-size:.85rem}.stars{color:var(--rating-star, #d97706);letter-spacing:1px}.stars .empty{color:var(--rating-star-muted, #D1D5DB)}.star-input .star{font-size:1.4rem;cursor:pointer;color:#d1d5db;transition:color .1s}.star-input .star:hover,.star-input .star.active{color:var(--rating-star, #d97706)}.route-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.route-creator{font-size:.88rem;color:var(--color-text-muted);margin-bottom:8px}.creator-header{margin-bottom:16px}.creator-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:22px 26px;margin-bottom:20px;border-radius:18px}.creator-toolbar-steps,.creator-toolbar-settings{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.creator-toolbar-gpx{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}.creator-toolbar-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.creator-toolbar .route-steps-compact{margin:0}.creator-toolbar .routing-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:0;border:none;background:transparent}.creator-toolbar .gpx-upload-compact{min-height:36px}.creator-layout{display:grid;grid-template-columns:1fr minmax(280px,340px);gap:24px;align-items:start}.creator-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:88px}.creator-panel{padding:18px 20px}.creator-panel-title{margin:0 0 6px;font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:var(--color-primary-dark)}.creator-panel-desc{margin:0 0 14px;font-size:.88rem;color:var(--color-text-muted);line-height:1.45}.creator-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.creator-stats .stat-pill{padding:10px 14px}.creator-stats .stat-pill-value{font-size:1.1rem}.creator-field-label{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:6px}.creator-save-btn{width:100%;margin-top:12px}.quick-route-types{display:flex;gap:10px;margin-bottom:12px}.quick-route-row{margin-bottom:12px}.quick-route-row .form-input{width:100%}.field-hint{font-weight:500;text-transform:none;letter-spacing:0;color:var(--color-text-muted);font-size:.75rem}.gpx-upload-compact{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.route-steps-compact{margin:0;padding:0}.map-toolbar{position:absolute;top:12px;right:12px;z-index:10;display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:calc(100% - 24px);justify-content:flex-end}.map-toolbar-compact{inset:12px 12px auto;justify-content:flex-start;padding:8px 10px 8px 48px;background:#fffffff0;border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.map-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#ffffffeb;padding:8px 12px;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;color:var(--color-text-secondary);border:1px solid var(--color-border)}.map-legend-overlay{position:absolute;bottom:12px;left:12px;z-index:10;width:fit-content;box-shadow:var(--shadow-sm)}.map-legend span{display:inline-flex;align-items:center;white-space:nowrap}#map{height:min(62vh,560px)}@media(max-width:960px){.creator-layout{grid-template-columns:1fr}.creator-sidebar{position:static}.creator-toolbar-gpx{margin-left:0;width:100%}#map{height:420px}}.map-creator-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.route-stats-bar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.stat-pill{background:var(--color-surface);padding:12px 18px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.stat-pill-label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:600}.stat-pill-value{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:var(--color-primary)}.route-name-field{flex:1;min-width:200px}.route-steps{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 20px;flex-wrap:wrap}.route-step{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-full);background:var(--color-surface);border:2px solid var(--color-border);font-size:.85rem;font-weight:600;color:var(--color-text-muted);transition:border-color .2s,background .2s,color .2s}.route-step span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--color-border);font-size:.75rem;font-weight:800}.route-step.active{border-color:var(--color-primary);color:var(--color-primary-dark);background:var(--color-accent-light)}.route-step.active span{background:var(--color-primary);color:var(--color-white)}.route-step.done{border-color:var(--color-success);color:var(--color-primary-dark)}.route-step.done span{background:var(--color-success);color:var(--color-white)}.route-info-bar{display:flex;align-items:flex-start;gap:10px;padding:12px 18px;border-radius:var(--radius-sm);font-weight:600;margin-bottom:16px;border:2px solid transparent;transition:background .2s,border-color .2s}.route-info-icon{font-size:1.2rem;line-height:1.4;flex-shrink:0}.route-info-draw{background:var(--dr-green-50);color:var(--dr-green-700);border:1px solid var(--dr-green-100);border-radius:14px;font-size:15px}.route-info-bar{display:flex;align-items:center;gap:10px;padding:16px 20px;margin-bottom:14px;font-weight:700}.map-toolbar-compact{top:14px;left:14px;right:auto;display:flex;gap:6px;padding:5px;background:#fff;border-radius:999px;box-shadow:0 6px 16px #0f172a2e;border:none}.map-tool{border:none;background:none;font-family:inherit;font-weight:700;font-size:13px;padding:7px 15px;border-radius:999px;cursor:pointer;color:var(--dr-fg-subtle)}.map-tool-draw.active{background:var(--dr-coral);color:var(--logo-navy, #0b1326)}.map-tool-finish{background:var(--dr-green);color:var(--logo-navy, #0b1326)}.map-tool:not(.map-tool-muted):not(:disabled).active{background:var(--dr-green-100);color:var(--dr-green-700)}.map-tool:disabled{opacity:.45;cursor:not-allowed}.snap-chip{display:inline-flex;align-items:center;gap:6px;background:var(--dr-neutral-100);color:var(--dr-fg-muted);font-weight:600;font-size:13.5px;padding:6px 13px;border-radius:999px;cursor:pointer}.snap-chip:has(input:checked),.snap-chip.active{background:var(--dr-green-100);color:var(--dr-green-700);font-weight:700}.snap-chip input{display:none}.summary-stat{border:1px solid var(--dr-border);border-radius:12px;padding:14px}.summary-stat-label{font-family:var(--dr-font-mono);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dr-fg-subtle)}.summary-stat-value{font-family:var(--dr-font-mono);font-weight:700;font-size:24px;letter-spacing:-.02em;color:var(--dr-green-700);margin-top:4px}.summary-stat-ink{color:var(--dr-ink)}.summary-stat-unit{font-size:14px;color:var(--dr-fg-subtle)}.creator-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.creator-panel-title{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--dr-green-700);margin:0 0 18px}.creator-elev-panel{border:1px solid var(--dr-border);border-radius:12px;padding:16px;margin-bottom:18px}.creator-save-btn{width:100%;font-size:16px;font-weight:800;padding:15px;border-radius:12px}.route-step.active{border-color:var(--dr-green);color:#fff;background:var(--dr-green)}.route-step.active span{background:#ffffff40;color:#fff}.route-step{background:var(--dr-neutral-100);color:var(--dr-fg-muted);border:none}.route-step span{background:var(--dr-neutral-200)}.legend-snapped{background:var(--dr-green)}.legend-free{background:var(--dr-coral)}.route-info-snapping{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.route-info-ready{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.route-info-warning{background:#fffbeb;color:#92400e;border-color:#fde68a}.routing-label{font-size:.85rem;font-weight:700;color:var(--color-text-secondary);margin-right:4px}.gpx-filename{font-size:.85rem;color:var(--color-text-muted);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-mode-active{box-shadow:0 0 0 3px #fb718559}.map-wrap{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--color-border);box-shadow:var(--shadow-md)}#map{height:520px;width:100%}.map-loading-overlay{position:absolute;inset:0;background:#ffffffbf;display:none;align-items:center;justify-content:center;flex-direction:column;gap:12px;z-index:20;font-weight:700;color:var(--color-primary-dark);pointer-events:all}.map-loading-overlay.visible{display:flex}.map-loading-spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.legend-line{display:inline-block;width:18px;height:4px;border-radius:2px;vertical-align:middle;margin-right:4px}.legend-snapped{background:#0d9488}.legend-free{background:#fb7185}.legend-cut{background:#ef4444}.cut-marker-layer{pointer-events:none}.routing-options{display:none;background:var(--color-surface);padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.routing-options.show{display:flex;gap:16px}.routing-options label{cursor:pointer;font-weight:500;font-size:.9rem}.gpx-upload{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--color-surface);padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.file-input{display:none}.loading-text{color:var(--color-primary);font-weight:600;font-style:italic;display:none}.landing-page{background:var(--dr-neutral-50)}.demo-banner{background:var(--dr-midnight);color:#fff;padding:10px 20px;text-align:center;font-size:13px;font-weight:500}.demo-banner code{background:#ffffff1f;padding:2px 8px;border-radius:4px;font-family:var(--dr-font-mono)}.landing-hero{position:relative;overflow:hidden}.landing-hero-grid{max-width:var(--content-max);margin:0 auto;padding:96px 32px 110px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.landing-eyebrow{font-family:var(--dr-font-mono);font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--dr-green-200);margin-bottom:22px}.landing-headline{font-family:var(--dr-font-display);font-weight:900;font-size:clamp(2.5rem,5vw,62px);line-height:1.02;letter-spacing:-.035em;color:#fff;margin:0 0 22px}.landing-lede{font-size:20px;line-height:1.6;color:#c9d1de;max-width:520px;margin:0 0 34px}.landing-cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}.landing-stats{display:flex;gap:34px;flex-wrap:wrap}.landing-stat-value{font-family:var(--dr-font-mono);font-weight:700;font-size:28px;color:#fff;letter-spacing:-.02em}.landing-stat-accent{color:var(--dr-green-200)}.landing-stat-label{font-size:13.5px;color:#8b93a3;margin-top:2px}.landing-hero-visual{position:relative;height:460px;min-height:320px}.hero-preview-card{position:absolute;top:30px;left:30px;right:0;background:#fff;border-radius:22px;padding:14px;box-shadow:0 40px 90px #00000073}.hero-preview-map{position:relative;border-radius:14px;overflow:hidden;height:230px;background:linear-gradient(135deg,#edf0f4,#d6efe1,#c9f0dc)}.hero-preview-body{padding:14px 8px 6px}.hero-preview-title-row{display:flex;justify-content:space-between;align-items:baseline}.hero-preview-name{font-weight:800;font-size:18px;letter-spacing:-.02em}.hero-preview-rating{font-family:var(--dr-font-mono);font-weight:700;font-size:14px;color:var(--dr-green-700)}.hero-preview-meta{display:flex;gap:16px;margin-top:10px;font-family:var(--dr-font-mono);font-size:13px;color:var(--dr-fg-muted);flex-wrap:wrap}.meta-unit{color:var(--dr-fg-subtle);font-weight:500}.hero-stat-chip{position:absolute;bottom:0;left:0;background:#fff;border-radius:16px;padding:14px 18px;box-shadow:0 20px 50px #00000059;display:flex;align-items:center;gap:12px}.hero-stat-icon{width:42px;height:42px;border-radius:11px;background:var(--dr-indigo-100);color:var(--dr-indigo);display:inline-flex;align-items:center;justify-content:center}.hero-stat-value{font-family:var(--dr-font-mono);font-weight:700;font-size:18px;letter-spacing:-.02em}.hero-stat-label{font-size:12px;color:var(--dr-fg-muted)}.landing-section{max-width:var(--content-max);margin:0 auto;padding:96px 32px 40px}.landing-section-tight{padding-top:56px;padding-bottom:56px}.section-intro.centered{text-align:center;max-width:640px;margin:0 auto 56px}.section-eyebrow{font-family:var(--dr-font-mono);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dr-green);margin-bottom:14px}.section-title{font-family:var(--dr-font-display);font-weight:800;font-size:clamp(1.75rem,3vw,42px);line-height:1.08;letter-spacing:-.03em;margin:0}.section-header-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{padding:30px}.feature-card h3{font-size:21px;font-weight:800;letter-spacing:-.02em;margin:0 0 10px}.feature-card p{font-size:15.5px;line-height:1.6;color:var(--dr-fg-muted);margin:0}.feature-icon{width:54px;height:54px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-icon-green{background:var(--dr-green-100);color:var(--dr-green-700)}.feature-icon-coral{background:var(--dr-coral-50);color:var(--dr-coral-700)}.feature-icon-indigo{background:var(--dr-indigo-100);color:var(--dr-indigo)}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:48px;border-radius:24px}.how-step-num{font-family:var(--dr-font-mono);font-weight:700;font-size:13px;color:var(--dr-green);letter-spacing:.08em}.how-step h4{font-size:19px;font-weight:800;margin:12px 0;letter-spacing:-.02em}.how-step p{font-size:15px;line-height:1.6;color:var(--dr-fg-muted);margin:0}.teaser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.teaser-card{text-decoration:none;color:inherit;overflow:hidden;display:block}.teaser-map-wrap{position:relative;height:172px;background:linear-gradient(135deg,#edf0f4,#d6efe1)}.teaser-map-placeholder{width:100%;height:100%}.teaser-rating-badge{position:absolute;top:12px;right:12px;background:#fffffff0;color:var(--dr-ink);font-family:var(--dr-font-mono);font-weight:700;font-size:12px;padding:5px 10px;border-radius:999px}.badge-trending{position:absolute;top:12px;left:12px;background:var(--dr-coral);color:var(--logo-navy, #0b1326);font-family:var(--dr-font-mono);font-weight:700;font-size:10.5px;letter-spacing:.06em;padding:5px 10px;border-radius:999px;text-transform:uppercase}.teaser-body{padding:18px}.teaser-name{font-weight:800;font-size:18px;letter-spacing:-.02em;margin-bottom:8px}.teaser-meta{display:flex;gap:14px;font-family:var(--dr-font-mono);font-size:13px;color:var(--dr-fg-muted);flex-wrap:wrap}.cta-band{border-radius:28px;padding:72px 48px;text-align:center;overflow:hidden}.cta-band h2{font-family:var(--dr-font-display);font-weight:900;font-size:clamp(1.75rem,3vw,44px);letter-spacing:-.03em;color:#fff;margin:0 0 28px;line-height:1.05}.site-footer{border-top:1px solid var(--dr-border);background:#fff}.site-footer-inner{max-width:var(--content-max);margin:0 auto;padding:40px 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-links{display:flex;gap:24px;font-size:14.5px;color:var(--dr-fg-muted);font-weight:600}.footer-links a{text-decoration:none;color:inherit}.footer-made{font-family:var(--dr-font-mono);font-size:12px;letter-spacing:.08em;color:var(--dr-fg-subtle)}.home-greeting{font-family:var(--dr-font-display);font-weight:900;font-size:clamp(2rem,4vw,46px);letter-spacing:-.035em;margin:0 0 6px}.home-subtitle{font-size:17px;color:var(--dr-fg-muted);margin:0 0 34px}.home-header{margin-bottom:34px}.home-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.home-action-card{text-align:left;padding:26px;cursor:pointer;display:flex;align-items:center;gap:18px;text-decoration:none;color:inherit}.home-action-icon{width:56px;height:56px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.home-action-icon-coral{background:var(--dr-coral-50);color:var(--dr-coral-700)}.home-action-icon-green{background:var(--dr-green-100);color:var(--dr-green-700)}.home-action-icon-indigo{background:var(--dr-indigo-100);color:var(--dr-indigo)}.home-action-title{font-weight:800;font-size:18px;letter-spacing:-.02em}.home-action-desc{font-size:14px;color:var(--dr-fg-muted);margin-top:2px}.home-stats-row{display:grid;grid-template-columns:repeat(3,1fr) 1.4fr;gap:20px;margin-bottom:20px}.home-stat-card{padding:24px}.home-stat-value{font-family:var(--dr-font-mono);font-weight:700;font-size:34px;letter-spacing:-.02em;color:var(--dr-green-700)}.home-stat-unit{font-size:18px;color:var(--dr-fg-subtle)}.home-stat-label{font-size:14px;color:var(--dr-fg-muted);margin-top:4px}.home-week-card{padding:22px 24px}.home-week-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.home-week-title{font-weight:700;font-size:15px}.home-week-km{font-family:var(--dr-font-mono);font-size:13px;color:var(--dr-green-700);font-weight:700}.home-week-bars{display:flex;align-items:flex-end;gap:8px;height:54px}.home-week-bars div{flex:1;background:var(--dr-green-100);border-radius:5px}.home-week-bars div.active{background:var(--dr-green)}.home-week-bars div.muted{background:var(--dr-neutral-100)}.home-week-days{display:flex;gap:8px;margin-top:8px;font-family:var(--dr-font-mono);font-size:10.5px;color:var(--dr-fg-subtle)}.home-week-days span{flex:1;text-align:center}.saved-routes-header{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--dr-border)}.saved-routes-title{font-weight:800;font-size:19px;letter-spacing:-.02em}.saved-route-row{display:flex;align-items:center;gap:18px;padding:14px 26px;border-bottom:1px solid var(--dr-neutral-100);text-decoration:none;color:inherit;cursor:pointer}.saved-route-thumb{width:84px;height:56px;border-radius:10px;flex-shrink:0;border:1px solid var(--dr-border);background:linear-gradient(135deg,#edf0f4,#d6efe1)}.saved-route-info{flex:1;min-width:0}.saved-route-name{font-weight:700;font-size:16px;letter-spacing:-.01em}.saved-route-meta{font-family:var(--dr-font-mono);font-size:13px;color:var(--dr-fg-muted);margin-top:2px}.rating-pill{font-family:var(--dr-font-mono);font-weight:700;font-size:13px;color:var(--dr-green-700);background:var(--dr-green-50);padding:5px 11px;border-radius:999px}.saved-route-chevron{color:var(--dr-fg-subtle)}.discover-title{font-family:var(--dr-font-display);font-weight:900;font-size:40px;letter-spacing:-.035em;margin:0 0 18px}.discover-search-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.discover-search{flex:1;min-width:280px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--dr-border);border-radius:14px;padding:0 18px;box-shadow:0 2px 6px #0f172a0f;position:relative}.discover-search-icon{color:var(--dr-fg-subtle)}.discover-search-input{border:none;outline:none;font-family:inherit;font-size:16px;font-weight:600;color:var(--dr-ink);padding:15px 0;flex:1;background:none}.discover-near-btn{border-radius:14px;padding:0 22px}.discover-collections{display:flex;gap:10px;margin-top:16px;margin-bottom:28px;padding-bottom:4px;flex-wrap:wrap;align-items:center}.discover-collections-label{font-family:var(--dr-font-mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dr-fg-subtle)}.discover-layout{display:grid;grid-template-columns:248px 1fr;gap:24px;align-items:start}.discover-sidebar{position:sticky;top:calc(var(--nav-height) + 16px);max-height:calc(100dvh - var(--nav-height) - 32px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:22px 18px 28px 22px;display:flex;flex-direction:column;gap:22px;scrollbar-gutter:stable}.discover-sidebar::-webkit-scrollbar{width:8px}.discover-sidebar::-webkit-scrollbar-thumb{background:#1018142e;border-radius:999px}.filter-group-label{font-family:var(--dr-font-mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dr-fg-subtle);margin-bottom:10px}.filter-chips{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{border:1px solid var(--dr-border);background:#fff;color:var(--dr-ink);font-weight:600;font-size:13.5px;padding:7px 15px;border-radius:999px;cursor:pointer;font-family:inherit}.filter-chip.active{background:var(--dr-green);color:#fff;border-color:var(--dr-green)}.filter-chip:not(.active):hover{background:var(--dr-neutral-100)}.filter-sort{border-top:1px solid var(--dr-border);padding-top:18px}.sort-options{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:14.5px}.sort-option{display:flex;align-items:center;gap:7px;width:100%;text-align:left;border:none;background:transparent;color:var(--dr-fg-muted);font:inherit;font-weight:600;font-size:14.5px;padding:8px 10px;border-radius:10px;cursor:pointer;transition:background .15s ease,color .15s ease}.sort-option:hover{background:var(--dr-neutral-100);color:var(--dr-ink)}.sort-option.active{color:var(--dr-green-700);background:var(--dr-green-100)}.sort-option.muted{color:var(--dr-fg-muted)}.discover-map-wrap{position:relative}.discover-map-tooltip{position:absolute;z-index:5;min-width:180px;max-width:260px;padding:12px 14px;border-radius:14px;background:#fffffff5;border:1px solid var(--dr-border);box-shadow:var(--shadow-md);pointer-events:none}.discover-map-tooltip[hidden]{display:none!important}.discover-tip-name{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:-.02em;margin-bottom:4px}.discover-tip-meta{font-family:var(--font-mono);font-size:12px;color:var(--dr-fg-muted)}.discover-map-count{pointer-events:none}.discover-tip-hint{margin-top:6px;font-size:11px;color:var(--dr-fg-subtle)}.route-card.is-map-focus{outline:2px solid var(--z2-moss);outline-offset:2px;box-shadow:var(--shadow-md)}.discover-main{display:flex;flex-direction:column;gap:24px}.discover-map-wrap{position:relative;overflow:hidden;border-radius:20px;padding:0}.discover-overview-map{height:300px;width:100%}.discover-map-count{position:absolute;bottom:14px;left:14px;background:#fffffff0;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:700;color:var(--dr-ink);display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #0f172a26}.discover-map-dot{width:9px;height:9px;border-radius:999px;background:var(--primary);display:inline-block}.library-layout{display:grid;grid-template-columns:248px 1fr;gap:24px;align-items:start}.library-panel{padding:20px;position:sticky;top:96px}.library-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.library-nav-item{font-weight:600;font-size:14.5px;padding:10px 14px;border-radius:10px;cursor:pointer;color:var(--dr-fg-muted)}.library-nav-item:hover{background:var(--dr-neutral-100)}.library-nav-item.active{background:var(--dr-green);color:#fff;font-weight:700}.library-filter-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:14px 20px;margin-bottom:20px;border-radius:16px}.library-filter-fields{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.library-filter-label{font-weight:700;font-size:14px;color:var(--dr-fg-muted)}.library-filter-sep{color:var(--dr-fg-subtle)}.filter-input-sm{width:54px;border:1px solid var(--dr-border);border-radius:10px;padding:8px;text-align:center;font-family:var(--dr-font-mono);font-weight:700;font-size:14px;outline:none}@media(max-width:960px){.landing-hero-grid,.feature-grid,.how-grid,.teaser-grid,.home-actions,.home-stats-row,.discover-layout,.library-layout{grid-template-columns:1fr}.landing-hero-visual{height:360px}.hero-preview-card{left:0;right:0;top:20px}.discover-sidebar,.library-panel{position:static;max-height:none;overflow:visible}.home-stats-row .home-week-card{grid-column:1}}@media(max-width:640px){.page-main{padding:20px 16px 40px}.form-card{margin:24px 16px;padding:28px 22px}#map{height:400px}.favorites-layout{flex-direction:column}.collections-sidebar{width:100%}}.quick-route-panel{padding:18px 20px;margin-bottom:20px}.quick-route-header{display:flex;align-items:baseline;gap:12px;margin-bottom:12px;flex-wrap:wrap}.quick-route-hint{font-size:.82rem;color:var(--color-text-muted);font-weight:500}.quick-route-form{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.creator-panel .quick-route-form{display:block}.creator-panel .quick-route-form label{display:flex;align-items:center;gap:6px;font-weight:600;font-size:.88rem}.elevation-panel{padding:12px 14px;margin-bottom:14px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);transition:opacity .2s}.elevation-panel-active{border-color:#0d948859;background:#ccfbf140}.elevation-gain-text{font-weight:700;color:var(--color-primary-dark);flex:1}.elevation-hint{margin:6px 0 0;font-size:.78rem;color:var(--color-text-muted)}.elevation-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-weight:700}.elevation-panel-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-weight:700;color:var(--color-primary-dark)}.elevation-chart{width:100%;height:80px;display:block}.route-elev-chart{margin-top:10px}.badge-difficulty{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.badge-easy{background:#d1fae5;color:#065f46}.badge-moderate{background:#fef3c7;color:#92400e}.badge-hilly{background:#fee2e2;color:#991b1b}.badge-unknown{background:var(--color-border);color:var(--color-text-muted)}.elevation-difficulty{font-size:.78rem}.favorites-layout{display:flex;gap:24px;align-items:flex-start}.collections-sidebar{width:220px;flex-shrink:0;padding:16px}.collections-header{padding-bottom:12px;border-bottom:1px solid var(--color-border);margin-bottom:8px}.collections-list{list-style:none;padding:0;margin:0 0 12px}.collection-item{padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:.9rem;color:var(--color-text-secondary)}.collection-item:hover{background:var(--color-accent-light)}.collection-item.active{background:var(--color-primary);color:var(--color-white)}.new-collection-form{display:flex;gap:8px}.new-collection-form .form-input{flex:1;padding:8px 10px;font-size:.88rem}.favorites-main{flex:1;min-width:0}.route-elevation-wrap{width:100%;padding:0 4px 8px}.landing-hero-map{position:relative;min-height:calc(100vh - var(--nav-height) - 40px);display:flex;align-items:flex-end;padding:0 0 64px;overflow:hidden}.landing-hero-mapplane{position:absolute;inset:0;background:linear-gradient(180deg,#f4f6f326,#f4f6f3eb 78%,#f4f6f3),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='800' viewBox='0 0 1200 800'%3E%3Crect fill='%23e4ebe6' width='1200' height='800'/%3E%3Cpath d='M80 520 C220 420 340 560 480 480 S760 360 920 440 1100 520 1180 480' fill='none' stroke='%231f9a6a' stroke-width='10' stroke-linecap='round' opacity='0.55'/%3E%3Cpath d='M40 300 C200 260 360 340 520 280 S820 200 980 260 1140 320 1200 280' fill='none' stroke='%231a6f8f' stroke-width='7' stroke-linecap='round' opacity='0.4'/%3E%3Ccircle cx='480' cy='480' r='10' fill='%231f9a6a'/%3E%3Ccircle cx='920' cy='440' r='8' fill='%231a6f8f'/%3E%3C/svg%3E") center/cover no-repeat;animation:mapplane-in 1.1s ease-out both}.landing-hero-content{position:relative;z-index:1;max-width:720px;padding:0 28px;margin:0 auto;text-align:left;width:100%}.landing-brand{font-family:var(--font-display);font-weight:800;font-size:clamp(42px,8vw,72px);letter-spacing:-.05em;line-height:.95;margin:0 0 18px;color:var(--color-ink)}.landing-brand span{color:var(--brand-accent, var(--brand-mark))}.landing-hero-map .landing-headline{font-size:clamp(28px,4.5vw,40px);letter-spacing:-.03em;margin:0 0 14px;max-width:18ch}.landing-hero-map .landing-lede{font-size:18px;max-width:36ch;color:var(--color-text-secondary);margin:0 0 28px}.landing-section .section-intro{margin-bottom:36px}.section-lede{color:var(--color-text-secondary);margin:8px 0 0;font-size:17px}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.feature-item h3{font-family:var(--font-display);font-size:22px;margin:0 0 8px}.feature-item p{margin:0;color:var(--color-text-secondary);line-height:1.5}.landing-cta-final{text-align:center;padding-bottom:80px}.landing-cta-final .section-title{margin-bottom:24px}.teaser-map-run{background:linear-gradient(135deg,#d8f3e7,#e8eee9)}.teaser-map-ride{background:linear-gradient(135deg,#d5e8ef,#e8eee9)}.teaser-card{text-decoration:none;color:inherit}.teaser-map-wrap{position:relative}.teaser-map-wrap .route-activity-badge{position:absolute;top:12px;left:12px}.route-detail{max-width:1100px;margin:0 auto;padding:8px 0 48px}.route-detail-back{display:inline-block;color:var(--color-text-secondary);text-decoration:none;font-weight:600;margin-bottom:12px}.route-detail-back:hover{color:var(--color-ink)}.route-detail-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.route-detail-title{font-size:clamp(28px,4vw,36px);letter-spacing:-.03em;margin:0}.route-detail-meta{color:var(--color-text-secondary);margin:10px 0 0}.route-detail-desc{margin:12px 0 0;max-width:60ch}.route-detail-layout{display:grid;grid-template-columns:1.4fr .8fr;gap:24px;margin-top:24px}.route-detail-map{height:min(62vh,520px);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);background:#e8eee9}.route-detail-sidebar{display:flex;flex-direction:column;gap:18px}.route-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.route-detail-actions{display:flex;flex-direction:column;gap:10px}.route-detail-rate .star-btn{background:none;border:0;font-size:22px;color:#c9d2cc;cursor:pointer}.route-detail-rate .star-btn.active{color:#e0a100}.home-library-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px}.home-stats-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 24px}.home-stats-compact .home-stat-card{background:transparent;border:0;box-shadow:none;padding:8px 0}.home-greeting{letter-spacing:-.03em}@keyframes mapplane-in{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.z2-rise{animation:z2-rise .7s ease-out both}@keyframes z2-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.feature-list,.route-detail-layout,.home-library-grid{grid-template-columns:1fr}.landing-hero-map{min-height:72vh;align-items:flex-end;padding-bottom:40px}}.landing-hero-split{max-width:var(--content-max);margin:0 auto;padding:56px 32px 72px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.landing-hero-split .landing-brand{font-size:clamp(36px,6vw,56px);margin-bottom:14px}.landing-hero-split .landing-headline{font-size:clamp(28px,4vw,44px);letter-spacing:-.035em;line-height:1.05;margin:0 0 16px;max-width:16ch}.landing-hero-split .landing-lede{font-size:18px;line-height:1.55;color:var(--dr-fg-muted);max-width:38ch;margin:0 0 28px}.landing-hero-canvas{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--dr-border);box-shadow:var(--dr-shadow-md);min-height:320px;background:#edf0f4}.landing-route-svg{display:block;width:100%;height:100%;min-height:320px}.landing-route-ghost{fill:none;stroke:#38b580;stroke-width:14;stroke-linecap:round;opacity:.12}.landing-route-line{fill:none;stroke:#38b580;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:720;stroke-dashoffset:720;animation:z2-draw-route 1.6s cubic-bezier(.2,.7,.2,1) .2s forwards}.landing-route-dot{fill:#fff;stroke:#38b580;stroke-width:3}.landing-route-dot-end{stroke:#f37d82}@keyframes z2-draw-route{to{stroke-dashoffset:0}}.landing-hero-chip{position:absolute;left:16px;bottom:16px;background:#fffffff0;border-radius:14px;padding:10px 14px;box-shadow:0 8px 24px #0f172a1f;display:flex;flex-direction:column;gap:2px}.landing-hero-chip-label{font-family:var(--dr-font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dr-fg-subtle)}.landing-hero-chip-value{font-weight:700;font-size:14px;color:var(--dr-ink)}.landing-cta-final-inner{background:#fff;border:1px solid var(--dr-border);border-radius:24px;padding:48px 32px;box-shadow:0 2px 6px #0f172a0f}.home-shell{max-width:100%}.home-hero-band{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:28px;padding-bottom:8px}.home-kicker{font-family:var(--dr-font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dr-green-700);margin:0 0 8px}.home-hero-band .home-stats-compact{margin:0;min-width:280px;flex:1;max-width:420px}.saved-route-thumb{width:84px;height:56px;border-radius:10px;flex-shrink:0;border:1px solid var(--dr-border);overflow:hidden;background:#edf0f4}.saved-route-thumb svg{display:block;width:100%;height:100%}.teaser-map-placeholder{width:100%;height:100%;min-height:160px}.teaser-map-placeholder svg{display:block;width:100%;height:100%;min-height:160px}.route-card-save-row{margin-top:12px;display:flex;justify-content:flex-start}.route-card-save-row .route-save-controls{width:100%}.route-card-save-row .save-menu-wrap{display:inline-block}.route-collection-row{display:flex;gap:8px;align-items:center}.route-collection-row .collection-select{flex:1}.route-save-menu-wrap{position:relative;width:100%}.route-save-menu-wrap .save-route-btn{width:100%}.route-save-menu-wrap .save-menu{left:0;right:0;min-width:0}@media(prefers-reduced-motion:reduce){.landing-route-line{animation:none;stroke-dashoffset:0}}@media(max-width:900px){.landing-hero-split{grid-template-columns:1fr;padding:36px 20px 48px}.home-hero-band{align-items:flex-start}}body{background-color:var(--z2-mist);background-image:linear-gradient(180deg,#eef2eee0,#eef2eef0),url(/assets/topo.svg);background-size:auto,360px;background-attachment:fixed}body.landing-page{background:var(--z2-mist);background-image:none}.site-brand-mark{width:36px;height:36px;display:block;border-radius:12px;box-shadow:0 8px 18px #1a8f6259}.site-brand-mark-sm{width:32px;height:32px;border-radius:10px;box-shadow:0 4px 12px #1a8f6247}.site-brand-icon{display:none}.site-header{background:var(--surface-glass);border-bottom:1px solid rgba(210,221,213,.85);box-shadow:0 1px #fff9 inset}.site-header-landing{background:#0b132659;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.site-header-landing .site-brand-text{color:#fff}.site-header-landing .btn-text{color:#ffffffe0}.site-header-landing .btn-text:hover{background:#ffffff1a;color:#fff}.site-brand-text{font-size:26px;font-weight:800;letter-spacing:-.045em}.nav-pill{font-size:14.5px;letter-spacing:-.01em}.nav-pill.active{background:var(--z2-moss);box-shadow:0 6px 16px #1a8f6247}.btn-primary{background:var(--logo-mint, #4edea3);color:var(--logo-navy, #0b1326);box-shadow:0 4px 14px #0b13261a}.btn-outline{border:1.5px solid var(--dr-border);background:#ffffffb3;color:var(--dr-ink)}.btn-outline:hover{border-color:var(--z2-moss);color:var(--z2-moss-deep);background:#fff}.card,.saved-routes-card,.discover-sidebar.card,.form-card,.library-panel,.route-list-grid .route-card,.teaser-card{background:#ffffffdb;border:1px solid rgba(210,221,213,.95);box-shadow:var(--shadow-sm);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-page .demo-banner{position:relative;z-index:20;background:#0b1326eb;letter-spacing:.02em}.landing-page .site-header{position:absolute;top:0;left:0;right:0;z-index:30}.landing-hero-bleed{position:relative;min-height:calc(100vh - 40px);display:flex;align-items:flex-end;color:#fff;overflow:hidden}.landing-hero-media{position:absolute;inset:0;z-index:0}.landing-hero-img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transform:scale(1.04);animation:z2-hero-ken 18s ease-out both}@keyframes z2-hero-ken{0%{transform:scale(1.08)}to{transform:scale(1.02)}}.landing-hero-veil{position:absolute;inset:0;background:linear-gradient(180deg,#0b132659,#0b132647 40%,#0b1326d1),linear-gradient(90deg,#0b13268c,#0b132626 55%,#0b132659)}.landing-hero-track{position:absolute;inset:0;width:100%;height:100%;opacity:.9;pointer-events:none}.landing-track-ghost{fill:none;stroke:#ffffff2e;stroke-width:18;stroke-linecap:round}.landing-track-line{fill:none;stroke:#3ecf8e;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1800;stroke-dashoffset:1800;animation:z2-draw-route 2.2s cubic-bezier(.2,.7,.2,1) .35s forwards;filter:drop-shadow(0 0 10px rgba(62,207,142,.45))}.landing-track-dot{fill:#fff;stroke:#3ecf8e;stroke-width:3;opacity:0;animation:z2-dot-in .4s ease .4s forwards}.landing-track-dot-end{stroke:var(--z2-coral)}@keyframes z2-dot-in{to{opacity:1}}.landing-hero-content{position:relative;z-index:2;max-width:var(--content-max);width:100%;margin:0 auto;padding:0 32px 72px}.landing-hero-bleed .landing-brand{font-family:var(--font-display);font-weight:800;font-size:clamp(3.4rem,9vw,7rem);letter-spacing:-.055em;line-height:.92;margin:0 0 18px;color:#fff;text-shadow:0 12px 40px rgba(0,0,0,.35)}.landing-hero-bleed .landing-headline{font-family:var(--font-display);font-weight:700;font-size:clamp(1.45rem,2.6vw,2.05rem);letter-spacing:-.03em;line-height:1.15;max-width:22ch;margin:0 0 14px;color:#fffffff0}.landing-hero-bleed .landing-lede{font-size:1.125rem;line-height:1.55;color:#ecf2eed1;max-width:36ch;margin:0 0 28px}.landing-hero-bleed .landing-cta-row{margin:0}.landing-hero-bleed .btn-glass{background:#ffffff1a;border:1px solid rgba(255,255,255,.28);border-radius:12px}.landing-hero-bleed .btn-hero{border-radius:14px;box-shadow:0 14px 36px #1a8f6273}.landing-section{padding:88px 32px 48px}.section-lede{font-size:1.1rem;color:var(--dr-fg-muted);margin:12px 0 0;max-width:40ch}.feature-list-rich{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}.feature-list-rich .feature-item{padding:8px 4px 0;border:0;background:none;box-shadow:none}.feature-glyph{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--dr-green-100);color:var(--z2-moss-deep);margin-bottom:16px}.feature-list-rich h3{font-family:var(--font-display);font-size:1.35rem;font-weight:750;letter-spacing:-.03em;margin:0 0 10px}.feature-list-rich p{margin:0;color:var(--dr-fg-muted);line-height:1.6;font-size:1.02rem}.landing-section-routes{padding-bottom:40px}.teaser-card{overflow:hidden;text-decoration:none;color:inherit;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s}.teaser-map-wrap{height:180px;background:linear-gradient(145deg,#e4eee8,#d0e6da 55%,#c5dced)}.teaser-body{padding:18px 20px 20px}.teaser-name{font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:-.02em}.landing-cta-band{max-width:var(--content-max);margin:24px auto 0;padding:0 32px 80px}.landing-cta-band-inner{position:relative;overflow:hidden;border-radius:var(--radius-xl);padding:64px 40px;text-align:center;background:linear-gradient(135deg,#060e20f5,#0b1326e6),radial-gradient(circle at 80% 20%,rgba(78,222,163,.22),transparent 45%),url(/assets/topo.svg);background-size:cover,cover,300px;color:#fff;box-shadow:var(--shadow-lg);border:1px solid rgba(137,206,255,.14)}.landing-cta-band-inner .section-title{color:#fff;margin:0 0 24px;font-size:clamp(1.7rem,3vw,2.4rem)}.site-footer{background:#ffffffb3;border-top:1px solid var(--dr-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-hero-panel{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap;margin-bottom:28px;padding:28px 30px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#ffffffeb,#e8f4ece0),url(/assets/topo.svg);background-size:cover,280px;border:1px solid rgba(210,221,213,.95);box-shadow:var(--shadow-sm)}.home-kicker{color:var(--z2-moss-deep);letter-spacing:.14em}.home-greeting{font-size:clamp(2.2rem,4vw,3rem);font-weight:800;letter-spacing:-.04em;margin:0 0 6px}.home-subtitle{margin:0;font-size:1.05rem}.home-stats-compact{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));gap:8px 20px;min-width:260px}.home-stat-value{font-family:var(--font-mono);font-weight:700;font-size:1.65rem;letter-spacing:-.03em;color:var(--z2-moss-deep);line-height:1.1}.home-stat-unit{font-size:.85rem;margin-left:3px;color:var(--dr-fg-subtle);font-weight:600}.home-stat-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--dr-fg-subtle);font-weight:600;margin-top:4px}.home-actions{margin-bottom:24px}.home-action-card{position:relative;padding:22px;border-radius:var(--radius-lg);background:#ffffffe0;border:1px solid var(--dr-border);box-shadow:var(--shadow-sm)}.home-action-arrow{margin-left:auto;color:var(--dr-fg-subtle);opacity:.55;transition:transform .2s ease,opacity .2s ease}.home-action-card:hover .home-action-arrow{opacity:1;color:var(--z2-moss);transform:translate(2px,-2px)}.home-action-title{font-family:var(--font-display);font-weight:750;letter-spacing:-.02em}.saved-routes-card{overflow:hidden}.saved-routes-header{background:linear-gradient(180deg,rgba(255,255,255,.5),transparent)}.saved-routes-title{font-family:var(--font-display);font-weight:750;letter-spacing:-.02em}.saved-route-thumb{background:linear-gradient(145deg,#e8f2ec,#d7ebe2);border-color:#d2ddd5e6}.saved-route-name{font-family:var(--font-display);font-weight:700;letter-spacing:-.015em}.page-kicker{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--z2-moss-deep);margin:0 0 10px}.discover-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;letter-spacing:-.04em}.discover-search{border-radius:16px;border-color:#d2ddd5f2;box-shadow:var(--shadow-sm);background:#ffffffeb}.discover-sidebar{border-radius:var(--radius-lg);background:#ffffffe6}.filter-chip.active{background:var(--z2-moss);border-color:var(--z2-moss);box-shadow:0 4px 12px #1a8f6238}.discover-map-wrap{border:1px solid var(--dr-border);box-shadow:var(--shadow-md);border-radius:22px}.route-list-grid .route-card{overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.route-list-grid .route-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.route-list-grid .route-card-name{font-family:var(--font-display);font-weight:750}.auth-page{background:var(--z2-mist);background-image:none;margin:0}.auth-split{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-visual{position:relative;overflow:hidden;min-height:100vh}.auth-visual-img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.auth-visual-veil{position:absolute;inset:0;background:linear-gradient(180deg,#0b132659,#0b1326b8)}.auth-visual-copy{position:absolute;left:40px;right:40px;bottom:48px;color:#fff;z-index:2}.auth-visual-copy .landing-brand{font-family:var(--font-display);font-weight:800;font-size:clamp(2.8rem,5vw,4.5rem);letter-spacing:-.05em;margin:0 0 10px;color:#fff;line-height:.95}.auth-visual-tag{font-size:1.15rem;color:#ffffffd1;margin:0;max-width:20ch}.auth-main{display:flex;align-items:center;justify-content:center;padding:40px 28px;background:linear-gradient(180deg,#eef2eeeb,#eef2eef7),url(/assets/topo.svg);background-size:auto,320px}.auth-brand{margin-bottom:10px}.auth-lede{margin:-12px 0 22px;color:var(--dr-fg-muted);font-size:1rem}.auth-card{width:100%;max-width:420px;margin:0;border:0;box-shadow:none;background:transparent;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.form-card h2{font-family:var(--font-display);font-weight:800;letter-spacing:-.035em;font-size:1.85rem;margin:8px 0 24px}.creator-page-intro,.library-page-intro{margin-bottom:18px}.creator-page-title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.04em;margin:0}.create-page .creator-toolbar{margin-bottom:18px;border-radius:var(--radius-lg);background:#ffffffe6}.create-page .map-wrap{border-radius:20px;overflow:hidden;border:1px solid var(--dr-border);box-shadow:var(--shadow-md)}.create-page .map-tool{border-radius:10px;font-weight:700;letter-spacing:-.01em}.create-page .creator-panel-title{font-family:var(--font-display);font-weight:750;color:var(--z2-ink)}.create-page .route-info-bar{border-radius:14px;border:1px solid rgba(26,143,98,.18);background:linear-gradient(90deg,#d4f0e3bf,#ffffffd9)}.home-hero-panel .home-stat-card{background:transparent;border:0;box-shadow:none;padding:0}.route-detail-title{font-weight:800;letter-spacing:-.04em}.route-detail-map-wrap{border-radius:22px;overflow:hidden;border:1px solid var(--dr-border);box-shadow:var(--shadow-md)}.route-detail-stats{background:#ffffffe6;border:1px solid var(--dr-border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm)}.mode-toggle{background:#e2eae4e6;border:1px solid rgba(210,221,213,.9)}.btn-ghost-green{background:#d4f0e3d9;color:var(--z2-moss-deep);border:1px solid rgba(26,143,98,.12)}.btn-ghost-green:hover{background:var(--dr-green-100)}.form-input,input.form-input,select.form-input,textarea.form-input{border-radius:12px;border:1.5px solid var(--dr-border);background:#fffffff2;transition:border-color .15s,box-shadow .15s}.form-input:focus{outline:none;border-color:var(--z2-moss);box-shadow:0 0 0 3px #1a8f6226}.creator-layout .card,.creator-panel{border-radius:var(--radius-lg);background:#ffffffeb;border:1px solid var(--dr-border);box-shadow:var(--shadow-sm)}:focus-visible{outline:2px solid var(--z2-moss);outline-offset:2px}@media(prefers-reduced-motion:reduce){.landing-track-line,.landing-hero-img,.landing-track-dot{animation:none!important}.landing-track-line{stroke-dashoffset:0}.landing-track-dot{opacity:1}.landing-hero-img{transform:scale(1.02)}}@media(max-width:900px){.feature-list-rich{grid-template-columns:1fr;gap:28px}.landing-hero-content{padding:0 20px 48px}.landing-hero-bleed{min-height:88vh}.landing-page .site-header{top:0}.home-hero-panel{padding:22px 20px;align-items:flex-start}.landing-cta-band{padding:0 16px 56px}.landing-cta-band-inner{padding:48px 24px}.landing-section{padding-left:20px;padding-right:20px}.auth-split{grid-template-columns:1fr}.auth-visual{min-height:34vh;max-height:38vh}.auth-visual-copy{left:24px;right:24px;bottom:24px}.auth-main{padding:28px 20px 48px}}@media(max-width:640px){.landing-hero-bleed .landing-brand{font-size:clamp(3rem,16vw,4.5rem)}.home-action-arrow{display:none}}html{color-scheme:dark}body{background:radial-gradient(1200px 600px at 10% -10%,rgba(78,222,163,.08),transparent 55%),radial-gradient(900px 500px at 90% 0%,rgba(137,206,255,.08),transparent 50%),var(--surface);background-attachment:fixed;color:var(--on-surface)}body.landing-page{background:var(--surface)}.site-header{background:#0b1326c7;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.site-header-landing{background:#0b132673;border-bottom:1px solid rgba(255,255,255,.08)}.site-brand-text{color:var(--on-surface);font-family:var(--font-display);font-weight:900;letter-spacing:-.05em;text-shadow:none}.site-brand-accent{color:var(--brand-accent, var(--logo-mint-mid, #3bc992));text-shadow:0 0 10px rgba(59,201,146,.4)}.site-brand-mark{box-shadow:var(--glow-primary);border-radius:14px}.nav-pill{color:var(--on-surface-variant);border-radius:var(--radius-full);font-weight:600}.nav-pill:hover{background:var(--surface-highest);color:var(--on-surface)}.nav-pill.active{background:var(--primary);color:var(--on-primary);box-shadow:var(--glow-primary)}.mode-toggle{background:var(--surface-high);border:1px solid rgba(255,255,255,.08)}.mode-toggle-slider{background:var(--logo-mint, #4edea3);box-shadow:0 0 0 1px #4edea34d}.user-avatar{background:#4edea329;color:var(--primary);border:2px solid rgba(78,222,163,.25)}.btn{border-radius:var(--radius-full);font-family:var(--font-mono);font-weight:600;letter-spacing:.02em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-2px) scale(1.02)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--logo-mint, #4edea3);color:var(--logo-navy, #0b1326);box-shadow:0 4px 14px #0b13261a;border:none}.btn-primary:hover{background:#6ffbbe;color:var(--logo-navy, #0b1326);box-shadow:0 6px 18px #0b13261f}.btn-outline{background:transparent;border:1.5px solid rgba(255,255,255,.16);color:var(--on-surface)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:#4edea314}.btn-ghost-green{background:#4edea31f;color:var(--primary);border:1px solid rgba(78,222,163,.18)}.btn-ghost-green:hover{background:#4edea333;box-shadow:var(--glow-primary)}.btn-text{color:var(--on-surface-variant)}.btn-text:hover{background:#ffffff0f;color:var(--on-surface)}.btn-glass{background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:var(--radius-full)}.btn-glass:hover{background:#ffffff24}.btn-accent,.btn.btn-accent{background:#89ceff29;color:var(--secondary);border:1px solid rgba(137,206,255,.28)}.card,.saved-routes-card,.discover-sidebar.card,.form-card,.library-panel,.library-filter-bar.card,.route-list-grid .route-card,.teaser-card,.home-action-card,.creator-toolbar.card,.creator-panel.card,.home-hero-panel{background:#171f33e0;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #00000047;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--on-surface)}.z2-card-hover:hover{transform:translateY(-3px);box-shadow:0 16px 48px #0006,0 0 0 1px #4edea333}.z2-link:hover{background:#ffffff0d!important}.form-input,input.form-input,select.form-input,textarea.form-input,.discover-search-input,.filter-input-sm,.collection-select{background:var(--surface-low)!important;border:1.5px solid rgba(255,255,255,.1)!important;color:var(--on-surface)!important;border-radius:var(--radius-full)}.form-input:focus,input.form-input:focus,select.form-input:focus,.discover-search-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #4edea32e,var(--glow-primary);outline:none}label,.form-group label{color:var(--on-surface-variant)}.form-hint,.back-link{color:var(--on-surface-variant)}.filter-chip{background:var(--surface-high);border:1px solid rgba(255,255,255,.08);color:var(--on-surface-variant);border-radius:var(--radius-full)}.filter-chip:not(.active):hover{background:var(--surface-highest);color:var(--on-surface)}.filter-chip.active{background:var(--primary);color:var(--on-primary);border-color:transparent;box-shadow:var(--glow-primary)}.filter-group-label,.page-kicker,.home-kicker,.discover-collections-label,.creator-toolbar-label{font-family:var(--font-mono);letter-spacing:.12em;color:var(--on-surface-variant);opacity:.85}.sort-option:hover{background:var(--surface-highest);color:var(--on-surface)}.sort-option.active{background:#4edea329;color:var(--primary)}.demo-banner,.landing-page .demo-banner{background:#060e20;border-bottom:1px solid rgba(255,255,255,.06);color:var(--on-surface-variant)}.landing-hero-bleed .landing-brand{color:#fff;text-shadow:0 0 40px rgba(78,222,163,.35)}.landing-hero-bleed .landing-brand span{color:var(--brand-accent, var(--logo-mint-mid, #3bc992))}.landing-hero-veil{background:linear-gradient(180deg,#0b132673,#0b132659 40%,#0b1326eb),linear-gradient(90deg,#0b1326a6,#0b132633 55%,#0b132673)}.landing-track-line{stroke:var(--primary);filter:drop-shadow(0 0 12px rgba(78,222,163,.65))}.landing-track-dot{stroke:var(--primary)}.landing-track-dot-end{stroke:var(--secondary)}.landing-section,.landing-section-features,.landing-section-routes,.section-title{color:var(--on-surface)}.section-lede{color:var(--on-surface-variant)}.feature-glyph{background:#4edea324;color:var(--primary);border-radius:16px;box-shadow:var(--glow-primary)}.feature-list-rich h3{color:var(--on-surface)}.feature-list-rich p{color:var(--on-surface-variant)}.teaser-card{overflow:hidden}.teaser-map-wrap{background:linear-gradient(145deg,#131b2e,#222a3d 55%,#171f33)}.teaser-name{color:var(--on-surface)}.teaser-meta{color:var(--on-surface-variant)}.landing-cta-band-inner{background:linear-gradient(135deg,#060e20f2,#10b98159),radial-gradient(circle at 80% 20%,rgba(137,206,255,.25),transparent 45%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl)}.site-footer{background:#060e20d9;border-top:1px solid rgba(255,255,255,.08)}.auth-page{background:var(--surface)}.auth-visual-veil{background:linear-gradient(180deg,#0b132659,#0b1326d1)}.auth-main{background:radial-gradient(700px 400px at 80% 10%,rgba(78,222,163,.08),transparent 60%),var(--surface)}.auth-card{background:transparent!important;border:0!important;box-shadow:none!important}.auth-visual-copy .landing-brand span{color:var(--brand-accent, var(--logo-mint-mid, #3bc992))}.home-hero-panel{background:linear-gradient(135deg,#171f33f2,#131b2eeb),radial-gradient(circle at 90% 10%,rgba(78,222,163,.12),transparent 40%);border:1px solid rgba(255,255,255,.1)}.home-greeting{color:var(--on-surface)}.home-greeting .accent,.home-stat-value{color:var(--primary)}.home-subtitle,.home-stat-label{color:var(--on-surface-variant)}.home-action-title{color:var(--on-surface)}.home-action-desc,.home-action-arrow{color:var(--on-surface-variant)}.home-action-card:hover .home-action-arrow{color:var(--primary)}.home-actions .home-action-card:first-child{background:linear-gradient(135deg,#4edea329,#23acf124),#171f33eb;border-color:#4edea347;box-shadow:var(--glow-primary)}.home-action-icon-coral{background:#89ceff29;color:var(--secondary);box-shadow:var(--glow-secondary)}.home-action-icon-green{background:#4edea329;color:var(--primary);box-shadow:var(--glow-primary)}.home-action-icon-indigo{background:#89ceff29;color:var(--tertiary);box-shadow:var(--glow-tertiary)}.saved-routes-header{border-bottom:1px solid rgba(255,255,255,.08)}.saved-routes-title{color:var(--on-surface)}.saved-route-row{border-bottom:1px solid rgba(255,255,255,.06)}.saved-route-thumb{background:linear-gradient(145deg,#131b2e,#222a3d);border-color:#ffffff14}.saved-route-chevron,.empty-state{color:var(--on-surface-variant)}.discover-title{color:var(--on-surface)}.discover-search{background:#171f33e6;border:1px solid rgba(255,255,255,.1);box-shadow:none;border-radius:var(--radius-full)}.discover-search-icon{color:var(--on-surface-variant)}.discover-sidebar{background:#131b2efa!important;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl)!important;box-shadow:10px 0 30px #0000002e}.discover-sidebar-intro{margin-bottom:4px}.discover-sidebar-intro h2{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--primary);margin:0 0 4px;letter-spacing:-.02em}.discover-sidebar-intro p{margin:0;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.06em;color:var(--on-surface-variant)}.discover-map-wrap{background:var(--surface-container);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-md)}.discover-map-count{background:#0b1326e6;color:var(--on-surface);border:1px solid rgba(255,255,255,.1)}.discover-map-tooltip{background:#171f33f5;border:1px solid rgba(78,222,163,.35);color:var(--on-surface);box-shadow:var(--glow-primary)}.discover-tip-name{color:var(--on-surface)}.discover-tip-meta{color:var(--on-surface-variant)}.discover-tip-hint{color:var(--outline)}.route-list-grid .route-card{border-top:2px solid rgba(78,222,163,.55);overflow:hidden}.route-list-grid .route-card:nth-child(3n+2){border-top-color:#89ceff8c}.route-list-grid .route-card:nth-child(3n){border-top-color:#89ceff8c}.route-list-grid .route-map{background:#131b2e}.route-list-grid .route-card:hover{box-shadow:0 16px 48px #0006,0 0 0 1px #4edea340}.route-list-grid .route-card-name{color:var(--on-surface)}.route-list-grid .route-card-meta-line{color:var(--on-surface-variant)}.route-card.is-map-focus{outline-color:var(--primary);box-shadow:var(--glow-primary)}.route-activity-badge,.badge-difficulty{border-radius:var(--radius-full);font-family:var(--font-mono);font-weight:600;letter-spacing:.04em}.route-activity-run{background:#4edea329;color:var(--primary)}.route-activity-ride{background:#89ceff29;color:var(--tertiary)}.badge-easy{background:#4edea329;color:var(--primary)}.badge-moderate{background:#89ceff29;color:var(--tertiary)}.badge-hilly{background:#89ceff2e;color:var(--secondary)}.creator-page-title,.library-page-intro .discover-title{color:var(--on-surface)}.create-page .map-wrap,.route-detail-map-wrap{border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-md);border-radius:var(--radius-lg)}.create-page .route-info-bar{background:#4edea31a;border:1px solid rgba(78,222,163,.22);color:var(--on-surface)}.map-toolbar,.map-toolbar-compact{background:#171f33eb!important;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.map-tool{background:transparent;color:var(--on-surface-variant);border-radius:var(--radius-full)}.map-tool:hover{background:var(--surface-highest);color:var(--on-surface)}.map-tool-draw.active,.map-tool:not(.map-tool-muted):not(:disabled).active{background:#4edea32e;color:var(--primary)}.map-tool-finish{background:var(--primary)!important;color:var(--on-primary)!important}.summary-stat{background:var(--surface-low);border:1px solid rgba(255,255,255,.08)}.library-nav-item{color:var(--on-surface-variant);border-radius:var(--radius-full)}.library-nav-item:hover{background:var(--surface-highest);color:var(--on-surface)}.library-nav-item.active{background:var(--primary-container);color:var(--on-primary);box-shadow:var(--glow-primary)}.route-detail-title{color:var(--on-surface)}.route-detail-meta,.route-detail-desc{color:var(--on-surface-variant)}.route-detail-stats{background:#171f33e6;border:1px solid rgba(255,255,255,.1)}.elevation-panel{background:var(--surface-low);border-color:#ffffff1a;color:var(--on-surface)}.elevation-panel-active{border-color:#4edea359;background:#4edea314}.elevation-gain-text,.elevation-panel-header{color:var(--primary)}.flash-error{background:#93000a59;border:1px solid rgba(255,180,171,.35);color:#ffdad6}.toast{background:var(--surface-high);border:1px solid rgba(255,255,255,.1);color:var(--on-surface);box-shadow:var(--shadow-md)}.snap-chip{background:var(--surface-high);border:1px solid rgba(255,255,255,.08);color:var(--on-surface-variant);border-radius:var(--radius-full)}.snap-chip.active{background:#4edea329;color:var(--primary);border-color:#4edea359}.suggestions{background:var(--surface-container);border:1px solid rgba(255,255,255,.1);color:var(--on-surface)}.suggestions div:hover{background:var(--surface-highest)}.save-menu{background:var(--surface-high)!important;border:1px solid rgba(255,255,255,.12);color:var(--on-surface)}.save-menu-item:hover{background:var(--surface-highest)}.star-btn,.star{color:var(--rating-star-muted, #5a6478)}.star-btn.active,.star.active{color:var(--rating-star, #f0b45a)}.saved-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);background:#89ceff29;color:var(--secondary);font-family:var(--font-mono);font-size:12px;font-weight:600;border:1px solid rgba(137,206,255,.28)}.unsave-route-btn{color:var(--on-surface-variant)!important;border-color:#ffffff1f!important}.route-card-save-row .btn-outline,.save-route-btn{border-color:#4edea359!important;color:var(--primary)!important}.route-steps .route-step{background:var(--surface-high);color:var(--on-surface-variant);border-color:#ffffff14}.route-step.active{background:var(--primary)!important;color:var(--on-primary)!important;border-color:transparent!important;box-shadow:var(--glow-primary)}.route-step span{background:#0000002e}.discover-collections{margin-bottom:32px!important;gap:12px}.discover-header{margin-bottom:8px}.btn-launch,.home-action-card,.teaser-card,.route-list-grid .route-card{border-radius:var(--radius-lg)}#generateRouteBtn,button.btn-accent[type=button]{background:var(--logo-mint, #4edea3)!important;color:#0b1326!important;border:none!important;box-shadow:0 4px 14px #0b13261a;border-radius:var(--radius-full)}.mode-toggle-slider{background:#4edea32e!important}.page-main{color:var(--on-surface)}#map,.discover-overview-map,.route-detail-map,[id^=map-]{background:#131b2e}@media(max-width:960px){.site-nav{background:#0b1326fa;border-bottom:1px solid rgba(255,255,255,.1)}}:root{color-scheme:light;--logo-navy: #0b1326;--logo-mint: #4edea3;--logo-blue: #89ceff;--logo-mint-deep: #2bb884;--logo-mint-mid: #3bc992;--primary-ink: #14966a;--panel-navy: #0b1326;--panel-navy-mid: #131b2e;--panel-navy-deep: #060e20;--surface: #eef1f6;--surface-lowest: #ffffff;--surface-low: #e2e7f0;--surface-container: #ffffff;--surface-high: #d5dce8;--surface-highest: #c5cedd;--on-surface: #0b1326;--on-surface-variant: #3a455c;--primary: #4edea3;--primary-bright: #6ffbbe;--primary-container: rgba(78, 222, 163, .22);--on-primary: #0b1326;--secondary: #89ceff;--secondary-container: rgba(137, 206, 255, .18);--tertiary: #89ceff;--tertiary-container: rgba(137, 206, 255, .16);--outline: #6b768c;--outline-variant: #b8c0d0;--color-bg: var(--surface);--color-bg-dark: #0b1326;--color-surface: var(--surface-container);--color-primary: var(--primary);--color-primary-dark: #2bb884;--color-accent: var(--secondary);--color-accent-alt: var(--tertiary);--color-accent-light: var(--primary-container);--color-text: var(--on-surface);--color-text-secondary: var(--on-surface-variant);--color-text-muted: var(--outline);--color-border: var(--outline-variant);--color-white: #ffffff;--color-black: #0b1326;--color-ink: var(--on-surface);--color-paper: var(--surface);--color-muted: var(--on-surface-variant);--activity-run: var(--primary);--activity-ride: var(--tertiary);--brand-mark: var(--logo-mint-deep);--brand-accent: var(--logo-mint-deep);--rating-star: #d97706;--rating-star-muted: #b8c0d0;--z2-moss: var(--primary);--z2-moss-deep: #2bb884;--z2-coral: var(--secondary);--z2-ink: var(--on-surface);--z2-mist: var(--surface);--z2-ridge: var(--surface-low);--z2-dawn: var(--tertiary);--z2-asphalt: #0b1326;--dr-green: var(--primary);--dr-green-600: #3bc992;--dr-green-700: #2bb884;--dr-green-50: rgba(78, 222, 163, .1);--dr-green-100: var(--primary-container);--dr-green-200: rgba(78, 222, 163, .35);--dr-ink: var(--on-surface);--dr-fg-muted: var(--on-surface-variant);--dr-fg-subtle: var(--outline);--dr-border: var(--outline-variant);--dr-coral: var(--secondary);--dr-coral-50: var(--secondary-container);--dr-coral-700: #5eb0e6;--dr-indigo: var(--tertiary);--dr-indigo-100: var(--tertiary-container);--dr-neutral-50: var(--surface);--dr-neutral-100: var(--surface-high);--dr-white: #ffffff;--dr-black: #0b1326;--dr-midnight: #0b1326;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(11, 19, 38, .08), 0 0 0 1px rgba(11, 19, 38, .06);--shadow-md: 0 14px 38px rgba(11, 19, 38, .12);--shadow-lg: 0 24px 64px rgba(11, 19, 38, .14);--shadow-glow: 0 12px 30px rgba(78, 222, 163, .28);--surface-glass: rgba(238, 241, 246, .88);--glow-primary: 0 12px 30px rgba(78, 222, 163, .28);--glow-secondary: 0 12px 28px rgba(137, 206, 255, .22);--glow-tertiary: 0 12px 28px rgba(137, 206, 255, .22);--content-max: 1360px}html[data-theme=dark]{color-scheme:dark;--primary-ink: #4edea3;--surface: #0b1326;--surface-lowest: #060e20;--surface-low: #131b2e;--surface-container: #171f33;--surface-high: #222a3d;--surface-highest: #2d3449;--on-surface: #dae2fd;--on-surface-variant: #bbcabf;--primary: #4edea3;--primary-bright: #6ffbbe;--primary-container: #164c39;--on-primary: #003824;--secondary: #89ceff;--secondary-container: rgba(137, 206, 255, .16);--tertiary: #89ceff;--tertiary-container: #183d55;--outline: #86948a;--outline-variant: #3c4a42;--color-primary-dark: #2bb884;--color-white: #ffffff;--color-black: #060e20;--brand-mark: var(--logo-mint-mid);--brand-accent: var(--logo-mint-mid);--rating-star: #f0b45a;--rating-star-muted: #5a6478;--z2-moss-deep: #2bb884;--z2-coral: #89ceff;--z2-dawn: #89ceff;--dr-green-600: #3bc992;--dr-green-700: #2bb884;--dr-green-50: rgba(78, 222, 163, .08);--dr-green-100: rgba(78, 222, 163, .16);--dr-green-200: rgba(78, 222, 163, .35);--dr-coral: #89ceff;--dr-coral-50: rgba(137, 206, 255, .14);--dr-coral-700: #5eb0e6;--dr-indigo: #89ceff;--dr-indigo-100: rgba(137, 206, 255, .16);--dr-neutral-100: #222a3d;--shadow-sm: 0 0 0 1px rgba(255, 255, 255, .06);--shadow-md: 0 14px 40px rgba(0, 0, 0, .3);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .42);--shadow-glow: 0 0 28px rgba(78, 222, 163, .28);--surface-glass: rgba(11, 19, 38, .8);--glow-primary: 0 0 28px rgba(78, 222, 163, .3);--glow-secondary: 0 0 24px rgba(137, 206, 255, .25);--glow-tertiary: 0 0 24px rgba(137, 206, 255, .25)}html,body{min-height:100%}body{background:radial-gradient(900px 500px at 5% -10%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 60%),radial-gradient(700px 450px at 95% 5%,color-mix(in srgb,var(--tertiary) 8%,transparent),transparent 60%),var(--surface);background-attachment:fixed;color:var(--on-surface);overflow-x:hidden}.page-main{max-width:var(--content-max);padding:40px 32px 88px}.site-header{background:var(--surface-glass);border-bottom:1px solid color-mix(in srgb,var(--outline-variant) 80%,transparent);box-shadow:0 1px #ffffff73;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}html[data-theme=dark] .site-header{box-shadow:none}.site-header-inner{max-width:var(--content-max)}.site-brand-text{color:var(--on-surface);text-shadow:none}.site-brand-accent{color:var(--brand-accent, var(--logo-mint-deep, #2bb884));text-shadow:none}.site-brand-mark{border-radius:13px;box-shadow:var(--glow-primary)}.site-nav{gap:6px}.nav-pill{color:var(--on-surface-variant);border-radius:var(--radius-full);padding:9px 16px}.nav-pill:hover{color:var(--on-surface);background:var(--surface-high)}.nav-pill.active{color:var(--on-primary);background:var(--primary);box-shadow:var(--glow-primary)}.site-header-actions{gap:10px}.theme-toggle{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:50%;border:1px solid var(--outline-variant);background:var(--surface-container);color:var(--on-surface-variant);cursor:pointer;transition:transform .18s ease,color .18s ease,background .18s ease}.theme-toggle:hover{transform:translateY(-2px);color:var(--primary);background:var(--primary-container)}.theme-toggle .theme-icon-dark,html[data-theme=dark] .theme-toggle .theme-icon-light{display:none}html[data-theme=dark] .theme-toggle .theme-icon-dark{display:block}.mode-toggle{background:var(--surface-high);border:1px solid var(--outline-variant)}.mode-toggle-slider{background:var(--logo-mint, #4edea3);box-shadow:var(--shadow-sm)}.mode-toggle-btn{color:var(--on-surface-variant)}.mode-toggle-btn.active{color:var(--logo-navy, #0b1326)}.user-avatar{color:var(--primary);background:var(--primary-container);border:2px solid color-mix(in srgb,var(--primary) 22%,transparent)}.user-name{color:var(--on-surface-variant)}.btn{border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:.01em}.btn-primary{color:var(--logo-navy, #0b1326);background:var(--logo-mint, #4edea3);box-shadow:0 4px 14px #0b13261a}.btn-primary:hover{color:var(--logo-navy, #0b1326);background:var(--primary-bright, #6ffbbe);box-shadow:0 6px 18px #0b13261f}.btn-outline{color:var(--on-surface);background:var(--surface-container);border:1px solid var(--outline-variant)}.btn-outline:hover{color:var(--primary);background:var(--primary-container);border-color:color-mix(in srgb,var(--primary) 45%,var(--outline-variant))}.btn-ghost-green{color:var(--primary);background:var(--primary-container);border:1px solid color-mix(in srgb,var(--primary) 18%,transparent)}.btn-ghost-green:hover{color:var(--primary);background:color-mix(in srgb,var(--primary-container) 70%,var(--surface-container))}.card,.saved-routes-card,.home-action-card,.form-card,.creator-panel,.library-panel,.library-filter-bar,.route-card,.teaser-card{color:var(--on-surface);background:color-mix(in srgb,var(--surface-container) 92%,transparent);border:1px solid var(--outline-variant);box-shadow:var(--shadow-sm);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.z2-card-hover{transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s ease,border-color .22s ease}.z2-card-hover:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--primary) 32%,var(--outline-variant));box-shadow:var(--shadow-md)}.form-input,input.form-input,select.form-input,textarea.form-input,.filter-input-sm,.collection-select{color:var(--on-surface)!important;background:var(--surface-lowest)!important;border:1.5px solid var(--outline-variant)!important}.form-input:focus,input.form-input:focus,select.form-input:focus,.filter-input-sm:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent);outline:none}label,.form-group label,.form-hint,.form-footer{color:var(--on-surface-variant)}.form-footer a{color:var(--primary)}.page-kicker,.home-kicker,.filter-group-label,.discover-collections-label,.creator-toolbar-label{color:var(--primary);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;opacity:1}.workspace-header{margin:0 0 30px}.workspace-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.workspace-lede{max-width:620px;margin:9px 0 0;color:var(--on-surface-variant);font-size:16px;line-height:1.6}.workspace-create-btn{flex:0 0 auto;padding:14px 24px}.stitch-dashboard{display:flex;flex-direction:column;gap:38px}.dashboard-masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:36px}.dashboard-greeting{min-width:0}.home-greeting{margin:0;color:var(--on-surface);font-size:clamp(2.5rem,5vw,4.25rem);line-height:.98;letter-spacing:-.045em}.home-greeting .accent{color:var(--primary)}.home-subtitle{max-width:600px;margin:12px 0 0;color:var(--on-surface-variant);font-size:17px;line-height:1.55}.dashboard-stat-pills{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0}.dashboard-stat-pills .home-stat-card{min-width:142px;display:flex;align-items:center;gap:11px;padding:10px 14px;background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.stat-pill-icon{width:38px;height:38px;flex:0 0 auto;display:inline-grid;place-items:center;border-radius:50%}.stat-pill-icon svg{width:19px;height:19px}.stat-pill-icon-green{color:var(--primary);background:var(--primary-container)}.stat-pill-icon-blue{color:var(--tertiary);background:var(--tertiary-container)}.stat-pill-icon-coral{color:var(--secondary);background:var(--secondary-container)}.dashboard-stat-pills .home-stat-card>span:last-child{display:flex;flex-direction:column}.dashboard-stat-pills .home-stat-label{color:var(--on-surface-variant);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.dashboard-stat-pills .home-stat-value{color:var(--on-surface);font-family:var(--font-display);font-size:21px;line-height:1.15}.dashboard-stat-pills .home-stat-value small{color:var(--on-surface-variant);font-family:var(--font-body);font-size:11px;font-weight:600}.dashboard-bento{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.9fr);gap:20px;margin:0}.dashboard-feature-card{min-height:330px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:34px;color:#eafdf3;background:radial-gradient(circle at 80% 10%,rgba(137,206,255,.32),transparent 38%),linear-gradient(135deg,#2bb884,#4edea3 52%,#89ceff 135%);border:0;box-shadow:var(--shadow-md)}html[data-theme=dark] .dashboard-feature-card{background:radial-gradient(circle at 80% 10%,rgba(137,206,255,.22),transparent 38%),linear-gradient(135deg,#123a2d,#165c43 52%,#1d4864 135%)}.dashboard-card-label{position:relative;z-index:2;padding:7px 12px;border-radius:var(--radius-full);color:#eafff3;background:#ffffff24;border:1px solid rgba(255,255,255,.2);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.dashboard-feature-icon{position:absolute;top:32px;right:32px;width:58px;height:58px;z-index:2;display:grid;place-items:center;border-radius:50%;color:#0d5137;background:#d9ffeb;box-shadow:0 12px 30px #0000002e}.dashboard-feature-copy{position:relative;z-index:2;max-width:540px;margin-top:auto}.dashboard-feature-card .home-action-title{color:#fff;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.dashboard-feature-card .home-action-desc{max-width:510px;margin-top:12px;color:#ffffffc7;font-size:16px;line-height:1.55}.dashboard-feature-card .home-action-arrow{position:absolute;right:32px;bottom:32px;z-index:2;color:#fff}.dashboard-route-line{position:absolute;width:430px;height:220px;right:-70px;bottom:-76px;opacity:.22;border:4px solid #ffffff;border-left-color:transparent;border-radius:48% 52% 35% 65%;transform:rotate(-12deg)}.dashboard-side-actions{display:grid;grid-template-rows:1fr 1fr;gap:20px}.dashboard-compact-card{min-height:0;padding:28px;align-items:flex-start}.dashboard-compact-card .home-action-icon{width:48px;height:48px}.dashboard-compact-card .home-action-title{color:var(--on-surface);font-size:22px}.dashboard-compact-card .home-action-desc{max-width:210px;color:var(--on-surface-variant)}.dashboard-discover-card{border-top:3px solid var(--primary)}.dashboard-library-card{border-top:3px solid var(--tertiary)}.dashboard-route-section{display:flex;flex-direction:column;gap:20px}.dashboard-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.dashboard-section-heading h2{margin:2px 0 0;color:var(--on-surface);font-size:clamp(1.7rem,3vw,2.3rem)}.home-route-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.home-route-card{min-width:0;display:flex;align-items:stretch;flex-direction:column;gap:0;overflow:hidden;padding:22px;color:inherit;text-decoration:none;background:var(--surface-container);border:1px solid var(--outline-variant);border-top:3px solid var(--primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.home-route-card:nth-child(2){border-top-color:var(--tertiary)}.home-route-card:nth-child(3){border-top-color:var(--secondary)}.home-route-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.route-card-activity-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:var(--primary);background:var(--primary-container)}.route-card-activity-ride{color:var(--tertiary);background:var(--tertiary-container)}.route-card-type{color:var(--on-surface-variant);font-family:var(--font-mono);font-size:12px;font-weight:600}.home-route-card .saved-route-name{color:var(--on-surface);font-family:var(--font-display);font-size:20px;font-weight:700}.home-route-card .saved-route-meta{margin:5px 0 18px;color:var(--on-surface-variant)}.home-route-preview{width:100%;height:132px;margin-top:auto;border:0;border-radius:16px}.dashboard-empty-state{min-height:260px;display:grid;justify-items:center;align-content:center;padding:40px;text-align:center;border:2px dashed var(--outline-variant);border-radius:var(--radius-lg)}.dashboard-empty-state>span{width:64px;height:64px;display:grid;place-items:center;color:var(--primary);background:var(--primary-container);border-radius:20px}.dashboard-empty-state h3{margin:16px 0 5px;color:var(--on-surface)}.dashboard-empty-state p{margin:0 0 18px;color:var(--on-surface-variant)}.dashboard-saved-strip{overflow:hidden}.dashboard-saved-strip .saved-routes-header{padding:22px 24px;background:transparent;border-bottom:1px solid var(--outline-variant)}.dashboard-saved-strip .home-kicker{margin-bottom:4px}.dashboard-saved-list{display:grid;grid-template-columns:repeat(3,1fr)}.dashboard-saved-list .saved-route-row{min-width:0;border-right:1px solid var(--outline-variant);border-bottom:0}.dashboard-saved-list .saved-route-row:last-child{border-right:0}.saved-route-name{color:var(--on-surface)}.saved-route-meta{color:var(--on-surface-variant)}.saved-routes-header,.saved-route-row{background:transparent}.stitch-workspace{display:grid;grid-template-columns:252px minmax(0,1fr);gap:32px;align-items:start}.discover-sidebar,.library-sidebar{position:sticky;top:calc(var(--nav-height) + 18px)}.discover-sidebar{max-height:calc(100dvh - var(--nav-height) - 36px);overflow-y:auto;padding:24px 20px 28px;background:var(--surface-low);border:0;box-shadow:none;border-radius:var(--radius-lg)}.discover-sidebar-intro,.workspace-sidebar-heading{margin-bottom:28px}.discover-sidebar-intro h2,.workspace-sidebar-heading h2{margin:0;color:var(--on-surface);font-size:25px}.discover-sidebar-intro p,.workspace-sidebar-heading p{margin:4px 0 0;color:var(--on-surface-variant);font-size:13px}.filter-chip{color:var(--on-surface-variant);background:var(--surface-container);border:1px solid var(--outline-variant)}.filter-chip:hover{color:var(--on-surface);background:var(--surface-high)}.filter-chip.active{color:var(--on-primary);background:var(--primary);border-color:var(--primary);box-shadow:var(--glow-primary)}.sort-option{color:var(--on-surface-variant);border-radius:var(--radius-full)}.sort-option:hover{color:var(--on-surface);background:var(--surface-high)}.sort-option.active{color:var(--primary);background:var(--primary-container)}.discover-main,.library-main{min-width:0}.discover-layout{grid-template-rows:auto auto;column-gap:32px;row-gap:24px}.discover-layout>.discover-header{grid-column:2;grid-row:1;margin-bottom:0}.discover-layout>.discover-sidebar{grid-column:1;grid-row:1 / span 2}.discover-layout>.discover-main{grid-column:2;grid-row:2}.discover-title{color:var(--on-surface);font-size:clamp(2.35rem,5vw,3.6rem);line-height:1}.discover-search-row{margin-top:28px}.discover-guest-banner{margin:16px 0 0;padding:12px 16px;border-radius:12px;background:color-mix(in srgb,var(--primary) 12%,var(--surface-container));color:var(--on-surface-variant);font-size:.95rem;line-height:1.45}.discover-guest-banner a{color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:2px}.landing-explore-more{display:flex;justify-content:center;margin-top:28px}.feature-item-link{display:block;color:inherit;text-decoration:none;transition:transform .18s ease}.feature-item-link:hover{transform:translateY(-2px)}.discover-search{min-height:54px;color:var(--on-surface);background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.discover-search-input{color:var(--on-surface)}.discover-search-input::placeholder{color:var(--outline)}.discover-search-icon{color:var(--outline)}.discover-collections{margin:18px 0 0!important;padding:0}.discover-map-wrap{overflow:hidden;border:1px solid var(--outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.discover-overview-map{height:360px}.discover-map-count{color:var(--on-surface);background:color-mix(in srgb,var(--surface-container) 92%,transparent);border:1px solid var(--outline-variant);box-shadow:var(--shadow-sm)}.discover-map-tooltip{color:var(--on-surface);background:color-mix(in srgb,var(--surface-container) 96%,transparent);border:1px solid color-mix(in srgb,var(--primary) 35%,var(--outline-variant));box-shadow:var(--shadow-md)}.route-list-grid{gap:22px}.route-list-grid .route-card{overflow:hidden;background:var(--surface-container);border:1px solid var(--outline-variant);border-top:3px solid var(--primary);box-shadow:var(--shadow-sm)}.route-list-grid .route-card:nth-child(3n+2){border-top-color:var(--tertiary)}.route-list-grid .route-card:nth-child(3n){border-top-color:var(--secondary)}.route-list-grid .route-card-name,.route-card-name,.route-card-title{color:var(--on-surface)}.route-list-grid .route-card-meta-line,.route-card-meta,.route-card-details{color:var(--on-surface-variant)}.route-card.is-map-focus{outline-color:var(--primary);box-shadow:var(--shadow-md)}.saved-badge{color:var(--secondary);background:var(--secondary-container);border-color:color-mix(in srgb,var(--secondary) 25%,transparent)}.save-menu,.suggestions{color:var(--on-surface);background:var(--surface-container)!important;border:1px solid var(--outline-variant);box-shadow:var(--shadow-md)}.save-menu-item:hover,.suggestions div:hover{background:var(--surface-high)}.library-sidebar{display:flex;flex-direction:column;gap:16px}.library-panel{position:static;padding:24px 20px;background:var(--surface-low);border:0;box-shadow:none}.library-nav{gap:5px}.library-nav-item{display:flex;align-items:center;gap:10px;color:var(--on-surface-variant);border-radius:var(--radius-full)}.library-nav-item svg{width:17px;height:17px}.library-nav-item:hover{color:var(--on-surface);background:var(--surface-high)}.library-nav-item.active{color:var(--on-primary);background:var(--primary);box-shadow:var(--glow-primary)}.library-new-collection{margin-top:24px;padding-top:22px;border-top:1px solid var(--outline-variant)}.new-collection-form{align-items:center}.new-collection-form .form-input{min-width:0;border-radius:var(--radius-full)}.new-collection-form .btn{width:38px;height:38px;flex:0 0 auto;padding:0}.library-explore-card{position:relative;display:flex;flex-direction:column;padding:22px;color:var(--on-surface);text-decoration:none;background:linear-gradient(145deg,var(--tertiary-container),var(--surface-container));border:1px solid color-mix(in srgb,var(--tertiary) 20%,var(--outline-variant));border-radius:var(--radius-lg)}.library-explore-card>span{width:42px;height:42px;display:grid;place-items:center;margin-bottom:18px;color:var(--tertiary);background:var(--surface-container);border-radius:14px}.library-explore-card strong{font-family:var(--font-display);font-size:18px}.library-explore-card small{margin-top:3px;color:var(--on-surface-variant)}.library-explore-card>svg{position:absolute;top:20px;right:20px;color:var(--tertiary)}.library-filter-bar{display:flex;align-items:center;gap:18px;padding:14px 18px;background:var(--surface-container)}.library-filter-title{display:flex;align-items:center;gap:8px;color:var(--on-surface);font-weight:700}.library-filter-title svg{width:18px;color:var(--primary)}.library-filter-fields{margin-left:auto}.library-filter-label,.library-filter-unit,.library-results-heading span{color:var(--on-surface-variant)}.library-results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:32px 0 16px}.library-results-heading h2{margin:0;color:var(--on-surface);font-size:25px}.route-list-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.route-list-library .route-card{min-width:0;overflow:hidden;margin:0;border-top:3px solid var(--primary)}.route-list-library .route-card:nth-child(2n){border-top-color:var(--tertiary)}.route-list-library .route-map{height:220px}.creator-page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.creator-page-title{margin:0;color:var(--on-surface);font-size:clamp(2.35rem,5vw,3.6rem);line-height:1}.creator-layout{grid-template-columns:minmax(0,1.75fr) minmax(300px,.65fr);gap:24px}.creator-map-column{min-width:0}.creator-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:14px 16px;background:var(--surface-container)}.creator-toolbar-settings{margin-left:auto}.route-steps .route-step{color:var(--on-surface-variant);background:var(--surface-low);border-color:var(--outline-variant)}.route-step.active{color:var(--on-primary);background:var(--primary);border-color:var(--primary);box-shadow:var(--glow-primary)}.snap-chip{color:var(--on-surface-variant);background:var(--surface-low);border:1px solid var(--outline-variant);border-radius:var(--radius-full)}.snap-chip.active{color:var(--primary);background:var(--primary-container);border-color:color-mix(in srgb,var(--primary) 32%,var(--outline-variant))}.route-info-bar{color:var(--on-surface);background:var(--primary-container);border:1px solid color-mix(in srgb,var(--primary) 22%,var(--outline-variant))}.create-page .map-wrap{overflow:hidden;border:1px solid var(--outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.map-toolbar,.map-toolbar-compact{color:var(--on-surface);background:color-mix(in srgb,var(--surface-container) 94%,transparent)!important;border:1px solid var(--outline-variant);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.map-tool{color:var(--on-surface-variant);background:transparent;border-radius:var(--radius-full)}.map-tool:hover{color:var(--on-surface);background:var(--surface-high)}.map-tool-draw.active,.map-tool:not(.map-tool-muted):not(:disabled).active{color:var(--primary);background:var(--primary-container)}.map-tool-finish{color:var(--on-primary)!important;background:var(--primary)!important}.creator-sidebar{top:calc(var(--nav-height) + 18px)}.creator-panel{background:var(--surface-container)}.creator-panel:first-child{border-top:3px solid var(--primary)}.creator-panel:last-child{border-top:3px solid var(--secondary)}.creator-panel-title{color:var(--on-surface)!important}.creator-panel-desc,.creator-field-label,.field-hint{color:var(--on-surface-variant)}.summary-stat{background:var(--surface-low);border:1px solid var(--outline-variant)}.summary-stat-label{color:var(--on-surface-variant)}.summary-stat-value{color:var(--primary)}.elevation-panel{color:var(--on-surface);background:var(--surface-low);border-color:var(--outline-variant)}.elevation-panel-active{background:var(--primary-container);border-color:color-mix(in srgb,var(--primary) 25%,var(--outline-variant))}#generateRouteBtn{color:#5b1e15!important;background:linear-gradient(105deg,#ffd0c6,var(--secondary))!important;box-shadow:var(--glow-secondary)}.auth-main{background:radial-gradient(600px 400px at 80% 10%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 60%),var(--surface)}.auth-card{color:var(--on-surface);background:transparent;border:0;box-shadow:none}.auth-lede{color:var(--on-surface-variant)}.landing-page{background:var(--surface)}.landing-section,.landing-section-features,.landing-section-routes,.section-title,.feature-list-rich h3,.teaser-name{color:var(--on-surface)}.section-lede,.feature-list-rich p,.teaser-meta{color:var(--on-surface-variant)}.feature-glyph{color:var(--primary);background:var(--primary-container);box-shadow:var(--glow-primary)}.teaser-card{overflow:hidden;background:var(--surface-container)}.teaser-map-wrap,.saved-route-thumb{background:var(--surface-low);border-color:var(--outline-variant)}.landing-cta-band-inner{background:radial-gradient(circle at 80% 20%,rgba(137,206,255,.28),transparent 42%),linear-gradient(135deg,#0f6845,#275e79);border:0;box-shadow:var(--shadow-lg)}.site-footer{color:var(--on-surface);background:var(--surface-container);border-top:1px solid var(--outline-variant)}.footer-made{color:var(--on-surface-variant)}.flash-error{color:#8f2c20;background:#fff0ed;border-color:#f3c7bf}html[data-theme=dark] .flash-error{color:#ffdad6;background:#93000a59;border-color:#ffb4ab59}.toast{color:var(--on-surface);background:var(--surface-container);border:1px solid var(--outline-variant);box-shadow:var(--shadow-md)}@media(max-width:1120px){.dashboard-masthead{align-items:flex-start;flex-direction:column}.dashboard-stat-pills{justify-content:flex-start;flex-wrap:wrap}.creator-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr)}}@media(max-width:960px){.site-nav{color:var(--on-surface);background:var(--surface-container);border-bottom:1px solid var(--outline-variant)}.site-header-actions .theme-toggle{display:inline-grid}.dashboard-bento,.stitch-workspace,.creator-layout{grid-template-columns:1fr}.discover-layout{display:grid;grid-template-columns:1fr;grid-template-rows:auto}.discover-layout>.discover-header,.discover-layout>.discover-sidebar,.discover-layout>.discover-main{grid-column:1;grid-row:auto}.dashboard-feature-card{min-height:300px}.dashboard-side-actions{grid-template-columns:1fr 1fr;grid-template-rows:none}.discover-sidebar,.library-sidebar,.creator-sidebar{position:static;max-height:none}.discover-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.discover-sidebar-intro,.filter-sort{grid-column:1 / -1}.route-list-library,.home-route-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-saved-list{grid-template-columns:1fr}.dashboard-saved-list .saved-route-row{border-right:0;border-bottom:1px solid var(--outline-variant)}}@media(max-width:720px){.page-main{padding:28px 16px 64px}.theme-toggle{width:36px;height:36px}.dashboard-stat-pills{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.dashboard-stat-pills .home-stat-card{min-width:0;align-items:flex-start;border-radius:18px}.stat-pill-icon{display:none}.dashboard-side-actions,.home-route-gallery,.route-list-library{grid-template-columns:1fr}.workspace-heading-row,.creator-page-intro{align-items:flex-start;flex-direction:column}.workspace-create-btn{width:100%}.discover-sidebar{display:block}.discover-sidebar .filter-group{margin-top:22px}.discover-overview-map{height:300px}.library-filter-bar{align-items:flex-start;flex-direction:column}.library-filter-fields{margin-left:0}.creator-toolbar{align-items:flex-start;flex-direction:column}.creator-toolbar-settings{margin-left:0}}@media(max-width:520px){.site-header-inner{height:64px;gap:6px;padding:0 8px}.site-brand{gap:7px}.site-brand-mark{width:32px;height:32px}.site-brand-text{font-size:21px}.site-header-actions{gap:4px;margin-left:auto}.theme-toggle{width:32px;height:32px}.mode-toggle{padding:3px}.mode-toggle-slider{top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px)}.mode-toggle-btn{padding:6px 8px;font-size:11px;gap:4px}.mode-toggle-btn svg{width:13px;height:13px}.nav-toggle{width:34px;margin-left:0;padding:5px}.site-header-actions .user-chip,.site-header-actions>.btn-ghost-green{display:none}.dashboard-feature-card{min-height:340px;padding:26px}.dashboard-feature-icon{top:24px;right:24px}.dashboard-stat-pills .home-stat-card{padding:10px}.dashboard-stat-pills .home-stat-value{font-size:18px}.dashboard-route-line{right:-120px}}@media(prefers-reduced-motion:reduce){.z2-card-hover,.theme-toggle{transition:none}}@keyframes page-vt-out{to{opacity:0;filter:blur(2px);transform:translateY(-10px) scale(.992)}}@keyframes page-vt-in{0%{opacity:0;filter:blur(2px);transform:translateY(14px)}to{opacity:1;filter:none;transform:none}}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@supports (view-transition-name: none){::view-transition-old(root){animation:page-vt-out .22s cubic-bezier(.4,0,1,1) both}::view-transition-new(root){animation:page-vt-in .34s cubic-bezier(.22,1,.36,1) both}}.page.page-is-exiting{opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.page.page-is-entering{animation:page-enter .32s cubic-bezier(.22,1,.36,1) both}html.is-page-transitioning{cursor:progress}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}.page.page-is-exiting,.page.page-is-entering{animation:none!important;transition:none!important;opacity:1;transform:none;filter:none}}.auth-page .page-main{display:grid;place-items:center;min-height:calc(100vh - 5rem);padding:2rem 1rem}.auth-card{width:min(420px,100%);padding:1.75rem}.auth-title{font-family:var(--font-display, "Anybody", sans-serif);font-size:1.45rem;margin:0 0 .65rem}.page-title,.discover-title,.creator-page-title,.home-greeting,.library-page-intro .discover-title{font-size:clamp(1.45rem,2.4vw,1.85rem)!important;letter-spacing:-.03em;line-height:1.12}.section-title{font-size:clamp(1.2rem,1.8vw,1.45rem)!important;letter-spacing:-.025em;line-height:1.15}.site-brand-accent{color:var(--brand-accent, var(--primary-ink, #14966a))}html[data-theme=dark] .site-brand-accent{color:var(--brand-accent, var(--logo-mint-mid, #3bc992))}html:not([data-theme=dark]){--primary-ink: #14966a}html:not([data-theme=dark]) .form-footer a,html:not([data-theme=dark]) .back-link,html:not([data-theme=dark]) .quest-eyebrow,html:not([data-theme=dark]) .home-stat-value,html:not([data-theme=dark]) .summary-stat-value,html:not([data-theme=dark]) .sort-option.active,html:not([data-theme=dark]) .discover-sidebar-intro h2,html:not([data-theme=dark]) .landing-waypoint-link,html:not([data-theme=dark]) .landing-waypoint-link:visited,html:not([data-theme=dark]) .landing-waypoint-mark,html:not([data-theme=dark]) .feature-list-rich a,html:not([data-theme=dark]) .feature-list-rich .feature-icon,html:not([data-theme=dark]) .btn-ghost-green,html:not([data-theme=dark]) .btn-outline,html:not([data-theme=dark]) .home-action-card:hover .home-action-arrow,html:not([data-theme=dark]) .home-action-icon-green,html:not([data-theme=dark]) .quest-badge-card.is-earned .quest-badge-status,html:not([data-theme=dark]) .quest-badge-card.is-earned .quest-badge-icon,html:not([data-theme=dark]) .badge-easy,html:not([data-theme=dark]) .route-activity-run,html:not([data-theme=dark]) .elevation-panel-header,html:not([data-theme=dark]) .user-name,html:not([data-theme=dark]) .save-route-btn,html:not([data-theme=dark]) .route-card-save-row .btn-outline{color:var(--primary-ink, #14966a)}html:not([data-theme=dark]) .btn-ghost-green,html:not([data-theme=dark]) .btn-outline,html:not([data-theme=dark]) .save-route-btn{border-color:color-mix(in srgb,var(--primary-ink, #14966a) 45%,var(--outline-variant))}.auth-lede{color:var(--on-surface-variant, #bbcabf);margin:0 0 1.6rem}.auth-form{display:flex;flex-direction:column;gap:1.15rem}.auth-field .creator-field-label{display:block;margin:0 0 .45rem}.auth-field-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin:0 0 .45rem}.auth-field-head .creator-field-label{margin:0}.auth-forgot{flex:0 0 auto;font-size:.85rem;color:var(--on-surface-variant, #bbcabf);text-decoration:underline;text-underline-offset:.15em}.auth-forgot:hover{color:var(--on-surface, #e6efe9)}.auth-form .form-input{margin:0}.password-field{position:relative}.password-field .form-input{width:100%;padding-right:2.85rem;box-sizing:border-box}.password-toggle{position:absolute;right:.3rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;margin:0;padding:0;border:0;border-radius:999px;background:transparent;color:var(--on-surface-variant, #bbcabf);cursor:pointer}.password-toggle:hover{color:var(--on-surface, #e6efe9)}.password-toggle:focus-visible{outline:2px solid var(--primary, #4edea3);outline-offset:1px}.password-toggle-icon[hidden]{display:none}.auth-form .btn{margin-top:.15rem;width:100%}.auth-dev-demo{width:100%}.auth-switch{color:var(--on-surface-variant, #bbcabf);margin:1.5rem 0 0;text-align:center}.auth-divider{display:flex;align-items:center;gap:12px;margin:1.15rem 0;color:var(--on-surface-variant);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--outline-variant)}.btn-google{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid var(--outline-variant);background:#fff;color:#1f1f1f;font-weight:700;box-shadow:var(--shadow-sm)}.btn-google:hover{background:#f7f9f8;transform:none}html[data-theme=dark] .btn-google{background:#fff;color:#1f1f1f}.btn-google-icon{flex:0 0 auto}.form-error{color:var(--color-danger, #ffb4ab);margin:.75rem 0 0}.form-error[hidden],.form-success[hidden]{display:none}.form-success{color:var(--primary, #6bd9a0);margin:.75rem 0 0}.form-success a{color:inherit;font-weight:700;text-underline-offset:.15em}.verify-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem 1rem;padding:.7rem 1rem;background:color-mix(in srgb,var(--primary, #4edea3) 14%,var(--surface-container, #171f33));border-bottom:1px solid color-mix(in srgb,var(--primary, #4edea3) 28%,transparent);color:var(--on-surface, #e6efe9);font-size:.92rem;text-align:center}.verify-banner-actions{display:inline-flex;align-items:center;gap:.85rem}.verify-banner a,.verify-banner-btn{color:var(--primary, #4edea3);font-weight:700;background:none;border:0;padding:0;cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:.15em}.verify-banner-btn:disabled{opacity:.7;cursor:default;text-decoration:none}@media(display-mode:standalone){.site-nav [data-install-app]{display:none!important}}@media(min-width:961px){.site-nav [data-install-app]{display:none}}.z2-install-howto-root{position:fixed;inset:0;z-index:80;display:grid;place-items:end center;padding:0}.z2-install-howto-backdrop{position:absolute;inset:0;background:#080e167a}.z2-install-howto-panel{position:relative;z-index:1;width:min(26rem,100%);margin:0;padding:1.35rem 1.25rem 1.5rem;border-radius:22px 22px 0 0;background:var(--surface, #f4f6f1);color:var(--on-surface, #142018);box-shadow:0 -12px 40px #080e1638;animation:site-nav-pop .18s ease-out both}html[data-theme=dark] .z2-install-howto-panel{background:var(--surface-container, #1a2420);color:var(--on-surface, #e6efe9)}.z2-install-howto-close{position:absolute;top:.65rem;right:.75rem;width:2rem;height:2rem;border:0;border-radius:999px;background:transparent;color:inherit;font-size:1.4rem;line-height:1;cursor:pointer;opacity:.6}.z2-install-howto-icon{margin-bottom:.75rem}.z2-install-howto-icon img{display:block;width:56px;height:56px;border-radius:14px;box-shadow:0 4px 14px #0b13262e}.z2-install-howto-title{margin:0 0 .45rem;font-size:1.2rem;font-weight:750;letter-spacing:-.02em}.z2-install-howto-body{margin:0 0 .9rem;font-size:.95rem;line-height:1.45;opacity:.88}.z2-install-howto-steps{margin:0 0 1.15rem;padding-left:1.2rem;display:grid;gap:.45rem;font-size:.95rem;line-height:1.4}.z2-install-howto-panel .btn{width:100%}body.z2-install-howto-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.z2-install-howto-panel{animation:none}}.library-header-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;justify-content:flex-end}.strava-status-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--outline-variant, #b9c8bd);background:color-mix(in srgb,var(--surface-container, #fff) 92%,transparent);color:var(--on-surface, #101a14);font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease}.strava-status-chip:hover{border-color:color-mix(in srgb,var(--primary, #4edea3) 45%,var(--outline-variant, #b9c8bd));background:color-mix(in srgb,var(--primary, #4edea3) 8%,var(--surface-container, #fff))}.strava-status-dot{width:.55rem;height:.55rem;border-radius:50%;background:#9aa8a0;flex-shrink:0}.strava-status-chip.is-connected .strava-status-dot{background:#fc4c02;box-shadow:0 0 0 3px color-mix(in srgb,#fc4c02 22%,transparent)}html:not([data-theme=dark]) .strava-status-chip{background:#fff;border-color:#b9c8bd;color:#101a14}.strava-import-root{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1rem}.strava-import-backdrop{position:absolute;inset:0;background:#08100e8c}.strava-import-panel{position:relative;z-index:1;width:min(560px,100%);max-height:min(80vh,720px);overflow:auto;padding:1.35rem 1.35rem 1.5rem}.strava-import-title{margin:0 2rem .35rem 0;font-size:1.35rem}.strava-import-lede{margin:0 0 1rem;color:var(--on-surface-variant, #bbcabf)}.strava-import-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:0 0 .95rem}.strava-import-tab{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;min-height:3.4rem;padding:.7rem .9rem;border:1.5px solid var(--outline-variant, rgba(255, 255, 255, .14));border-radius:14px;background:transparent;color:var(--on-surface-variant, #bbcabf);font:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.strava-import-tab:hover{border-color:color-mix(in srgb,var(--primary, #4edea3) 45%,var(--outline-variant));color:var(--on-surface, #e6efe9)}.strava-import-tab.is-active{border-color:var(--primary, #4edea3);background:color-mix(in srgb,var(--primary, #4edea3) 16%,transparent);color:var(--on-surface, #e6efe9);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary, #4edea3) 35%,transparent)}.strava-import-tab-label{font-weight:800;font-size:.98rem}.strava-import-tab-hint{font-size:.78rem;font-weight:500;opacity:.85}.strava-import-tab.is-active .strava-import-tab-hint{color:color-mix(in srgb,var(--primary, #4edea3) 70%,var(--on-surface))}.strava-import-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.85rem}.strava-import-list{display:flex;flex-direction:column;gap:.65rem}.strava-import-sync,.strava-import-bulk{display:flex;flex-direction:column;gap:.4rem;padding:.8rem .85rem;border:1px solid var(--outline-variant, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 14px)}.strava-import-sync{background:color-mix(in srgb,var(--primary, #4edea3) 10%,transparent);border-color:color-mix(in srgb,var(--primary, #4edea3) 35%,var(--outline-variant))}.strava-import-bulk{background:color-mix(in srgb,var(--on-surface, #e6efe9) 3%,transparent)}.strava-import-sync-title,.strava-import-bulk-title{margin:0;font-size:.95rem;font-weight:800;color:var(--on-surface, #e6efe9)}.strava-import-sync-lede,.strava-import-bulk-lede{margin:0;font-size:.82rem;line-height:1.4;color:var(--on-surface-variant, #bbcabf)}.strava-import-sync-counts{margin:.1rem 0 0;font-size:.84rem;font-weight:650;color:var(--on-surface, #e6efe9)}.strava-import-sync-actions,.strava-import-bulk-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem;margin-top:.2rem}html:not([data-theme=dark]) .strava-import-sync{background:color-mix(in srgb,var(--primary, #1f8a5a) 8%,#fff);border-color:color-mix(in srgb,var(--primary, #1f8a5a) 28%,transparent)}html:not([data-theme=dark]) .strava-import-sync-title,html:not([data-theme=dark]) .strava-import-bulk-title,html:not([data-theme=dark]) .strava-import-sync-counts{color:#143024}.strava-import-select-all{display:inline-flex;align-items:center;gap:.45rem;font-size:.88rem;font-weight:650;color:var(--on-surface, #e6efe9);cursor:pointer}.strava-import-select-all input,.strava-import-check input{width:1.05rem;height:1.05rem;accent-color:var(--primary, #4edea3);cursor:pointer}.strava-import-bulk-status{margin:0;font-size:.82rem;color:var(--on-surface-variant, #bbcabf)}.strava-import-row{display:flex;gap:.75rem;align-items:center;justify-content:space-between;padding:.85rem;border:1px solid var(--outline-variant, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 14px)}.strava-import-row.is-imported{opacity:.72}.strava-import-check{flex:0 0 auto;display:flex;align-items:center;align-self:center;margin:0;cursor:pointer}.strava-import-row-main{flex:1;min-width:0}.strava-import-row-name{margin:0 0 .25rem;font-size:.98rem;font-weight:750;color:var(--on-surface, #e6efe9);line-height:1.3;overflow-wrap:anywhere}.strava-import-rename-btn{margin:.35rem 0 0;padding-inline:0;align-self:flex-start}.strava-import-name-label{display:flex;flex-direction:column;gap:.3rem;margin:.45rem 0 0;font-size:.78rem;font-weight:700;color:var(--on-surface-variant, #bbcabf)}.strava-import-name{width:100%;margin:0}.strava-import-row p{margin:0;font-size:.85rem;color:var(--on-surface-variant, #bbcabf)}html:not([data-theme=dark]) .strava-import-row-name{color:#143024}.strava-import-row-actions{display:flex;gap:.4rem;flex:0 0 auto;align-items:center}html:not([data-theme=dark]) .strava-import-tab.is-active{background:color-mix(in srgb,var(--primary, #1f8a5a) 12%,#fff);border-color:var(--primary, #1f8a5a);color:#143024}body.strava-import-open{overflow:hidden}@media(max-width:640px){.strava-import-row{flex-wrap:wrap;align-items:flex-start}.strava-import-check{align-self:flex-start;margin-top:.35rem}.strava-import-row-main{flex:1 1 calc(100% - 2.5rem)}.strava-import-row-actions{width:100%;justify-content:flex-end}}html:not([data-theme=dark]) .verify-banner{background:color-mix(in srgb,var(--primary, #1f8a5a) 10%,#f3f7f4);border-bottom-color:color-mix(in srgb,var(--primary, #1f8a5a) 25%,transparent);color:#143024}.discover-list,.myroutes-list{display:flex;flex-direction:column;gap:.85rem}.discover-row,.myroute-row{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-radius:var(--radius-md, 16px);background:var(--surface-container, #171f33);border:1px solid var(--color-border, rgba(255, 255, 255, .08))}.discover-row-main,.myroute-main{display:flex;gap:.9rem;align-items:center;flex:1;min-width:0;color:inherit;text-decoration:none}.discover-row h3,.myroute-row h3,.route-card-title{margin:0 0 .2rem;font-size:1.05rem}.route-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.route-card-link{color:inherit;text-decoration:none}.route-card{border-radius:var(--radius-md, 16px);overflow:hidden;background:var(--surface-container, #171f33);border:1px solid var(--color-border, rgba(255, 255, 255, .08))}.route-card-body{padding:.85rem 1rem 1rem}.route-thumb{aspect-ratio:3 / 2;background:var(--surface-low, #131b2e)}.route-thumb-sm{width:120px;min-width:120px;aspect-ratio:3 / 2;border-radius:12px;overflow:hidden}.discover-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.rate-star{background:none;border:0;color:var(--rating-star-muted, #b8c0d0);font-size:1.35rem;line-height:1;cursor:pointer;padding:0 .12rem;opacity:1;text-shadow:none;transition:color .12s ease,transform .12s ease}.rate-star.active{color:var(--rating-star, #d97706)}.rate-row:not(.rate-row-readonly):hover .rate-star,.rate-row:not(.rate-row-readonly):focus-within .rate-star{color:var(--rating-star-muted, #b8c0d0);transform:none}.rate-row:not(.rate-row-readonly) .rate-star.is-preview{color:var(--rating-star, #e0a14a);transform:scale(1.08)}.rate-row-readonly .rate-star{cursor:default}.rate-row-readonly .rate-star:hover{color:var(--rating-star-muted, #b8c0d0);transform:none}.rate-row-readonly .rate-star.active:hover{color:var(--rating-star, #d97706)}html[data-theme=dark] .rate-star{color:var(--rating-star-muted, #5a6478)}html[data-theme=dark] .rate-star.active{color:var(--rating-star, #f0b45a)}html[data-theme=dark] .rate-row:not(.rate-row-readonly):hover .rate-star,html[data-theme=dark] .rate-row:not(.rate-row-readonly):focus-within .rate-star{color:var(--rating-star-muted, #5a6478)}html[data-theme=dark] .rate-row:not(.rate-row-readonly) .rate-star.is-preview{color:var(--rating-star, #f0b45a)}html[data-theme=dark] .rate-row-readonly .rate-star:hover{color:var(--rating-star-muted, #5a6478);transform:none}html[data-theme=dark] .rate-row-readonly .rate-star.active:hover{color:var(--rating-star, #f0b45a)}.empty-state{color:var(--on-surface-variant, #bbcabf);padding:1rem 0}.section-intro-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.home-section{margin-bottom:2.5rem}.home-segments-section .section-intro-row{align-items:flex-start;gap:1rem}.home-segments-toggle{display:flex;flex-wrap:wrap;gap:.5rem;flex-shrink:0}.home-segments-toggle .btn.is-active{background:var(--primary, #0d9488);border-color:var(--primary, #0d9488);color:var(--on-primary, #fff)}.home-segments-stats{margin:0 0 .75rem;font-size:.95rem;color:var(--on-surface-variant, #5c6b73)}.home-segments-map-pane{position:relative;width:100%;border-radius:18px;overflow:hidden;border:1px solid var(--outline-variant, rgba(46, 72, 52, .16));background:var(--surface-low, #e2e7f0);box-shadow:var(--shadow-sm)}.home-segments-map{width:100%;height:min(58vh,520px);min-height:300px}@media(min-width:960px){.home-segments-map{height:min(62vh,560px);min-height:360px}}.home-segments-legend{position:absolute;top:12px;left:12px;z-index:2;display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 24px);pointer-events:none}.home-segments-legend-item{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--surface-container, #fff) 94%,transparent);border:1px solid var(--outline-variant, rgba(46, 72, 52, .18));box-shadow:0 6px 16px #0f172a1f;font-size:.75rem;font-weight:600;color:var(--on-surface, #1a2330);letter-spacing:.01em}.home-segments-legend-swatch{width:14px;height:4px;border-radius:999px;flex-shrink:0}.home-segments-legend-swatch.is-collected{height:5px;background:#7c3aed;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #0f172a59}.home-segments-legend-swatch.is-open{background:#64748b;opacity:.85}.home-segments-legend-swatch.is-area{width:12px;height:12px;border-radius:3px;background:#7c3aed47;border:2px solid #7c3aed;box-shadow:inset 0 0 0 1px #ffffff8c}.home-segments-legend-swatch.is-area-open{width:12px;height:12px;border-radius:3px;background:#0f172a0a;border:1.5px dashed #475569}.home-segments-empty{position:absolute;inset:auto 16px 16px;margin:0;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--surface-container, #fff) 92%,transparent);color:var(--on-surface-variant);font-size:.9rem;box-shadow:0 8px 20px #0f172a1f;z-index:2}.home-area-detail{position:absolute;top:12px;right:12px;z-index:3;width:min(320px,calc(100% - 24px));max-height:calc(100% - 24px);overflow:auto;padding:14px 14px 12px;border-radius:14px;background:color-mix(in srgb,var(--surface-container, #fff) 96%,transparent);border:1px solid var(--outline-variant, rgba(46, 72, 52, .18));box-shadow:0 14px 36px #0f172a2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-area-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.home-area-detail-kicker{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant, #5c6b73)}.home-area-detail-title{margin:.15rem 0 0;font-size:1.05rem;line-height:1.25}.home-area-detail-status{margin:0 0 .55rem;font-size:.88rem;font-weight:600;color:var(--on-surface-variant, #5c6b73)}.home-area-detail-status.is-complete{color:#5b21b6}.home-area-detail-meter{height:8px;border-radius:999px;background:color-mix(in srgb,var(--outline-variant, #b9c8bd) 45%,transparent);overflow:hidden;margin-bottom:.35rem}.home-area-detail-meter>span{display:block;height:100%;background:linear-gradient(90deg,#a78bfa,#7c3aed);border-radius:inherit}.home-area-detail-pct{margin:0 0 .75rem;font-size:.92rem;font-weight:700}.home-area-detail-stats{list-style:none;margin:0 0 .85rem;padding:0;display:grid;gap:.4rem}.home-area-detail-stats li{display:flex;justify-content:space-between;gap:.75rem;font-size:.86rem}.home-area-detail-stats span{color:var(--on-surface-variant, #5c6b73)}.home-area-detail-missing-title{margin:0 0 .4rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--on-surface-variant, #5c6b73)}.home-area-detail-missing-list{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}.home-area-detail-missing-list li{display:flex;justify-content:space-between;gap:.75rem;padding:.35rem .5rem;border-radius:8px;background:color-mix(in srgb,#0ea5e9 10%,transparent);font-size:.8rem}.home-area-detail-edge-label{display:flex;flex-direction:column;gap:.1rem;min-width:0}.home-area-detail-edge-nodes{font-weight:700;color:#0f172a;font-variant-numeric:tabular-nums}html[data-theme=dark] .home-area-detail-edge-nodes{color:#f8fafc}.home-area-detail-edge-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;color:#64748b}.home-area-detail-more,.home-area-detail-done-note{margin:.45rem 0 0;font-size:.8rem;color:var(--on-surface-variant, #5c6b73)}.home-segments-hint{margin:.65rem 0 0;font-size:.85rem;color:var(--on-surface-variant, #5c6b73)}@media(max-width:720px){.home-segments-map{height:min(52vh,420px);min-height:260px}.home-segments-legend{top:8px;left:8px;right:8px;max-width:none;gap:4px}.home-segments-legend-item{padding:4px 7px;font-size:.68rem;gap:4px}.home-segments-empty{inset:auto 8px 8px;padding:8px 10px;font-size:.8rem}.home-area-detail{inset:auto 8px 8px;width:auto;max-height:42%;padding:12px}.home-area-detail-title{font-size:.98rem}.home-area-detail-stats li,.home-area-detail-missing-list li{font-size:.78rem}}@media(max-width:720px){.home-segments-section .section-intro-row{flex-direction:column}}.route-actions{display:flex;flex-wrap:wrap;gap:.5rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.site-nav-account{display:none}.site-nav-user{display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:650;color:var(--on-surface, #1a2420)}.site-nav-logout{width:100%;justify-content:center}@media(max-width:720px){.site-brand-text{display:none}.site-brand{gap:0}.site-brand-mark{width:36px;height:36px}}@media(max-width:960px){.site-header-inner{position:relative}.site-header .site-nav,.site-header .site-nav.open{position:absolute;top:calc(100% + 8px);right:10px;left:auto;width:min(17.5rem,calc(100vw - 20px));display:none;flex-direction:column;align-items:stretch;gap:4px;padding:10px;border:1px solid var(--outline-variant, rgba(46, 72, 52, .18));border-radius:16px;background:color-mix(in srgb,var(--surface, #f4f6f1) 94%,transparent);box-shadow:0 16px 36px #101a1429;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:40}.site-header .site-nav.open{display:flex;animation:site-nav-pop .16s ease-out both}.site-header .site-nav .nav-pill{width:100%;justify-content:flex-start;border-radius:12px;padding:11px 14px}.site-nav-account{display:flex;flex-direction:column;gap:10px;margin-top:4px;padding-top:12px;border-top:1px solid var(--outline-variant, rgba(46, 72, 52, .16))}.site-header-auth .site-header-actions .user-chip,.site-header-auth .site-header-actions>[data-logout]{display:none}}html[data-theme=dark] .site-header .site-nav{background:color-mix(in srgb,var(--surface-container, #1a2420) 94%,transparent);border-color:#ffffff1a;box-shadow:0 18px 40px #00000059}@keyframes site-nav-pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.site-header .site-nav.open{animation:none}}html:not([data-theme=dark]) .site-header{border-bottom-color:#b8c0d0;box-shadow:0 2px 12px #0b132612}html:not([data-theme=dark]) .nav-pill{color:#3a455c}html:not([data-theme=dark]) .nav-pill:hover{color:#0b1326;background:#d5dce8}html:not([data-theme=dark]) .site-nav .nav-pill.active{color:#0b1326!important;background:#4edea3;box-shadow:0 6px 18px #4edea359}html:not([data-theme=dark]) .mode-toggle{background:#d5dce8;border-color:#b8c0d0}html:not([data-theme=dark]) .mode-toggle-slider{background:#4edea3!important;box-shadow:0 2px 8px #4edea359}html:not([data-theme=dark]) .mode-toggle-btn{color:#3a455c}html:not([data-theme=dark]) .mode-toggle:not(.cycle) .mode-toggle-btn[data-mode=run],html:not([data-theme=dark]) .mode-toggle.cycle .mode-toggle-btn[data-mode=cycle]{color:#0b1326}html:not([data-theme=dark]) .card,html:not([data-theme=dark]) .z2-route-card{color:#0b1326;background:#fff;border-color:#b8c0d0}html:not([data-theme=dark]) .discover-sidebar.card{color:#0b1326;background:#e2e7f0!important;border:1px solid #b8c0d0!important;box-shadow:var(--shadow-sm)}html:not([data-theme=dark]) .discover-sidebar-intro h2{color:#14966a}html:not([data-theme=dark]) .discover-sidebar-intro p,html:not([data-theme=dark]) .discover-sidebar .filter-group-label,html:not([data-theme=dark]) .discover-sidebar .sort-option{color:#3a455c;opacity:1}html:not([data-theme=dark]) .discover-sidebar .sort-option.active{color:#0b1326;background:#4edea347}html:not([data-theme=dark]) .library-panel.card{background:#e2e7f0!important}html:not([data-theme=dark]) .library-filter-bar.card{color:#0b1326;background:#fff!important;border-color:#b8c0d0}html:not([data-theme=dark]) .library-filter-title,html:not([data-theme=dark]) .library-filter-label,html:not([data-theme=dark]) .library-filter-unit{color:#3a455c}html:not([data-theme=dark]) .demo-banner{color:#dae2fd!important;background:#0b1326}html:not([data-theme=dark]) .demo-banner code{color:#fff;background:#ffffff2e}html:not([data-theme=dark]) .form-input,html:not([data-theme=dark]) .filter-input-sm,html:not([data-theme=dark]) .collection-select{color:#0b1326;background:#fff!important;border-color:#b8c0d0!important}html:not([data-theme=dark]) .form-input::placeholder,html:not([data-theme=dark]) .discover-search-input::placeholder{color:#6b768c;opacity:1}html:not([data-theme=dark]) .btn-outline,html:not([data-theme=dark]) .btn-ghost-green{color:#14966a;border-color:#7eb89a}html:not([data-theme=dark]) .page-kicker,html:not([data-theme=dark]) .filter-group-label,html:not([data-theme=dark]) .discover-collections-label{color:#5a657a}.discover-search .discover-search-input,.discover-search .discover-search-input:focus{background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important}.discover-page .discover-search{position:relative}.discover-page .suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:40;display:none;max-height:240px;overflow-y:auto;padding:6px 0;border-radius:12px;border:1px solid var(--outline-variant, var(--color-border, #c5cddc));background:var(--surface-container, var(--color-surface, #fff));box-shadow:0 10px 28px #0f172a1f}.discover-page .suggestions:not([hidden]){display:block}.discover-page .suggestions .suggestions-item,.discover-page .suggestions div{padding:10px 14px;cursor:pointer;font-size:.95rem;font-weight:550;line-height:1.3;border-bottom:0;color:var(--on-surface, var(--color-text, #0b1326))}.discover-page .suggestions .suggestions-item:hover,.discover-page .suggestions .suggestions-item.is-active,.discover-page .suggestions div:hover,.discover-page .suggestions div.is-active{background:color-mix(in srgb,var(--primary, #14966a) 12%,transparent)}.discover-sidebar{position:static;top:auto;max-height:none;overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto}:where(button,a,input,select):focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 38%,transparent);outline-offset:3px}.route-list-grid,.route-list-library{align-items:stretch}.z2-route-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;color:var(--on-surface);background:var(--surface-container);border:1px solid var(--outline-variant);border-top:3px solid var(--primary);border-radius:20px;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.z2-route-card:nth-child(3n+2){border-top-color:var(--tertiary)}.z2-route-card:nth-child(3n){border-top-color:var(--secondary)}.z2-route-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 35%,var(--outline-variant));box-shadow:var(--shadow-md)}.z2-route-card-map{position:relative;display:block;min-height:178px;overflow:hidden;color:inherit;text-decoration:none;background:var(--surface-low)}.z2-route-map{position:relative;width:100%;height:100%;min-height:178px;aspect-ratio:16 / 8;background:var(--surface-low)}.z2-route-map-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--on-surface-variant);font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.z2-route-map .ol-viewport{cursor:pointer!important}.z2-route-map .ol-layer canvas{filter:saturate(.78) contrast(1.02)}html[data-theme=dark] .z2-route-map .ol-layer canvas{filter:brightness(.72) saturate(.68) contrast(1.12)}.z2-route-card-badges{position:absolute;z-index:2;inset:12px 12px auto;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.z2-route-card-badges .route-activity-badge,.z2-rating-badge{padding:6px 10px;font-family:var(--font-mono);font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--primary) 24%,transparent);border-radius:999px;box-shadow:0 4px 14px #060e2024}.z2-route-card-badges .route-activity-badge{color:#00452d;background:#d8fae9f0}.z2-route-card-badges .route-activity-ride{color:#154e67;background:#e0f0f7f2;border-color:#286a884d}.z2-rating-badge{color:#0b1326;background:#fffffff0;border-color:#0b132629}.z2-official-badge{display:inline-flex;align-items:center;padding:2px 7px;font-family:var(--font-mono);font-size:10px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;color:#3a3428;background:color-mix(in srgb,var(--secondary, #d4c4a8) 42%,#fff8ea);border:1px solid color-mix(in srgb,var(--secondary, #b8a078) 45%,transparent);border-radius:999px}html[data-theme=dark] .z2-official-badge{color:var(--on-surface);background:color-mix(in srgb,var(--secondary, #8a7a58) 28%,rgba(11,19,38,.92));border-color:color-mix(in srgb,var(--outline-variant) 70%,transparent)}.route-modal-official{font-family:var(--font-mono);font-size:.78em;font-weight:750;letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb,var(--on-surface) 72%,var(--secondary, #b8a078))}.route-modal-source{margin:.35rem 0 0;font-size:.86rem;color:color-mix(in srgb,var(--on-surface) 68%,transparent)}.route-modal-source a{color:inherit;text-decoration:underline;text-underline-offset:2px}html[data-theme=dark] .z2-route-card-badges .route-activity-badge{color:var(--primary);background:#0b1326e6}html[data-theme=dark] .z2-route-card-badges .route-activity-ride{color:var(--tertiary)}html[data-theme=dark] .z2-rating-badge{color:var(--on-surface);background:#0b1326e6;border-color:var(--outline-variant)}.z2-route-card-content{flex:1;display:flex;flex-direction:column;gap:14px;padding:18px}.z2-route-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.z2-route-author{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:0 0 3px;color:var(--on-surface-variant);font-size:12px;font-weight:600}.z2-route-card-title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;min-height:2.24em;padding:0;border:0;background:none;color:var(--on-surface);font-family:var(--font-display);font-size:20px;font-weight:750;line-height:1.12;letter-spacing:-.025em;text-align:left;text-decoration:none;cursor:pointer}.z2-route-card-title:hover{color:var(--primary)}.z2-route-visibility{flex:0 0 auto;padding:4px 8px;color:var(--on-surface-variant);background:var(--surface-high);border:1px solid var(--outline-variant);border-radius:999px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.z2-route-metrics{display:flex;align-items:center;gap:8px 14px;min-height:26px;flex-wrap:wrap;color:var(--on-surface-variant);font-family:var(--font-mono);font-size:12px}.z2-route-metrics strong{color:var(--on-surface);font-size:14px}.z2-route-nearby{color:var(--primary, #4edea3);font-weight:700}.library-filters{display:flex;flex-direction:column;gap:16px;padding:18px 16px 16px}.library-filters .filter-group{margin:0}.library-filters .filter-chips{display:flex;flex-wrap:wrap;gap:6px}.library-filters .filter-chip{font-size:12px;padding:6px 10px}.library-filter-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding-top:4px;border-top:1px solid var(--outline-variant, rgba(46, 72, 52, .12))}.library-filter-actions .library-nearby-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.library-page .library-main{min-width:0}.z2-route-tag,.z2-route-difficulty{padding:4px 8px;border-radius:999px;font-weight:700;text-transform:capitalize}.z2-route-tag{color:var(--tertiary);background:var(--tertiary-container)}.z2-route-difficulty-easy{color:var(--dr-green-700);background:var(--primary-container)}.z2-route-difficulty-moderate{color:var(--tertiary);background:var(--tertiary-container)}.z2-route-difficulty-hilly{color:var(--dr-coral-700);background:var(--secondary-container)}.z2-route-elevation{padding-top:12px;border-top:1px solid var(--outline-variant)}.z2-route-elevation>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px}.z2-route-elevation-label,.z2-route-elevation-range{color:var(--on-surface-variant);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.z2-route-elevation .elevation-chart{display:block;width:100%!important;height:48px!important}.z2-route-card-actions{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:2px}.z2-collection-control{flex:1;min-width:0}.z2-route-card .collection-select{width:100%;min-height:38px;padding:7px 32px 7px 11px;border-radius:11px;font-size:12px}.z2-route-rating{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px;color:var(--on-surface-variant);font-size:12px;font-weight:700}.z2-route-rating .rate-row{display:flex;gap:1px}.z2-route-rating .rate-star{font-size:19px}.discover-location-status{min-height:22px;margin:-2px 0 0;color:var(--on-surface-variant);font-size:12px}.discover-location-idle{display:flex;align-items:flex-start;gap:8px;margin:0 0 0 4px;line-height:1.4;color:var(--on-surface-variant)}.discover-location-idle svg{flex:0 0 auto;width:14px;height:14px;margin-top:2px;opacity:.75}.discover-location-idle strong{color:var(--on-surface);font-weight:700}.discover-location-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:7px 8px 7px 12px;border:1px solid color-mix(in srgb,var(--primary, #4edea3) 28%,transparent);border-radius:999px;background:color-mix(in srgb,var(--primary, #4edea3) 10%,var(--surface, #f4f6f1));color:var(--on-surface)}.discover-location-chip.is-current{border-color:color-mix(in srgb,var(--primary, #4edea3) 45%,transparent);background:color-mix(in srgb,var(--primary, #4edea3) 16%,var(--surface, #f4f6f1))}.discover-location-chip>svg{flex:0 0 auto;width:14px;height:14px;color:var(--primary, #4edea3)}.discover-location-chip-text{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.2}.discover-location-chip-text strong{font-size:13px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-location-chip-meta{font-size:11px;font-weight:600;color:var(--on-surface-variant)}.discover-location-clear{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:999px;background:transparent;color:var(--on-surface-variant);cursor:pointer}.discover-location-clear:hover{background:color-mix(in srgb,var(--on-surface, #101a14) 8%,transparent);color:var(--on-surface)}.discover-near-btn.is-active{background:color-mix(in srgb,var(--primary, #4edea3) 16%,var(--surface, #f4f6f1));color:var(--primary, #4edea3);border:1px solid color-mix(in srgb,var(--primary, #4edea3) 40%,transparent);box-shadow:none}.discover-near-btn.is-active:hover{background:color-mix(in srgb,var(--primary, #4edea3) 22%,var(--surface, #f4f6f1))}.discover-near-btn.is-loading{opacity:.9;cursor:wait}.discover-near-btn .discover-near-spin{animation:discover-near-spin .85s linear infinite}@keyframes discover-near-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.discover-near-btn .discover-near-spin{animation:none}}.route-results-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.route-results-count{color:var(--on-surface);font-family:var(--font-display);font-size:28px;font-weight:800}.route-results-context{margin-left:5px;color:var(--on-surface-variant);font-size:14px}.route-empty-state{grid-column:1 / -1;min-height:230px;display:grid;place-items:center;align-content:center;gap:14px;padding:32px;text-align:center;background:var(--surface-low);border:1px dashed var(--outline);border-radius:20px}.route-empty-state>svg{width:34px;height:34px;color:var(--primary)}.route-empty-state p{margin:0}.library-nav-item{justify-content:flex-start}.library-nav-item>span{min-width:24px;margin-left:auto;padding:2px 7px;text-align:center;color:inherit;background:color-mix(in srgb,currentColor 10%,transparent);border-radius:999px;font-family:var(--font-mono);font-size:10px}.library-nearby-control{display:flex;align-items:center;gap:8px}.library-nearby-control[hidden]{display:none}.library-filter-fields .btn svg{width:15px;height:15px}.filters-toggle{display:none;align-items:center;gap:.4rem}body.filters-drawer-open{overflow:hidden}.filters-toggle-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:999px;background:color-mix(in srgb,var(--primary, #4edea3) 18%,transparent);color:var(--primary, #4edea3);font-size:.72rem;font-weight:700;line-height:1}.filters-toggle-count[hidden],#clearDiscoverFilters[hidden]{display:none!important}.discover-lede-mobile{display:none}.discover-guest-actions{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.route-results-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:.45rem;flex:0 0 auto}.route-results-actions .btn{flex:0 0 auto;white-space:nowrap}.clear-filters-short{display:none}@media(max-width:720px){.clear-filters-full{display:none}.clear-filters-short{display:inline}}.library-results-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.library-results-heading-text{display:flex;align-items:baseline;gap:.65rem;min-width:0}@media(max-width:960px){.filters-toggle{display:inline-flex}.discover-layout>.discover-header{order:1}.discover-layout>.discover-main{order:2}.discover-layout>.discover-sidebar{order:3}.discover-layout:not(.is-filters-open)>.discover-sidebar,.library-layout:not(.is-filters-open) .library-filters{display:none!important}.discover-layout.is-filters-open>.discover-sidebar,.library-layout.is-filters-open .library-filters{display:flex!important;flex-direction:column;position:fixed;z-index:90;top:calc(var(--nav-height, 64px) + 10px);left:12px;right:12px;max-height:min(78dvh,calc(100dvh - var(--nav-height, 64px) - 24px));overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;margin:0;padding:18px 16px 20px;border-radius:16px;box-shadow:0 18px 48px #0e161247;background:var(--surface, #f4f6f1)}.discover-layout.is-filters-open:before,.library-layout.is-filters-open:before{content:"";position:fixed;inset:0;z-index:80;background:#0e16126b}[data-theme=dark] .discover-layout.is-filters-open>.discover-sidebar,[data-theme=dark] .library-layout.is-filters-open .library-filters{background:var(--surface, #0e1612)}}@media(max-width:720px){.z2-route-card-map,.z2-route-map{min-height:160px}.site-header .theme-toggle,.site-header-guest .btn-launch,.site-header-guest .nav-toggle{display:none}.site-header-inner{padding-inline:12px;gap:8px}.site-header-actions{gap:6px;margin-left:auto}.discover-page .page-main,.discover-page .discover-layout,.discover-page .discover-header,.discover-page .discover-main{max-width:100%;min-width:0;overflow-x:clip}.discover-page .workspace-heading-row{display:block;align-items:flex-start;max-width:100%}.discover-page .workspace-heading-row>div{min-width:0;flex:1 1 auto}.discover-page .discover-title{margin-bottom:0;font-size:clamp(1.65rem,7.5vw,2rem);line-height:1.1}.discover-page .workspace-create-btn,.discover-lede-desktop{display:none}.discover-lede-mobile{display:inline}.discover-page .workspace-lede{font-size:.9rem;line-height:1.4;margin-top:6px}.discover-page .discover-guest-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:11px 13px;font-size:.82rem;line-height:1.35}.discover-page .discover-guest-actions{gap:10px}.discover-page .discover-search-row{flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:6px;margin-top:16px;margin-bottom:8px;max-width:100%;min-width:0}.discover-page .discover-search{flex:1 1 0;width:auto;min-width:0!important;min-height:46px;padding:0 12px}.discover-page .discover-search-input{min-width:0;width:100%;padding:11px 0;font-size:15px}.discover-page .discover-near-btn{flex:0 0 auto;min-height:0;min-width:42px;width:46px;padding:0;font-size:12px;border-radius:12px}.discover-page .discover-near-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.discover-page .discover-location-status{margin:0 0 14px;padding-left:0;font-size:.75rem;line-height:1.35}.discover-page .discover-location-idle{margin-left:0}.discover-page .discover-location-chip{width:100%;max-width:100%;box-sizing:border-box}.discover-page .discover-location-chip-text{flex:1 1 auto}.discover-page .route-results-bar{flex-wrap:nowrap;align-items:center;gap:8px;max-width:100%;min-width:0}.discover-page .route-results-bar>div:first-child{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-page .route-results-count{font-size:21px}.discover-page .route-results-actions{margin-left:auto;max-width:none;min-width:0}.discover-page .route-results-actions .btn{padding:7px 10px;font-size:12px;gap:4px}.discover-page #clearDiscoverFilters{padding-left:8px;padding-right:8px}.discover-page .discover-collections{max-width:100%;margin-top:12px;margin-bottom:14px}.discover-collections{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.discover-collections>*{flex:0 0 auto}.library-filter-bar,.library-filter-fields{align-items:flex-start}.library-filter-fields{width:100%}.z2-route-card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.z2-route-card{transition:none}}.quest-hero{display:grid;grid-template-columns:1.2fr minmax(240px,.8fr);gap:28px;margin-bottom:2.5rem;padding:28px 30px;background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:24px;box-shadow:var(--shadow-sm);overflow:hidden}.quest-eyebrow{margin:0 0 10px;color:var(--primary-ink, var(--on-surface-variant));font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.quest-title{margin:0;color:var(--on-surface);font-family:var(--font-display);font-size:clamp(1.55rem,2.6vw,1.95rem);font-weight:800;line-height:1.08;letter-spacing:-.03em}.quest-tier-name{margin:6px 0 20px;color:var(--on-surface-variant);font-size:15px;font-weight:600}.quest-progress{max-width:460px}.quest-progress-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:var(--on-surface-variant);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.quest-progress-next{color:var(--on-surface)}.quest-track{position:relative;height:10px;background:var(--surface-high);border:1px solid var(--outline-variant);border-radius:999px;overflow:hidden}.quest-track-fill{display:block;height:100%;min-width:10px;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--tertiary));transition:width .6s cubic-bezier(.22,1,.36,1)}.quest-progress-caption{margin:10px 0 0;color:var(--on-surface-variant);font-size:13px}.quest-progress-caption strong{color:var(--on-surface)}.quest-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;align-items:center}.quest-actions .btn svg{width:17px;height:17px}.quest-plan-chip{display:inline-flex;align-items:center;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--outline-variant, #b9c8bd);background:color-mix(in srgb,var(--surface-container, #fff) 92%,transparent);color:var(--on-surface, #101a14);font-size:.88rem;font-weight:650;letter-spacing:.02em;line-height:1.2}.quest-plan-chip.is-pro{border-color:color-mix(in srgb,var(--primary, #14966a) 40%,var(--outline-variant, #b9c8bd));background:color-mix(in srgb,var(--primary, #14966a) 14%,transparent);color:var(--primary, #14966a)}html:not([data-theme=dark]) .quest-plan-chip{background:#fff;border-color:#b9c8bd;color:#101a14}html:not([data-theme=dark]) .quest-plan-chip.is-pro{background:color-mix(in srgb,#14966a 12%,#ffffff);border-color:color-mix(in srgb,#14966a 35%,#b9c8bd);color:#0f6b4a}.quest-side{display:flex;align-items:stretch;min-width:0}.quest-log{display:flex;flex-direction:column;gap:14px;width:100%;padding:16px 16px 14px;border-radius:18px;background:radial-gradient(120% 90% at 100% 0%,rgba(78,222,163,.18),transparent 55%),radial-gradient(90% 80% at 0% 100%,rgba(137,206,255,.12),transparent 50%),linear-gradient(165deg,#131b2e,#0b1326 55%,#060e20);color:#dae2fd;border:1px solid rgba(137,206,255,.14);box-shadow:inset 0 1px #ffffff0f,0 14px 28px #0b132633;animation:quest-log-in .52s cubic-bezier(.22,1,.36,1) both}.quest-log-kicker{margin:0;color:#89ceffd1;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.quest-log-featured{position:relative;padding:10px 4px 6px;overflow:hidden}.quest-log-route{position:absolute;inset:8% 0 auto;width:100%;height:72%;opacity:.9;pointer-events:none}.quest-log-route-ghost,.quest-log-route-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.quest-log-route-ghost{stroke:#4edea329;stroke-width:7}.quest-log-route-line{stroke:#4edea3;stroke-width:2.4;stroke-dasharray:340;stroke-dashoffset:340;animation:quest-route-draw 1.1s .18s cubic-bezier(.22,1,.36,1) forwards}.quest-log-featured-label{position:relative;z-index:1;margin:0 0 2px;color:#bbcabfc7;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.quest-log-featured-value{position:relative;z-index:1;margin:0;font-family:var(--font-display);font-size:clamp(2.6rem,5vw,3.35rem);font-weight:800;line-height:.95;letter-spacing:-.04em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.28)}.quest-log-list{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.1)}.quest-log-list li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid rgba(255,255,255,.08)}.quest-log-list li:last-child{border-bottom:0;padding-bottom:2px}.quest-log-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;color:#4edea3;background:#4edea31f}.quest-log-icon svg{width:16px;height:16px}.quest-log-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.quest-log-label{color:#dae2fd;font-size:13px;font-weight:700}.quest-log-hint{color:#bbcabfad;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em}.quest-log-value{color:#fff;font-family:var(--font-mono);font-size:1.2rem;font-weight:700;letter-spacing:-.02em;text-align:right}.quest-log-unit{margin-left:2px;color:#89ceffc7;font-size:.78rem;font-weight:700}@keyframes quest-log-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes quest-route-draw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.quest-log,.quest-log-route-line{animation:none}.quest-log-route-line{stroke-dashoffset:0}}.quest-badge-panel{margin:0 0 2.5rem}.quest-badge-lede{margin:6px 0 0;color:var(--on-surface-variant);font-size:14px;max-width:48ch}.quest-badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:1rem 0 0;padding:0;list-style:none}.quest-badge-card{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:16px;opacity:.88}.quest-badge-card.is-earned{opacity:1;border-color:color-mix(in srgb,var(--logo-mint-deep, #2bb884) 45%,var(--outline-variant));background:color-mix(in srgb,var(--primary) 12%,var(--surface-container))}.quest-badge-card-top{display:flex;align-items:center;gap:10px}.quest-badge-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;color:var(--on-surface-variant);background:var(--surface-low)}.quest-badge-card.is-earned .quest-badge-icon{color:var(--logo-mint-deep, #2bb884);background:color-mix(in srgb,var(--primary) 18%,transparent)}.quest-badge-icon svg{width:16px;height:16px}.quest-badge-label{margin:0;color:var(--on-surface);font-size:15px;font-weight:750}.quest-badge-status{margin:2px 0 0;color:var(--on-surface-variant);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.quest-badge-card.is-earned .quest-badge-status{color:var(--logo-mint-deep, #14966a)}.quest-badge-desc{margin:0;color:var(--on-surface-variant);font-size:13px;line-height:1.4;min-height:2.8em}.quest-badge-meter{height:6px;border-radius:999px;background:var(--surface-high);overflow:hidden}.quest-badge-meter>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--tertiary))}.quest-badge-progress{margin:0;color:var(--on-surface);font-family:var(--font-mono);font-size:12px;font-weight:700}.home-route-grid,.route-list-library,.route-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;align-items:stretch}.home-route-grid .z2-route-card-map,.home-route-grid .z2-route-map,.route-list-library .z2-route-card-map,.route-list-library .z2-route-map{min-height:118px;aspect-ratio:16 / 9}.home-route-grid .z2-route-card-content,.route-list-library .z2-route-card-content{gap:10px;padding:14px}.home-route-grid .z2-route-card-title,.route-list-library .z2-route-card-title{font-size:16px;min-height:2.24em}.home-route-grid .z2-route-metrics,.route-list-library .z2-route-metrics{font-size:11px}.z2-route-card-map{width:100%;padding:0;border:0;cursor:pointer;text-align:left;font:inherit}body.z2-onboarding-open{overflow:hidden}.z2-onboarding-root{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) 14px max(12px,env(safe-area-inset-bottom));animation:z2-onboarding-fade .22s ease both}.z2-onboarding-backdrop{position:absolute;inset:0;background:#0a120e94;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.z2-onboarding-panel{position:relative;z-index:1;display:flex;flex-direction:column;width:min(520px,calc(100vw - 28px));max-height:min(920px,calc(100dvh - 24px));overflow:hidden;background:var(--surface-container, #ffffff);border:1px solid var(--outline-variant, #b9c8bd);border-radius:22px;box-shadow:var(--shadow-lg);color:var(--on-surface, #101a14);animation:z2-onboarding-rise .32s cubic-bezier(.22,1,.36,1) both}.z2-onboarding-close{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border:0;border-radius:999px;background:#ffffffd1;color:#24352c;font-size:1.35rem;line-height:1;cursor:pointer;box-shadow:0 1px 4px #0a120e1f}.z2-onboarding-close:hover{background:#fff}.z2-onboarding-visual{flex:0 0 auto;padding:14px 14px 0}.z2-onboarding-visual.is-enter .z2-onboarding-svg{animation:z2-onboarding-visual-in .42s cubic-bezier(.22,1,.36,1) both}.z2-onboarding-svg{display:block;width:100%;height:auto;max-height:200px;border-radius:16px}.z2-onboarding-copy{flex:1 1 auto;overflow:auto;padding:16px 20px 8px;-webkit-overflow-scrolling:touch}.z2-onboarding-copy.is-enter{animation:z2-onboarding-copy-in .36s cubic-bezier(.22,1,.36,1) both}.z2-onboarding-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.z2-onboarding-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-accent, #14966a)}.z2-onboarding-progress{font-size:.78rem;font-weight:600;letter-spacing:.04em;color:color-mix(in srgb,var(--on-surface, #101a14) 55%,transparent)}.z2-onboarding-title{margin:0 0 8px;font-family:var(--font-display, "Anybody", sans-serif);font-size:clamp(1.25rem,4vw,1.55rem);font-weight:700;letter-spacing:-.02em;line-height:1.15}.z2-onboarding-body{margin:0 0 12px;color:color-mix(in srgb,var(--on-surface, #101a14) 78%,transparent);line-height:1.5;font-size:.95rem}.z2-onboarding-tips{list-style:none;margin:0;padding:2px 0;display:grid;border:1px solid color-mix(in srgb,var(--outline-variant, #b9c8bd) 85%,transparent);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--brand-accent, #3bc992) 6%,transparent),transparent 48px),color-mix(in srgb,var(--surface-container, #fff) 96%,#eef6f1);overflow:hidden}.z2-onboarding-tip{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;margin:0;padding:11px 14px;color:color-mix(in srgb,var(--on-surface, #101a14) 90%,transparent);font-size:.9rem;line-height:1.4}.z2-onboarding-tip+.z2-onboarding-tip{border-top:1px solid color-mix(in srgb,var(--outline-variant, #b9c8bd) 55%,transparent)}.z2-onboarding-tip-index{margin-top:.1em;font-family:var(--font-display, "Anybody", sans-serif);font-size:.72rem;font-weight:750;letter-spacing:.06em;color:var(--brand-accent, #14966a);line-height:1.2}.z2-onboarding-tip-text{min-width:0}.z2-onboarding-footer{flex:0 0 auto;padding:10px 16px 14px;border-top:1px solid color-mix(in srgb,var(--outline-variant, #b9c8bd) 70%,transparent);background:color-mix(in srgb,var(--surface-container, #fff) 92%,#eef6f1)}.z2-onboarding-dots{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.z2-onboarding-dot{display:inline-block;width:8px;height:8px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--on-surface, #101a14) 18%,transparent);cursor:pointer;transition:width .18s ease,background .18s ease}.z2-onboarding-root.is-mobile .z2-onboarding-dot{cursor:default;pointer-events:none}.z2-onboarding-root.is-mobile .z2-onboarding-actions{justify-content:stretch}.z2-onboarding-root.is-mobile .z2-onboarding-nav{width:100%;justify-content:flex-end;gap:.5rem}.z2-onboarding-dot.is-done{background:color-mix(in srgb,var(--brand-accent, #3bc992) 55%,transparent)}.z2-onboarding-dot.is-active{width:22px;background:var(--brand-accent, #3bc992)}.z2-onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.z2-onboarding-nav{display:flex;gap:8px;margin-left:auto}.z2-ob-route,.z2-ob-route-casing{fill:none;stroke-linecap:round;stroke-linejoin:round}.z2-ob-route-casing{stroke:#0f3d2c;stroke-width:9;opacity:.18}.z2-ob-route{stroke:#14966a;stroke-width:5;stroke-dasharray:520;stroke-dashoffset:520;animation:z2-ob-draw-route 1.1s cubic-bezier(.4,0,.2,1) .12s forwards}.z2-ob-route--sky{stroke:#2f6fed}.z2-ob-route--violet,.z2-ob-route--collect{stroke:#7c3aed;stroke-width:6}.z2-ob-pulse{transform-box:fill-box;transform-origin:center;animation:z2-ob-pulse 1.6s ease-in-out infinite}.z2-ob-float{animation:z2-ob-float 2.8s ease-in-out infinite}.z2-ob-node{opacity:0;animation:z2-ob-node-in .42s ease forwards}.z2-ob-tile{opacity:0;animation:z2-ob-tile-in .5s ease .28s forwards}.z2-ob-tile--delay{animation-delay:.48s}@keyframes z2-onboarding-fade{0%{opacity:0}to{opacity:1}}@keyframes z2-onboarding-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes z2-onboarding-visual-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes z2-onboarding-copy-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes z2-ob-draw-route{to{stroke-dashoffset:0}}@keyframes z2-ob-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.75}}@keyframes z2-ob-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes z2-ob-node-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes z2-ob-tile-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media(max-width:480px){.z2-onboarding-panel{width:min(100%,calc(100vw - 20px));border-radius:18px}.z2-onboarding-visual{padding:10px 10px 0}.z2-onboarding-svg{max-height:148px}.z2-onboarding-copy{padding:12px 14px 6px}.z2-onboarding-body{font-size:.9rem}.z2-onboarding-tip{font-size:.84rem;gap:10px;padding:10px 12px}.z2-onboarding-tip-index{font-size:.68rem}.z2-onboarding-footer{padding:8px 12px 12px}.z2-onboarding-actions{flex-wrap:wrap}.z2-onboarding-actions .btn-ghost{order:3;width:100%;margin-top:2px}.z2-onboarding-nav{width:100%;justify-content:flex-end}}@media(min-width:720px){.z2-onboarding-panel{width:min(640px,calc(100vw - 48px))}.z2-onboarding-svg{max-height:220px}.z2-onboarding-copy{padding:18px 28px 10px}}@media(prefers-reduced-motion:reduce){.z2-onboarding-root,.z2-onboarding-panel,.z2-onboarding-visual.is-enter .z2-onboarding-svg,.z2-onboarding-copy.is-enter,.z2-onboarding-dot,.z2-ob-route,.z2-ob-pulse,.z2-ob-float,.z2-ob-node,.z2-ob-tile{animation:none!important;transition:none!important}.z2-ob-route{stroke-dasharray:none;stroke-dashoffset:0}.z2-ob-node,.z2-ob-tile{opacity:1}}html:not([data-theme=dark]) .z2-onboarding-panel{background:#fff;border-color:#b9c8bd;color:#101a14}html[data-theme=dark] .z2-onboarding-svg rect[fill="url(#obTerrain)"]{opacity:.92}html[data-theme=dark] .z2-onboarding-footer{background:color-mix(in srgb,var(--surface-container, #1a2420) 94%,#0f1814)}html[data-theme=dark] .z2-onboarding-close{background:#18221ee0;color:#e8f2ec}body.z2-confirm-open{overflow:hidden}.z2-confirm-root{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:20px}.z2-confirm-backdrop{position:absolute;inset:0;background:#0a120e8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.z2-confirm-panel{position:relative;z-index:1;width:min(400px,calc(100vw - 40px));padding:22px 22px 18px;background:var(--surface-container, #ffffff);border:1px solid var(--outline-variant, #b9c8bd);border-radius:18px;box-shadow:var(--shadow-lg);color:var(--on-surface, #101a14)}.z2-confirm-title{margin:0 0 8px;font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.z2-confirm-message{margin:0 0 18px;color:color-mix(in srgb,var(--on-surface, #101a14) 78%,transparent);line-height:1.45}.z2-confirm-actions{display:flex;justify-content:flex-end;gap:10px}html:not([data-theme=dark]) .z2-confirm-panel{background:#fff;border-color:#b9c8bd;color:#101a14}body.post-save-share-open{overflow:hidden}.post-save-share-root{position:fixed;inset:0;z-index:1450;display:grid;place-items:center;padding:20px}.post-save-share-backdrop{position:absolute;inset:0;background:#0a120e8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.post-save-share-panel{position:relative;z-index:1;width:min(440px,calc(100vw - 40px));padding:24px 24px 20px;display:flex;flex-direction:column;gap:12px;background:var(--surface-container, #ffffff);border:1px solid var(--outline-variant, #b9c8bd);border-radius:18px;box-shadow:var(--shadow-lg);color:var(--on-surface, #101a14)}.post-save-share-kicker{margin:0;color:var(--primary-ink, #14966a);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.post-save-share-title{margin:0;font-family:var(--font-display);font-size:1.45rem;font-weight:800;letter-spacing:-.03em;line-height:1.15}.post-save-share-name{margin:0;color:var(--on-surface);font-weight:700}.post-save-share-lede,.post-save-share-private-hint{margin:0;color:var(--on-surface-variant);font-size:.95rem;line-height:1.45}.post-save-share-field{display:flex;flex-direction:column;gap:6px;font-size:.9rem;font-weight:650}.post-save-share-link-row{display:grid;grid-template-columns:1fr auto;gap:8px}.post-save-share-link-row[hidden],.post-save-share-private-hint[hidden]{display:none!important}.post-save-share-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px}html:not([data-theme=dark]) .post-save-share-panel{background:#fff;border-color:#b9c8bd;color:#101a14}.discover-browse{display:flex;flex-direction:column;gap:16px}.discover-map-pane{position:relative;width:100%;border-radius:18px;overflow:hidden;border:1px solid var(--outline-variant, rgba(46, 72, 52, .16));background:var(--surface-low, #e2e7f0);box-shadow:var(--shadow-sm)}.discover-map{width:100%;height:min(38vh,320px);min-height:200px}.discover-map-empty{position:absolute;inset:auto 16px 16px;margin:0;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--surface-container, #fff) 92%,transparent);color:var(--on-surface-variant);font-size:.9rem;box-shadow:0 8px 20px #0f172a1f}@media(min-width:960px){.discover-map{height:min(42vh,380px);min-height:260px}}body.route-modal-open{overflow:hidden}.route-modal-root{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px}.route-modal-backdrop{position:absolute;inset:0;background:#0a120e8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.route-modal{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,340px);width:min(1040px,calc(100vw - 40px));height:min(78vh,640px);max-height:calc(100vh - 40px);overflow:hidden;padding:0;background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:22px;box-shadow:var(--shadow-lg);color:var(--on-surface)}.route-modal-close{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:999px;background:color-mix(in srgb,var(--surface-container) 88%,transparent);color:var(--on-surface);font-size:22px;line-height:1;cursor:pointer;box-shadow:var(--shadow-sm)}.route-modal-close svg{width:18px;height:18px}.route-modal-map{width:100%;height:100%;min-height:0;margin:0;border-radius:0;overflow:hidden;background:var(--surface-low)}.route-modal-side{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;padding:18px 18px 16px;border-left:1px solid var(--outline-variant);background:var(--surface-container);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.route-modal-side-top{flex:0 0 auto;min-width:0;padding-right:28px}.route-modal-side.is-editing>.route-modal-view,.route-modal-side.is-editing>.route-modal-elev,.route-modal-side.is-editing>.route-modal-rate,.route-modal-side.is-editing>.route-modal-actions{display:none!important}.route-modal-side.is-editing{gap:0;padding:16px 16px 14px}.route-modal-side.is-editing>.route-modal-edit-slot{display:flex;flex:1 1 auto;min-height:0;margin:0;overflow:hidden}.route-modal-title{margin:0;font-family:var(--font-display);font-size:clamp(1.35rem,2.4vw,1.75rem);letter-spacing:-.03em;line-height:1.1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.route-modal-meta{margin:6px 0 0;color:var(--on-surface-variant);font-size:13px}.route-modal-stats{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:10px;color:var(--on-surface-variant);font-family:var(--font-mono);font-size:12px}.route-modal-stats strong{color:var(--on-surface);font-size:14px}.route-modal-elev{flex:1 0 auto;flex-shrink:0;min-width:0;min-height:148px;max-height:180px;display:flex;flex-direction:column;gap:4px;padding:12px 14px;margin:0;border:1px solid var(--outline-variant);border-radius:14px;background:var(--surface-low);overflow:hidden;isolation:isolate}.route-modal-elev .elevation-panel-header{flex:0 0 auto;min-width:0;margin-bottom:0;gap:8px}.route-modal-elev .elevation-panel-header .elevation-label{flex:0 0 auto}.route-modal-elev .elevation-panel-header .badge-difficulty{flex:0 1 auto;min-width:0;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-modal-elev-gain{flex:0 0 auto;margin:0;font-size:13px;color:var(--on-surface-variant)}.route-modal-elev .elevation-chart{display:block;box-sizing:border-box;width:100%!important;max-width:100%;height:72px!important;max-height:72px;min-height:72px;margin-top:auto;flex:0 0 72px}.route-modal-rate{flex:0 0 auto;position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--outline-variant);border-radius:14px;background:var(--surface-low)}.route-modal-rate-inner{display:flex;align-items:center;justify-content:space-between;gap:10px}.route-modal-rate-inner>span{color:var(--on-surface-variant);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.route-modal-rate .rate-row{display:flex;gap:0}.route-modal-rate .rate-star{font-size:1.85rem;color:#d5ddd7}.route-modal-rate .rate-star.active{color:#d97706}.route-modal-rate .rate-row:not(.rate-row-readonly):hover .rate-star,.route-modal-rate .rate-row:not(.rate-row-readonly):focus-within .rate-star{color:#d5ddd7}.route-modal-rate .rate-row:not(.rate-row-readonly) .rate-star.is-preview{color:#e0a14a}.route-modal-rate .rate-row-readonly .rate-star:hover{color:#d5ddd7;transform:none}.route-modal-rate .rate-row-readonly .rate-star.active:hover{color:#d97706}html[data-theme=dark] .route-modal-rate .rate-star{color:#2f3b35}html[data-theme=dark] .route-modal-rate .rate-star.active{color:#fbbf24}html[data-theme=dark] .route-modal-rate .rate-row:not(.rate-row-readonly):hover .rate-star,html[data-theme=dark] .route-modal-rate .rate-row:not(.rate-row-readonly):focus-within .rate-star{color:#2f3b35}html[data-theme=dark] .route-modal-rate .rate-row:not(.rate-row-readonly) .rate-star.is-preview{color:#f0b45a}html[data-theme=dark] .route-modal-rate .rate-row-readonly .rate-star:hover{color:#2f3b35;transform:none}html[data-theme=dark] .route-modal-rate .rate-row-readonly .rate-star.active:hover{color:#fbbf24}.route-modal-actions{position:relative;z-index:1;flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;width:100%;background:var(--surface-container)}.route-modal-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-width:0;min-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.86rem;padding-inline:.65rem}.route-modal-actions .btn svg{width:14px;height:14px;flex:0 0 auto}.route-modal-actions .btn:last-child:nth-child(odd){grid-column:1 / -1}.route-modal-description{margin:.35rem 0 0;max-width:100%;max-height:6.6em;overflow-x:hidden;overflow-y:auto;font-size:.92rem;line-height:1.4;color:color-mix(in srgb,var(--on-surface, #101a14) 72%,transparent);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.route-modal-edit-slot{display:none}.route-modal-edit-slot[hidden]{display:none!important}.route-modal-edit{display:flex;flex-direction:column;gap:0;width:100%;min-height:0;height:100%}.route-modal-edit-head{flex:0 0 auto;padding-right:28px;margin-bottom:12px}.route-modal-edit-title{margin:.15rem 0 0;font-family:var(--font-display);font-size:1.35rem;letter-spacing:-.03em;line-height:1.15}.route-modal-edit-body{display:grid;gap:.85rem;flex:1 1 auto;min-height:0;overflow:auto;padding-right:2px;-webkit-overflow-scrolling:touch}.route-modal-edit-field{display:grid;gap:.35rem;min-width:0;font-size:.78rem;font-weight:700;letter-spacing:.02em;color:color-mix(in srgb,var(--on-surface, #101a14) 72%,transparent)}.route-modal-edit-field .form-input,.route-modal-edit-field select.form-input,.route-modal-edit-field textarea.form-input{width:100%;min-width:0;min-height:42px;box-sizing:border-box;font-weight:500;font-size:.95rem;color:var(--on-surface, #101a14);background-color:var(--surface, #fff)}.route-modal-edit-field textarea.form-input{resize:vertical;min-height:5rem;line-height:1.45;padding-top:.7rem;padding-bottom:.7rem;border-radius:12px!important;vertical-align:top;field-sizing:fixed}.route-modal-edit-field select.form-input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 11px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:2rem}.route-modal-edit-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;min-width:0}.route-modal-edit-actions{flex:0 0 auto;display:flex;justify-content:stretch;gap:.55rem;margin-top:12px;padding-top:12px;border-top:1px solid var(--outline-variant, #b9c8bd)}.route-modal-edit-actions .btn{flex:1 1 0;justify-content:center;min-height:42px}html:not([data-theme=dark]) .route-modal-edit-field .form-input,html:not([data-theme=dark]) .route-modal-edit-field select.form-input,html:not([data-theme=dark]) .route-modal-edit-field textarea.form-input{background-color:#fff;border-color:#9dafaa;color:#101a14}.static-doc{max-width:720px}.static-doc-header{margin-bottom:2rem}.static-doc-section{margin-bottom:1.75rem}.static-doc-section h2{margin:0 0 .55rem;font-family:var(--font-display);font-size:1.25rem}.static-doc-section p,.static-doc-section li{color:var(--on-surface-variant);line-height:1.6}.static-doc-section ul{margin:0;padding-left:1.2rem}.static-empty{padding:4rem 0 3rem;max-width:520px}.site-footer{margin-top:auto;border-top:1px solid var(--outline-variant);background:color-mix(in srgb,var(--surface-container) 70%,transparent)}.site-footer-inner{max-width:var(--content-max);margin:0 auto;padding:22px 32px 36px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.site-footer-brand{margin:0;font-family:var(--font-display);font-size:18px;font-weight:800;letter-spacing:-.03em}.site-footer-brand span{color:var(--primary)}.site-footer-nav{display:flex;flex-wrap:wrap;gap:14px 18px}.site-footer-nav a{color:var(--on-surface-variant);text-decoration:none;font-size:13px;font-weight:600}.site-footer-nav a:hover{color:var(--primary)}.landing-page .site-footer{background:var(--surface)}.lang-switcher{position:relative;flex-shrink:0}.lang-switcher-btn,.header-chip-btn{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 11px 0 10px;border-radius:999px;border:1px solid var(--outline-variant, rgba(46, 72, 52, .18));background:var(--surface-container, #fff);color:var(--on-surface-variant, #3f5045);font-family:inherit;font-size:12.5px;font-weight:750;letter-spacing:.04em;cursor:pointer;transition:transform .18s ease,color .18s ease,background .18s ease,border-color .18s ease}.header-chip-btn{padding:0 14px;letter-spacing:.01em;white-space:nowrap}.lang-switcher-btn:hover,.lang-switcher.is-open .lang-switcher-btn,.header-chip-btn:hover{transform:translateY(-1px);color:var(--primary, #4edea3);background:var(--primary-container, #ccebdc);border-color:color-mix(in srgb,var(--primary, #4edea3) 28%,transparent)}.lang-switcher-btn svg{flex-shrink:0;opacity:.88}.lang-switcher-code{line-height:1}.lang-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:50;min-width:11.5rem;margin:0;padding:6px;list-style:none;border:1px solid var(--outline-variant, rgba(46, 72, 52, .18));border-radius:14px;background:color-mix(in srgb,var(--surface, #f4f6f1) 96%,transparent);box-shadow:0 16px 36px #101a1429;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:site-nav-pop .16s ease-out both}.lang-switcher-footer .lang-menu{top:auto;bottom:calc(100% + 8px)}.lang-option{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:none;border-radius:10px;background:transparent;color:var(--on-surface, #101a14);font-family:inherit;font-size:13.5px;font-weight:600;text-align:left;cursor:pointer}.lang-option:hover{background:color-mix(in srgb,var(--primary, #4edea3) 12%,transparent)}.lang-option.is-active{color:var(--primary, #4edea3);background:var(--primary-container, #ccebdc)}.lang-option-code{display:inline-grid;place-items:center;min-width:1.85rem;padding:2px 0;border-radius:6px;background:color-mix(in srgb,var(--on-surface, #101a14) 8%,transparent);font-size:11px;font-weight:800;letter-spacing:.04em}.lang-option.is-active .lang-option-code{background:color-mix(in srgb,var(--primary, #4edea3) 18%,transparent)}.lang-option-name{flex:1}html[data-theme=dark] .lang-switcher-btn,html[data-theme=dark] .header-chip-btn{background:color-mix(in srgb,var(--surface-container, #1a2420) 92%,transparent);border-color:#ffffff1f;color:#ffffffd1}html[data-theme=dark] .lang-menu{background:color-mix(in srgb,var(--surface-container, #1a2420) 94%,transparent);border-color:#ffffff1a;box-shadow:0 18px 40px #00000059}html:not([data-theme=dark]) .lang-switcher-btn,html:not([data-theme=dark]) .header-chip-btn{background:#fff;border-color:#9dafaa;color:#35463b}@media(max-width:960px){.lang-switcher-btn{min-height:36px;padding:0 9px 0 8px}.header-chip-btn{min-height:36px}}@media(max-width:640px){.lang-switcher-header .lang-switcher-code{display:none}.lang-switcher-header .lang-switcher-btn{width:36px;height:36px;min-height:36px;padding:0;justify-content:center;border-radius:50%}}@media(prefers-reduced-motion:reduce){.lang-switcher-btn,.header-chip-btn,.lang-menu{transition:none;animation:none}}@media(max-width:860px){.quest-hero{grid-template-columns:1fr;gap:18px;padding:20px 16px;background:var(--surface-container);box-shadow:none}.home-page .quest-eyebrow{color:var(--on-surface-variant)}.home-page .quest-track-fill{background:var(--primary)}.quest-side{justify-content:flex-start}.route-modal-root{padding:10px;place-items:stretch}.route-modal{display:flex;flex-direction:column;grid-template-columns:unset;grid-template-rows:unset;width:100%;height:min(92dvh,calc(100dvh - 20px));max-height:calc(100dvh - 20px);border-radius:18px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.route-modal-map{flex:0 0 auto;height:min(34vh,220px);min-height:160px;max-height:240px}.route-modal-side{flex:0 0 auto;min-width:0;min-height:auto;overflow:visible;gap:14px;padding:16px 16px calc(20px + env(safe-area-inset-bottom,0px));border-left:0;border-top:1px solid var(--outline-variant)}.route-modal-side.is-editing{overflow:visible;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.route-modal-side.is-editing>.route-modal-edit-slot{flex:0 0 auto;min-height:auto;overflow:visible}.route-modal-side-top{min-width:0;padding-right:36px}.route-modal-description{max-height:8.4em;-webkit-overflow-scrolling:touch}.route-modal-close{top:10px;right:10px;background:color-mix(in srgb,var(--surface-container) 92%,#fff)}.route-modal-elev{flex:0 0 auto;flex-shrink:0;min-height:128px;max-height:none;overflow:hidden}.route-modal-elev .elevation-chart{height:56px!important;max-height:56px;min-height:56px;flex:0 0 56px;margin-top:4px}.route-modal-rate{flex:0 0 auto;align-items:stretch;z-index:1}.route-modal-rate-inner{width:100%;flex-wrap:wrap;row-gap:6px}.route-modal-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:2px;padding-top:4px;padding-bottom:env(safe-area-inset-bottom,0);z-index:1}.route-modal-actions .btn{min-height:40px;padding:0 10px;font-size:.84rem;gap:5px}.route-modal-actions .btn svg{width:13px;height:13px}.route-modal-edit-row{grid-template-columns:1fr}.route-modal-edit-actions{flex-direction:column-reverse}.route-modal-edit-actions .btn{width:100%;min-height:44px}}@media(max-width:420px){.route-modal-map{height:min(30vh,180px);min-height:140px}.route-modal-title{font-size:1.35rem}.route-modal-rate .rate-star{font-size:1.55rem}}@media(max-width:720px){.home-route-grid,.route-list-library,.route-list-grid{grid-template-columns:1fr}.site-footer-inner{padding:20px 16px 28px}}@media(prefers-reduced-motion:reduce){.quest-track-fill{transition:none}}.landing-page .page-main{max-width:none;padding:0}.landing-page .landing-section{max-width:var(--content-max);margin-inline:auto}.landing-page .site-header,.landing-page .site-header.site-header-landing{top:0;background:#0c1c168c;border-bottom:1px solid rgba(255,255,255,.14);box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.site-header-landing .site-brand-text{color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.4)}.site-header-landing .site-brand-accent{color:var(--brand-accent, var(--logo-mint-mid, #3bc992));text-shadow:none}.site-header-landing .btn-text{color:#ffffffeb}.site-header-landing .btn-text:hover{color:#fff;background:#ffffff24}.site-header-landing .theme-toggle,.site-header-landing .lang-switcher-btn{color:#fff;border-color:#ffffff52;background:#ffffff1a}.site-header-landing .theme-toggle:hover,.site-header-landing .lang-switcher-btn:hover,.site-header-landing .lang-switcher.is-open .lang-switcher-btn{background:#ffffff2e;color:#fff}.site-header-landing .lang-menu{background:#0c1c16eb;border-color:#ffffff29}.site-header-landing .lang-option{color:#f4fff8eb}.site-header-landing .lang-option:hover,.site-header-landing .lang-option.is-active{color:#fff;background:#4edea32e}.site-header-landing .lang-option-code{background:#ffffff1f;color:#fff}.landing-page{--landing-moss: var(--panel-navy, #0b1326);--landing-moss-mid: var(--panel-navy-mid, #131b2e);--landing-mint: #3bc992;--landing-ink: #dae2fd;--landing-muted: rgba(218, 226, 253, .78)}.landing-page .landing-hero-bleed{min-height:100vh;align-items:flex-end}.landing-hero-mapfield .landing-hero-field{position:absolute;inset:0;background:radial-gradient(90% 70% at 78% 28%,rgba(78,222,163,.2),transparent 55%),radial-gradient(70% 55% at 18% 70%,rgba(137,206,255,.12),transparent 50%),linear-gradient(155deg,#060e20,#0b1326 42%,#131b2e 72%,#060e20)}.landing-hero-mapfield .landing-hero-field:before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(78,222,163,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(78,222,163,.1) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 60% 45%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 60% 45%,#000 20%,transparent 75%)}.landing-hero-contours{position:absolute;inset:0;width:100%;height:100%;opacity:.35;pointer-events:none}.landing-hero-contours path{fill:none;stroke:#4edea359;stroke-width:1.25;stroke-linecap:round}.landing-page .landing-hero-veil{background:linear-gradient(180deg,#08120e33,#08120e14 40%,#08120ec7),linear-gradient(105deg,#08120e8c,#08120e1f 55%,#08120e59)}.landing-hero-mapfield .landing-hero-img{display:none}.landing-page .landing-hero-track{opacity:.85}.landing-page .landing-track-ghost{fill:none;stroke:#4edea32e;stroke-width:14;stroke-linecap:round;stroke-linejoin:round}.landing-page .landing-track-line{fill:none;stroke:var(--landing-mint);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1800;stroke-dashoffset:1800;animation:landing-track-draw 1.6s .25s cubic-bezier(.22,1,.36,1) forwards}.landing-page .landing-track-dot{fill:#fff;stroke:var(--landing-mint);stroke-width:3}.landing-page .landing-track-dot-end{stroke:var(--logo-blue, #89ceff)}.landing-page .landing-hero-content{position:relative;z-index:2;max-width:min(720px,var(--content-max, 1120px));width:100%;margin:0 auto;padding:0 28px 72px;animation:landing-rise .7s 80ms cubic-bezier(.22,1,.36,1) both}.landing-page .landing-brand{margin:0 0 14px;color:#fff;font-family:var(--font-display);font-size:clamp(3.4rem,10vw,5.6rem);font-weight:800;letter-spacing:-.055em;line-height:.9;text-shadow:0 2px 28px rgba(0,0,0,.35)}.landing-page .landing-brand span{color:var(--brand-accent, var(--landing-mint, #3bc992))}.landing-page .landing-headline{margin:0 0 14px;max-width:16ch;color:#fff;font-family:var(--font-display);font-size:clamp(1.55rem,3.4vw,2.15rem);font-weight:700;letter-spacing:-.03em;line-height:1.12;text-shadow:0 2px 18px rgba(0,0,0,.3);animation:landing-rise .7s .18s cubic-bezier(.22,1,.36,1) both}.landing-page .landing-lede{margin:0 0 28px;max-width:34ch;color:#ecf5efe0;font-size:clamp(1.02rem,1.6vw,1.15rem);line-height:1.45;animation:landing-rise .7s .26s cubic-bezier(.22,1,.36,1) both}.landing-page .landing-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:0;animation:landing-rise .7s .34s cubic-bezier(.22,1,.36,1) both}.landing-page .landing-cta-row>.btn{flex:1 1 0;min-width:min(100%,11.5rem);justify-content:center;text-align:center}.landing-page .landing-hero-bleed .btn-glass{color:#fff;border-color:#ffffff59;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-page .landing-hero-bleed .btn-glass:hover{background:#ffffff2e}.landing-page .landing-section{max-width:var(--content-max, 1120px);margin-inline:auto;padding:88px 28px 24px}.landing-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}.landing-section-title{margin:0;color:var(--on-surface);font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.1}.landing-section-lede{margin:8px 0 0;color:var(--on-surface-variant);font-size:1.02rem;max-width:40ch}.landing-teaser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.landing-teaser{display:flex;flex-direction:column;overflow:hidden;border-radius:18px;border:1px solid var(--outline-variant);background:var(--surface-container);color:inherit;text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .22s ease,box-shadow .22s ease;animation:landing-rise .56s calc(80ms + var(--teaser-i, 0) * 70ms) cubic-bezier(.22,1,.36,1) both}.landing-teaser:hover{transform:translateY(-3px);box-shadow:0 16px 36px #14281e1f}.landing-teaser-map{position:relative;width:100%;aspect-ratio:16 / 10;background:var(--surface-low);overflow:hidden}.landing-teaser-ol,.landing-teaser-map .z2-route-map{position:absolute;inset:0;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important}.landing-teaser-map .ol-viewport{width:100%!important;height:100%!important}.landing-teaser-body{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;background:radial-gradient(120% 90% at 100% 0%,rgba(78,222,163,.16),transparent 55%),linear-gradient(165deg,var(--panel-navy-mid, #131b2e) 0%,var(--panel-navy, #0b1326) 100%);color:#dae2fd}.landing-teaser-name{margin:0;color:#fff!important;font-family:var(--font-display);font-size:1.1rem;font-weight:750;letter-spacing:-.02em;line-height:1.2}.landing-teaser-meta{display:flex;flex-wrap:wrap;gap:10px 14px;color:var(--landing-muted);font-family:var(--font-mono);font-size:12px;font-weight:700}.landing-teaser-meta strong{color:#fff;font-size:13px}.landing-teaser-rating{margin-left:auto;color:var(--landing-mint)}.landing-section-ai,.landing-section-knoop{padding-top:72px;padding-bottom:8px}.landing-ai{background:radial-gradient(120% 90% at 0% 0%,rgba(137,206,255,.18),transparent 55%),radial-gradient(90% 80% at 100% 100%,rgba(78,222,163,.12),transparent 50%),linear-gradient(165deg,var(--panel-navy-mid, #131b2e) 0%,var(--panel-navy, #0b1326) 55%,var(--panel-navy-deep, #060e20) 100%)}.landing-ai-card{width:100%;display:grid;gap:14px;padding:16px 16px 14px;border-radius:16px;border:1px solid rgba(137,206,255,.14);background:linear-gradient(180deg,rgba(218,226,253,.05),transparent 42%),#060e208c;box-shadow:inset 0 1px #ffffff0d}.landing-ai-card-head{display:flex;align-items:center;gap:10px}.landing-ai-card-dots{display:inline-flex;gap:5px}.landing-ai-card-dots i{width:7px;height:7px;border-radius:50%;background:#dae2fd47}.landing-ai-card-dots i:first-child{background:#ff6b6b}.landing-ai-card-dots i:nth-child(2){background:#ffd166}.landing-ai-card-dots i:nth-child(3){background:#4edea3}.landing-ai-card-label{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.04em;color:#dae2fdb8;text-transform:uppercase}.landing-ai-prompt-stage{position:relative;min-height:4.6em;padding:12px 14px;border-radius:12px;border:1px solid rgba(137,206,255,.16);background:#0b1326b8;overflow:hidden}.landing-ai-prompt-line{position:absolute;inset:12px 14px auto;margin:0;color:var(--landing-ink, #dae2fd);font-size:.98rem;line-height:1.4;opacity:0;animation:landing-ai-prompt-cycle 12s infinite}.landing-ai-prompt-line-1{animation-delay:0s}.landing-ai-prompt-line-2{animation-delay:4s}.landing-ai-prompt-line-3{animation-delay:8s}@keyframes landing-ai-prompt-cycle{0%,4%{opacity:0;transform:translateY(6px)}8%,28%{opacity:1;transform:none}34%,to{opacity:0;transform:translateY(-4px)}}.landing-ai-result{display:grid;gap:8px}.landing-ai-result-route{width:100%;height:64px;display:block}.landing-ai-result-ghost,.landing-ai-result-line{fill:none;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.landing-ai-result-ghost{stroke:#89ceff2e}.landing-ai-result-line{stroke:var(--landing-mint, #4edea3);stroke-dasharray:320;stroke-dashoffset:320;animation:landing-ai-draw 1.4s .35s cubic-bezier(.22,1,.36,1) forwards}.landing-ai-result-meta{margin:0;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.03em;color:#dae2fd9e}@keyframes landing-ai-draw{to{stroke-dashoffset:0}}.landing-knoop{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);gap:28px;align-items:stretch;padding:28px 28px 26px;border-radius:22px;color:var(--landing-ink);background:radial-gradient(120% 90% at 100% 0%,rgba(78,222,163,.16),transparent 55%),radial-gradient(90% 80% at 0% 100%,rgba(137,206,255,.1),transparent 50%),linear-gradient(165deg,var(--panel-navy-mid, #131b2e) 0%,var(--panel-navy, #0b1326) 55%,var(--panel-navy-deep, #060e20) 100%);border:1px solid rgba(137,206,255,.14);box-shadow:inset 0 1px #ffffff0f,0 18px 40px #0b13262e;animation:landing-rise .64s .12s cubic-bezier(.22,1,.36,1) both}.landing-knoop-copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}.landing-knoop-title{margin:0;font-family:var(--font-display);font-size:clamp(1.65rem,3vw,2.2rem);font-weight:800;letter-spacing:-.035em;line-height:1.08}.landing-knoop-lede{margin:0;max-width:42ch;color:var(--landing-muted);font-size:1.02rem;line-height:1.5}.landing-knoop-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:6px}.landing-knoop-hint{color:#dae2fd9e;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.04em}.landing-knoop-visual{display:flex;align-items:center;min-width:0}.landing-knoop-map{position:relative;width:100%;min-height:180px;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgba(218,226,253,.04),transparent 40%),repeating-linear-gradient(0deg,transparent,transparent 27px,rgba(137,206,255,.06) 27px,rgba(137,206,255,.06) 28px),repeating-linear-gradient(90deg,transparent,transparent 27px,rgba(137,206,255,.06) 27px,rgba(137,206,255,.06) 28px),#060e208c;border:1px solid rgba(137,206,255,.12)}.landing-knoop-path{position:absolute;inset:10% 6% 28%;width:auto;height:auto;opacity:.95;pointer-events:none}.landing-knoop-path-ghost,.landing-knoop-path-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.landing-knoop-path-ghost{stroke:#4edea32e;stroke-width:8}.landing-knoop-path-line{stroke:var(--logo-mint, #4edea3);stroke-width:2.4;stroke-dasharray:420;stroke-dashoffset:420;animation:landing-track-draw 1.25s .35s cubic-bezier(.22,1,.36,1) forwards}.landing-knoop-chips{position:absolute;left:14px;right:14px;bottom:14px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.landing-knoop-chip{display:inline-flex;align-items:center;justify-content:center;min-width:2.1rem;height:2.1rem;padding:0 .45rem;border-radius:999px;color:#06141c;background:var(--landing-mint, #3bc992);font-family:var(--font-mono);font-size:12px;font-weight:800;letter-spacing:.02em;box-shadow:0 0 0 3px #3bc99238;animation:landing-rise .52s calc(.28s + var(--knoop-i, 0) * 90ms) cubic-bezier(.22,1,.36,1) both}.landing-knoop-arrow{color:#dae2fd8c;font-size:13px;font-weight:700}.landing-collect-steps{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px;width:100%;max-width:42ch}.landing-collect-steps li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:baseline;color:#dae2fde0;font-size:.94rem;line-height:1.4}.landing-collect-step-index{font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--landing-mint, #3bc992)}.landing-knoop-map-collect{display:flex;flex-direction:column;min-height:220px;padding:10px 10px 12px}.landing-collect-svg{display:block;width:100%;height:auto;flex:1;min-height:168px}.landing-collect-stroke{stroke-dasharray:280;stroke-dashoffset:280;animation:landing-track-draw 1.15s .35s cubic-bezier(.22,1,.36,1) forwards}.landing-collect-stroke-delay{animation-delay:.7s}.landing-collect-tile{opacity:0;animation:landing-rise .52s .95s cubic-bezier(.22,1,.36,1) both}.landing-collect-tile-delay{animation-delay:1.15s}.landing-collect-legend{display:flex;flex-wrap:wrap;gap:12px 16px;margin-top:8px;padding:0 4px;color:#dae2fdb3;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.landing-collect-legend span{display:inline-flex;align-items:center;gap:6px}.landing-collect-swatch{display:inline-block;width:12px;height:3px;border-radius:999px}.landing-collect-swatch-done{background:#9b6bff;box-shadow:0 0 0 3px #7c3aed38}.landing-collect-swatch-open{background:#c5d0c98c}.landing-section-craft{padding-top:72px;padding-bottom:40px}.landing-craft{display:grid;grid-template-columns:minmax(260px,.95fr) 1.05fr;gap:28px;align-items:stretch}.landing-craft-log{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:28px 26px 26px;border-radius:22px;overflow:hidden;color:var(--landing-ink);background:radial-gradient(120% 90% at 100% 0%,rgba(78,222,163,.18),transparent 55%),radial-gradient(90% 80% at 0% 100%,rgba(137,206,255,.12),transparent 50%),linear-gradient(165deg,var(--panel-navy-mid, #131b2e) 0%,var(--panel-navy, #0b1326) 55%,var(--panel-navy-deep, #060e20) 100%);border:1px solid rgba(137,206,255,.14);box-shadow:inset 0 1px #ffffff0f,0 18px 40px #0b132633}.landing-craft-kicker{margin:0;color:#89ceffe0;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.landing-craft-route{position:absolute;z-index:0;right:-8%;top:18%;width:78%;height:46%;opacity:.85;pointer-events:none}.landing-craft-log>:not(.landing-craft-route){position:relative;z-index:1}.landing-craft-route-ghost,.landing-craft-route-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.landing-craft-route-ghost{stroke:#4edea329;stroke-width:8}.landing-craft-route-line{stroke:var(--logo-mint, #4edea3);stroke-width:2.4;stroke-dasharray:420;stroke-dashoffset:420;animation:landing-track-draw 1.2s .4s cubic-bezier(.22,1,.36,1) forwards}.landing-craft-title{position:relative;z-index:1;margin:8px 0 0;font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;letter-spacing:-.035em;line-height:1.05}.landing-craft-copy{position:relative;z-index:1;margin:0 0 8px;max-width:28ch;color:#dae2fde0;font-size:1rem;line-height:1.5}.landing-waypoints{position:relative;display:flex;flex-direction:column;gap:0;margin:0;padding:18px 20px;list-style:none;border-radius:22px;background:var(--surface-low, #e2e7f0);border:1px solid var(--outline-variant, #b8c0d0)}.landing-waypoints:before{content:"";position:absolute;left:23px;top:28px;bottom:28px;width:2px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 55%,transparent),color-mix(in srgb,var(--primary) 18%,transparent))}.landing-waypoint{position:relative;display:grid;grid-template-columns:48px 1fr;gap:16px;padding:18px 8px 18px 0}.landing-waypoint-mark{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;color:var(--primary-ink, #14966a);background:color-mix(in srgb,var(--primary) 14%,var(--surface-container));border:1px solid color-mix(in srgb,var(--primary-ink, #14966a) 35%,var(--outline-variant));box-shadow:0 0 0 6px var(--surface-low, #e2e7f0)}.landing-waypoint-mark svg{width:18px;height:18px}.landing-waypoint h3{margin:0 0 6px;font-family:var(--font-display);font-size:1.25rem;font-weight:750;letter-spacing:-.02em;color:var(--on-surface)}.landing-waypoint p{margin:0 0 8px;color:var(--on-surface-variant);font-size:.98rem;line-height:1.45;max-width:38ch}.landing-waypoint-link{color:var(--primary-ink, #14966a);font-weight:700;font-size:.92rem;text-decoration:none}.landing-waypoint-link:hover{text-decoration:underline;text-underline-offset:3px}.landing-finale{margin-top:48px;padding:0 28px 72px}.landing-finale-inner{max-width:var(--content-max, 1120px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding:36px 36px 34px;border-radius:24px;color:var(--landing-ink);background:radial-gradient(120% 140% at 100% 0%,rgba(78,222,163,.18),transparent 45%),radial-gradient(90% 80% at 0% 100%,rgba(137,206,255,.12),transparent 50%),linear-gradient(165deg,var(--panel-navy-mid, #131b2e) 0%,var(--panel-navy, #0b1326) 55%,var(--panel-navy-deep, #060e20) 100%);border:1px solid rgba(137,206,255,.14);box-shadow:inset 0 1px #ffffff0f,0 18px 40px #0b13262e}.landing-finale-title{margin:8px 0 0;font-family:var(--font-display);font-size:clamp(1.8rem,3.2vw,2.5rem);font-weight:800;letter-spacing:-.035em;line-height:1.05}.landing-finale-lede{margin:10px 0 0;max-width:38ch;color:var(--landing-muted);font-size:1.02rem;line-height:1.45}.landing-finale-actions{display:flex;flex-wrap:wrap;gap:12px}.landing-finale .btn-glass{color:#fff;border-color:#ffffff52;background:#ffffff1a}.landing-finale .btn-glass:hover{background:#ffffff2e}@keyframes landing-track-draw{to{stroke-dashoffset:0}}@keyframes landing-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.landing-page .landing-track-line,.landing-craft-route-line,.landing-knoop-path-line,.landing-collect-stroke,.landing-collect-tile,.landing-ai-result-line,.landing-ai-prompt-line,.landing-page .landing-hero-content,.landing-page .landing-headline,.landing-page .landing-lede,.landing-page .landing-cta-row,.landing-teaser,.landing-knoop,.landing-knoop-chip{animation:none}.landing-page .landing-track-line,.landing-craft-route-line,.landing-knoop-path-line,.landing-collect-stroke,.landing-ai-result-line{stroke-dashoffset:0}.landing-collect-tile{opacity:1}.landing-ai-prompt-line{opacity:0}.landing-ai-prompt-line-1{opacity:1;position:relative;inset:auto}}@media(max-width:900px){.landing-craft,.landing-knoop,.landing-teaser-grid{grid-template-columns:1fr}.landing-finale-inner{padding:28px 24px}}@media(max-width:720px){.landing-page .landing-hero-content{padding:0 20px 56px}.landing-page .landing-section{padding:64px 20px 16px}.landing-finale{padding:0 20px 56px}.landing-waypoints:before{left:19px}.landing-waypoint{grid-template-columns:40px 1fr}.landing-waypoint-mark{width:40px;height:40px;border-radius:12px}}.create-page-gated .page-main{position:relative}.creator-coming-soon{position:relative;min-height:min(72vh,720px);overflow:hidden;border-radius:18px}.creator-coming-soon-preview{pointer-events:none;-webkit-user-select:none;user-select:none;filter:blur(7px) saturate(.85);transform:scale(1.02);opacity:.55}.creator-coming-soon-veil{position:absolute;inset:0;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(ellipse 70% 55% at 50% 42%,rgba(244,246,241,.72),transparent 70%),linear-gradient(180deg,#f4f6f147,#f4f6f18c)}[data-theme=dark] .creator-coming-soon-veil{background:radial-gradient(ellipse 70% 55% at 50% 42%,rgba(14,22,18,.72),transparent 70%),linear-gradient(180deg,#0e161259,#0e16129e)}.creator-coming-soon-card{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:min(100%,28rem);max-width:28rem;padding:28px 28px 24px;border:1px solid var(--outline-variant, rgba(46, 72, 52, .14));border-radius:16px;background:color-mix(in srgb,var(--surface, #f4f6f1) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 40px #1424181a;animation:creator-gate-in .42s ease-out both}.creator-coming-soon-card .page-title{margin:0}.creator-coming-soon-card .workspace-lede{margin:0 0 4px}.creator-gate-actions{display:grid;gap:8px;width:100%;margin-top:6px}.creator-gate-badge{margin-left:6px;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:650;letter-spacing:.02em;background:color-mix(in srgb,var(--primary, #14966a) 16%,transparent);color:var(--primary, #14966a)}.creator-gate-btn{width:100%;justify-content:flex-start;gap:10px;min-height:44px;padding-inline:14px;border-radius:12px;box-sizing:border-box}.creator-gate-btn>span{flex:1 1 auto;text-align:left}.creator-gate-btn svg,.creator-gate-btn i{flex:0 0 auto;width:16px;height:16px}.creator-gate-actions>.btn-primary.creator-gate-btn{justify-content:center;min-height:48px;margin-bottom:2px}.creator-gate-actions>.btn-primary.creator-gate-btn>span{flex:0 1 auto;text-align:center}.creator-gate-group{display:grid;gap:8px;margin-top:6px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--outline-variant, rgba(46, 72, 52, .14)) 80%,transparent)}.creator-gate-group-label{margin:0 0 2px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant, #5c6b60)}.creator-gate-group-muted .creator-gate-btn{min-height:40px;border-color:transparent;background:transparent;color:var(--on-surface);font-weight:600;box-shadow:none}.creator-gate-group-muted .creator-gate-btn:hover{background:color-mix(in srgb,var(--on-surface) 5%,transparent);border-color:transparent;transform:none}.creator-gate-generate-pick{display:grid;gap:8px;width:100%;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--outline-variant));border-radius:12px;background:color-mix(in srgb,var(--primary) 8%,var(--surface-container, var(--surface)))}.creator-gate-generate-pick[hidden]{display:none!important}.creator-gate-generate-pick-label{margin:0;font-size:.85rem;font-weight:650;color:var(--on-surface)}.creator-gate-generate-pick-actions{display:grid;gap:8px}.creator-gate-dev{display:grid;gap:4px;width:100%;margin-top:4px;padding-top:10px;border-top:1px dashed color-mix(in srgb,var(--outline-variant, rgba(46, 72, 52, .18)) 90%,transparent)}.creator-gate-dev-link{appearance:none;display:inline-flex;align-items:center;justify-content:flex-start;width:fit-content;margin:0;padding:0;border:0;background:none;color:var(--on-surface-variant, #5c6b60);font:inherit;font-size:.85rem;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.creator-gate-dev-link:hover{color:var(--on-surface)}.knoop-wizard{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) 24px max(16px,env(safe-area-inset-bottom,0px));background:color-mix(in srgb,rgba(11,19,38,.42) 100%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.knoop-wizard[hidden]{display:none!important}body.knoop-wizard-open{overflow:hidden}.knoop-wizard-window{display:flex;flex-direction:column;width:min(100%,34rem);max-height:min(92dvh,calc(100dvh - 32px),46rem);overflow:hidden;border:1px solid var(--outline-variant, rgba(46, 72, 52, .14));border-radius:18px;background:var(--surface-container, var(--surface, #fff));box-shadow:0 24px 60px #0f172a47;animation:creator-gate-in .26s ease-out both}.knoop-wizard-head{flex:0 0 auto;display:flex;align-items:flex-start;gap:12px;padding:20px 20px 12px}.knoop-wizard-head-text{flex:1 1 auto;min-width:0}.knoop-wizard-title{margin:2px 0 6px;font-size:1.35rem;line-height:1.2}.knoop-wizard-lede{margin:0;font-size:.9rem;line-height:1.4;color:var(--on-surface-variant, #5c6b60)}.knoop-wizard-close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--on-surface-variant, #5c6b60);cursor:pointer}.knoop-wizard-close:hover{background:color-mix(in srgb,var(--on-surface) 7%,transparent);color:var(--on-surface)}.knoop-wizard-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:16px;padding:4px 20px 16px}.knoop-wizard-foot{flex:0 0 auto;padding:14px 20px calc(18px + env(safe-area-inset-bottom,0px));border-top:1px solid color-mix(in srgb,var(--outline-variant, rgba(46, 72, 52, .14)) 80%,transparent);background:var(--surface-container, var(--surface, #fff))}.knoop-wizard-submit{width:100%;min-height:48px;border-radius:12px}.knoop-generate-review-hint{margin:0 0 4px;font-size:.86rem;line-height:1.35;color:var(--on-surface-variant, #5c6b60)}.knoop-route-nodes{display:grid;gap:8px;margin-bottom:10px;padding:12px 14px;border:1px solid var(--outline-variant, rgba(46, 72, 52, .14));border-radius:12px;background:var(--surface-container, var(--surface))}.knoop-route-nodes[hidden]{display:none!important}.knoop-route-nodes-head{display:flex;align-items:center;gap:10px;min-width:0}.knoop-route-nodes-back{display:none;flex:0 0 auto;align-items:center;gap:2px;margin:0;padding:5px 10px 5px 6px;border:1px solid var(--outline-variant, rgba(46, 72, 52, .16));border-radius:999px;background:var(--surface, #fff);color:var(--on-surface);font:inherit;font-size:.78rem;font-weight:650;line-height:1;cursor:pointer;box-shadow:none}.knoop-route-nodes-back:hover{background:color-mix(in srgb,var(--on-surface) 5%,var(--surface, #fff))}.knoop-route-nodes-back svg{width:16px;height:16px;flex-shrink:0}.knoop-route-nodes-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 8px;min-width:0}.knoop-route-nodes-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant, #5c6b60)}.knoop-route-nodes-count{font-size:.78rem;color:var(--on-surface-variant, #5c6b60)}.knoop-route-nodes-list{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;max-height:5.5rem;overflow-y:auto}.knoop-route-nodes-chip{display:inline-flex;align-items:center;justify-content:center;min-width:1.9rem;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--primary) 18%,var(--surface));color:var(--on-surface);font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums}.knoop-route-nodes-arrow{color:var(--on-surface-variant, #5c6b60);font-size:.78rem}.knoop-generate-field{display:grid;gap:8px}.knoop-generate-chips{display:flex;flex-wrap:wrap;gap:6px}.knoop-generate-chip{position:relative;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:36px;padding:6px 12px;border:1px solid var(--outline-variant, rgba(46, 72, 52, .16));border-radius:999px;background:var(--surface-container, var(--surface));color:var(--on-surface);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.knoop-generate-chip input{position:absolute;opacity:0;pointer-events:none}.knoop-generate-chip:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--outline-variant))}.knoop-generate-chip.is-active{border-color:color-mix(in srgb,var(--primary) 55%,transparent);background:color-mix(in srgb,var(--primary) 16%,var(--surface));color:var(--on-surface)}.knoop-generate-distance-row{display:flex;align-items:center;gap:8px;max-width:11rem}.knoop-generate-distance-row .form-input{min-width:0}.knoop-generate-unit{font-size:.85rem;font-weight:650;color:var(--on-surface-variant)}.knoop-generate-start-row{display:flex;flex-wrap:wrap;gap:8px}.knoop-generate-start-hint{font-size:.82rem;line-height:1.35;color:var(--on-surface-variant, #5c6b60)}.knoop-generate-toggle{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--outline-variant, rgba(46, 72, 52, .14));border-radius:12px;background:color-mix(in srgb,var(--surface-container, var(--surface)) 88%,transparent);cursor:pointer}.knoop-generate-toggle input{margin-top:3px;width:1.05rem;height:1.05rem;accent-color:var(--primary, #4edea3)}.knoop-generate-toggle strong{display:block;font-size:.9rem;font-weight:700}.knoop-generate-toggle-hint{display:block;margin-top:2px;font-size:.8rem;line-height:1.35;color:var(--on-surface-variant, #5c6b60)}.create-page-knooppunten-generate .knooppunten-sheet-summary[hidden]{display:none!important}.creator-dev-hint{margin:0;font-size:.8rem;color:var(--on-surface-variant, #5c6b60)}.creator-dev-bar,.creator-gpx-bar{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:14px;padding:8px 12px;border:1px dashed color-mix(in srgb,var(--primary) 35%,var(--outline-variant));border-radius:10px;background:color-mix(in srgb,var(--primary) 8%,var(--surface-container));font-size:.85rem;color:var(--on-surface-variant, #5c6b60)}.creator-toolbar-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;padding:0 6px;margin-right:8px;border-radius:999px;background:color-mix(in srgb,var(--primary) 14%,var(--surface-container));color:var(--on-surface);font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums}.create-page-waypoints .creator-toolbar-waypoints{padding:10px 14px}.create-page-waypoints .creator-toolbar-waypoints-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%}.create-page-waypoints .map-toolbar-compact{inset:auto 12px 14px;padding:8px 10px;justify-content:center;z-index:12}.create-page-waypoints .ol-zoom{top:12px;left:12px;z-index:11}.create-page-waypoints .ol-control.layer-switcher,.create-page-waypoints .layer-switcher{top:12px;right:12px}.ai-route-wizard{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,#0b1326 45%,transparent)}.ai-route-wizard[hidden]{display:none}.ai-route-wizard-window{width:min(520px,100%);max-height:min(90dvh,720px);overflow:auto;padding:22px 22px 20px;border-radius:18px;background:var(--surface-container, #fff);box-shadow:0 24px 60px #0f172a47}.ai-route-wizard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.ai-route-wizard-title{margin:0 0 6px;font-size:1.35rem}.ai-route-wizard-lede{margin:0;color:var(--on-surface-variant, #5c6b60);font-size:.95rem;line-height:1.45}.ai-route-wizard-close{border:0;background:transparent;border-radius:999px;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;color:var(--on-surface)}.ai-route-wizard-body{display:flex;flex-direction:column;gap:10px}.ai-route-textarea{min-height:110px;resize:vertical;line-height:1.45;padding:12px 14px;border-radius:12px!important;field-sizing:fixed;vertical-align:top}.ai-route-examples,.ai-route-status{margin:0;font-size:.85rem;color:var(--on-surface-variant, #5c6b60);line-height:1.4}.ai-route-status:empty{display:none}.creator-exit-session{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;padding:6px 10px 6px 6px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--on-surface);font-family:var(--font-body);font-weight:650;box-shadow:none}.creator-exit-session:hover{background:color-mix(in srgb,var(--on-surface) 6%,transparent);color:var(--on-surface);transform:none}.creator-exit-session svg{width:16px;height:16px;flex-shrink:0}.creator-session-hint{min-width:0;flex:1 1 auto;line-height:1.35}.create-page-gpx-only .creator-toolbar,.create-page-gpx-only .map-toolbar{display:none}.creator-knooppunten-bar{border-color:color-mix(in srgb,#0d9488 45%,transparent);background:color-mix(in srgb,#0d9488 10%,transparent)}.knooppunten-toolbar-meta{min-width:0;flex:1}.knooppunten-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-height:4.5rem;overflow:auto}.knooppunten-chips-empty{font-size:.85rem;color:var(--on-surface-variant, #5c6b60)}.knooppunten-chip{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;padding:0 .45rem;border-radius:999px;background:#0f766e;color:#fff;font-size:.8rem;font-weight:700;line-height:1}.knooppunten-chip-arrow{color:var(--on-surface-variant, #5c6b60);font-size:.85rem}.knooppunten-map-footer{display:flex;flex-direction:column;gap:.35rem;margin-top:.55rem}.knooppunten-surface-legend{display:flex;flex-wrap:wrap;gap:.55rem .9rem;font-size:.78rem;color:var(--on-surface-variant, #5c6b60)}.knooppunten-legend-item{display:inline-flex;align-items:center;gap:.35rem}.knooppunten-legend-swatch{width:1.25rem;height:.28rem;border-radius:999px;flex-shrink:0}.knooppunten-legend-swatch-dashed{background:repeating-linear-gradient(90deg,currentColor 0 6px,transparent 6px 10px)!important;background-color:transparent!important;color:#ea580c;height:.2rem}.knooppunten-legend-swatch-dotted{background:repeating-linear-gradient(90deg,currentColor 0 3px,transparent 3px 6px)!important;background-color:transparent!important;color:#be123c;height:.2rem}.knooppunten-legend-count{opacity:.7;font-variant-numeric:tabular-nums}.knooppunten-attribution{margin:0;font-size:.72rem;line-height:1.35;color:var(--on-surface-variant, #5c6b60)}.create-page-knooppunten .creator-toolbar-gpx:empty{display:none}.knooppunten-map-wrap{position:relative}.knooppunten-locate-fab{position:absolute;right:12px;bottom:12px;z-index:12;width:44px;height:44px;display:inline-grid;place-items:center;border:1px solid var(--outline-variant, rgba(15, 23, 42, .12));border-radius:14px;background:color-mix(in srgb,var(--surface-container, #fff) 94%,transparent);color:#0f766e;box-shadow:0 8px 24px #0f172a1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:transform .15s ease,background .15s ease}.knooppunten-locate-fab:hover{transform:translateY(-1px);background:var(--surface-container, #fff)}.knooppunten-locate-fab.is-locating{opacity:.7;pointer-events:none;animation:knoopLocatePulse .9s ease-in-out infinite}@keyframes knoopLocatePulse{50%{transform:scale(.96)}}.knooppunten-nearby-banner{position:absolute;left:12px;right:64px;bottom:12px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid color-mix(in srgb,#0d9488 35%,transparent);background:color-mix(in srgb,var(--surface-container, #fff) 92%,#0d9488 8%);box-shadow:0 10px 28px #0f172a24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.86rem;font-weight:600;color:var(--on-surface, #0f172a)}.knooppunten-nearby-banner[hidden]{display:none!important}.knooppunten-nearby-banner .btn{flex-shrink:0}.knooppunten-sheet-handle,.knooppunten-more-toggle{display:none}.knooppunten-sheet-summary{display:grid;gap:12px;margin-bottom:.85rem}.knooppunten-sheet-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.knooppunten-sheet-actions,.knooppunten-footer-mobile{display:none}@media(max-width:900px){.create-page-knooppunten{overflow:hidden;height:100dvh}.create-page-knooppunten #app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.create-page-knooppunten .page{flex:1;min-height:0;height:auto;overflow:hidden;display:flex;flex-direction:column}.create-page-knooppunten .site-footer{display:none!important}.create-page-knooppunten .page-main{padding:0;flex:1;min-height:0;height:auto;max-height:none;display:flex;flex-direction:column;overflow:hidden}.create-page-knooppunten .page-main{position:relative}.create-page-knooppunten .creator-knooppunten-bar{position:absolute;top:10px;left:10px;z-index:15;margin:0;padding:0;border:0;background:transparent;box-shadow:none;gap:0}.create-page-knooppunten .creator-knooppunten-bar .creator-session-hint{display:none}.create-page-knooppunten .creator-knooppunten-bar .creator-exit-session{background:color-mix(in srgb,var(--surface-container, #fff) 94%,transparent);border:1px solid var(--outline-variant, rgba(11, 19, 38, .12));box-shadow:0 6px 18px #0b13261f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.create-page-knooppunten:has(#knoopRouteNodes:not([hidden])) .creator-knooppunten-bar{display:none}.create-page-knooppunten .knoop-route-nodes-back{display:inline-flex}.create-page-knooppunten .knooppunten-page-intro{display:none}.create-page-knooppunten .creator-layout-knooppunten{position:relative;flex:1;min-height:0;display:block;margin:0}.create-page-knooppunten .creator-map-column{position:absolute;inset:0;width:100%;display:flex;flex-direction:column;padding:0}.create-page-knooppunten .knooppunten-toolbar-desktop-block,.create-page-knooppunten .knooppunten-footer-desktop,.create-page-knooppunten .route-info-bar{display:none}.create-page-knooppunten .knooppunten-map-wrap{position:relative;flex:1 1 auto;width:100%;min-height:0;height:100%;border-radius:0;border:0;box-shadow:none;overflow:hidden;background:#dce3ea}.create-page-knooppunten .knooppunten-map-wrap #map,.create-page-knooppunten #map{position:relative;display:block;width:100%;height:100%;min-height:100%;background:#dce3ea}.create-page-knooppunten .ol-zoom,.create-page-knooppunten .map-toolbar-compact{display:none}.create-page-knooppunten .knooppunten-locate-fab{bottom:calc(38dvh + 14px);right:14px;width:48px;height:48px;border-radius:16px}.create-page-knooppunten .knooppunten-nearby-banner{bottom:calc(38dvh + 14px);left:12px;right:72px;padding:11px 12px}.create-page-knooppunten .knooppunten-sheet{position:absolute;inset:auto 0 0;z-index:30;width:100%;margin:0;max-height:38dvh;overflow:hidden;display:flex;flex-direction:column;border-radius:20px 20px 0 0;background:var(--surface-container, #fff);box-shadow:0 -10px 32px #0f172a2e;border:1px solid var(--outline-variant, rgba(15, 23, 42, .08));border-bottom:0;padding:0;transition:max-height .28s ease}.create-page-knooppunten .knooppunten-sheet.is-expanded{max-height:88dvh}.create-page-knooppunten .knooppunten-sheet .creator-panel.card{border:0;box-shadow:none;background:transparent;margin:0;min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 12px calc(14px + env(safe-area-inset-bottom,0px))}.create-page-knooppunten .knooppunten-sheet-handle{display:flex;align-items:center;justify-content:center;width:100%;height:22px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;flex:0 0 auto}.create-page-knooppunten .knooppunten-sheet-handle-bar{display:block;width:36px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--on-surface-variant, #64748b) 45%,transparent)}.create-page-knooppunten .knooppunten-sheet-summary{margin-bottom:0;gap:8px}.create-page-knooppunten .knoop-generate-review-hint{margin:0;font-size:.8rem}.create-page-knooppunten .knooppunten-chips{max-height:3.25rem;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:2px;-webkit-overflow-scrolling:touch}.create-page-knooppunten .knooppunten-chips-empty{padding-left:2px;white-space:nowrap}.create-page-knooppunten .knooppunten-sheet-stats{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px}.create-page-knooppunten .knooppunten-sheet-stats .summary-stat{padding:6px 8px;border-radius:10px}.create-page-knooppunten .knooppunten-sheet-stats .summary-stat-label{font-size:.62rem;letter-spacing:.05em}.create-page-knooppunten .knooppunten-sheet-stats .summary-stat-value{margin-top:1px;font-size:1.05rem;line-height:1.15}.create-page-knooppunten .knooppunten-sheet-stats .summary-stat-unit{font-size:.7rem}.create-page-knooppunten .knooppunten-sheet-actions{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:6px}.create-page-knooppunten .knooppunten-sheet-generate .knooppunten-sheet-actions{grid-template-columns:1.4fr 1fr 1fr}.create-page-knooppunten .knooppunten-sheet-generate .knooppunten-sheet-actions .knooppunten-sheet-save{grid-column:1 / -1}.create-page-knooppunten .knooppunten-sheet-actions .btn{min-height:38px;font-size:.82rem}.create-page-knooppunten .knooppunten-more-toggle{display:block;width:100%;margin:2px 0 0;padding:6px 0 2px;border:0;background:transparent;color:#0f766e;font:inherit;font-size:.84rem;font-weight:700;text-align:center;cursor:pointer}.create-page-knooppunten .knooppunten-sheet-more[hidden]{display:none!important}.create-page-knooppunten .knooppunten-sheet-more{display:grid;gap:.35rem;margin-top:8px;padding-top:8px;border-top:1px solid var(--outline-variant, rgba(15, 23, 42, .08))}.create-page-knooppunten .knooppunten-footer-mobile{display:flex;margin-top:.75rem}.create-page-knooppunten .knooppunten-sheet .creator-save-btn{display:none}.create-page-knooppunten .knooppunten-attribution{font-size:.68rem;line-height:1.3}}@media(min-width:901px){.create-page-knooppunten .knooppunten-sheet-summary .knooppunten-chips{display:none}.create-page-knooppunten .knooppunten-more-toggle,.create-page-knooppunten .knooppunten-sheet-handle{display:none!important}.create-page-knooppunten .knooppunten-sheet-more{display:contents}.create-page-knooppunten .knooppunten-sheet-more[hidden]{display:contents!important}.create-page-knooppunten .knooppunten-locate-fab{bottom:16px}.create-page-knooppunten .ol-zoom{top:64px;left:12px}}.route-info-error{background:color-mix(in srgb,#ef4444 12%,transparent);color:#b91c1c}.create-page .creator-field{display:flex;flex-direction:column;gap:.55rem;margin-top:1rem}.create-page .creator-field:first-of-type{margin-top:.35rem}.create-page .creator-field-label{display:block;margin:0}.create-page .creator-activity-toggle{display:flex;flex-wrap:wrap;gap:8px}.create-page .creator-elev-panel{margin-top:1rem}.create-page .creator-elev-panel .elevation-hint:not(.visually-hidden){display:block;margin:.45rem 0 0;font-size:.8rem;color:var(--on-surface-variant, #5c6b60)}@keyframes creator-gate-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.creator-coming-soon-card{animation:none}}@media(max-width:720px){.create-page-gated .page-main{padding-top:16px;padding-bottom:28px}.creator-coming-soon{min-height:0;overflow:visible;border-radius:14px}.creator-coming-soon-preview{position:absolute;top:0;left:0;right:0;height:min(38vh,260px);max-height:none;overflow:hidden;z-index:0;border-radius:14px}.creator-coming-soon-veil{position:relative;z-index:1;inset:auto;display:block;place-items:unset;padding:16px 14px 8px;background:radial-gradient(ellipse 90% 48% at 50% 0%,rgba(244,246,241,.92),transparent 70%),linear-gradient(180deg,rgba(244,246,241,.5) 0%,rgba(244,246,241,.92) 55%,var(--surface, #f4f6f1) 100%)}[data-theme=dark] .creator-coming-soon-veil{background:radial-gradient(ellipse 90% 48% at 50% 0%,rgba(11,19,38,.92),transparent 70%),linear-gradient(180deg,rgba(11,19,38,.55) 0%,rgba(11,19,38,.92) 55%,var(--surface, #0b1326) 100%)}.creator-coming-soon-card{width:100%;max-width:none;padding:22px 18px 18px;background:var(--surface-container, var(--surface, #f4f6f1));-webkit-backdrop-filter:none;backdrop-filter:none}.creator-gate-actions{width:100%}.knoop-wizard{padding:0;place-items:stretch}.knoop-wizard-window{width:100%;max-height:none;height:100%;border:0;border-radius:0;animation:none}.knoop-wizard-head{padding:calc(14px + env(safe-area-inset-top,0px)) 16px 10px}.knoop-wizard-body{padding:4px 16px 16px}.knoop-wizard-foot{padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px))}.knoop-route-nodes{margin-bottom:8px;padding:8px 10px;gap:6px}.create-page-knooppunten .knoop-route-nodes{flex:0 0 auto;margin:8px 10px 6px;z-index:12}.create-page-knooppunten .knoop-route-nodes-list{max-height:2.6rem;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.create-page-knooppunten .knoop-route-nodes-chip{min-width:1.7rem;padding:2px 7px;font-size:.76rem}}