/* Scoped to HideApp; the portal header keeps its shared glass background. */
body.hide-public,body.hide-settings{
 --hide-page:#000;--hide-text:#edf3f6;--hide-muted:#abb9c3;
 --hide-surface:#151a1e;--hide-elevated:#20282e;--hide-border:#39474f;
 --hide-accent:#96cdd1;--hide-on-accent:#12262a;--hide-accent-text:#c6e4e7;
 --hide-tint:#202c31;--hide-selected:#314a50;
 --hide-error:#f3b8b2;--hide-error-bg:#302126;--hide-error-border:#654047;
 --hide-success:#bfe3cc;--hide-success-bg:#243e35;--hide-warning:#e5c998;
 background:var(--hide-page)!important;background-image:none!important;color:var(--hide-text);color-scheme:dark;
}
html[data-theme=light] body.hide-public,html[data-theme=light] body.hide-settings{
 --hide-page:#f4f7fa;--hide-text:#172a38;--hide-muted:#4b6475;
 --hide-surface:#fff;--hide-elevated:#edf2f6;--hide-border:#c4d1db;
 --hide-accent:#216b9c;--hide-on-accent:#fff;--hide-accent-text:#185c80;
 --hide-tint:#e7f2f7;--hide-selected:#d5e9f4;
 --hide-error:#9f2940;--hide-error-bg:#fff0f2;--hide-error-border:#eab3bf;
 --hide-success:#246846;--hide-success-bg:#e6f5ed;--hide-warning:#865c12;color-scheme:light;
}
body.hide-public .portal-canvas,body.hide-settings .portal-canvas{display:none}
body.hide-public .shell,body.hide-settings .shell{color:var(--hide-text)}
body.hide-public .hero h1,body.hide-settings .hero h1{background:none!important;color:var(--hide-text)!important;-webkit-text-fill-color:var(--hide-text)!important;text-shadow:none;animation:none}
body.hide-public .header .logo-text,body.hide-settings .header .logo-text{
 background-image:var(--brand-title-gradient)!important;-webkit-text-fill-color:transparent!important;
 background-size:200% 100%!important;animation:brandTitleGradientFlow 4.8s linear infinite;
}
html[data-theme=dark] body.hide-public .header button,html[data-theme=dark] body.hide-settings .header button,
html[data-theme=dark] body.hide-public .header button i,html[data-theme=dark] body.hide-settings .header button i{color:#fff!important}
html[data-theme=light] body.hide-public .header button,html[data-theme=light] body.hide-settings .header button,
html[data-theme=light] body.hide-public .header button i,html[data-theme=light] body.hide-settings .header button i{color:#1d4ed8!important}
html[data-theme=light] #hide-app .hide-pro{background:linear-gradient(125deg,#e5f2f7,#eff0fa)}
html[data-theme=light] #hide-app .hide-pro-price{color:var(--hide-text)}
#hide-app .hide-logo,#hide-app .hide-icon-preview{color:#fff}
/* Preview the actual watch's black cover, including in the website's light theme. */
#hide-app .hide-cover-preview .hide-cover-display{color:#edf3f6}
#hide-app .hide-cover-preview .hide-cover-keys span{background:#20282e;color:#dce9ef}
@media(prefers-reduced-motion:reduce){body.hide-public .header .logo-text,body.hide-settings .header .logo-text{animation:none}}