/* Shared web chrome and actions. Native cockpit and semantic status colors
   keep their dedicated styling. No layout or interaction changes. */
:root {
  --web-glass-surface:rgba(255,255,255,.52);
  --web-glass-highlight:rgba(255,255,255,.55);
  --web-glass-edge:rgba(145,168,177,.48);
  --web-glass-red:rgba(155,16,35,.78);
  --web-glass-red-hover:rgba(155,16,35,.88);
}
:root[data-theme="dark"],:root[data-public-profile-theme="dark"] {
  --web-glass-surface:rgba(8,23,31,.46);
  --web-glass-highlight:rgba(255,255,255,.10);
  --web-glass-edge:rgba(194,221,231,.38);
  --web-glass-red:rgba(190,24,40,.58);
  --web-glass-red-hover:rgba(190,24,40,.7);
}
html:not([data-adventura-native="true"]) :is(.topbar,.stories-header,.admin-header) {
  background:linear-gradient(160deg,var(--web-glass-highlight),transparent 55%),var(--web-glass-surface);
  border-bottom:1px solid var(--web-glass-edge);
  -webkit-backdrop-filter:blur(9px) saturate(140%);
  backdrop-filter:blur(9px) saturate(140%);
  box-shadow:inset 0 1px 0 var(--web-glass-highlight),0 5px 18px #00000018;
}
html:not([data-adventura-native="true"]) .topbar>.nav {background:transparent}
.stories-header nav>:is(a,button),.admin-header nav>:is(a,button),.public-standard-nav .social-mobile-menu nav a {
  font-family:'DM Sans',sans-serif;font-size:14px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;
}
html:not([data-adventura-native="true"]) :is(.btn:not(.secondary):not(.soft):not(.danger):not([data-following="true"]),.stories-admin .primary,.social-actions [data-social="follow"]:not([data-following="true"]),.go-shell .go-primary,.go-shell .mobile-primary-action,.discovery-flow .dc-primary,.places-browse .places-categories>button.is-active,.adventures-views button.active,.chip.active) {
  background:linear-gradient(180deg,rgba(255,255,255,.13),transparent 58%),var(--web-glass-red);
  border:1px solid rgba(255,147,157,.48);color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(112,6,20,.2),0 8px 24px rgba(117,8,22,.14);
  -webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);
}
html:not([data-adventura-native="true"]) :is(.btn:not(.secondary):not(.soft):not(.danger):not([data-following="true"]),.stories-admin .primary,.social-actions [data-social="follow"]:not([data-following="true"]),.go-shell .go-primary,.go-shell .mobile-primary-action,.discovery-flow .dc-primary,.places-browse .places-categories>button.is-active,.adventures-views button.active,.chip.active):hover:not(:disabled) {
  background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 58%),var(--web-glass-red-hover);
  border-color:rgba(255,166,175,.68);
}
html:not([data-adventura-native="true"]) :is(.btn.secondary,.btn.soft,.social-actions [data-following="true"],.iconbutton,.share-buttons button,.share-sticky button,.discovery-flow .dc-secondary) {
  background:linear-gradient(160deg,var(--web-glass-highlight),transparent 55%),var(--web-glass-surface);
  border:1px solid var(--web-glass-edge);
  box-shadow:inset 0 1px 0 var(--web-glass-highlight);
  -webkit-backdrop-filter:blur(9px) saturate(140%);backdrop-filter:blur(9px) saturate(140%);
}
@media(max-width:600px){.stories-header nav>:is(a,button),.admin-header nav>:is(a,button){font-size:12px;letter-spacing:.04em}}

.admin-header>a{font:700 18px/1.2 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:600px){.admin-header>a{font-size:14px;letter-spacing:.08em}}

