/* Translucent iOS-style controls over the green-to-white canvas. */
:root:not([data-theme=dark]) {
  --ui-glass:rgba(255,255,255,.72);
  --ui-glass-strong:rgba(255,255,255,.82);
  --ui-glass-hover:rgba(229,235,231,.82);
  --ui-glass-line:rgba(255,255,255,.73);
}
:root:not([data-theme=dark]) #page-home .model-selector,
:root:not([data-theme=dark]) #page-home .return-chat#openChatButton,
:root:not([data-theme=dark]) .primary-button,
:root:not([data-theme=dark]) .button-pair>.primary-button,
:root:not([data-theme=dark]) .reward-banner,
:root:not([data-theme=dark]) .compact-upgrade,
:root:not([data-theme=dark]) .filter-chip,
:root:not([data-theme=dark]) .filter-chip.active,
:root:not([data-theme=dark]) .feature-strip button,
:root:not([data-theme=dark]) .tool-card,
:root:not([data-theme=dark]) .featured-skills button,
:root:not([data-theme=dark]) .creation-launch,
:root:not([data-theme=dark]) .creation-launch.featured,
:root:not([data-theme=dark]) .studio-balance,
:root:not([data-theme=dark]) .template-actions>button,
:root:not([data-theme=dark]) .settings-list,
:root:not([data-theme=dark]) .bottom-nav,
:root:not([data-theme=dark]) .home-more-skills {
  background:var(--ui-glass)!important;
  border-color:var(--ui-glass-line);
  -webkit-backdrop-filter:blur(20px) saturate(1.22);
  backdrop-filter:blur(20px) saturate(1.22);
}
:root:not([data-theme=dark]) #page-home .model-selector {
  box-shadow:0 5px 17px #15432924,inset 0 1px #ffffffb5;
}
:root:not([data-theme=dark]) #page-home .starter-prompts,
:root:not([data-theme=dark]) #page-home .home-skills .discovery-list,
:root:not([data-theme=dark]) #page-home .home-connection-list,
:root:not([data-theme=dark]) #page-tools .tool-grid {
  background:var(--ui-glass)!important;
  border:1px solid var(--ui-glass-line);
  -webkit-backdrop-filter:blur(20px) saturate(1.22);
  backdrop-filter:blur(20px) saturate(1.22);
}
:root:not([data-theme=dark]) #page-home .starter-prompts button,
:root:not([data-theme=dark]) #page-home .home-skills .discovery-list>button,
:root:not([data-theme=dark]) #page-home .home-connection-list>button,
:root:not([data-theme=dark]) .settings-list>button,
:root:not([data-theme=dark]) .settings-list>a {
  background:transparent;
}
:root:not([data-theme=dark]) #page-home .upgrade-button.subscription-entry,
:root:not([data-theme=dark]) .compact-upgrade {
  background:linear-gradient(115deg,rgba(72,153,237,.84),rgba(59,118,220,.84))!important;
  border-color:rgba(188,215,255,.72);
  color:#fff;
  -webkit-backdrop-filter:blur(20px) saturate(1.25);
  backdrop-filter:blur(20px) saturate(1.25);
}
:root:not([data-theme=dark]) .filter-chip.active,
:root:not([data-theme=dark]) .bottom-nav button.active,
:root:not([data-theme=dark]) .bottom-nav .create-nav>span {
  background:rgba(245,249,246,.63)!important;
}
:root:not([data-theme=dark]) .bottom-nav button {
  background:transparent;
}
:root:not([data-theme=dark]) .bottom-nav button:hover,
:root:not([data-theme=dark]) .bottom-nav button:focus-visible,
:root:not([data-theme=dark]) .tool-card:hover,
:root:not([data-theme=dark]) .tool-card:focus-visible,
:root:not([data-theme=dark]) .featured-skills button:hover,
:root:not([data-theme=dark]) .creation-launch:hover,
:root:not([data-theme=dark]) .filter-chip:hover,
:root:not([data-theme=dark]) .feature-strip button:hover,
:root:not([data-theme=dark]) .primary-button:hover,
:root:not([data-theme=dark]) #page-home .starter-prompts button:hover,
:root:not([data-theme=dark]) #page-home .home-skills .discovery-list>button:hover,
:root:not([data-theme=dark]) #page-home .home-connection-list>button:hover,
:root:not([data-theme=dark]) .settings-list>button:hover {
  background:var(--ui-glass-hover)!important;
  border-radius:20px;
}
:root:not([data-theme=dark]) .model-popover,
:root:not([data-theme=dark]) .model-popover[open] {
  background:linear-gradient(150deg,rgba(255,255,255,.74),rgba(252,255,253,.70) 45%,rgba(255,255,255,.79))!important;
  border-color:rgba(255,255,255,.78);
  -webkit-backdrop-filter:blur(30px) saturate(1.35);
  backdrop-filter:blur(30px) saturate(1.35);
  box-shadow:0 20px 48px #153a2736,inset 0 1px #ffffffc9;
}
:root:not([data-theme=dark]) .model-option.selected { background:rgba(255,255,255,.49); }
:root:not([data-theme=dark]) .model-option:hover,
:root:not([data-theme=dark]) .model-option:focus-visible { background:rgba(231,237,232,.76); }
:root:not([data-theme=dark]) .plans-segment button[aria-selected=true],
:root:not([data-theme=dark]) .plan-focus-card,
:root:not([data-theme=dark]) .plan-matrix,
:root:not([data-theme=dark]) .sheet-head>button {
  background:var(--ui-glass-strong);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
:root[data-theme=dark] .model-popover,
:root[data-theme=dark] .model-popover[open] {
  background:linear-gradient(150deg,rgba(44,68,51,.76),rgba(24,38,29,.80))!important;
  -webkit-backdrop-filter:blur(30px) saturate(1.2);
  backdrop-filter:blur(30px) saturate(1.2);
}
:root[data-theme=dark] #page-home .model-selector,
:root[data-theme=dark] #page-tools .tool-grid,
:root[data-theme=dark] .bottom-nav,
:root[data-theme=dark] .tool-card,
:root[data-theme=dark] .creation-launch,
:root[data-theme=dark] .featured-skills button,
:root[data-theme=dark] #page-home .return-chat#openChatButton,
:root[data-theme=dark] .primary-button,
:root[data-theme=dark] .reward-banner,
:root[data-theme=dark] .feature-strip button,
:root[data-theme=dark] .filter-chip,
:root[data-theme=dark] #page-home .starter-prompts,
:root[data-theme=dark] #page-home .home-skills .discovery-list,
:root[data-theme=dark] #page-home .home-connection-list {
  background:rgba(34,52,40,.74)!important;
  border-color:rgba(179,222,187,.18);
  -webkit-backdrop-filter:blur(20px) saturate(1.12);
  backdrop-filter:blur(20px) saturate(1.12);
}
:root[data-theme=dark] #page-home .model-selector-copy strong { color:#f2fbf3!important; }
:root[data-theme=dark] #page-home .return-chat#openChatButton,
:root[data-theme=dark] .primary-button,
:root[data-theme=dark] .reward-banner { color:#eefaf0;box-shadow:0 9px 25px #0003; }
:root[data-theme=dark] .home-brand-icon img[src*="notion"],
:root[data-theme=dark] .home-connection-list img[src*="notion"],
:root[data-theme=dark] .settings-list img[src*="notion"] { filter:invert(1); }
:root[data-theme=dark] #page-home .upgrade-button.subscription-entry,
:root[data-theme=dark] .compact-upgrade {
  background:linear-gradient(115deg,rgba(58,122,216,.86),rgba(56,93,181,.86))!important;
  color:#fff;
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
}