/* Shared site themes are selected by the administrator and loaded after base styles. */
:root[data-site-theme] { --border-color: var(--border-glass); --accent-soft: color-mix(in srgb, var(--accent-neon) 14%, transparent); }
:root[data-site-theme="samara-gold"] {
  --bg-dark: #17130e;
  --panel-glass: #211b13;
  --card-glass: #282117;
  --card-glass-hover: #352b1c;
  --border-glass: #493b25;
  --border-glow: #70582f;
  --inner-box-bg: #1b160f;
  --text-bright: #fff4d6;
  --text-sub: #d0bea0;
  --text-dim: #b3a185;
  --accent-neon: #f5bd32;
  --btn-liquid-bg: #9b6911;
  --accent-soft: #ffe3a3;
  --bg-gradient: none; --dropdown-bg: #211b13; --svg-path-main: #fff4d6; --cliq-logo-color: #fff4d6;
}
:root[data-site-theme="gold-light"] {
  --bg-dark: #faf6ec;
  --panel-glass: #fffdf8;
  --card-glass: #ffffff;
  --card-glass-hover: #f4ead5;
  --border-glass: #e0d0ac;
  --border-glow: #bfa36b;
  --inner-box-bg: #f5eddd;
  --text-bright: #2c2416;
  --text-sub: #695839;
  --text-dim: #786747;
  --accent-neon: #926315;
  --btn-liquid-bg: #926315;
  --accent-soft: #eee0c0;
  --bg-gradient: none; --dropdown-bg: #fffdf8; --svg-path-main: #2c2416; --cliq-logo-color: #2c2416;
}
:root[data-site-theme="ocean"] {
  --bg-dark: #0b1522;
  --panel-glass: #101e2f;
  --card-glass: #12263a;
  --card-glass-hover: #1b344d;
  --border-glass: #29465f;
  --border-glow: #416880;
  --inner-box-bg: #0d1b2b;
  --text-bright: #e8f5ff;
  --text-sub: #b3cddd;
  --text-dim: #8eafc4;
  --accent-neon: #69c9f4;
  --btn-liquid-bg: #146b99;
  --accent-soft: #193c55;
  --bg-gradient: none; --dropdown-bg: #101e2f; --svg-path-main: #e8f5ff; --cliq-logo-color: #e8f5ff;
}
:root[data-site-theme="emerald"] {
  --bg-dark: #0c1915;
  --panel-glass: #10231b;
  --card-glass: #142b22;
  --card-glass-hover: #1e3b2e;
  --border-glass: #2c4e3e;
  --border-glow: #44715b;
  --inner-box-bg: #0d2018;
  --text-bright: #e9fbf2;
  --text-sub: #b6d3c3;
  --text-dim: #92b4a2;
  --accent-neon: #6bd9ab;
  --btn-liquid-bg: #23734f;
  --accent-soft: #1c4030;
  --bg-gradient: none; --dropdown-bg: #10231b; --svg-path-main: #e9fbf2; --cliq-logo-color: #e9fbf2;
}