/* Approved Places red, shared by light and dark web surfaces and their portaled dialogs. */
:root{
 --web-vivid-red:linear-gradient(170deg,#ff465b 0%,#ee1236 25%,#da002a 58%,#a90024 100%);
 --web-vivid-red-hover:linear-gradient(170deg,#ff6171 0%,#f51c42 25%,#e30030 58%,#bc002b 100%);
 --web-vivid-red-shine:inset 0 1px 1px #ffffffb3,inset 0 -2px 4px #78001c66,0 0 0 1px #ff234529,0 3px 12px #f0003440,0 9px 24px #a9002429;
}
html:root body :is(
 .btn:not(.secondary):not(.soft):not(.danger):not([data-following="true"]),
 .stories-admin .primary,.social-actions [data-social="follow"]:not([data-following="true"]),
 .go-primary,.mobile-primary-action:not(.go-ptt),.go-shell .go-ptt:is(.is-idle,.is-ready),
 .go-shell .motus-destination form>button[type="submit"],
 .go-messages .messages-composer :is(.message-send,.message-voice:not(.is-recording)),
 .discovery-flow .dc-primary,.feedback-primary,.primary-button,.issue-types input:checked+span,
 .browse-scramble-primary,.places-categories>button.is-active,.places-content-switch button.active,
 .adventures-views button.active,.chip.active,
 .explore-page .switch button.active,.account-menu-signin
),
html body .discovery-flow :is(.dc-primary:not(.secondary):not(.soft):not(.danger):not([data-following="true"])),
html body .social-profile-page[data-profile-theme="dark"] .social-actions [data-social="follow"]:not([data-following="true"]){
 background:var(--web-vivid-red);border:1px solid #ff6980;color:#fff;
 box-shadow:var(--web-vivid-red-shine);text-shadow:0 1px 2px #6a001d66;
}
html:root body :is(
 .btn:not(.secondary):not(.soft):not(.danger):not([data-following="true"]),
 .stories-admin .primary,.social-actions [data-social="follow"]:not([data-following="true"]),
 .go-primary,.mobile-primary-action:not(.go-ptt),.go-shell .go-ptt:is(.is-idle,.is-ready),
 .go-shell .motus-destination form>button[type="submit"],
 .go-messages .messages-composer :is(.message-send,.message-voice:not(.is-recording)),
 .discovery-flow .dc-primary,.feedback-primary,.primary-button,.issue-types input:checked+span,
 .browse-scramble-primary,.places-categories>button.is-active,.places-content-switch button.active,
 .adventures-views button.active,.chip.active,
 .explore-page .switch button.active,.account-menu-signin
):hover:not(:disabled):not([aria-disabled="true"]),
html body .discovery-flow :is(.dc-primary:not(.secondary):not(.soft):not(.danger):not([data-following="true"])):hover:not(:disabled),
html body .social-profile-page[data-profile-theme="dark"] .social-actions [data-social="follow"]:not([data-following="true"]):hover:not(:disabled){
 background:var(--web-vivid-red-hover);border-color:#ffa4b2;
 box-shadow:var(--web-vivid-red-shine),0 0 20px #ff123f33;
}

/* Optional discovery stays in its own region, above the decorative body layer.
   Collapsed by default; it never overlays a ride or authentication sheet. */
.growth-discovery{position:relative;z-index:2;margin:0;padding:10px max(20px,4vw);background:var(--paper,#f8f9f7);color:var(--ink,#293940);border-bottom:1px solid var(--line,#d0d8d9)}
.growth-discovery[hidden]{display:none}
.growth-discovery details{max-width:900px;margin:auto}
.growth-discovery summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0}
.growth-discovery summary h2{font-size:16px;line-height:1.4;margin:0;color:inherit}
.growth-discovery summary small{font-size:12px;white-space:nowrap;color:inherit}
.growth-discovery form{padding:10px 0 4px;color:inherit}
.growth-discovery p{font-size:14px;line-height:1.5;margin:6px 0 12px;color:inherit}
.growth-discovery label{display:block;font-size:14px;margin:10px 0;color:inherit}
.growth-discovery :is(input,select){display:block;width:100%;max-width:520px;min-height:42px;margin-top:5px;padding:8px 10px;border:1px solid var(--line,#d0d8d9);border-radius:8px;background:var(--paper,#f8f9f7);color:var(--ink,#293940)}