/* Мой Оптимум · демо-токены. Три стиля: A «Эвкалипт», B «Виталити» (дефолт), C «Биолаб» */
:root, body[data-style="b"]{
  --font:'Manrope',system-ui,sans-serif; --mono:'Manrope',sans-serif;
  --bg:linear-gradient(160deg,#F1EDFF 0%,#FBF1FF 45%,#FFF3EA 100%);
  --bg-flat:#F4F0FE; --card:#FFFFFF; --ink:#241F3D; --sub:#7B7794; --line:#EEEAFA;
  --accent:#7B6CF6; --accent2:#5A49E8; --accent-soft:#ECE8FF; --accent-ink:#5A49E8;
  --ok:#8bc97f; --ok-bg:#EAF4E1; --warn:#ffc000; --warn-bg:#FEF3CE;
  --bad:#ff6969; --bad-bg:#FFE3E3; --info:#4C7FD4; --info-bg:#E3EDFB; --na:#9AA0AF; --na-bg:#EEEFF3;
  --r-lg:26px; --r-md:18px; --r-sm:12px;
  --shadow:0 16px 40px rgba(123,108,246,.14), 0 3px 10px rgba(123,108,246,.07);
  --btn-grad:linear-gradient(135deg,#7B6CF6,#5A49E8);
}
body[data-style="a"]{
  --font:'Golos Text',system-ui,sans-serif; --mono:'Golos Text',sans-serif;
  --bg:#F6F3EC; --bg-flat:#F6F3EC; --card:#FFFFFF; --ink:#242B27; --sub:#79837C; --line:#ECE7DB;
  --accent:#3E7C6F; --accent2:#2C5F54; --accent-soft:#E3EFE9; --accent-ink:#2C5F54;
  --ok:#8bc97f; --ok-bg:#EAF4E1; --warn:#ffc000; --warn-bg:#FEF3CE;
  --bad:#ff6969; --bad-bg:#FFE3E3; --info:#3E7C9C; --info-bg:#E2EEF4; --na:#9AA39D; --na-bg:#EFEDE6;
  --r-lg:22px; --r-md:16px; --r-sm:11px;
  --shadow:0 10px 30px rgba(80,90,80,.09), 0 2px 8px rgba(80,90,80,.05);
  --btn-grad:linear-gradient(135deg,#3E7C6F,#2C5F54);
}
body[data-style="c"]{
  --font:'Inter',system-ui,sans-serif; --mono:'JetBrains Mono',monospace;
  --bg:#EFF3F7; --bg-flat:#EFF3F7; --card:#FFFFFF; --ink:#101828; --sub:#667085; --line:#E4E9F0;
  --accent:#3B5BFD; --accent2:#2743C7; --accent-soft:#E8EDFF; --accent-ink:#2743C7;
  --ok:#8bc97f; --ok-bg:#EAF4E1; --warn:#ffc000; --warn-bg:#FEF3CE;
  --bad:#ff6969; --bad-bg:#FFE3E3; --info:#2E6FA3; --info-bg:#E3F0FA; --na:#98A2B3; --na-bg:#EDF0F4;
  --r-lg:16px; --r-md:12px; --r-sm:9px;
  --shadow:0 1px 2px rgba(16,24,40,.05), 0 6px 18px rgba(16,24,40,.06);
  --btn-grad:linear-gradient(135deg,#3B5BFD,#2743C7);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
/* B-детали: тени кнопок, деко-блобы */
body[data-style="b"] .btn-p{box-shadow:0 8px 18px rgba(123,108,246,.32);}
.deco{display:none;position:absolute;border-radius:50%;filter:blur(46px);opacity:.5;pointer-events:none;z-index:0;}
body[data-style="b"] .deco{display:block;}
.ico{display:inline-flex;align-items:center;justify-content:center;line-height:0;}
.ico svg{display:block;}
html,body{height:100%;}
body{margin:0;background:var(--bg);background-attachment:fixed;font-family:var(--font);color:var(--ink);}
::-webkit-scrollbar{height:8px;width:8px;}
::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px;}
.card{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow);}
body[data-style="c"] .card{border:1px solid var(--line);}
.btn{border:none;font-family:inherit;font-weight:800;cursor:pointer;border-radius:var(--r-sm);}
.btn-p{background:var(--btn-grad);color:#fff;}
.btn-g{background:var(--bg-flat);color:var(--ink);}
.chip{display:inline-flex;align-items:center;font-weight:800;border-radius:999px;}
body[data-style="c"] .chip{border-radius:6px;}

/* пробная панель */
.probe{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:999;display:flex;gap:3px;align-items:center;background:rgba(22,20,38,.9);backdrop-filter:blur(10px);border-radius:999px;padding:4px 6px;font-family:var(--font);white-space:nowrap;max-width:calc(100vw - 16px);overflow-x:auto;}
.probe b{font-size:10px;color:#8f8ba8;font-weight:700;padding:0 4px;}
.probe a,.probe button{font-size:11px;font-weight:800;color:#cfcbe4;text-decoration:none;padding:5px 9px;border-radius:999px;border:none;background:none;cursor:pointer;font-family:inherit;}
.probe .cur{background:#fff;color:#241F3D;}
.probe .dv{width:1px;align-self:stretch;background:rgba(255,255,255,.22);margin:2px 2px;}