:root[data-site-theme="gold-light"] { --accent-green:#237442; --accent-red:#ba3434; --accent-amber:#976413; }
:root[data-site-theme="light"] { --text-dim:#6b7180; }
body.is-admin .nav-link.active { background:var(--accent-soft); }
.site-settings-button, .site-settings-back { align-items:center;justify-content:center;gap:6px;padding:9px 12px;border:1px solid var(--border-glass);border-radius:8px;background:var(--card-glass);color:var(--text-bright);font:inherit;cursor:pointer; }
.site-settings-button { display:none;white-space:nowrap;font-size:13px; }
body.is-admin .site-settings-button { display:inline-flex; }
body:not(.is-admin) #view-settings { display:none!important; }
.settings-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px; }
.settings-heading p,.settings-hint { color:var(--text-sub);font-size:14px;line-height:1.8; }
.settings-heading h2 { font-size:26px; }
.settings-intro { display:flex;gap:16px;align-items:center;padding:20px;background:var(--panel-glass);border:1px solid var(--border-glass);border-radius:12px;margin-bottom:28px; }
.settings-intro img { object-fit:cover;border-radius:12px;flex-shrink:0; }
.settings-intro p { color:var(--text-sub);line-height:1.8;font-size:14px; }
.settings-theme-fieldset { border:0;min-width:0; }
.settings-theme-fieldset legend { font-weight:800;font-size:19px;margin-bottom:6px; }
.settings-theme-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0; }
.site-theme-choice { position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;border:2px solid var(--border-glass);border-radius:12px;background:var(--panel-glass);cursor:pointer;min-width:0; }
.site-theme-choice.selected { border-color:var(--accent-neon); }
.site-theme-choice:focus-within { outline:2px solid var(--accent-neon);outline-offset:3px; }
.site-theme-choice input { position:absolute;top:22px;inset-inline-end:22px;accent-color:var(--accent-neon);width:18px;height:18px;z-index:1; }
.site-theme-sample { background:var(--sample-bg);color:var(--sample-text);height:115px;border-radius:8px;display:flex;overflow:hidden;direction:rtl;padding:12px;gap:10px; }
.sample-nav { width:24px;display:flex;flex-direction:column;gap:8px;padding-top:7px; }
.sample-nav span { height:5px;border-radius:4px;background:var(--sample-accent);opacity:.7; }
.sample-body { flex:1;min-width:0;padding-top:20px; }
.sample-body b { font-size:12px; }
.sample-stats { display:flex;gap:5px;margin-top:9px; }
.sample-stats i { background:var(--sample-panel);border-top:2px solid var(--sample-accent);height:24px;flex:1;border-radius:4px; }
.sample-bar { width:55%;height:6px;border-radius:4px;background:var(--sample-accent);margin-top:8px; }
.site-theme-name { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px;font-weight:800; }
.site-theme-name small { font-size:10px;background:var(--accent-soft);color:var(--accent-neon);border-radius:5px;padding:3px 6px; }
.site-theme-description { color:var(--text-sub);font-size:12px;line-height:1.6; }
.site-theme-swatches { display:flex;gap:5px; }
.site-theme-swatches i { width:18px;height:18px;border:1px solid #8886;border-radius:50%; }
.settings-save-bar { display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 0;margin-top:10px;border-top:1px solid var(--border-glass); }
#settings-status { flex-basis:100%;font-size:14px;line-height:1.7; }
#settings-apply:disabled { opacity:.55;cursor:default; }
@media(max-width:1000px) { .settings-theme-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
  .settings-heading { align-items:flex-start;flex-direction:column; }
  .settings-theme-grid { gap:10px; }
  .site-theme-choice { padding:9px; }
  .site-theme-choice input { top:16px;inset-inline-end:16px; }
  .settings-intro { padding:14px;gap:12px; }
  .site-theme-sample { height:100px;padding:8px;gap:5px; }
  .site-theme-name { font-size:14px; }
  .site-settings-button { padding:8px;font-size:11px;gap:4px; }
  .settings-save-bar > button { width:100%; }
}
@media(max-width:360px) { .settings-theme-grid { grid-template-columns:1fr; } }

/* Match the existing More menu breakpoint. */
@media (max-width:900px) {
  body.is-admin .header-controls > .site-settings-button { display:none; }
}

/* Independent display mode: every existing palette has a coordinated counterpart. */
:root[data-site-theme="samara-gold"][data-theme="light"] {
  --bg-dark: #faf6ec;
  --panel-glass: #fffdf8;
  --card-glass: #ffffff;
  --card-glass-hover: #f4ead5;
  --border-glass: #e0d0ac;
  --border-glow: #bfa36b;
  --inner-box-bg: #f5eddd;
  --text-bright: #2c2416;
  --text-sub: #695839;
  --text-dim: #786747;
  --accent-neon: #926315;
  --btn-liquid-bg: #926315;
  --accent-soft: #eee0c0;
  --bg-gradient: none; --dropdown-bg: #fffdf8; --svg-path-main: #2c2416; --cliq-logo-color: #2c2416;
}
:root[data-site-theme="gold-light"][data-theme="dark"] {
  --bg-dark: #17130e;
  --panel-glass: #211b13;
  --card-glass: #282117;
  --card-glass-hover: #352b1c;
  --border-glass: #493b25;
  --border-glow: #70582f;
  --inner-box-bg: #1b160f;
  --text-bright: #fff4d6;
  --text-sub: #d0bea0;
  --text-dim: #b3a185;
  --accent-neon: #f5bd32;
  --btn-liquid-bg: #9b6911;
  --accent-soft: #ffe3a3;
  --bg-gradient: none; --dropdown-bg: #211b13; --svg-path-main: #fff4d6; --cliq-logo-color: #fff4d6;
}
:root[data-site-theme="ocean"][data-theme="light"] {
 --bg-dark:#edf6fc;--panel-glass:#ffffff;--card-glass:#f8fcff;--card-glass-hover:#e1f0fa;--border-glass:#bfd8e8;--border-glow:#83b6d4;--inner-box-bg:#e8f3fa;--text-bright:#153348;--text-sub:#395a70;--text-dim:#526f80;--accent-neon:#126b9b;--btn-liquid-bg:#126b9b;--accent-soft:#d8ecf8;--bg-gradient:none;--dropdown-bg:#ffffff;--svg-path-main:#153348;--cliq-logo-color:#153348;
}
:root[data-site-theme="emerald"][data-theme="light"] {
 --bg-dark:#eff9f3;--panel-glass:#ffffff;--card-glass:#f9fffb;--card-glass-hover:#dff2e6;--border-glass:#bcdcca;--border-glow:#83b99a;--inner-box-bg:#e7f5ec;--text-bright:#173b29;--text-sub:#416750;--text-dim:#587b65;--accent-neon:#167a4b;--btn-liquid-bg:#167a4b;--accent-soft:#d5efdf;--bg-gradient:none;--dropdown-bg:#ffffff;--svg-path-main:#173b29;--cliq-logo-color:#173b29;
}
:root[data-site-theme="dark"][data-theme="light"] { --text-dim:#626b78; }
:root[data-site-theme="light"][data-theme="dark"] { --text-dim:#aab1c0; }
#gym-display-mode-toggle {position:static;flex-shrink:0;border:1px solid var(--border-glass);background:var(--card-glass);color:var(--text-bright);border-radius:100px;padding:11px 16px;font:600 13px Tajawal,Arial,sans-serif;cursor:pointer;box-shadow:none;direction:rtl;}
#gym-display-mode-toggle:hover {background:var(--card-glass-hover);border-color:var(--accent-neon);}
#gym-display-mode-toggle:focus-visible {outline:2px solid var(--accent-neon);outline-offset:3px;}
@media(max-width:600px){.settings-display-mode{align-items:stretch;flex-direction:column;}#gym-display-mode-toggle{width:100%;}}

/* Material-inspired paired palettes */
:root[data-site-theme="material-rose"][data-theme="dark"] {--bg-dark:#24151d;--panel-glass:color-mix(in srgb,#24151d 80%,#f3b4c7);--card-glass:color-mix(in srgb,#24151d 72%,#f3b4c7);--card-glass-hover:color-mix(in srgb,#24151d 64%,#f3b4c7);--border-glass:color-mix(in srgb,#24151d 65%,#f3b4c7);--border-glow:color-mix(in srgb,#24151d 42%,#f3b4c7);--inner-box-bg:color-mix(in srgb,#24151d 90%,#f3b4c7);--text-bright:#fff1f5;--text-sub:color-mix(in srgb,#fff1f5 77%,#f3b4c7);--text-dim:color-mix(in srgb,#fff1f5 60%,#f3b4c7);--accent-neon:#f3b4c7;--btn-liquid-bg:#9a3157;--accent-soft:color-mix(in srgb,#24151d 78%,#f3b4c7);--bg-gradient:none;--dropdown-bg:var(--panel-glass);--svg-path-main:#fff1f5;--cliq-logo-color:#fff1f5;}
:root[data-site-theme="material-rose"][data-theme="light"] {--bg-dark:#fff1f5;--panel-glass:#ffffff;--card-glass:color-mix(in srgb,#ffffff 93%,#f3b4c7);--card-glass-hover:color-mix(in srgb,#ffffff 80%,#f3b4c7);--border-glass:color-mix(in srgb,#ffffff 62%,#9a3157);--border-glow:color-mix(in srgb,#ffffff 40%,#9a3157);--inner-box-bg:color-mix(in srgb,#ffffff 86%,#f3b4c7);--text-bright:#24151d;--text-sub:color-mix(in srgb,#24151d 76%,#9a3157);--text-dim:color-mix(in srgb,#24151d 62%,#9a3157);--accent-neon:#9a3157;--btn-liquid-bg:#9a3157;--accent-soft:color-mix(in srgb,#ffffff 76%,#f3b4c7);--bg-gradient:none;--dropdown-bg:#ffffff;--svg-path-main:#24151d;--cliq-logo-color:#24151d;}
:root[data-site-theme="material-lavender"][data-theme="dark"] {--bg-dark:#1c1828;--panel-glass:color-mix(in srgb,#1c1828 80%,#cbb7ff);--card-glass:color-mix(in srgb,#1c1828 72%,#cbb7ff);--card-glass-hover:color-mix(in srgb,#1c1828 64%,#cbb7ff);--border-glass:color-mix(in srgb,#1c1828 65%,#cbb7ff);--border-glow:color-mix(in srgb,#1c1828 42%,#cbb7ff);--inner-box-bg:color-mix(in srgb,#1c1828 90%,#cbb7ff);--text-bright:#f5f0ff;--text-sub:color-mix(in srgb,#f5f0ff 77%,#cbb7ff);--text-dim:color-mix(in srgb,#f5f0ff 60%,#cbb7ff);--accent-neon:#cbb7ff;--btn-liquid-bg:#6543ad;--accent-soft:color-mix(in srgb,#1c1828 78%,#cbb7ff);--bg-gradient:none;--dropdown-bg:var(--panel-glass);--svg-path-main:#f5f0ff;--cliq-logo-color:#f5f0ff;}
:root[data-site-theme="material-lavender"][data-theme="light"] {--bg-dark:#f5f0ff;--panel-glass:#ffffff;--card-glass:color-mix(in srgb,#ffffff 93%,#cbb7ff);--card-glass-hover:color-mix(in srgb,#ffffff 80%,#cbb7ff);--border-glass:color-mix(in srgb,#ffffff 62%,#6543ad);--border-glow:color-mix(in srgb,#ffffff 40%,#6543ad);--inner-box-bg:color-mix(in srgb,#ffffff 86%,#cbb7ff);--text-bright:#1c1828;--text-sub:color-mix(in srgb,#1c1828 76%,#6543ad);--text-dim:color-mix(in srgb,#1c1828 62%,#6543ad);--accent-neon:#6543ad;--btn-liquid-bg:#6543ad;--accent-soft:color-mix(in srgb,#ffffff 76%,#cbb7ff);--bg-gradient:none;--dropdown-bg:#ffffff;--svg-path-main:#1c1828;--cliq-logo-color:#1c1828;}
:root[data-site-theme="material-violet"][data-theme="dark"] {--bg-dark:#1d1827;--panel-glass:color-mix(in srgb,#1d1827 80%,#d0bcff);--card-glass:color-mix(in srgb,#1d1827 72%,#d0bcff);--card-glass-hover:color-mix(in srgb,#1d1827 64%,#d0bcff);--border-glass:color-mix(in srgb,#1d1827 65%,#d0bcff);--border-glow:color-mix(in srgb,#1d1827 42%,#d0bcff);--inner-box-bg:color-mix(in srgb,#1d1827 90%,#d0bcff);--text-bright:#f5f0ff;--text-sub:color-mix(in srgb,#f5f0ff 77%,#d0bcff);--text-dim:color-mix(in srgb,#f5f0ff 60%,#d0bcff);--accent-neon:#d0bcff;--btn-liquid-bg:#6844ba;--accent-soft:color-mix(in srgb,#1d1827 78%,#d0bcff);--bg-gradient:none;--dropdown-bg:var(--panel-glass);--svg-path-main:#f5f0ff;--cliq-logo-color:#f5f0ff;}
:root[data-site-theme="material-violet"][data-theme="light"] {--bg-dark:#f5f0ff;--panel-glass:#ffffff;--card-glass:color-mix(in srgb,#ffffff 93%,#d0bcff);--card-glass-hover:color-mix(in srgb,#ffffff 80%,#d0bcff);--border-glass:color-mix(in srgb,#ffffff 62%,#6844ba);--border-glow:color-mix(in srgb,#ffffff 40%,#6844ba);--inner-box-bg:color-mix(in srgb,#ffffff 86%,#d0bcff);--text-bright:#1d1827;--text-sub:color-mix(in srgb,#1d1827 76%,#6844ba);--text-dim:color-mix(in srgb,#1d1827 62%,#6844ba);--accent-neon:#6844ba;--btn-liquid-bg:#6844ba;--accent-soft:color-mix(in srgb,#ffffff 76%,#d0bcff);--bg-gradient:none;--dropdown-bg:#ffffff;--svg-path-main:#1d1827;--cliq-logo-color:#1d1827;}
:root[data-site-theme="material-sky"][data-theme="dark"] {--bg-dark:#121e2b;--panel-glass:color-mix(in srgb,#121e2b 80%,#a7d8ff);--card-glass:color-mix(in srgb,#121e2b 72%,#a7d8ff);--card-glass-hover:color-mix(in srgb,#121e2b 64%,#a7d8ff);--border-glass:color-mix(in srgb,#121e2b 65%,#a7d8ff);--border-glow:color-mix(in srgb,#121e2b 42%,#a7d8ff);--inner-box-bg:color-mix(in srgb,#121e2b 90%,#a7d8ff);--text-bright:#eef7ff;--text-sub:color-mix(in srgb,#eef7ff 77%,#a7d8ff);--text-dim:color-mix(in srgb,#eef7ff 60%,#a7d8ff);--accent-neon:#a7d8ff;--btn-liquid-bg:#176caa;--accent-soft:color-mix(in srgb,#121e2b 78%,#a7d8ff);--bg-gradient:none;--dropdown-bg:var(--panel-glass);--svg-path-main:#eef7ff;--cliq-logo-color:#eef7ff;}
:root[data-site-theme="material-sky"][data-theme="light"] {--bg-dark:#eef7ff;--panel-glass:#ffffff;--card-glass:color-mix(in srgb,#ffffff 93%,#a7d8ff);--card-glass-hover:color-mix(in srgb,#ffffff 80%,#a7d8ff);--border-glass:color-mix(in srgb,#ffffff 62%,#176caa);--border-glow:color-mix(in srgb,#ffffff 40%,#176caa);--inner-box-bg:color-mix(in srgb,#ffffff 86%,#a7d8ff);--text-bright:#121e2b;--text-sub:color-mix(in srgb,#121e2b 76%,#176caa);--text-dim:color-mix(in srgb,#121e2b 62%,#176caa);--accent-neon:#176caa;--btn-liquid-bg:#176caa;--accent-soft:color-mix(in srgb,#ffffff 76%,#a7d8ff);--bg-gradient:none;--dropdown-bg:#ffffff;--svg-path-main:#121e2b;--cliq-logo-color:#121e2b;}
:root[data-site-theme="material-teal"][data-theme="dark"] {--bg-dark:#102422;--panel-glass:color-mix(in srgb,#102422 80%,#80d5ce);--card-glass:color-mix(in srgb,#102422 72%,#80d5ce);--card-glass-hover:color-mix(in srgb,#102422 64%,#80d5ce);--border-glass:color-mix(in srgb,#102422 65%,#80d5ce);--border-glow:color-mix(in srgb,#102422 42%,#80d5ce);--inner-box-bg:color-mix(in srgb,#102422 90%,#80d5ce);--text-bright:#e8f9f7;--text-sub:color-mix(in srgb,#e8f9f7 77%,#80d5ce);--text-dim:color-mix(in srgb,#e8f9f7 60%,#80d5ce);--accent-neon:#80d5ce;--btn-liquid-bg:#087b76;--accent-soft:color-mix(in srgb,#102422 78%,#80d5ce);--bg-gradient:none;--dropdown-bg:var(--panel-glass);--svg-path-main:#e8f9f7;--cliq-logo-color:#e8f9f7;}
:root[data-site-theme="material-teal"][data-theme="light"] {--bg-dark:#e8f9f7;--panel-glass:#ffffff;--card-glass:color-mix(in srgb,#ffffff 93%,#80d5ce);--card-glass-hover:color-mix(in srgb,#ffffff 80%,#80d5ce);--border-glass:color-mix(in srgb,#ffffff 62%,#087b76);--border-glow:color-mix(in srgb,#ffffff 40%,#087b76);--inner-box-bg:color-mix(in srgb,#ffffff 86%,#80d5ce);--text-bright:#102422;--text-sub:color-mix(in srgb,#102422 76%,#087b76);--text-dim:color-mix(in srgb,#102422 62%,#087b76);--accent-neon:#087b76;--btn-liquid-bg:#087b76;--accent-soft:color-mix(in srgb,#ffffff 76%,#80d5ce);--bg-gradient:none;--dropdown-bg:#ffffff;--svg-path-main:#102422;--cliq-logo-color:#102422;}
:root[data-site-theme="material-mint"][data-theme="dark"] {--bg-dark:#13241b;--panel-glass:color-mix(in srgb,#13241b 80%,#a5e5c0);--card-glass:color-mix(in srgb,#13241b 72%,#a5e5c0);--card-glass-hover:color-mix(in srgb,#13241b 64%,#a5e5c0);--border-glass:color-mix(in srgb,#13241b 65%,#a5e5c0);--border-glow:color-mix(in srgb,#13241b 42%,#a5e5c0);--inner-box-bg:color-mix(in srgb,#13241b 90%,#a5e5c0);--text-bright:#ecfaf1;--text-sub:color-mix(in srgb,#ecfaf1 77%,#a5e5c0);--text-dim:color-mix(in srgb,#ecfaf1 60%,#a5e5c0);--accent-neon:#a5e5c0;--btn-liquid-bg:#267b53;--accent-soft:color-mix(in srgb,#13241b 78%,#a5e5c0);--bg-gradient:none;--dropdown-bg:var(--panel-glass);--svg-path-main:#ecfaf1;--cliq-logo-color:#ecfaf1;}
:root[data-site-theme="material-mint"][data-theme="light"] {--bg-dark:#ecfaf1;--panel-glass:#ffffff;--card-glass:color-mix(in srgb,#ffffff 93%,#a5e5c0);--card-glass-hover:color-mix(in srgb,#ffffff 80%,#a5e5c0);--border-glass:color-mix(in srgb,#ffffff 62%,#267b53);--border-glow:color-mix(in srgb,#ffffff 40%,#267b53);--inner-box-bg:color-mix(in srgb,#ffffff 86%,#a5e5c0);--text-bright:#13241b;--text-sub:color-mix(in srgb,#13241b 76%,#267b53);--text-dim:color-mix(in srgb,#13241b 62%,#267b53);--accent-neon:#267b53;--btn-liquid-bg:#267b53;--accent-soft:color-mix(in srgb,#ffffff 76%,#a5e5c0);--bg-gradient:none;--dropdown-bg:#ffffff;--svg-path-main:#13241b;--cliq-logo-color:#13241b;}
:root[data-site-theme="material-lime"][data-theme="dark"] {--bg-dark:#1c2411;--panel-glass:color-mix(in srgb,#1c2411 80%,#c8e58c);--card-glass:color-mix(in srgb,#1c2411 72%,#c8e58c);--card-glass-hover:color-mix(in srgb,#1c2411 64%,#c8e58c);--border-glass:color-mix(in srgb,#1c2411 65%,#c8e58c);--border-glow:color-mix(in srgb,#1c2411 42%,#c8e58c);--inner-box-bg:color-mix(in srgb,#1c2411 90%,#c8e58c);--text-bright:#f4fae8;--text-sub:color-mix(in srgb,#f4fae8 77%,#c8e58c);--text-dim:color-mix(in srgb,#f4fae8 60%,#c8e58c);--accent-neon:#c8e58c;--btn-liquid-bg:#587a1c;--accent-soft:color-mix(in srgb,#1c2411 78%,#c8e58c);--bg-gradient:none;--dropdown-bg:var(--panel-glass);--svg-path-main:#f4fae8;--cliq-logo-color:#f4fae8;}
:root[data-site-theme="material-lime"][data-theme="light"] {--bg-dark:#f4fae8;--panel-glass:#ffffff;--card-glass:color-mix(in srgb,#ffffff 93%,#c8e58c);--card-glass-hover:color-mix(in srgb,#ffffff 80%,#c8e58c);--border-glass:color-mix(in srgb,#ffffff 62%,#587a1c);--border-glow:color-mix(in srgb,#ffffff 40%,#587a1c);--inner-box-bg:color-mix(in srgb,#ffffff 86%,#c8e58c);--text-bright:#1c2411;--text-sub:color-mix(in srgb,#1c2411 76%,#587a1c);--text-dim:color-mix(in srgb,#1c2411 62%,#587a1c);--accent-neon:#587a1c;--btn-liquid-bg:#587a1c;--accent-soft:color-mix(in srgb,#ffffff 76%,#c8e58c);--bg-gradient:none;--dropdown-bg:#ffffff;--svg-path-main:#1c2411;--cliq-logo-color:#1c2411;}
:root[data-site-theme="material-amber"][data-theme="dark"] {--bg-dark:#251d12;--panel-glass:color-mix(in srgb,#251d12 80%,#f6cb76);--card-glass:color-mix(in srgb,#251d12 72%,#f6cb76);--card-glass-hover:color-mix(in srgb,#251d12 64%,#f6cb76);--border-glass:color-mix(in srgb,#251d12 65%,#f6cb76);--border-glow:color-mix(in srgb,#251d12 42%,#f6cb76);--inner-box-bg:color-mix(in srgb,#251d12 90%,#f6cb76);--text-bright:#fff8e9;--text-sub:color-mix(in srgb,#fff8e9 77%,#f6cb76);--text-dim:color-mix(in srgb,#fff8e9 60%,#f6cb76);--accent-neon:#f6cb76;--btn-liquid-bg:#94620e;--accent-soft:color-mix(in srgb,#251d12 78%,#f6cb76);--bg-gradient:none;--dropdown-bg:var(--panel-glass);--svg-path-main:#fff8e9;--cliq-logo-color:#fff8e9;}
:root[data-site-theme="material-amber"][data-theme="light"] {--bg-dark:#fff8e9;--panel-glass:#ffffff;--card-glass:color-mix(in srgb,#ffffff 93%,#f6cb76);--card-glass-hover:color-mix(in srgb,#ffffff 80%,#f6cb76);--border-glass:color-mix(in srgb,#ffffff 62%,#94620e);--border-glow:color-mix(in srgb,#ffffff 40%,#94620e);--inner-box-bg:color-mix(in srgb,#ffffff 86%,#f6cb76);--text-bright:#251d12;--text-sub:color-mix(in srgb,#251d12 76%,#94620e);--text-dim:color-mix(in srgb,#251d12 62%,#94620e);--accent-neon:#94620e;--btn-liquid-bg:#94620e;--accent-soft:color-mix(in srgb,#ffffff 76%,#f6cb76);--bg-gradient:none;--dropdown-bg:#ffffff;--svg-path-main:#251d12;--cliq-logo-color:#251d12;}
:root[data-site-theme="material-coral"][data-theme="dark"] {--bg-dark:#281915;--panel-glass:color-mix(in srgb,#281915 80%,#ffb4a5);--card-glass:color-mix(in srgb,#281915 72%,#ffb4a5);--card-glass-hover:color-mix(in srgb,#281915 64%,#ffb4a5);--border-glass:color-mix(in srgb,#281915 65%,#ffb4a5);--border-glow:color-mix(in srgb,#281915 42%,#ffb4a5);--inner-box-bg:color-mix(in srgb,#281915 90%,#ffb4a5);--text-bright:#fff3ee;--text-sub:color-mix(in srgb,#fff3ee 77%,#ffb4a5);--text-dim:color-mix(in srgb,#fff3ee 60%,#ffb4a5);--accent-neon:#ffb4a5;--btn-liquid-bg:#ad4e37;--accent-soft:color-mix(in srgb,#281915 78%,#ffb4a5);--bg-gradient:none;--dropdown-bg:var(--panel-glass);--svg-path-main:#fff3ee;--cliq-logo-color:#fff3ee;}
:root[data-site-theme="material-coral"][data-theme="light"] {--bg-dark:#fff3ee;--panel-glass:#ffffff;--card-glass:color-mix(in srgb,#ffffff 93%,#ffb4a5);--card-glass-hover:color-mix(in srgb,#ffffff 80%,#ffb4a5);--border-glass:color-mix(in srgb,#ffffff 62%,#ad4e37);--border-glow:color-mix(in srgb,#ffffff 40%,#ad4e37);--inner-box-bg:color-mix(in srgb,#ffffff 86%,#ffb4a5);--text-bright:#281915;--text-sub:color-mix(in srgb,#281915 76%,#ad4e37);--text-dim:color-mix(in srgb,#281915 62%,#ad4e37);--accent-neon:#ad4e37;--btn-liquid-bg:#ad4e37;--accent-soft:color-mix(in srgb,#ffffff 76%,#ffb4a5);--bg-gradient:none;--dropdown-bg:#ffffff;--svg-path-main:#281915;--cliq-logo-color:#281915;}
:root[data-site-theme="material-red"][data-theme="dark"] {--bg-dark:#291716;--panel-glass:color-mix(in srgb,#291716 80%,#ffb4ab);--card-glass:color-mix(in srgb,#291716 72%,#ffb4ab);--card-glass-hover:color-mix(in srgb,#291716 64%,#ffb4ab);--border-glass:color-mix(in srgb,#291716 65%,#ffb4ab);--border-glow:color-mix(in srgb,#291716 42%,#ffb4ab);--inner-box-bg:color-mix(in srgb,#291716 90%,#ffb4ab);--text-bright:#fff0ef;--text-sub:color-mix(in srgb,#fff0ef 77%,#ffb4ab);--text-dim:color-mix(in srgb,#fff0ef 60%,#ffb4ab);--accent-neon:#ffb4ab;--btn-liquid-bg:#ad3e3b;--accent-soft:color-mix(in srgb,#291716 78%,#ffb4ab);--bg-gradient:none;--dropdown-bg:var(--panel-glass);--svg-path-main:#fff0ef;--cliq-logo-color:#fff0ef;}
:root[data-site-theme="material-red"][data-theme="light"] {--bg-dark:#fff0ef;--panel-glass:#ffffff;--card-glass:color-mix(in srgb,#ffffff 93%,#ffb4ab);--card-glass-hover:color-mix(in srgb,#ffffff 80%,#ffb4ab);--border-glass:color-mix(in srgb,#ffffff 62%,#ad3e3b);--border-glow:color-mix(in srgb,#ffffff 40%,#ad3e3b);--inner-box-bg:color-mix(in srgb,#ffffff 86%,#ffb4ab);--text-bright:#291716;--text-sub:color-mix(in srgb,#291716 76%,#ad3e3b);--text-dim:color-mix(in srgb,#291716 62%,#ad3e3b);--accent-neon:#ad3e3b;--btn-liquid-bg:#ad3e3b;--accent-soft:color-mix(in srgb,#ffffff 76%,#ffb4ab);--bg-gradient:none;--dropdown-bg:#ffffff;--svg-path-main:#291716;--cliq-logo-color:#291716;}
:root[data-site-theme="material-indigo"][data-theme="dark"] {--bg-dark:#171c30;--panel-glass:color-mix(in srgb,#171c30 80%,#b9c4ff);--card-glass:color-mix(in srgb,#171c30 72%,#b9c4ff);--card-glass-hover:color-mix(in srgb,#171c30 64%,#b9c4ff);--border-glass:color-mix(in srgb,#171c30 65%,#b9c4ff);--border-glow:color-mix(in srgb,#171c30 42%,#b9c4ff);--inner-box-bg:color-mix(in srgb,#171c30 90%,#b9c4ff);--text-bright:#f0f2ff;--text-sub:color-mix(in srgb,#f0f2ff 77%,#b9c4ff);--text-dim:color-mix(in srgb,#f0f2ff 60%,#b9c4ff);--accent-neon:#b9c4ff;--btn-liquid-bg:#435bb1;--accent-soft:color-mix(in srgb,#171c30 78%,#b9c4ff);--bg-gradient:none;--dropdown-bg:var(--panel-glass);--svg-path-main:#f0f2ff;--cliq-logo-color:#f0f2ff;}
:root[data-site-theme="material-indigo"][data-theme="light"] {--bg-dark:#f0f2ff;--panel-glass:#ffffff;--card-glass:color-mix(in srgb,#ffffff 93%,#b9c4ff);--card-glass-hover:color-mix(in srgb,#ffffff 80%,#b9c4ff);--border-glass:color-mix(in srgb,#ffffff 62%,#435bb1);--border-glow:color-mix(in srgb,#ffffff 40%,#435bb1);--inner-box-bg:color-mix(in srgb,#ffffff 86%,#b9c4ff);--text-bright:#171c30;--text-sub:color-mix(in srgb,#171c30 76%,#435bb1);--text-dim:color-mix(in srgb,#171c30 62%,#435bb1);--accent-neon:#435bb1;--btn-liquid-bg:#435bb1;--accent-soft:color-mix(in srgb,#ffffff 76%,#b9c4ff);--bg-gradient:none;--dropdown-bg:#ffffff;--svg-path-main:#171c30;--cliq-logo-color:#171c30;}
:root[data-site-theme="material-slate"][data-theme="dark"] {--bg-dark:#181e27;--panel-glass:color-mix(in srgb,#181e27 80%,#bfc9d9);--card-glass:color-mix(in srgb,#181e27 72%,#bfc9d9);--card-glass-hover:color-mix(in srgb,#181e27 64%,#bfc9d9);--border-glass:color-mix(in srgb,#181e27 65%,#bfc9d9);--border-glow:color-mix(in srgb,#181e27 42%,#bfc9d9);--inner-box-bg:color-mix(in srgb,#181e27 90%,#bfc9d9);--text-bright:#f0f4f9;--text-sub:color-mix(in srgb,#f0f4f9 77%,#bfc9d9);--text-dim:color-mix(in srgb,#f0f4f9 60%,#bfc9d9);--accent-neon:#bfc9d9;--btn-liquid-bg:#4b607c;--accent-soft:color-mix(in srgb,#181e27 78%,#bfc9d9);--bg-gradient:none;--dropdown-bg:var(--panel-glass);--svg-path-main:#f0f4f9;--cliq-logo-color:#f0f4f9;}
:root[data-site-theme="material-slate"][data-theme="light"] {--bg-dark:#f0f4f9;--panel-glass:#ffffff;--card-glass:color-mix(in srgb,#ffffff 93%,#bfc9d9);--card-glass-hover:color-mix(in srgb,#ffffff 80%,#bfc9d9);--border-glass:color-mix(in srgb,#ffffff 62%,#4b607c);--border-glow:color-mix(in srgb,#ffffff 40%,#4b607c);--inner-box-bg:color-mix(in srgb,#ffffff 86%,#bfc9d9);--text-bright:#181e27;--text-sub:color-mix(in srgb,#181e27 76%,#4b607c);--text-dim:color-mix(in srgb,#181e27 62%,#4b607c);--accent-neon:#4b607c;--btn-liquid-bg:#4b607c;--accent-soft:color-mix(in srgb,#ffffff 76%,#bfc9d9);--bg-gradient:none;--dropdown-bg:#ffffff;--svg-path-main:#181e27;--cliq-logo-color:#181e27;}
:root[data-site-theme="material-peach"][data-theme="dark"] {--bg-dark:#281c16;--panel-glass:color-mix(in srgb,#281c16 80%,#ffc6a7);--card-glass:color-mix(in srgb,#281c16 72%,#ffc6a7);--card-glass-hover:color-mix(in srgb,#281c16 64%,#ffc6a7);--border-glass:color-mix(in srgb,#281c16 65%,#ffc6a7);--border-glow:color-mix(in srgb,#281c16 42%,#ffc6a7);--inner-box-bg:color-mix(in srgb,#281c16 90%,#ffc6a7);--text-bright:#fff4ec;--text-sub:color-mix(in srgb,#fff4ec 77%,#ffc6a7);--text-dim:color-mix(in srgb,#fff4ec 60%,#ffc6a7);--accent-neon:#ffc6a7;--btn-liquid-bg:#a95a31;--accent-soft:color-mix(in srgb,#281c16 78%,#ffc6a7);--bg-gradient:none;--dropdown-bg:var(--panel-glass);--svg-path-main:#fff4ec;--cliq-logo-color:#fff4ec;}
:root[data-site-theme="material-peach"][data-theme="light"] {--bg-dark:#fff4ec;--panel-glass:#ffffff;--card-glass:color-mix(in srgb,#ffffff 93%,#ffc6a7);--card-glass-hover:color-mix(in srgb,#ffffff 80%,#ffc6a7);--border-glass:color-mix(in srgb,#ffffff 62%,#a95a31);--border-glow:color-mix(in srgb,#ffffff 40%,#a95a31);--inner-box-bg:color-mix(in srgb,#ffffff 86%,#ffc6a7);--text-bright:#281c16;--text-sub:color-mix(in srgb,#281c16 76%,#a95a31);--text-dim:color-mix(in srgb,#281c16 62%,#a95a31);--accent-neon:#a95a31;--btn-liquid-bg:#a95a31;--accent-soft:color-mix(in srgb,#ffffff 76%,#ffc6a7);--bg-gradient:none;--dropdown-bg:#ffffff;--svg-path-main:#281c16;--cliq-logo-color:#281c16;}
:root[data-site-theme="material-cyan"][data-theme="dark"] {--bg-dark:#10252a;--panel-glass:color-mix(in srgb,#10252a 80%,#8cdeed);--card-glass:color-mix(in srgb,#10252a 72%,#8cdeed);--card-glass-hover:color-mix(in srgb,#10252a 64%,#8cdeed);--border-glass:color-mix(in srgb,#10252a 65%,#8cdeed);--border-glow:color-mix(in srgb,#10252a 42%,#8cdeed);--inner-box-bg:color-mix(in srgb,#10252a 90%,#8cdeed);--text-bright:#e9faff;--text-sub:color-mix(in srgb,#e9faff 77%,#8cdeed);--text-dim:color-mix(in srgb,#e9faff 60%,#8cdeed);--accent-neon:#8cdeed;--btn-liquid-bg:#087c94;--accent-soft:color-mix(in srgb,#10252a 78%,#8cdeed);--bg-gradient:none;--dropdown-bg:var(--panel-glass);--svg-path-main:#e9faff;--cliq-logo-color:#e9faff;}
:root[data-site-theme="material-cyan"][data-theme="light"] {--bg-dark:#e9faff;--panel-glass:#ffffff;--card-glass:color-mix(in srgb,#ffffff 93%,#8cdeed);--card-glass-hover:color-mix(in srgb,#ffffff 80%,#8cdeed);--border-glass:color-mix(in srgb,#ffffff 62%,#087c94);--border-glow:color-mix(in srgb,#ffffff 40%,#087c94);--inner-box-bg:color-mix(in srgb,#ffffff 86%,#8cdeed);--text-bright:#10252a;--text-sub:color-mix(in srgb,#10252a 76%,#087c94);--text-dim:color-mix(in srgb,#10252a 62%,#087c94);--accent-neon:#087c94;--btn-liquid-bg:#087c94;--accent-soft:color-mix(in srgb,#ffffff 76%,#8cdeed);--bg-gradient:none;--dropdown-bg:#ffffff;--svg-path-main:#10252a;--cliq-logo-color:#10252a;}
:root[data-site-theme="material-brown"][data-theme="dark"] {--bg-dark:#261e19;--panel-glass:color-mix(in srgb,#261e19 80%,#dec2a8);--card-glass:color-mix(in srgb,#261e19 72%,#dec2a8);--card-glass-hover:color-mix(in srgb,#261e19 64%,#dec2a8);--border-glass:color-mix(in srgb,#261e19 65%,#dec2a8);--border-glow:color-mix(in srgb,#261e19 42%,#dec2a8);--inner-box-bg:color-mix(in srgb,#261e19 90%,#dec2a8);--text-bright:#f9f2eb;--text-sub:color-mix(in srgb,#f9f2eb 77%,#dec2a8);--text-dim:color-mix(in srgb,#f9f2eb 60%,#dec2a8);--accent-neon:#dec2a8;--btn-liquid-bg:#866043;--accent-soft:color-mix(in srgb,#261e19 78%,#dec2a8);--bg-gradient:none;--dropdown-bg:var(--panel-glass);--svg-path-main:#f9f2eb;--cliq-logo-color:#f9f2eb;}
:root[data-site-theme="material-brown"][data-theme="light"] {--bg-dark:#f9f2eb;--panel-glass:#ffffff;--card-glass:color-mix(in srgb,#ffffff 93%,#dec2a8);--card-glass-hover:color-mix(in srgb,#ffffff 80%,#dec2a8);--border-glass:color-mix(in srgb,#ffffff 62%,#866043);--border-glow:color-mix(in srgb,#ffffff 40%,#866043);--inner-box-bg:color-mix(in srgb,#ffffff 86%,#dec2a8);--text-bright:#261e19;--text-sub:color-mix(in srgb,#261e19 76%,#866043);--text-dim:color-mix(in srgb,#261e19 62%,#866043);--accent-neon:#866043;--btn-liquid-bg:#866043;--accent-soft:color-mix(in srgb,#ffffff 76%,#dec2a8);--bg-gradient:none;--dropdown-bg:#ffffff;--svg-path-main:#261e19;--cliq-logo-color:#261e19;}
:root[data-site-theme="material-pink"][data-theme="dark"] {--bg-dark:#281727;--panel-glass:color-mix(in srgb,#281727 80%,#f3b3e2);--card-glass:color-mix(in srgb,#281727 72%,#f3b3e2);--card-glass-hover:color-mix(in srgb,#281727 64%,#f3b3e2);--border-glass:color-mix(in srgb,#281727 65%,#f3b3e2);--border-glow:color-mix(in srgb,#281727 42%,#f3b3e2);--inner-box-bg:color-mix(in srgb,#281727 90%,#f3b3e2);--text-bright:#fff0fb;--text-sub:color-mix(in srgb,#fff0fb 77%,#f3b3e2);--text-dim:color-mix(in srgb,#fff0fb 60%,#f3b3e2);--accent-neon:#f3b3e2;--btn-liquid-bg:#9b3986;--accent-soft:color-mix(in srgb,#281727 78%,#f3b3e2);--bg-gradient:none;--dropdown-bg:var(--panel-glass);--svg-path-main:#fff0fb;--cliq-logo-color:#fff0fb;}
:root[data-site-theme="material-pink"][data-theme="light"] {--bg-dark:#fff0fb;--panel-glass:#ffffff;--card-glass:color-mix(in srgb,#ffffff 93%,#f3b3e2);--card-glass-hover:color-mix(in srgb,#ffffff 80%,#f3b3e2);--border-glass:color-mix(in srgb,#ffffff 62%,#9b3986);--border-glow:color-mix(in srgb,#ffffff 40%,#9b3986);--inner-box-bg:color-mix(in srgb,#ffffff 86%,#f3b3e2);--text-bright:#281727;--text-sub:color-mix(in srgb,#281727 76%,#9b3986);--text-dim:color-mix(in srgb,#281727 62%,#9b3986);--accent-neon:#9b3986;--btn-liquid-bg:#9b3986;--accent-soft:color-mix(in srgb,#ffffff 76%,#f3b3e2);--bg-gradient:none;--dropdown-bg:#ffffff;--svg-path-main:#281727;--cliq-logo-color:#281727;}

.settings-display-mode{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px;margin:0 0 24px;background:var(--panel-glass);border:1px solid var(--border-glass);border-radius:18px;}
.settings-display-mode strong{color:var(--text-bright);font-size:17px;}
.settings-display-mode .settings-hint{margin:4px 0 0;}
#gym-mobile-tools-toggle .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Live theme preview and scoped application actions */
.settings-preview-info{margin-top:20px;padding:13px 16px;border-radius:14px;background:var(--accent-soft);color:var(--text-bright);border:1px solid var(--border-glass);font-size:14px;font-weight:600;}
.settings-save-bar #settings-apply-personal,.settings-save-bar #settings-apply,.settings-save-bar #settings-reset-personal{min-height:44px;border-radius:14px;padding:10px 18px;}
.settings-save-bar #settings-apply-personal{background:var(--accent-neon);color:var(--bg-dark);border:1px solid var(--accent-neon);}
.settings-save-bar #settings-apply-personal:disabled,.settings-save-bar #settings-apply:disabled{opacity:.55;cursor:not-allowed;}

/* Consistent Google Material 3 shape language.
   Keep the corner radius stable throughout hover, press and entrance motion. */
:root { --gym-md-control-radius: 999px; --gym-md-card-radius: 24px; --gym-md-inner-radius: 18px; }
body :is(button,.btn-liquid,.site-settings-back,.site-settings-button,.action-icon-btn,.nav-link,.gym-mobile-tools-toggle,.gym-mobile-tools-panel button,.gym-actions-menu button,.gym-export-options button) {
  border-radius:var(--gym-md-control-radius);
}
body :is(button,.btn-liquid,.site-settings-back,.site-settings-button,.action-icon-btn,.nav-link) {
  transition-property:background-color,border-color,color,box-shadow,transform,opacity;
  transition-duration:180ms;
  transition-timing-function:cubic-bezier(.2,0,0,1);
}
body :is(button,.btn-liquid,.site-settings-back,.site-settings-button,.action-icon-btn,.nav-link):focus-visible {
  outline:2px solid var(--accent-neon);outline-offset:3px;
}
body :is(.site-theme-choice,.settings-intro,.settings-display-mode,.settings-preview-info) {
  border-radius:var(--gym-md-card-radius);
}
body .site-theme-choice {
  overflow:hidden;
  transition:background-color 220ms cubic-bezier(.2,0,0,1),border-color 220ms cubic-bezier(.2,0,0,1),box-shadow 220ms cubic-bezier(.2,0,0,1),transform 220ms cubic-bezier(.2,0,0,1);
}
body .site-theme-choice:hover { border-color:var(--accent-neon);transform:translateY(-2px); }
body .site-theme-choice:active { transform:scale(.985); }
body .site-theme-choice.selected { box-shadow:0 0 0 1px var(--accent-neon); }
body .site-theme-sample { border-radius:var(--gym-md-inner-radius); }
body .site-theme-name small { border-radius:999px;padding:4px 9px; }
body .settings-save-bar :is(#settings-apply-personal,#settings-apply,#settings-reset-personal,#settings-retry),
body #gym-display-mode-toggle { border-radius:var(--gym-md-control-radius); }
body :is(.settings-save-bar,.settings-theme-grid) button:active { transform:scale(.98); }
@media(hover:none) { body .site-theme-choice:hover {transform:none;} }
@media(prefers-reduced-motion:reduce) {
  body .site-theme-choice,body :is(button,.btn-liquid,.site-settings-back,.site-settings-button,.action-icon-btn,.nav-link){transition:none!important;}
  body .site-theme-choice:hover,body .site-theme-choice:active {transform:none;}
}