/* Theme tokens and component colours. Layout, photos and route illustrations are preserved. */

:root, :root[data-theme="forest"]{color-scheme:dark;--paper:#16211b;--surface:#202e24;--surface-soft:#26372b;--field:#202e24;--line:#3c5042;--control-line:#69856e;--ink:#f0f3e8;--muted:#b7c4b2;--subtle:#a9b9a3;--accent:#f47b50;--action:#f47b50;--action-hover:#ff986e;--on-action:#17221b;--green:#bed1b3;--link:#c4d8b9;--solid:#e6eddf;--on-solid:#1b2820;--selected:#f0f3e8;--on-selected:#1b2820;--own:#304936;--on-own:#f0f3e8;--warning-bg:#333225;--warning-text:#e9dfb6;--danger-bg:#3b2525;--danger-text:#ffc0b4;--danger-line:#7c4a45;--art-bg:#e2e9df;--white:var(--surface);--sage:var(--surface-soft);--orange:var(--accent);--orange-dark:var(--action-hover);--glass:#16211bf5;--surface-glass:#202e24f5;--shadow:0 12px 40px #00000020}

:root[data-theme="classic"]{color-scheme:light;--paper:#f6f7f1;--surface:#ffffff;--surface-soft:#edf1e5;--field:#fbfcf9;--line:#dce2d6;--control-line:#7c8875;--ink:#1b2820;--muted:#63705c;--subtle:#6d7866;--accent:#e9562e;--action:#bf4120;--action-hover:#a63418;--on-action:#ffffff;--green:#506747;--link:#4e6544;--solid:#1b2820;--on-solid:#ffffff;--selected:#1b2820;--on-selected:#ffffff;--own:#e9efdf;--on-own:#1b2820;--warning-bg:#fbf4e5;--warning-text:#71582e;--danger-bg:#fff1ed;--danger-text:#9e3527;--danger-line:#bd766a;--art-bg:#e2e9df;--white:var(--surface);--sage:var(--surface-soft);--orange:var(--accent);--orange-dark:var(--action-hover);--glass:#f6f7f1f5;--surface-glass:#fffffff5;--shadow:0 12px 40px #23321d08}

:root[data-theme="ocean"]{color-scheme:light;--paper:#edf4f7;--surface:#ffffff;--surface-soft:#e3eef4;--field:#f7fbfe;--line:#cfdee7;--control-line:#758b9c;--ink:#17354b;--muted:#526d7f;--subtle:#5b7485;--accent:#2478b8;--action:#1b63a5;--action-hover:#154f85;--on-action:#ffffff;--green:#316d75;--link:#215e8d;--solid:#173e5a;--on-solid:#ffffff;--selected:#173e5a;--on-selected:#ffffff;--own:#dcebf6;--on-own:#17354b;--warning-bg:#fff5dc;--warning-text:#74572c;--danger-bg:#fff0ef;--danger-text:#a1342c;--danger-line:#b16b65;--art-bg:#e4edf2;--white:var(--surface);--sage:var(--surface-soft);--orange:var(--accent);--orange-dark:var(--action-hover);--glass:#edf4f7f5;--surface-glass:#fffffff5;--shadow:0 12px 40px #23321d08}

:root[data-theme="midnight"]{color-scheme:dark;--paper:#141720;--surface:#202432;--surface-soft:#292e40;--field:#242938;--line:#40475c;--control-line:#747e99;--ink:#f1f2fa;--muted:#bbc1d2;--subtle:#a6afc8;--accent:#b5a1f8;--action:#b5a1f8;--action-hover:#c8b9ff;--on-action:#1d1930;--green:#c1b5ed;--link:#cec0ff;--solid:#e0def3;--on-solid:#211d32;--selected:#c4b5fd;--on-selected:#211d32;--own:#3b3355;--on-own:#f2efff;--warning-bg:#363040;--warning-text:#f0ddb3;--danger-bg:#432b36;--danger-text:#ffc0cc;--danger-line:#8a5365;--art-bg:#e1e5ef;--white:var(--surface);--sage:var(--surface-soft);--orange:var(--accent);--orange-dark:var(--action-hover);--glass:#141720f5;--surface-glass:#202432f5;--shadow:0 12px 40px #00000020}

:root[data-theme="sunset"]{color-scheme:light;--paper:#fbf3eb;--surface:#fffcf7;--surface-soft:#f3e5d6;--field:#fffbf5;--line:#e5d1bf;--control-line:#997d69;--ink:#482f27;--muted:#7b5c49;--subtle:#856450;--accent:#d06a42;--action:#b44829;--action-hover:#92381f;--on-action:#ffffff;--green:#78603c;--link:#904427;--solid:#5c3527;--on-solid:#fff4e7;--selected:#6f402b;--on-selected:#ffffff;--own:#f3dec9;--on-own:#482f27;--warning-bg:#faedd0;--warning-text:#76562d;--danger-bg:#fff0ec;--danger-text:#a13429;--danger-line:#bd7769;--art-bg:#f3e5d4;--white:var(--surface);--sage:var(--surface-soft);--orange:var(--accent);--orange-dark:var(--action-hover);--glass:#fbf3ebf5;--surface-glass:#fffcf7f5;--shadow:0 12px 40px #23321d08}

html[data-theme] body,
html[data-theme] .app-shell{background:var(--paper);color:var(--ink)}

html[data-theme] .sidebar,
html[data-theme] .topbar,
html[data-theme] .mobile-nav{background:var(--glass);color:var(--ink);border-color:var(--line)}

html[data-theme] .brand,
html[data-theme] .mobile-brand,
html[data-theme] .brand-app{color:var(--ink)}

html[data-theme] .brand-symbol{background:var(--action);color:var(--on-action)}

html[data-theme] .quick-card,
html[data-theme] .route-card,
html[data-theme] .community-teaser,
html[data-theme] .panel,
html[data-theme] .bike-card,
html[data-theme] .community-grid,
html[data-theme] .garage-card,
html[data-theme] dialog,
html[data-theme] .chat-ride-card,
html[data-theme] .trip-empty,
html[data-theme] .notification-item,
html[data-theme] .member-card,
html[data-theme] .bike-listing-detail,
html[data-theme] .bike-thumbnails,
html[data-theme] .bike-photo-slot-actions,
html[data-theme] .community-inbox,
html[data-theme] .chat-fullscreen .chat-header,
html[data-theme] .chat-fullscreen .chat-compose,
html[data-theme] .meetup-card,
html[data-theme] .meetup-filters button,
html[data-theme] .meetup-empty,
html[data-theme] #meetup-location-suggestions,
html[data-theme] #meetup-location-suggestions [role=option]{background:var(--surface);color:var(--ink);border-color:var(--line)}

html[data-theme] .sidebar-note,
html[data-theme] .quick-icon,
html[data-theme] .quick-card:nth-child(2) .quick-icon,
html[data-theme] .quick-card:nth-child(3) .quick-icon,
html[data-theme] .pill,
html[data-theme] .local-offer,
html[data-theme] .stop-row>button,
html[data-theme] .trip-card,
html[data-theme] .chat-sidebar,
html[data-theme] .chat-demo,
html[data-theme] .message-bubble,
html[data-theme] .garage-logo,
html[data-theme] .garage-logo.orange,
html[data-theme] .offer-box,
html[data-theme] .advertise-panel,
html[data-theme] .modal-heading-icon,
html[data-theme] .price-panel,
html[data-theme] .profile-summary,
html[data-theme] .account-access,
html[data-theme] .avatar img,
html[data-theme] .ride-count,
html[data-theme] .ride-invitation-row,
html[data-theme] .trip-waypoints,
html[data-theme] .trip-feedback,
html[data-theme] .notification-item.unread,
html[data-theme] .notification-symbol,
html[data-theme] .device-alert-settings .device-alert-status,
html[data-theme] .member-bike,
html[data-theme] .message-bubble.deleted-message,
html[data-theme] .message.own .message-bubble.deleted-message,
html[data-theme] .message-delete-preview,
html[data-theme] .bike-thumbnails button,
html[data-theme] .bike-photo-slot,
html[data-theme] .bike-photo-placeholder,
html[data-theme] .bike-add-photos,
html[data-theme] .community-inbox .chat-tabs,
html[data-theme] .planner-modes,
html[data-theme] .ride-planner .field input[readonly],
html[data-theme] .planner-route-preview,
html[data-theme] .upcoming-ride,
html[data-theme] .ride-detail-meeting,
html[data-theme] .rides-tabs,
html[data-theme] .meetup-card-photo,
html[data-theme] .meetup-photo-stage{background:var(--surface-soft);color:var(--ink);border-color:var(--line)}

html[data-theme] .message.own .chat-ride-card{background:var(--surface);color:var(--ink);border-color:var(--line)}

html[data-theme] .nav-caption,
html[data-theme] .nav-item,
html[data-theme] .sidebar-note,
html[data-theme] .breadcrumb>span:first-child,
html[data-theme] .separator,
html[data-theme] .card-meta,
html[data-theme] .route-hint,
html[data-theme] .local-offer .eyebrow,
html[data-theme] .local-offer p,
html[data-theme] .quick-card>.icon,
html[data-theme] .page-footer,
html[data-theme] .field label,
html[data-theme] .field-label,
html[data-theme] .map-caption span,
html[data-theme] .map-bottom p,
html[data-theme] .map-watermark,
html[data-theme] .bike-type,
html[data-theme] .empty-state,
html[data-theme] .chat-demo,
html[data-theme] .message-meta,
html[data-theme] .garage-description,
html[data-theme] .offer-box .eyebrow,
html[data-theme] .demo-tag,
html[data-theme] .advertise-panel p,
html[data-theme] .legal-note,
html[data-theme] .ride-count small,
html[data-theme] .ride-count>span,
html[data-theme] .notification-copy>span,
html[data-theme] .listing-overview dt,
html[data-theme] .community-inbox .chat-item-time,
html[data-theme] .community-inbox .chat-item small,
html[data-theme] .chat-fullscreen .chat-title p,
html[data-theme] .chat-fullscreen .message-meta,
html[data-theme] .planner-mode,
html[data-theme] .planner-route-note,
html[data-theme] .planner-next-step p,
html[data-theme] .trip-route-facts,
html[data-theme] .ride-meeting-line small,
html[data-theme] .mobile-nav a{color:var(--muted)}

html[data-theme] .text-link,
html[data-theme] .quick-icon,
html[data-theme] .quick-card:nth-child(2) .quick-icon,
html[data-theme] .quick-card:nth-child(3) .quick-icon,
html[data-theme] .garage-logo,
html[data-theme] .garage-logo.orange,
html[data-theme] .saved-row>.icon,
html[data-theme] .benefits .icon,
html[data-theme] .chat-ride-card .eyebrow,
html[data-theme] .ride-invitation-row>.icon,
html[data-theme] .notification-symbol,
html[data-theme] .member-card>.icon,
html[data-theme] .bike-add-photos,
html[data-theme] .planner-form-panel>.eyebrow,
html[data-theme] .planner-preview-heading .eyebrow,
html[data-theme] .upcoming-ride .eyebrow,
html[data-theme] .ride-meeting-line>.icon,
html[data-theme] .ride-meeting-line>a,
html[data-theme] .price-panel .trial-label{color:var(--link)}

html[data-theme] .btn,
html[data-theme] .btn:hover{background:var(--action);color:var(--on-action)}

html[data-theme] .btn:hover{background:var(--action-hover)}

html[data-theme] .btn.outline,
html[data-theme] .btn.white,
html[data-theme] .chip,
html[data-theme] .theme-choice{background:var(--surface);color:var(--ink);border-color:var(--line)}

html[data-theme] .btn.outline:hover,
html[data-theme] .btn.white:hover,
html[data-theme] .icon-btn:hover,
html[data-theme] .nav-item:hover:not(.active),
html[data-theme] .chat-item:hover,
html[data-theme] .member-avatar-link:hover,
html[data-theme] .message-options:hover,
html[data-theme] .member-card:hover,
html[data-theme] .ride-invitation-row:hover,
html[data-theme] .community-inbox .chat-item:hover,
html[data-theme] #meetup-location-suggestions [role=option]:hover,
html[data-theme] #meetup-location-suggestions [role=option][aria-selected=true]{background:var(--surface-soft);color:var(--ink);border-color:var(--control-line)}

html[data-theme] .btn.dark,
html[data-theme] .btn.dark:hover,
html[data-theme] .join-banner,
html[data-theme] .toast,
html[data-theme] .skip-link{background:var(--solid);color:var(--on-solid)}

html[data-theme] .join-banner p{color:var(--on-solid)}

html[data-theme] .nav-item.active,
html[data-theme] .chip.active,
html[data-theme] .local-category.active,
html[data-theme] .meetup-filters button.active{background:var(--selected);color:var(--on-selected);border-color:var(--selected)}

html[data-theme] .nav-item.active .icon,
html[data-theme] .local-category.active .icon{color:var(--on-selected)}

html[data-theme] .mobile-nav a.active{color:var(--action)}

html[data-theme] .local-category,
html[data-theme] .local-search,
html[data-theme] .local-county select,
html[data-theme] .local-add-option{background:var(--surface);color:var(--ink);border-color:var(--line)}

html[data-theme] .local-category.active{background:var(--selected);color:var(--on-selected);border-color:var(--selected)}

html[data-theme] .local-category:hover:not(.active),
html[data-theme] .local-add-option:hover,
html[data-theme] .notification-item:hover{background:var(--surface-soft);color:var(--ink);border-color:var(--control-line)}

html[data-theme] .field input,
html[data-theme] .field select,
html[data-theme] .field textarea,
html[data-theme] .search-input,
html[data-theme] .filter-select,
html[data-theme] .chat-compose input,
html[data-theme] #garage-form .field input,
html[data-theme] #garage-form .field select,
html[data-theme] #garage-form .field textarea,
html[data-theme] .chat-fullscreen .chat-compose input,
html[data-theme] .local-county select{background:var(--field);color:var(--ink);border-color:var(--control-line);accent-color:var(--action)}

html[data-theme] input::placeholder,
html[data-theme] textarea::placeholder{color:var(--subtle);opacity:1}

html[data-theme] select option{background:var(--field);color:var(--ink)}

html[data-theme] input:focus-visible,
html[data-theme] select:focus-visible,
html[data-theme] textarea:focus-visible,
html[data-theme] button:focus-visible,
html[data-theme] a:focus-visible{outline:3px solid var(--action);outline-offset:3px}

html[data-theme] .chat-view.chat-fullscreen{background:var(--paper);color:var(--ink)}

html[data-theme] .chat-fullscreen .message-bubble{background:var(--surface);color:var(--ink);border-color:var(--line)}

html[data-theme] .message.own .message-bubble,
html[data-theme] .chat-fullscreen .message.own .message-bubble{background:var(--own);color:var(--on-own);border-color:transparent}

html[data-theme] .message.system .message-bubble{background:transparent;color:var(--muted)}

html[data-theme] .message-bubble.deleted-message,
html[data-theme] .message.own .message-bubble.deleted-message,
html[data-theme] .chat-fullscreen .message.own .message-bubble.deleted-message{background:var(--surface-soft);color:var(--muted);border-color:var(--line)}

html[data-theme] .chat-item.active{background:var(--surface-soft);color:var(--ink);border-color:var(--action)}

html[data-theme] .community-inbox .chat-tabs .chip{background:transparent;color:var(--muted)}

html[data-theme] .community-inbox .chat-tabs .chip.active,
html[data-theme] .planner-mode.active,
html[data-theme] .rides-tabs button.active{background:var(--surface);color:var(--ink)}

html[data-theme] .planner-waypoints,
html[data-theme] .planner-route-tags .pill,
html[data-theme] .trip-rating-options label>span:not(.sr-only){background:var(--surface);color:var(--ink);border-color:var(--line)}

html[data-theme] .trip-rating-options .filled>span:not(.sr-only){background:var(--warning-bg);color:var(--warning-text)}

html[data-theme] .trip-rating-options input:checked+span{border-color:var(--action)}

html[data-theme] .trip-rating>span,
html[data-theme] .review-stars{color:var(--warning-text)}

html[data-theme] .trip-waypoints li:before{background:var(--green);box-shadow:0 0 0 3px var(--surface-soft)}

html[data-theme] .notice,
html[data-theme] .trial-summary,
html[data-theme] .pill.orange{background:var(--warning-bg);color:var(--warning-text);border-color:var(--line)}

html[data-theme] .danger-link,
html[data-theme] .error-note{color:var(--danger-text)}

html[data-theme] .btn.danger-button,
html[data-theme] .btn.danger-button:hover{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-line)}

html[data-theme] .avatar,
html[data-theme] .avatar-stack .avatar,
html[data-theme] .avatar-stack .avatar:nth-child(2),
html[data-theme] .avatar-stack .avatar:nth-child(3){background:var(--surface-soft);color:var(--green);border-color:var(--surface)}

html[data-theme] .profile-avatar-control .avatar,
html[data-theme] .photo-edit-badge{border-color:var(--surface)}

html[data-theme] .photo-edit-badge,
html[data-theme] .count-bubble,
html[data-theme] .chat-item>span.chat-unread-count,
html[data-theme] .friend-request-badge{background:var(--action);color:var(--on-action)}

html[data-theme] .route-art .pill,
html[data-theme] .save-btn,
html[data-theme] .save-btn[aria-pressed=true],
html[data-theme] .bike-art>.pill,
html[data-theme] .map-caption,
html[data-theme] .map-bottom,
html[data-theme] .gallery-arrow,
html[data-theme] .gallery-arrow:hover,
html[data-theme] .photo-slot-label,
html[data-theme] .meetup-card-photo .pill,
html[data-theme] #modal:has(.bike-listing-detail) .modal-close{background:var(--surface-glass);color:var(--ink);border-color:var(--line)}

html[data-theme] .bike-art{background:var(--art-bg)}

html[data-theme] .bike-art>.photo-label{background:var(--surface-glass);color:var(--ink);padding:3px 7px;border-radius:6px}

html[data-theme] .bike-gallery-stage{background:var(--surface-soft)}

html[data-theme] .bike-gallery.expanded .bike-gallery-stage{background:#101812}

html[data-theme] .bike-contact-bar{background:var(--surface-glass);border-color:var(--line)}

html[data-theme] .meetup-card-placeholder{background:linear-gradient(135deg,var(--surface-soft),var(--paper));color:var(--muted)}

html[data-theme] .google-maps-attribution{background:#ffffff;color:#5e5e5e}

html[data-theme] dialog{box-shadow:0 30px 120px #00000055}

html[data-theme] dialog::backdrop{background:#0a100dcc}


.theme-button{width:40px;min-height:40px;flex-shrink:0}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.theme-choice{border:1px solid var(--line);border-radius:15px;padding:10px;text-align:left;cursor:pointer;display:block;min-width:0}.theme-choice[aria-pressed=true]{border:2px solid var(--action);padding:9px;box-shadow:0 0 0 2px var(--paper)}.theme-sample{display:block;border-radius:9px;padding:13px;background:var(--sample-paper);color:var(--sample-ink);border:1px solid var(--sample-line)}.theme-sample-head{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:750;margin-bottom:18px}.theme-sample-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--sample-action);color:var(--sample-on-action);font-size:20px;font-weight:850;font-style:italic}.theme-sample-line{display:block;width:65%;height:6px;background:var(--sample-ink);border-radius:3px;margin-bottom:7px}.theme-sample-line.short{width:42%;opacity:.4}.theme-sample-bottom{display:flex;align-items:center;gap:7px;margin-top:17px}.theme-sample-card{height:20px;flex:1;background:var(--sample-surface);border:1px solid var(--sample-line);border-radius:5px}.theme-sample-cta{width:35%;height:20px;border-radius:5px;background:var(--sample-action)}.theme-choice-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:13px 1px 5px}.theme-choice strong{font-size:14px}.theme-selected-mark{color:var(--action);width:18px;height:18px}.theme-choice[aria-pressed=false] .theme-selected-mark{visibility:hidden}.theme-choice-description{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin:0 1px 5px}.theme-summary{font-size:13px!important;color:var(--muted);min-height:22px}.theme-intro{font-size:14px!important;line-height:1.7}.theme-picker-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px}.theme-picker-footer p{font-size:12px;color:var(--muted);margin:0}.theme-picker-footer .btn{min-height:46px;font-size:14px}.appearance-current{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;font-size:13px}.appearance-current .appearance-icon{display:flex;align-items:center;gap:9px}.appearance-current small{color:var(--muted);font-size:12px}
@media(max-width:760px){.topbar-actions .region-label{display:none}.topbar-actions{gap:4px}.theme-button{width:36px;min-height:40px}.theme-grid{gap:12px}.theme-sample{padding:11px}.theme-choice strong{font-size:13px}.theme-choice-description{font-size:11px}.theme-picker-footer{align-items:flex-start}.theme-picker-footer .btn{flex-shrink:0}}
@media(max-width:380px){.theme-grid{grid-template-columns:1fr}.theme-choice{display:grid;grid-template-columns:115px 1fr;column-gap:14px;align-items:center}.theme-sample{grid-row:1/3}.theme-choice-heading{align-self:end;margin-top:0}.theme-choice-description{align-self:start}.theme-sample-head{font-size:9px}.theme-sample-head .theme-sample-mark{width:18px;height:18px;font-size:16px}}

html[data-theme] .theme-choice[aria-pressed=true]{border-color:var(--action)}
html[data-theme] .theme-choice:hover{border-color:var(--control-line)}
html[data-theme] .theme-choice[aria-pressed=true]:hover{border-color:var(--action)}

/* Tactile surfaces: depth stays on controls; content remains crisp. */
:root,:root[data-theme="forest"]{--paper:#071c13;--surface:#0e291d;--surface-soft:#173729;--field:#102b20;--line:#35513f;--control-line:#6a876e;--ink:#f5f4e9;--muted:#c5cfbd;--accent:#ff742f;--action:#ff742f;--action-hover:#ff8e50;--on-action:#172116;--selected:#ff742f;--on-selected:#172116;--glass:#0b251de8;--surface-glass:#102c21f5;--shadow:0 12px 28px #0005}
html[data-theme="forest"] .app-shell{position:relative;isolation:isolate;background:transparent}
html[data-theme="forest"] .app-shell::before{content:"";position:fixed;inset:-24px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#061c14b8,#061c14dc),url('/assets/motto-coast-v4.webp') center/cover no-repeat;filter:blur(14px);transform:translateZ(0)}
html[data-theme] :is(.discover-post,.route-card,.bike-card,.meetup-card,.garage-card,.member-card,.panel){box-shadow:inset 0 1px 0 #ffffff18,0 3px 0 color-mix(in srgb,var(--paper) 80%,#000),0 12px 25px #00000024;border-color:var(--control-line)}
html[data-theme] .discover-post{border-radius:24px;border:1px solid color-mix(in srgb,var(--control-line) 72%,var(--surface));background:linear-gradient(145deg,var(--surface-soft),var(--surface) 65%)}
html[data-theme] .discover-post>article{background:transparent;border:0;border-radius:0;box-shadow:none}
html[data-theme] .discover-post .post-engagement{background:color-mix(in srgb,var(--surface) 95%,transparent)}
html[data-theme] :is(.discover-filter-tabs [role=tab],.discover-tabs [role=tab],.btn){border:1px solid var(--control-line);box-shadow:inset 0 1px 1px #ffffff35,inset 0 -2px 1px #0002,0 3px 0 #0002,0 6px 12px #0002;transition:box-shadow .16s ease,transform .16s ease,background .16s ease}
html[data-theme] :is(.discover-filter-tabs [role=tab],.discover-tabs [role=tab]){background:linear-gradient(160deg,var(--surface-soft),var(--surface));border-radius:13px;color:var(--ink)}
html[data-theme] :is(.discover-filter-tabs [role=tab],.discover-tabs [role=tab])[aria-selected=true]{background:linear-gradient(145deg,var(--action-hover),var(--action) 70%);color:var(--on-action);border-color:var(--action);box-shadow:inset 0 1px 1px #ffffff65,inset 0 -2px 1px #0002,0 3px 0 #0004,0 6px 14px #0003}
html[data-theme] .btn:not(.outline):not(.dark):not(.danger-button){background:linear-gradient(145deg,var(--action-hover),var(--action) 75%);border-color:var(--action);color:var(--on-action)}
html[data-theme] .btn.outline{background:linear-gradient(150deg,var(--surface-soft),var(--surface));color:var(--ink)}
html[data-theme] :is(.discover-filter-tabs [role=tab],.discover-tabs [role=tab],.btn):active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 4px #0003,0 1px 2px #0002}
html[data-theme] :is(.discover-filter-tabs [role=tab],.btn):focus-visible{outline:3px solid var(--ink);outline-offset:4px}
html[data-theme="forest"] :is(.topbar,.sidebar,.mobile-nav){background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 #ffffff15,0 8px 24px #0002}
html[data-theme="forest"] .mobile-nav .active{color:var(--accent)}
@media(hover:hover){html[data-theme] :is(.discover-filter-tabs [role=tab],.btn):hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px 1px #ffffff45,0 4px 0 #0002,0 9px 16px #0003}}
@media(prefers-reduced-motion:reduce){html[data-theme] :is(.discover-filter-tabs [role=tab],.discover-tabs [role=tab],.btn){transition:none;transform:none!important}}
@media(prefers-reduced-transparency:reduce){html[data-theme="forest"] .app-shell::before{display:none}html[data-theme="forest"] :is(.topbar,.sidebar,.mobile-nav){background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Reference layout: compact icon filters, broad photos and layered feed cards. */
.discover-title{font-size:clamp(36px,6vw,52px);font-weight:800;line-height:1.08;letter-spacing:-1.5px;margin:0 0 22px}
.discover-home{margin-top:0}
html[data-theme] .discover-filter-tabs{display:flex;gap:7px;margin-bottom:22px;padding:2px 2px 7px;overflow-x:auto;scrollbar-width:thin;grid-template-columns:none}
html[data-theme] .discover-filter-tabs [role=tab]{display:flex;align-items:center;justify-content:center;gap:7px;flex:1 0 auto;min-height:46px;padding:10px 12px;font-size:13px;white-space:nowrap;line-height:1.25}
.discover-filter-tabs .icon{width:19px;height:19px;flex-shrink:0}
.discover-filter-tabs [role=tab]:first-child{flex-grow:0;min-width:46px}
html[data-theme="forest"] .app-shell::before{background:radial-gradient(ellipse at 10% 30%,#173a1170,transparent 50%),linear-gradient(180deg,#03251470,#021c1280),url('/assets/motto-coast-v4.webp') 18% center/cover no-repeat;filter:blur(23px) saturate(.7);inset:-35px}
html[data-theme="forest"] :is(.topbar,.mobile-nav){background:#09271bb0;border-color:#6b8b7045}
html[data-theme="forest"] .brand-app{color:var(--ink)}
html[data-theme="forest"] .discover-post{background:linear-gradient(135deg,#153b2aeF,#062216f5 80%);border:2px solid #6c8b66a0;box-shadow:inset 0 1px 0 #d7e9b940,0 4px 0 #03190de0,0 12px 24px #0008;border-radius:22px;position:relative}
.discover-kind{position:absolute;left:16px;top:16px;z-index:2;pointer-events:none;padding:8px 13px;border-radius:30px;background:var(--action);color:var(--on-action);font-size:11px;font-weight:800;line-height:1.2;box-shadow:inset 0 1px 0 #fff7,0 2px 5px #0005;border:1px solid #ffffff50}
html[data-theme] .discover-post :is(.meetup-card-content,.card-content){padding:20px}
html[data-theme] .discover-post :is(.meetup-card-content h3,.card-content h3){font-size:clamp(23px,3.7vw,30px);font-weight:800;letter-spacing:-.6px;line-height:1.16;margin:10px 0 14px}
html[data-theme] .discover-post :is(.meetup-card-photo,.hotspot-cover,.route-art,.bike-art){height:auto;aspect-ratio:16/9;min-height:0;overflow:hidden}
.discover-post :is(.meetup-card-photo img,.hotspot-cover img,.route-art img,.bike-art img){width:100%;height:100%;object-fit:cover}
html[data-theme] .discover-post .meetup-card-bottom{width:100%;gap:12px;flex-wrap:wrap}
html[data-theme] .discover-post .meetup-card-bottom .text-link{background:linear-gradient(145deg,var(--action-hover),var(--action));color:var(--on-action);padding:11px 15px;min-height:44px;border-radius:13px;box-shadow:inset 0 1px 1px #fff6,0 3px 0 #0003;font-weight:750}
html[data-theme="forest"] .discover-post .post-engagement{background:#08271be8}
html[data-theme="forest"] .mobile-nav a.active::after{content:"";width:17px;height:3px;border-radius:3px;background:var(--accent);margin-top:2px}
@media(max-width:760px){html[data-theme] main:has(.discover-home){padding:20px 16px 30px}.discover-title{margin-bottom:16px}.discover-grid{margin-top:12px}.discover-filter-tabs [role=tab]{font-size:11px!important;padding:9px 7px!important;gap:4px!important}.discover-filter-tabs .icon{width:16px;height:16px}html[data-theme] .discover-filter-tabs{gap:5px}.discover-extras{margin-top:30px}html[data-theme="forest"] .topbar{height:78px}.discover-post .meetup-meta{font-size:13px}.discover-post .meetup-card-description{font-size:15px;line-height:1.6}}

/* Amber woodland background and defined edges from the approved preview. */
html[data-theme="forest"] .app-shell::before{background:linear-gradient(180deg,#05170b24,#031b1060),url('/assets/forest-amber.png') center/cover no-repeat;filter:blur(5px);inset:-12px}
html[data-theme="forest"] .discover-post{border:2px solid #94b681;border-top-color:#e4bd70;box-shadow:inset 0 1px 0 #fff2,0 4px 0 #04190ce0,0 12px 28px #0008}
html[data-theme="forest"] :is(.route-card,.bike-card,.meetup-card,.garage-card,.panel){border:2px solid #8aa877;border-top-color:#c7b77b}
html[data-theme="forest"] .discover-post>article{border:0;box-shadow:none}
html[data-theme="forest"] :is(.discover-filter-tabs [role=tab],.discover-tabs [role=tab]){border:2px solid #95b581;box-shadow:inset 0 1px 0 #ffffff25,0 3px 0 #04190caa,0 6px 14px #0006}
html[data-theme="forest"] :is(.discover-filter-tabs [role=tab],.discover-tabs [role=tab])[aria-selected=true]{border-color:#ffe1a0;background:linear-gradient(145deg,#ff963e,#ff741f);color:#172116}
html[data-theme="forest"] .mobile-nav{border-top:2px solid #94b681;box-shadow:0 -4px 16px #0004}
html[data-theme="forest"] .btn.outline{border-color:#94b681}
@media(prefers-reduced-transparency:reduce){html[data-theme="forest"] .app-shell::before{display:none}}

/* The same amber woodland continues behind private and group conversations. */
html[data-theme="forest"] .chat-view{position:relative;isolation:isolate;background:var(--paper)}
html[data-theme="forest"] .chat-view.chat-fullscreen{position:fixed;background:var(--paper)}
html[data-theme="forest"] .chat-view::before{content:"";position:absolute;inset:-12px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#031b1260,#031b1285),url('/assets/forest-amber.png') center/cover no-repeat;filter:blur(5px)}
html[data-theme="forest"] .chat-view .messages{background:transparent}
html[data-theme="forest"] .chat-view :is(.chat-header,.chat-compose){background:#0b291ff0;border-color:#8aa87780;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html[data-theme="forest"] .chat-view .message-bubble{background:#0e291df5;border-color:#94b681;box-shadow:0 3px 10px #0004}
html[data-theme="forest"] .chat-view .message.own .message-bubble{background:#304936fa;border:1px solid #94b681;color:var(--ink)}
html[data-theme="forest"] .chat-view .message-meta{width:fit-content;padding:4px 7px;border-radius:9px;background:#082116eF;color:#e4ebdc}
html[data-theme="forest"] .chat-view .message.own .message-meta{margin-left:auto}
html[data-theme="forest"] .chat-view .message.system .message-bubble{background:#082116ed;color:var(--ink);border:0}
html[data-theme="forest"] .chat-view .chat-empty{background:#082116ed;border-radius:14px;padding:16px;color:var(--ink)}
@media(prefers-reduced-transparency:reduce){html[data-theme="forest"] .chat-view::before{display:none}html[data-theme="forest"] .chat-view :is(.chat-header,.chat-compose){background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Four scenic themes, shared across the feed and conversations. */
:root[data-theme="roadtrip"]{color-scheme:dark;--paper:#171918;--surface:#222724;--surface-soft:#2d3430;--field:#222724;--line:#e8b363;--control-line:#e8b363;--ink:#fff8ed;--muted:#ded6ca;--subtle:#d6cfc5;--accent:#ff9c35;--action:#ff9c35;--action-hover:#ffb457;--on-action:#191715;--green:#e8b363;--link:#e8b363;--solid:#f4e9da;--on-solid:#191715;--selected:#e8b363;--on-selected:#191715;--own:#2d3430;--on-own:#fff8ed;--warning-bg:#363040;--warning-text:#f0ddb3;--danger-bg:#432b36;--danger-text:#ffc0cc;--danger-line:#8a5365;--art-bg:#e1e5ef;--white:var(--surface);--sage:var(--surface-soft);--orange:var(--accent);--orange-dark:var(--action-hover);--glass:#171918ed;--surface-glass:#222724f5;--theme-image:url('/assets/theme-roadtrip.png');--theme-edge:#e8b363;--shadow:0 12px 28px #0005}
#theme-choice-roadtrip .theme-sample{background:linear-gradient(#0003,#0006),url('/assets/theme-roadtrip.png') center/cover}
:root[data-theme="coastal"]{color-scheme:dark;--paper:#071b24;--surface:#102b36;--surface-soft:#1b3945;--field:#102b36;--line:#7cdbd3;--control-line:#7cdbd3;--ink:#fff8ed;--muted:#ded6ca;--subtle:#d6cfc5;--accent:#ff856e;--action:#ff856e;--action-hover:#ffa48b;--on-action:#191715;--green:#7cdbd3;--link:#7cdbd3;--solid:#f4e9da;--on-solid:#191715;--selected:#7cdbd3;--on-selected:#191715;--own:#1b3945;--on-own:#fff8ed;--warning-bg:#363040;--warning-text:#f0ddb3;--danger-bg:#432b36;--danger-text:#ffc0cc;--danger-line:#8a5365;--art-bg:#e1e5ef;--white:var(--surface);--sage:var(--surface-soft);--orange:var(--accent);--orange-dark:var(--action-hover);--glass:#071b24ed;--surface-glass:#102b36f5;--theme-image:url('/assets/motto-coast-v4.webp');--theme-edge:#7cdbd3;--shadow:0 12px 28px #0005}
#theme-choice-coastal .theme-sample{background:linear-gradient(#0003,#0006),url('/assets/motto-coast-v4.webp') center/cover}
:root[data-theme="sky"]{color-scheme:dark;--paper:#171529;--surface:#242039;--surface-soft:#322d49;--field:#242039;--line:#b9abef;--control-line:#b9abef;--ink:#fff8ed;--muted:#ded6ca;--subtle:#d6cfc5;--accent:#ffb39b;--action:#ffb39b;--action-hover:#ffcbb9;--on-action:#191715;--green:#b9abef;--link:#b9abef;--solid:#f4e9da;--on-solid:#191715;--selected:#b9abef;--on-selected:#191715;--own:#322d49;--on-own:#fff8ed;--warning-bg:#363040;--warning-text:#f0ddb3;--danger-bg:#432b36;--danger-text:#ffc0cc;--danger-line:#8a5365;--art-bg:#e1e5ef;--white:var(--surface);--sage:var(--surface-soft);--orange:var(--accent);--orange-dark:var(--action-hover);--glass:#171529ed;--surface-glass:#242039f5;--theme-image:url('/assets/theme-sky.png');--theme-edge:#b9abef;--shadow:0 12px 28px #0005}
#theme-choice-sky .theme-sample{background:linear-gradient(#0003,#0006),url('/assets/theme-sky.png') center/cover}
:root[data-theme="highlands"]{color-scheme:dark;--paper:#211713;--surface:#30231d;--surface-soft:#403026;--field:#30231d;--line:#e7bc78;--control-line:#e7bc78;--ink:#fff8ed;--muted:#ded6ca;--subtle:#d6cfc5;--accent:#ffbf50;--action:#ffbf50;--action-hover:#ffd37c;--on-action:#191715;--green:#e7bc78;--link:#e7bc78;--solid:#f4e9da;--on-solid:#191715;--selected:#e7bc78;--on-selected:#191715;--own:#403026;--on-own:#fff8ed;--warning-bg:#363040;--warning-text:#f0ddb3;--danger-bg:#432b36;--danger-text:#ffc0cc;--danger-line:#8a5365;--art-bg:#e1e5ef;--white:var(--surface);--sage:var(--surface-soft);--orange:var(--accent);--orange-dark:var(--action-hover);--glass:#211713ed;--surface-glass:#30231df5;--theme-image:url('/assets/theme-highlands.png');--theme-edge:#e7bc78;--shadow:0 12px 28px #0005}
#theme-choice-highlands .theme-sample{background:linear-gradient(#0003,#0006),url('/assets/theme-highlands.png') center/cover}
html:is([data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) .app-shell{position:relative;isolation:isolate;background:transparent}
html:is([data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) .app-shell::before,html:is([data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) .chat-view::before{content:"";position:fixed;inset:-12px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#00000035,#00000070),var(--theme-image) center/cover no-repeat;filter:blur(5px)}
html:is([data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) .chat-view{position:relative;isolation:isolate;background:var(--paper)}html:is([data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) .chat-view.chat-fullscreen{position:fixed}html:is([data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) .chat-view::before{position:absolute}
html:is([data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) :is(.topbar,.sidebar,.mobile-nav,.chat-header,.chat-compose){background:var(--glass);backdrop-filter:blur(12px);border-color:var(--theme-edge)}
html:is([data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) .discover-post{background:linear-gradient(135deg,var(--surface-soft),var(--surface) 80%);border:2px solid var(--theme-edge);box-shadow:inset 0 1px 0 #fff3,0 4px 0 #0006,0 12px 24px #0007}
html:is([data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) :is(.route-card,.bike-card,.meetup-card,.garage-card,.panel,.discover-filter-tabs [role=tab],.btn.outline){border:2px solid var(--theme-edge)}
html:is([data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) .discover-post>article{border:0;box-shadow:none;background:transparent}
html:is([data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) .chat-view .messages{background:transparent}html:is([data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) .chat-view .message-bubble{background:var(--surface-glass);border:1px solid var(--theme-edge);box-shadow:0 3px 10px #0005}
html:is([data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) .chat-view .message.own .message-bubble{background:var(--own);color:var(--on-own);border-color:var(--theme-edge)}html:is([data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) .chat-view .message-meta{background:var(--glass);color:var(--ink);border-radius:8px;padding:4px 7px;width:fit-content}html:is([data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) .chat-view .message.own .message-meta{margin-left:auto}
@media(prefers-reduced-transparency:reduce){html:is([data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) :is(.app-shell,.chat-view)::before{display:none}html:is([data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) :is(.topbar,.sidebar,.mobile-nav,.chat-header,.chat-compose){background:var(--paper);backdrop-filter:none}}

/* Let the scenic themes show through without reducing message contrast. */
html[data-theme="forest"] .app-shell::before{background:linear-gradient(180deg,#05170b10,#031b1030),url('/assets/forest-amber.png') center/cover no-repeat;filter:blur(3px)}
html:is([data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) .app-shell::before{background:linear-gradient(180deg,#00000015,#00000040),var(--theme-image) center/cover no-repeat;filter:blur(3px)}
html:is([data-theme="forest"],[data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) #modal::backdrop{background:#04170d26;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
html:is([data-theme="forest"],[data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) #modal:has(.discussion-heading){max-width:calc(100% - 32px);width:560px;height:min(880px,88dvh)}
@media(max-width:600px){html:is([data-theme="forest"],[data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) #modal:has(.discussion-heading){width:calc(100% - 32px);height:88dvh}}
@media(prefers-reduced-transparency:reduce){html:is([data-theme="forest"],[data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) .app-shell::before{display:none}html:is([data-theme="forest"],[data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) #modal::backdrop{background:#04170ddd;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Keep scenic artwork stable while mobile browser bars change the visible height.
   Chat layout still follows the keyboard; only its decorative layer stays large. */
html:is([data-theme="forest"],[data-theme="roadtrip"],[data-theme="coastal"],[data-theme="sky"],[data-theme="highlands"]) :is(.app-shell,.chat-view)::before{
  inset:auto;top:-12px;left:-12px;bottom:auto;right:auto;
  width:calc(100% + 24px);height:calc(100vh + 24px);height:calc(100lvh + 24px);
  transform:translateZ(0);will-change:transform;
}

html[data-theme] .btn.profile-sign-out,.btn.profile-sign-out{background:#b4232c;color:#fff;border-color:#b4232c;min-height:48px}html[data-theme] .btn.profile-sign-out:hover,.btn.profile-sign-out:hover{background:#921d24;color:#fff;border-color:#921d24}html[data-theme] .btn.profile-sign-out:focus-visible{outline:3px solid var(--ink);outline-offset:3px}

/* Profile defaults retain the existing responsive app layout. */
:root[data-theme="rider"]{color-scheme:dark;--paper:#171a1d;--surface:#222629;--surface-soft:#2b3034;--field:#222629;--line:#805234;--control-line:#b28362;--ink:#fff8ed;--muted:#d5c9bb;--subtle:#c8bbaa;--accent:#ff963f;--action:#ff963f;--action-hover:#ffb36b;--on-action:#191715;--green:#ffb36b;--link:#ffb36b;--solid:#ff963f;--on-solid:#191715;--selected:#ff963f;--on-selected:#191715;--own:#403125;--on-own:#fff8ed;--warning-bg:#363040;--warning-text:#f0ddb3;--danger-bg:#432b36;--danger-text:#ffc0cc;--danger-line:#8a5365;--art-bg:#e1e5ef;--white:var(--surface);--sage:var(--surface-soft);--orange:var(--accent);--orange-dark:var(--action-hover);--glass:#171a1df5;--surface-glass:#222629f5;--shadow:0 12px 40px #00000018;--theme-image:url("/assets/theme-roadtrip.png")}
:root[data-theme="explorer"]{color-scheme:light;--paper:#f5f2e9;--surface:#fffdf6;--surface-soft:#e9eee0;--field:#fffdf6;--line:#b7c5a8;--control-line:#77866c;--ink:#213c2b;--muted:#53634b;--subtle:#5b6954;--accent:#2f5d3c;--action:#2f5d3c;--action-hover:#23482e;--on-action:#ffffff;--green:#365c35;--link:#365c35;--solid:#2f5d3c;--on-solid:#ffffff;--selected:#2f5d3c;--on-selected:#ffffff;--own:#e0ead5;--on-own:#213c2b;--warning-bg:#fbf4e5;--warning-text:#71582e;--danger-bg:#fff1ed;--danger-text:#9e3527;--danger-line:#bd766a;--art-bg:#e2e9df;--white:var(--surface);--sage:var(--surface-soft);--orange:var(--accent);--orange-dark:var(--action-hover);--glass:#f5f2e9f5;--surface-glass:#fffdf6f5;--shadow:0 12px 40px #00000018;--theme-image:url("/assets/motto-coast-v4.webp")}
html:is([data-theme="rider"],[data-theme="explorer"]) .app-shell{position:relative;isolation:isolate;background:transparent}
html:is([data-theme="rider"],[data-theme="explorer"]) .app-shell::before{content:"";position:fixed;top:-12px;left:-12px;width:calc(100% + 24px);height:calc(100lvh + 24px);z-index:-1;pointer-events:none;background:linear-gradient(#00000020,#00000040),var(--theme-image) center/cover no-repeat;filter:blur(5px)}
html[data-theme="explorer"] .app-shell::before{background:linear-gradient(#f5f2e944,#f5f2e988),var(--theme-image) center/cover no-repeat}
html:is([data-theme="rider"],[data-theme="explorer"]) :is(.discover-post,.route-card,.quick-card,.bike-card,.garage-card,.meetup-card,.panel){background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}
html:is([data-theme="rider"],[data-theme="explorer"]) .discover-post{border-width:2px}
html:is([data-theme="rider"],[data-theme="explorer"]) .discover-post :is(.route-card,.quick-card,.bike-card,.garage-card,.meetup-card){background:transparent;box-shadow:none;border:0}
.profile-theme-label{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--accent);margin-left:12px;white-space:nowrap}
@media(max-width:600px){.profile-theme-label{display:none}}
@media(prefers-reduced-transparency:reduce){html:is([data-theme="rider"],[data-theme="explorer"]) .app-shell::before{display:none}}

/* Keep reading and filtering surfaces opaque: scenery must never determine text contrast. */
html:is([data-theme="rider"],[data-theme="explorer"]) :is(.local-directory,.page-heading,.section-heading,.filter-bar,.trip-filter-options,.discover-toolbar,.discover-filter-note,.profile-theme-label){background:var(--paper);color:var(--ink);border-radius:16px;padding:16px;box-sizing:border-box}
html:is([data-theme="rider"],[data-theme="explorer"]) .local-directory{padding:20px;border:1px solid var(--line)}
html:is([data-theme="rider"],[data-theme="explorer"]) .local-directory :is(.local-county label,.local-sort-label,.check-label,.local-filter-summary,.local-results,.local-location-status){color:var(--ink);opacity:1}
html:is([data-theme="rider"],[data-theme="explorer"]) .local-directory .text-link{color:var(--link);text-decoration:underline;text-underline-offset:3px}
html:is([data-theme="rider"],[data-theme="explorer"]) .profile-theme-label{display:inline-block;padding:6px 10px;color:var(--ink)}
@media(max-width:600px){html:is([data-theme="rider"],[data-theme="explorer"]) .local-directory{padding:12px}html:is([data-theme="rider"],[data-theme="explorer"]) .profile-theme-label{display:none}}

/* News copy and county guidance need their own reading surfaces above scenery. */
html:is([data-theme="rider"],[data-theme="explorer"]) :is(.explorer-intro,.discover-county-note,.discover-county-filter,.discover-title){background:var(--paper);color:var(--ink);opacity:1;border-radius:12px;padding:12px 16px;box-sizing:border-box;text-shadow:none}
html:is([data-theme="rider"],[data-theme="explorer"]) .discover-title{width:fit-content;max-width:100%}
html:is([data-theme="rider"],[data-theme="explorer"]) .explorer-intro{line-height:1.6}
html:is([data-theme="rider"],[data-theme="explorer"]) .discover-county-note{font-size:14px;line-height:1.6;border:1px solid var(--line)}