/* White controls on a green-to-white canvas. Keep the dark theme independent. */
:root:not([data-theme=dark]) { background:#fff; }
:root:not([data-theme=dark]) .ambient { display:none; }
:root:not([data-theme=dark]) body,
:root:not([data-theme=dark]) body:has(#page-home:not([hidden])) {
  background:linear-gradient(180deg,#299a66 0,#65bd8e 175px,#c9ecd5 390px,#f3faf5 620px,#fff 800px,#fff 100%);
  background-attachment:fixed;
}
:root:not([data-theme=dark]) .app-shell .page,
:root:not([data-theme=dark]) .app-shell .page-intro { background:transparent; }
:root:not([data-theme=dark]) #page-tools .page-intro .eyebrow,
:root:not([data-theme=dark]) #page-create .page-intro .eyebrow { color:#e5f9ed; }
:root:not([data-theme=dark]) #page-tools .page-intro p:not(.eyebrow),
:root:not([data-theme=dark]) #page-create .page-intro p:not(.eyebrow) { color:#153e2b; }
:root:not([data-theme=dark]) #page-home .model-selector {
  display:flex;align-items:center;gap:7px;height:40px;min-width:0;max-width:63%;padding:0 11px;
  border:1px solid #dce8df;background:#fff;color:#1a3022;
  box-shadow:0 5px 16px #123d2426;backdrop-filter:none;
}
#page-home .model-selector-action,#page-home .selector-arrow { display:none!important; }
#page-home .model-selector-emoji { flex:none;font-size:18px;line-height:1; }
#page-home .model-selector-copy { display:block;min-width:0; }
#page-home .model-selector-copy strong { display:block;color:#1a3022!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
:root:not([data-theme=dark]) #page-home .upgrade-button.subscription-entry,
:root:not([data-theme=dark]) .compact-upgrade {
  border:1px solid #94bffa;background:linear-gradient(115deg,#4899ed,#3b76dc);color:#fff;
  box-shadow:0 7px 18px #1760bb37;
}
#page-home .upgrade-button.subscription-entry span { color:inherit!important; }
: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]) .creation-launch.featured,
:root:not([data-theme=dark]) .filter-chip.active,
:root:not([data-theme=dark]) .bottom-nav .create-nav>span {
  background:#fff;color:#176c48;border:1px solid #dcebe1;box-shadow:0 5px 18px #173f2720;
}
:root:not([data-theme=dark]) .reward-banner small,
:root:not([data-theme=dark]) .creation-launch.featured p { color:#5e7566; }
:root:not([data-theme=dark]) .bottom-nav { background:#fff;border-color:#deebe2; }
:root:not([data-theme=dark]) .bottom-nav button.active { background:#f1f4f2;color:#176e49; }
:root:not([data-theme=dark]) .bottom-nav .create-nav>span { box-shadow:none; }
:root:not([data-theme=dark]) .bottom-nav .create-nav .semantic-icon { background:#176c48; }
:root:not([data-theme=dark]) .tool-card,
:root:not([data-theme=dark]) .creation-launch,
:root:not([data-theme=dark]) .search-box,
:root:not([data-theme=dark]) .filter-chip,
:root:not([data-theme=dark]) .featured-skills button,
:root:not([data-theme=dark]) .settings-list,
:root:not([data-theme=dark]) .profile-hero,
:root:not([data-theme=dark]) .list-row,
:root:not([data-theme=dark]) .home-more-skills,
:root:not([data-theme=dark]) .feature-strip button { background:#fff;color:#192920; }
:root:not([data-theme=dark]) .tool-card:hover,
:root:not([data-theme=dark]) .tool-card:focus-visible,
:root:not([data-theme=dark]) .creation-launch:hover,
:root:not([data-theme=dark]) .creation-launch:focus-visible,
:root:not([data-theme=dark]) .featured-skills button:hover,
:root:not([data-theme=dark]) .filter-chip:hover,
:root:not([data-theme=dark]) .settings-list>button:hover,
:root:not([data-theme=dark]) .feature-strip button:hover,
:root:not([data-theme=dark]) .primary-button:hover { background:#ecefed; }
:root:not([data-theme=dark]) #page-home .starter-prompts button,
:root:not([data-theme=dark]) #page-home .home-skills .discovery-list>button {
  width:calc(100% + 36px);margin-inline:-18px;padding-inline:18px;border-radius:20px;
}
:root:not([data-theme=dark]) #page-home .starter-prompts button:hover,
:root:not([data-theme=dark]) #page-home .starter-prompts button:focus-visible,
:root:not([data-theme=dark]) #page-home .home-skills .discovery-list>button:hover,
:root:not([data-theme=dark]) #page-home .home-skills .discovery-list>button:focus-visible,
:root:not([data-theme=dark]) #page-home .home-connection-list>button:hover,
:root:not([data-theme=dark]) #page-home .home-connection-list>button:focus-visible,
:root:not([data-theme=dark]) #page-home .home-more-skills:hover { background:#ecefed;border-radius:20px; }
:root:not([data-theme=dark]) #page-home .home-connection-list>button { border-radius:20px; }
.emoji-icon,.emoji-spot { display:inline-grid;place-items:center;line-height:1;font-size:25px; }
#page-home .starter-prompts button>.emoji-spot,
#page-home .home-skills .discovery-list>button>.emoji-spot,
.tool-icon:has(.emoji-icon),.featured-skill-icon.emoji-spot,
.feature-symbol.emoji-spot { background:transparent!important;border:0!important;box-shadow:none!important; }
#page-home .home-connection-list>button>span:first-child:has(img),
#page-home .home-skills .home-brand-icon,
.notion-profile-icon,.profile-brand-icon,
.tool-icon:has(.service-logo),
.settings-list>button>span:has(img) {
  background:transparent!important;border:0!important;box-shadow:none!important;
}
.tool-icon:has(.service-logo) img,
#page-home .home-connection-list img,
.home-brand-icon img { width:28px;height:28px;object-fit:contain; }
.tool-card .row-action.planned,.tool-status.planned,.plan-soon {
  color:#6464ae!important;background:#efedff;border-color:#dcd7ff;
}
.tool-card .row-action.planned { padding:5px 8px;border-radius:999px; }
:root:not([data-theme=dark]) #page-tools .tool-card .row-action.planned { color:#6b59bd!important;background:#eeeaff!important; }
:root:not([data-theme=dark]) #page-tools .tool-card .row-action.ready,
:root:not([data-theme=dark]) #page-tools .tool-card .row-action.needs_setup,
:root:not([data-theme=dark]) #page-profile .settings-list>button:not(.subscription-row) .row-action,
:root:not([data-theme=dark]) #page-profile .settings-list>a .row-action { color:#476553;background:#f1f3f1; }
.model-option,.model-option.selected,.model-option.locked { min-height:49px;padding:8px 10px; }
.model-option .model-option-copy small { display:none!important; }
.model-option strong { font-size:15px;font-weight:530; }
.model-tier-badge.free { background:#dcf5e5;color:#138049; }
.model-option.selected { background:#edf5f0; }
.model-option:hover,.model-option:focus-visible { background:#ecf0ed; }
:root:not([data-theme=dark]) .model-popover {
  background:linear-gradient(155deg,#ffffffec,#fffffff5);border-color:#fff;
  box-shadow:0 19px 45px #1639223b,0 1px 5px #16392212;
}
.plans-screen { background:#f6f8f6!important; }
.plans-screen .sheet-head { padding-bottom:8px; }
.plans-segment { display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:16px 0 14px;padding:5px;border-radius:19px;background:#e9eeeb; }
.plans-segment button { min-height:42px;border:0;border-radius:15px;background:transparent;color:#66716a;font-size:14px;font-weight:700; }
.plans-segment button[aria-selected=true] { background:#fff;color:#223a2c;box-shadow:0 3px 12px #233f2720; }
.plan-focus-card { display:flex;align-items:center;gap:13px;margin:0 0 13px;padding:16px;border-radius:22px;background:#fff;border:1px solid #e2e9e3; }
.plan-focus-icon { display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:14px;background:#eef0ff;font-size:22px; }
.plan-focus-card.pro .plan-focus-icon { background:#eee7ff; }
.plan-focus-card>div { min-width:0;flex:1; }
.plan-focus-card small { color:#62746b;font-size:10px;font-weight:760;letter-spacing:.11em; }
.plan-focus-card h3 { margin:2px 0 4px;font-size:21px;letter-spacing:-.03em; }
.plan-focus-card p { margin:0;color:#67766c;font-size:12px;line-height:1.35; }
.plan-soon { align-self:flex-start;flex:none;padding:5px 8px;border-radius:9px;font-size:11px;font-weight:700; }
.plan-matrix { overflow:hidden;background:#fff;border:1px solid #e3e9e4;border-radius:22px; }
.plan-matrix-head,.plan-matrix-row { display:grid;grid-template-columns:minmax(0,1fr) repeat(3,43px);align-items:center;gap:4px;padding:11px 13px; }
.plan-matrix-head { background:#f3f6f3;color:#68746d;font-size:10px;font-weight:780;letter-spacing:.04em; }
.plan-matrix-head span:not(:first-child),.plan-access { text-align:center; }
.plan-matrix-row + .plan-matrix-row { border-top:1px solid #ecf0ec; }
.plan-feature strong,.plan-feature small { display:block; }
.plan-feature strong { font-size:12px;font-weight:650;line-height:1.24; }
.plan-feature small { margin-top:3px;color:#829087;font-size:10px;line-height:1.2; }
.plan-access { font-size:17px;font-weight:700; }
.plan-access.yes { color:#1a9b5e; }.plan-access.no { color:#c7ceca; }
.plan-availability { margin:13px 3px;color:#65736b;font-size:11px;line-height:1.45; }
.plan-bottom-action { display:block;width:100%;min-height:48px;margin:15px 0 0;border:0;border-radius:16px;background:#eef1ef;color:#738078;font-size:13px;font-weight:720; }
:root[data-theme=dark] .plans-screen { background:#17231b!important; }
:root[data-theme=dark] .plans-segment { background:#26372b; }
:root[data-theme=dark] .plans-segment button[aria-selected=true],:root[data-theme=dark] .plan-focus-card,:root[data-theme=dark] .plan-matrix { background:#243329;color:#eef8ef;border-color:#405345; }
:root[data-theme=dark] .plan-matrix-head { background:#2d4032;color:#bdd2c0; }
:root[data-theme=dark] .plan-matrix-row+.plan-matrix-row { border-top-color:#405345; }
:root[data-theme=dark] .plan-feature small,:root[data-theme=dark] .plan-focus-card p,:root[data-theme=dark] .plan-availability { color:#aebeb0; }
@media(max-width:360px) { .plan-matrix-head,.plan-matrix-row { grid-template-columns:minmax(0,1fr) repeat(3,36px);padding-inline:9px; } .plan-feature strong { font-size:11px; } }