/* =====================================================================
   «Мой облик» — темы, фоны, лапки и настройщик кабинета purr! (09.10).
   Подключается только на личных страницах (кабинет, карта клуба) бренда purr.
   Тема ставится атрибутами на <html>: data-look-theme / -decor / -paws / -dark
   (services/looks.js → htmlAttrs, на лету — public/js/look.js).
   «Классика · день» = прежний облик кабинета: правила тем ниже её не трогают.
   ===================================================================== */

/* ---------- Наборы цветов тем (те же переменные — у мини-превью в настройщике) ---------- */
:is(html[data-brand="purr"][data-look-theme], html[data-brand="purr"] [data-look-theme]) {
  --lk-page: #F2E1DA; --lk-surface: #FFFFFF; --lk-surface-2: #FBF3EF; --lk-text: #161616; --lk-muted: #6E625D; --lk-line: rgba(22, 22, 22, 0.14);
  --lk-hero: #161616; --lk-hero-size: 100% 100%; --lk-hero-text: #FFFFFF; --lk-hero-muted: rgba(242, 225, 218, 0.82); --lk-hero-line: rgba(255, 255, 255, 0.9);
  --lk-accent: #E8335F; --lk-accent-text: #FFFFFF; --lk-accent2: #C8F04B; --lk-accent2-text: #161616;
  --lk-blob1: #E8335F; --lk-blob2: #C8F04B; --lk-glow: rgba(200, 240, 75, 0.55); --lk-paw: #C8F04B; --lk-wave1: #E8335F; --lk-wave2: #C8F04B;
  --lk-card: #161616; --lk-card-text: #F2E1DA; --lk-num: #C8F04B; --lk-num-fill: none;
  --lk-header: rgba(242, 225, 218, 0.94); --lk-header-text: #161616; --lk-sticker: #F2E1DA; --lk-sticker-text: #161616; --lk-word: rgba(200, 240, 75, 0.22);
}
:is(html[data-brand="purr"][data-look-theme="night"], html[data-brand="purr"] [data-look-theme="night"]) {
  /* «Ночь · Майя» (09.10, владелец): графит и золото прежнего бренда — дань уважения «Майе» */
  --lk-page: #1F1C1A; --lk-surface: #2E2B28; --lk-surface-2: #38342F; --lk-text: #F3EBDA; --lk-muted: #B5A891; --lk-line: rgba(243, 235, 218, 0.14);
  --lk-hero: radial-gradient(120% 150% at 86% 0%, #5A4B36 0%, #2E2B28 44%, #1F1C1A 76%); --lk-hero-text: #FAF6EC; --lk-hero-muted: #CBB98F;
  --lk-accent: #B8985F; --lk-accent-text: #1F1C1A; --lk-accent2: #E8C888; --lk-accent2-text: #1F1C1A;
  --lk-blob1: #B8985F; --lk-blob2: #E8C888; --lk-glow: rgba(184, 152, 95, 0.42); --lk-paw: #E8C888; --lk-wave1: #B8985F; --lk-wave2: #E8C888;
  --lk-card: linear-gradient(150deg, #2E2B28 0%, #443C33 55%, #5A4B36 100%); --lk-card-text: #F3EBDA; --lk-num: #E8C888;
  --lk-header: rgba(31, 28, 26, 0.94); --lk-header-text: #F3EBDA; --lk-sticker: #E8C888; --lk-sticker-text: #1F1C1A; --lk-word: rgba(232, 200, 136, 0.2);
}
:is(html[data-brand="purr"][data-look-theme="lavender"], html[data-brand="purr"] [data-look-theme="lavender"]) {
  --lk-page: #EFE7FC; --lk-surface-2: #F7F2FF; --lk-text: #1E1633; --lk-muted: #6B5F86; --lk-line: rgba(43, 31, 78, 0.16);
  --lk-hero: linear-gradient(135deg, #C3ABF3 0%, #DCCBFF 48%, #F3ECFF 100%); --lk-hero-text: #1E1633; --lk-hero-muted: #4A3D6E; --lk-hero-line: #1E1633;
  --lk-accent: #7A55E0; --lk-accent2: #C8F04B; --lk-accent2-text: #1E1633;
  --lk-blob1: #8E6CF0; --lk-blob2: #C8F04B; --lk-glow: rgba(122, 85, 224, 0.35); --lk-paw: #7A55E0; --lk-wave1: #8E6CF0; --lk-wave2: #FFFFFF;
  --lk-card: linear-gradient(135deg, #2B1F4E 0%, #5A3FA8 100%); --lk-num: #C8F04B;
  --lk-header: rgba(239, 231, 252, 0.94); --lk-sticker: #FFFFFF; --lk-sticker-text: #1E1633; --lk-word: rgba(43, 31, 78, 0.16);
}
:is(html[data-brand="purr"][data-look-theme="mint"], html[data-brand="purr"] [data-look-theme="mint"]) {
  --lk-page: #E2F5EC; --lk-surface-2: #F1FBF6; --lk-text: #0F3A30; --lk-muted: #4F6E66; --lk-line: rgba(15, 58, 48, 0.16);
  --lk-hero: linear-gradient(140deg, #8EDDBB 0%, #C6F0DC 55%, #EAFBF3 100%); --lk-hero-text: #0F3A30; --lk-hero-muted: #2F5A4F; --lk-hero-line: #0F3A30;
  --lk-accent: #0F3A30; --lk-accent2: #FF9DB5; --lk-accent2-text: #0F3A30;
  --lk-blob1: #FF7E9D; --lk-blob2: #0F3A30; --lk-glow: rgba(15, 58, 48, 0.25); --lk-paw: #0F3A30; --lk-wave1: #FF9DB5; --lk-wave2: #FFFFFF;
  --lk-card: linear-gradient(135deg, #0F3A30 0%, #1E6B57 100%); --lk-num: #FF9DB5;
  --lk-header: rgba(226, 245, 236, 0.94); --lk-sticker: #FFFFFF; --lk-sticker-text: #0F3A30; --lk-word: rgba(15, 58, 48, 0.14);
}
:is(html[data-brand="purr"][data-look-theme="chrome"], html[data-brand="purr"] [data-look-theme="chrome"]) {
  --lk-page: #ECEEF2; --lk-surface-2: #F6F7F9; --lk-text: #121317; --lk-muted: #5B606B; --lk-line: rgba(18, 19, 23, 0.14);
  --lk-hero: linear-gradient(115deg, #FDFDFE 0%, #C9CDD6 18%, #F4F5F8 34%, #9EA3AF 52%, #EEF0F4 68%, #B9BEC9 84%, #FDFDFE 100%); --lk-hero-size: 220% 100%;
  --lk-hero-text: #121317; --lk-hero-muted: #3A3E47; --lk-hero-line: #121317;
  --lk-accent: #121317; --lk-accent2: #E9ECF2; --lk-accent2-text: #121317;
  --lk-blob1: radial-gradient(circle at 30% 28%, #FFFFFF 0%, #D8DBE2 30%, #8F95A2 70%, #5B606B 100%); --lk-blob2: #E8335F; --lk-glow: rgba(18, 19, 23, 0.22);
  --lk-paw: #121317; --lk-wave1: #9EA3AF; --lk-wave2: #FFFFFF;
  --lk-card: linear-gradient(135deg, #1A1C21 0%, #3A3E47 100%); --lk-num: #F3F4F7;
  --lk-num-fill: linear-gradient(100deg, #FFFFFF 0%, #B9BEC9 30%, #FFFFFF 50%, #8F95A2 75%, #F3F4F7 100%);
  --lk-header: rgba(236, 238, 242, 0.94); --lk-sticker: #FFFFFF; --lk-sticker-text: #121317; --lk-word: rgba(18, 19, 23, 0.12);
}
:is(html[data-brand="purr"][data-look-theme="cherry"], html[data-brand="purr"] [data-look-theme="cherry"]) {
  --lk-page: #1A0710; --lk-surface: #2A0D19; --lk-surface-2: #35111F; --lk-text: #F7DCE4; --lk-muted: #C493A3; --lk-line: rgba(247, 220, 228, 0.14);
  --lk-hero: radial-gradient(120% 150% at 82% 8%, #8A1A3E 0%, #3A0B1C 46%, #1A0710 100%); --lk-hero-text: #FFF1F5; --lk-hero-muted: #E7A9BB;
  --lk-accent: #FF3D6E; --lk-accent2: #F7DCE4; --lk-accent2-text: #3A0B1C;
  --lk-blob1: #C41E48; --lk-blob2: #FFB3C6; --lk-glow: rgba(255, 61, 110, 0.45); --lk-paw: #FF7A9C; --lk-wave1: #C41E48; --lk-wave2: #FFB3C6;
  --lk-card: linear-gradient(135deg, #3A0B1C 0%, #7A1636 100%); --lk-card-text: #FFF1F5; --lk-num: #FFB3C6;
  --lk-header: rgba(26, 7, 16, 0.92); --lk-header-text: #F7DCE4; --lk-sticker: #FFB3C6; --lk-sticker-text: #3A0B1C; --lk-word: rgba(255, 179, 198, 0.2);
}
:is(html[data-brand="purr"][data-look-theme="cateye"], html[data-brand="purr"] [data-look-theme="cateye"]) {
  --lk-page: #06110E; --lk-surface: #0E1E19; --lk-surface-2: #132822; --lk-text: #E9FFF7; --lk-muted: #7FCDB5; --lk-line: rgba(92, 242, 196, 0.16);
  --lk-hero: linear-gradient(112deg, #040A08 0%, #08201A 30%, #1B8A6C 44%, #8FFFE0 49.5%, #E8FFF8 50%, #8FFFE0 50.5%, #1B8A6C 56%, #08201A 70%, #040A08 100%); --lk-hero-size: 260% 100%;
  --lk-hero-text: #FFFFFF; --lk-hero-muted: #A6E9D5;
  --lk-accent: #5CF2C4; --lk-accent-text: #04110D; --lk-accent2: #C8F04B; --lk-accent2-text: #06110E;
  --lk-blob1: #5CF2C4; --lk-blob2: #C8F04B; --lk-glow: rgba(92, 242, 196, 0.45); --lk-paw: #5CF2C4; --lk-wave1: #5CF2C4; --lk-wave2: #C8F04B;
  --lk-card: linear-gradient(112deg, #040A08 0%, #0C2A22 38%, #3FC9A0 50%, #0C2A22 62%, #040A08 100%); --lk-card-text: #E9FFF7; --lk-num: #5CF2C4;
  --lk-header: rgba(6, 17, 14, 0.92); --lk-header-text: #E9FFF7; --lk-sticker: #5CF2C4; --lk-sticker-text: #04110D; --lk-word: rgba(92, 242, 196, 0.2);
}
:is(html[data-brand="purr"][data-look-theme="holo"], html[data-brand="purr"] [data-look-theme="holo"]) {
  --lk-page: #FBF6FF; --lk-surface-2: #FCF8FF; --lk-text: #1B1530; --lk-muted: #6A5E85; --lk-line: rgba(27, 21, 48, 0.12);
  --lk-hero: linear-gradient(120deg, #FFD3E6 0%, #E7D3FF 18%, #CFE0FF 34%, #CFFBEB 50%, #FFF1C2 66%, #FFD3E6 82%, #E7D3FF 100%); --lk-hero-size: 300% 300%;
  --lk-hero-text: #1B1530; --lk-hero-muted: #4A3F66; --lk-hero-line: #1B1530;
  --lk-accent: linear-gradient(100deg, #FF5FA2 0%, #9B7BFF 50%, #3FD3BD 100%); --lk-accent-text: #FFFFFF; --lk-accent2: #FFE7A3; --lk-accent2-text: #1B1530;
  --lk-blob1: conic-gradient(from 40deg, #FF9CC7, #B9A2FF, #8FE3FF, #9FF3D2, #FFE59A, #FF9CC7); --lk-blob2: #FFFFFF; --lk-glow: rgba(155, 123, 255, 0.4);
  --lk-paw: #9B7BFF; --lk-wave1: #B9A2FF; --lk-wave2: #FFFFFF;
  --lk-card: linear-gradient(125deg, #2A1E46 0%, #6B4FD0 45%, #3FB8C9 100%); --lk-num: #FFE7A3;
  --lk-header: rgba(251, 246, 255, 0.92); --lk-sticker: #FFFFFF; --lk-sticker-text: #1B1530; --lk-word: rgba(27, 21, 48, 0.12);
}

/* ---------- Применение темы (всё, кроме «Классика · день») ---------- */
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) body { background: var(--lk-page); color: var(--lk-text); }
html[data-brand="purr"][data-look-theme="holo"] body { background: linear-gradient(160deg, #FFF6FB 0%, #F4EEFF 40%, #EEFBFF 70%, #F2FFF8 100%) fixed; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .section { background: transparent; }

/* шапка сайта на личной странице — в цвет темы */
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .site-header { background: var(--lk-header) !important; border-bottom-color: var(--lk-line); }
html[data-brand="purr"][data-look-dark] .site-header .nav a:not(.btn) { color: var(--lk-header-text); }
html[data-brand="purr"][data-look-dark] .site-header .brand img.purr-wordmark { content: url(/brand/purr/wordmark-white.svg); }
html[data-brand="purr"][data-look-dark] .site-header .btn-outline { color: var(--lk-header-text); border-color: var(--lk-header-text); background: transparent; }
@media (max-width: 860px) {
  html[data-brand="purr"][data-look-dark] .nav { background: var(--lk-surface); }
  html[data-brand="purr"][data-look-dark] .nav a:not(.btn) { color: var(--lk-text); border-bottom-color: var(--lk-line); }
}

/* первый экран */
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .page-hero {
  background: var(--lk-hero) !important; background-size: var(--lk-hero-size) !important; border-bottom-color: transparent;
}
html[data-brand="purr"][data-look-theme]:is([data-look-theme="chrome"], [data-look-theme="cateye"], [data-look-theme="holo"]) .page-hero { animation: look-sheen 9s ease-in-out infinite alternate; }
html[data-brand="purr"][data-look-theme="holo"] .page-hero { animation-duration: 12s; }
@keyframes look-sheen { from { background-position: 0% 50%; } to { background-position: 100% 50%; } }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .page-hero::before { background: var(--lk-blob1) !important; border-color: transparent !important; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .page-hero::after { background: var(--lk-blob2) !important; border-color: transparent !important; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .page-hero-content h1 { color: var(--lk-hero-text) !important; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .page-hero-content :is(.lead, p) { color: var(--lk-hero-muted) !important; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .page-hero-content :is(h1 b, .lead b) { color: inherit; background: var(--lk-accent2); color: var(--lk-accent2-text); padding: 0 6px; border-radius: 8px; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .page-hero-content .eyebrow { background: var(--lk-accent2) !important; color: var(--lk-accent2-text) !important; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .purr-ph-sticker { background: var(--lk-sticker); color: var(--lk-sticker-text); box-shadow: 0 8px 23px var(--lk-glow); }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .purr-ph-word { -webkit-text-stroke-color: var(--lk-word); }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .purr-ph-spark-1 { background: var(--lk-accent2); }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .purr-ph-spark-2 { background: var(--lk-hero-text); }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .page-hero .page-hero-bg { box-shadow: 0 12px 33px var(--lk-glow); }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .page-hero .btn { box-shadow: 0 10px 28px var(--lk-glow); }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .page-hero .btn-gold { background: var(--lk-accent); color: var(--lk-accent-text); border-color: transparent; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .page-hero .btn-outline-light { background: var(--lk-surface); color: var(--lk-text); border-color: var(--lk-hero-line) !important; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .page-hero .btn-outline-light:hover { background: var(--lk-accent2); color: var(--lk-accent2-text); }

/* кнопки и карточки ниже первого экрана */
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .section .btn-gold { background: var(--lk-accent); color: var(--lk-accent-text); }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) :is(.card, .referral-box, .tabs, .tiers-compare, .visit-card, .history-item) {
  background: var(--lk-surface); color: var(--lk-text); border-color: var(--lk-line);
}
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .tab-btn { color: var(--lk-text); }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .tab-btn.active { background: var(--lk-accent2); color: var(--lk-accent2-text); }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .cabinet-hero { background: var(--lk-card) !important; color: var(--lk-card-text); box-shadow: 0 10px 28px var(--lk-glow); }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .cabinet-hero::before { background: var(--lk-blob2); }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .cabinet-hero-points .big-num { color: var(--lk-num) !important; }
html[data-brand="purr"][data-look-theme="chrome"] .cabinet-hero-points .big-num { background: var(--lk-num-fill); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .cabinet-progress-fill { background: var(--lk-num); }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .cabinet-progress-label a { color: var(--lk-num); }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .referral-code { color: var(--lk-text); }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) :is(.form-hint, .service-group-count) { color: var(--lk-muted); }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .section a:not(.btn) { color: inherit; }
html[data-brand="purr"][data-look-theme="holo"] .section :is(.card, .tabs, .referral-box) { border: 1.5px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(110deg, #FF9CC7, #B9A2FF, #8FE3FF, #9FF3D2, #FFE59A) border-box; }
html[data-brand="purr"][data-look-dark] :is(.form-control, input.form-control, select.form-control, textarea.form-control) { background: var(--lk-surface-2); color: var(--lk-text); border-color: var(--lk-line); }
html[data-brand="purr"][data-look-dark] .form-control::placeholder { color: var(--lk-muted); }
html[data-brand="purr"][data-look-dark] .section .btn-outline { color: var(--lk-text); border-color: var(--lk-line); background: transparent; }
html[data-brand="purr"][data-look-dark] .section :is(h2, h3, label, b, p) { color: inherit; }
html[data-brand="purr"][data-look-dark] .mobile-nav { background: var(--lk-surface); border-color: var(--lk-line); }
html[data-brand="purr"][data-look-dark] .mobile-nav a { color: var(--lk-text); }

/* ---------- Фоны первого экрана ---------- */
.look-deco { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.look-deco > * { display: none; }
html[data-brand="purr"][data-look-decor="waves"] .page-hero::before,
html[data-brand="purr"][data-look-decor="waves"] .page-hero::after,
html[data-brand="purr"][data-look-decor="sparkles"] .page-hero::before,
html[data-brand="purr"][data-look-decor="sparkles"] .page-hero::after,
html[data-brand="purr"][data-look-decor="clean"] .page-hero::before,
html[data-brand="purr"][data-look-decor="clean"] .page-hero::after,
html[data-brand="purr"][data-look-decor="clean"] .purr-ph-spark,
html[data-brand="purr"][data-look-decor="clean"] .purr-ph-word { display: none; }
html[data-brand="purr"][data-look-decor="waves"] .look-waves { display: block; position: absolute; left: 0; right: 0; bottom: -2px; width: 100%; height: 46%; }
.look-waves path { transform-origin: 50% 100%; }
.look-waves .w1 { fill: var(--lk-wave1, #E8335F); opacity: 0.85; animation: look-wave 9s ease-in-out infinite alternate; }
.look-waves .w2 { fill: var(--lk-wave2, #C8F04B); opacity: 0.7; animation: look-wave 7s ease-in-out -2s infinite alternate-reverse; }
@keyframes look-wave { from { transform: translateX(-3%) scaleY(0.92); } to { transform: translateX(3%) scaleY(1.06); } }
html[data-brand="purr"][data-look-decor="sparkles"] .look-sparkles { display: block; position: absolute; inset: 0; }
.look-sparkles i {
  position: absolute; width: 18px; height: 18px; background: var(--lk-accent2, #C8F04B);
  clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%);
  animation: purr-ph-twinkle 2.8s ease-in-out infinite;
}
.look-sparkles i:nth-child(2n) { background: var(--lk-blob1, #E8335F); width: 12px; height: 12px; }
.look-sparkles i:nth-child(3n) { background: var(--lk-hero-text, #fff); width: 9px; height: 9px; }
.look-sparkles i:nth-child(1) { left: 48%; top: 14%; }
.look-sparkles i:nth-child(2) { left: 58%; top: 62%; animation-delay: -0.7s; }
.look-sparkles i:nth-child(3) { left: 70%; top: 22%; animation-delay: -1.4s; }
.look-sparkles i:nth-child(4) { left: 86%; top: 74%; animation-delay: -0.3s; }
.look-sparkles i:nth-child(5) { left: 92%; top: 12%; animation-delay: -2s; }
.look-sparkles i:nth-child(6) { left: 6%; top: 86%; animation-delay: -1.1s; }
.look-sparkles i:nth-child(7) { left: 40%; top: 84%; animation-delay: -2.4s; }
.look-sparkles i:nth-child(8) { left: 76%; top: 46%; animation-delay: -0.9s; }
.look-sparkles i:nth-child(9) { left: 64%; top: 8%; animation-delay: -1.8s; }

/* лапки — «проходят» по первому экрану */
html[data-brand="purr"][data-look-paws="1"] .look-paws { display: block; position: absolute; inset: 0; }
.look-paws svg { position: absolute; width: 26px; height: 26px; fill: var(--lk-paw, #C8F04B); opacity: 0; animation: look-step 6s ease-in-out infinite; }
.look-paws svg:nth-child(1) { left: 44%; top: 78%; transform: rotate(-28deg); animation-delay: 0s; }
.look-paws svg:nth-child(2) { left: 48%; top: 64%; transform: rotate(-18deg); animation-delay: 0.5s; }
.look-paws svg:nth-child(3) { left: 53%; top: 52%; transform: rotate(-30deg); animation-delay: 1s; }
.look-paws svg:nth-child(4) { left: 57%; top: 38%; transform: rotate(-20deg); animation-delay: 1.5s; }
.look-paws svg:nth-child(5) { left: 62%; top: 26%; transform: rotate(-32deg); animation-delay: 2s; }
.look-paws svg:nth-child(6) { left: 66%; top: 12%; transform: rotate(-22deg); animation-delay: 2.5s; }
@keyframes look-step { 0% { opacity: 0; } 8%, 55% { opacity: 0.42; } 75%, 100% { opacity: 0; } }
@media (max-width: 899px) {
  .look-paws svg { width: 18px; height: 18px; }
  .look-paws svg:nth-child(n) { left: auto; }
  .look-paws svg:nth-child(1) { right: 6%; top: 92%; } .look-paws svg:nth-child(2) { right: 12%; top: 84%; }
  .look-paws svg:nth-child(3) { right: 7%; top: 74%; } .look-paws svg:nth-child(4) { right: 13%; top: 64%; }
  .look-paws svg:nth-child(5) { right: 8%; top: 54%; } .look-paws svg:nth-child(6) { right: 14%; top: 44%; }
}
@media (prefers-reduced-motion: reduce) {
  .look-paws svg { animation: none; opacity: 0.3; }
  html[data-brand="purr"] .page-hero { animation: none !important; }
  .look-waves path, .look-sparkles i { animation: none !important; }
}

/* ---------- Первый экран кабинета: имя, подпись, аватар, своя ручка ---------- */
.look-ident { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.look-avatar {
  width: 52px; height: 52px; border-radius: 50%; flex: 0 0 auto; object-fit: cover; background: var(--lk-surface, #fff);
  border: 2px solid var(--lk-hero-line, #fff); box-shadow: 0 6px 18px var(--lk-glow, rgba(200, 240, 75, 0.55));
  animation: purr-pop-in 0.5s var(--purr-ease, ease) both;
}
.look-status {
  display: inline-block; margin: -2px 0 12px; padding: 6px 14px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.12); color: var(--lk-hero-text, #fff); font-weight: 700; font-size: 0.95rem;
  border: 1px dashed currentColor;
}
html[data-brand="purr"]:not([data-look-dark]):is([data-look-theme="lavender"], [data-look-theme="mint"], [data-look-theme="chrome"], [data-look-theme="holo"]) .look-status { background: rgba(255, 255, 255, 0.55); }
.look-status:empty { display: none; }
.look-open-btn .icon { margin-right: 2px; }

/* «моя ручка»: кнопка под полароидом (ПК) и мини-полароид рядом с плашкой (телефон) */
.look-hand-btn {
  display: none; position: absolute; z-index: 4; cursor: pointer;
  padding: 8px 14px; border-radius: 999px; border: 1.5px solid var(--ink, #161616);
  background: var(--lk-accent2, #C8F04B); color: var(--lk-accent2-text, #161616);
  font: 800 0.82rem/1 'Manrope', sans-serif; white-space: nowrap; box-shadow: 0 8px 23px rgba(22, 22, 22, 0.18);
  transition: transform 0.2s var(--purr-ease, ease);
}
.look-hand-btn:hover { transform: rotate(5deg) translateY(-2px) scale(1.04); }
.look-hand-mini { display: none; }
@media (min-width: 900px) {
  html[data-brand="purr"] .look-hero .look-hand-btn { display: inline-flex; align-items: center; gap: 6px; right: calc(var(--ph-right) + 30px); top: calc(50% + 102px); transform: rotate(5deg); }
  html[data-brand="purr"] .look-hero .page-hero-bg { object-fit: cover; cursor: pointer; }
  html[data-brand="purr"] .look-hero.look-has-hand .page-hero-bg { width: 220px; height: 275px; }
}
@media (max-width: 899px) {
  html[data-brand="purr"] .look-hero .look-hand-mini {
    display: block; position: relative; width: 64px; height: 80px; flex: 0 0 auto; padding: 0; cursor: pointer;
    border: 2px solid var(--lk-hero-line, #fff); border-radius: 12px; overflow: hidden; transform: rotate(5deg);
    background: rgba(255, 255, 255, 0.1); box-shadow: 0 8px 20px var(--lk-glow, rgba(200, 240, 75, 0.55));
  }
  .look-hand-mini img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .look-hand-mini .look-hand-plus { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; color: var(--lk-hero-text, #fff); font: 800 0.62rem/1.1 'Manrope', sans-serif; text-align: center; border: 2px dashed currentColor; border-radius: 10px; margin: 3px; }
  .look-hand-mini .look-cam { position: absolute; right: 3px; bottom: 3px; width: 20px; height: 20px; border-radius: 50%; background: var(--lk-accent2, #C8F04B); color: var(--lk-accent2-text, #161616); display: flex; align-items: center; justify-content: center; }
  html[data-brand="purr"] .look-hero .look-avatar { width: 46px; height: 46px; }
}

/* ---------- Настройщик (выезжает справа, на телефоне — снизу) ---------- */
.look-panel[hidden], .look-crop[hidden] { display: none !important; }
.look-panel { position: fixed; inset: 0; z-index: 1200; }
.look-panel-backdrop { position: absolute; inset: 0; background: rgba(22, 22, 22, 0.42); backdrop-filter: blur(3px); animation: look-fade 0.25s ease both; }
.look-sheet {
  position: absolute; top: 0; right: 0; bottom: 0; width: min(460px, 100%); display: flex; flex-direction: column;
  background: #FFFDFB; color: #161616; box-shadow: -18px 0 50px rgba(22, 22, 22, 0.25); border-left: 2px solid #161616;
  animation: look-in-right 0.38s cubic-bezier(.2, .9, .25, 1.1) both; font-family: 'Manrope', sans-serif;
}
@media (max-width: 640px) {
  .look-sheet { top: auto; left: 0; width: 100%; max-height: 92vh; border-left: 0; border-top: 2px solid #161616; border-radius: 26px 26px 0 0; animation-name: look-in-up; }
}
@keyframes look-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes look-in-right { from { transform: translateX(100%); } to { transform: none; } }
@keyframes look-in-up { from { transform: translateY(100%); } to { transform: none; } }
.look-sheet-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 20px 22px 12px; border-bottom: 1px dashed #E4CFC6; }
.look-kicker { display: inline-block; background: #C8F04B; color: #161616; font-weight: 800; font-size: 0.72rem; border-radius: 999px; padding: 4px 10px; }
.look-sheet-head h2 { margin: 8px 0 0; font-family: 'Playfair Display', serif !important; font-size: 1.6rem !important; letter-spacing: -0.01em; line-height: 1.15; color: #161616 !important; }
.look-x { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; border: 1.5px solid #161616; background: #fff; font-size: 1.4rem; line-height: 1; cursor: pointer; color: #161616; }
.look-x:hover { background: #C8F04B; }
.look-sheet-body { flex: 1 1 auto; overflow-y: auto; padding: 6px 22px 18px; overscroll-behavior: contain; }
.look-sec { padding: 16px 0 6px; border-bottom: 1px dashed #EBDAD2; }
.look-sec:last-child { border-bottom: 0; }
.look-sec h3 { margin: 0 0 10px; font: 800 0.98rem/1.2 'Manrope', sans-serif !important; color: #161616 !important; letter-spacing: 0; }
.look-sec h3 small { font-weight: 600; font-size: 0.8rem; color: #8A7E78; margin-left: 6px; }
.look-field { display: block; margin: 0 0 10px; }
.look-field span { display: block; font-size: 0.78rem; font-weight: 700; color: #6E625D; margin-bottom: 5px; }
.look-field input { width: 100%; box-sizing: border-box; border: 1.5px solid #161616; border-radius: 14px; padding: 11px 14px; font: 600 1rem 'Manrope', sans-serif; background: #fff; color: #161616; }
.look-field input:focus { outline: 3px solid #C8F04B; outline-offset: 1px; }
.look-hint { margin: 2px 0 8px; font-size: 0.8rem !important; color: #8A7E78; line-height: 1.45; }

.look-avatars { display: flex; flex-wrap: wrap; gap: 10px; }
.look-av { position: relative; width: 56px; height: 56px; padding: 0; border-radius: 50%; border: 2px solid transparent; background: #F4E9E4; cursor: pointer; overflow: hidden; transition: transform 0.2s ease, border-color 0.2s ease; }
.look-av img { width: 100%; height: 100%; object-fit: cover; display: block; }
.look-av:hover { transform: translateY(-2px) rotate(-4deg); }
.look-av[aria-pressed="true"] { border-color: #161616; box-shadow: 0 0 0 3px #C8F04B; }
.look-av-upload, .look-av-none { display: flex; align-items: center; justify-content: center; border: 2px dashed #C9B3AA; color: #6E625D; font: 800 0.62rem/1.1 'Manrope', sans-serif; text-align: center; }

.look-hand-edit { display: flex; gap: 14px; align-items: center; }
.look-hand-prev { width: 84px; height: 105px; flex: 0 0 auto; border-radius: 14px; border: 2px solid #161616; background: #F4E9E4 center/cover no-repeat; transform: rotate(4deg); display: flex; align-items: center; justify-content: center; color: #8A7E78; font-size: 0.7rem; font-weight: 800; text-align: center; }
.look-hand-actions { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.look-btn { border: 1.5px solid #161616; border-radius: 999px; background: #fff; color: #161616; font: 800 0.86rem/1 'Manrope', sans-serif; padding: 10px 16px; cursor: pointer; transition: transform 0.2s ease, background 0.2s ease; }
.look-btn:hover { transform: translateY(-1px); background: #C8F04B; }
.look-btn-main { background: #E8335F; color: #fff; border-color: #E8335F; }
.look-btn-main:hover { background: #C41E48; color: #fff; }
.look-btn-quiet { border-color: transparent; color: #8A7E78; padding-left: 4px; padding-right: 4px; background: transparent; }
.look-btn-quiet:hover { background: transparent; color: #C41E48; }

.look-themes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.look-th { position: relative; text-align: left; padding: 0; border: 2px solid #E6D5CD; border-radius: 18px; background: #fff; cursor: pointer; overflow: hidden; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; color: #161616; }
.look-th:hover { transform: translateY(-2px); }
.look-th[aria-pressed="true"] { border-color: #161616; box-shadow: 0 0 0 3px #C8F04B; }
.look-th-prev { display: block; position: relative; height: 74px; background: var(--lk-hero); background-size: var(--lk-hero-size); overflow: hidden; }
.look-th-prev::before { content: ""; position: absolute; right: -14px; top: -16px; width: 54px; height: 54px; border-radius: 46% 54% 40% 60% / 55% 45% 55% 45%; background: var(--lk-blob1); }
.look-th-prev::after { content: ""; position: absolute; right: 30px; bottom: -12px; width: 24px; height: 24px; border-radius: 50%; background: var(--lk-blob2); }
.look-th-prev b { position: absolute; left: 10px; bottom: 9px; font: 700 1.05rem/1 'Playfair Display', serif; color: var(--lk-hero-text); }
.look-th-prev i, .look-th-prev s, .look-th-prev b { display: block; }
.look-th-prev i { position: absolute; left: 10px; top: 10px; width: 34px; height: 12px; border-radius: 999px; background: var(--lk-accent); }
.look-th-prev s { position: absolute; left: 48px; top: 10px; width: 20px; height: 12px; border-radius: 999px; background: var(--lk-accent2); text-decoration: none; }
.look-th[data-look-theme="holo"] .look-th-prev, .look-th[data-look-theme="cateye"] .look-th-prev, .look-th[data-look-theme="chrome"] .look-th-prev { animation: look-sheen 6s ease-in-out infinite alternate; }
.look-th-name { display: flex; align-items: center; gap: 6px; padding: 9px 10px 10px; min-height: 2.6em; font: 800 0.82rem/1.2 'Manrope', sans-serif; }
.look-th-lock { position: absolute; left: 8px; top: 44px; display: inline-flex; align-items: center; gap: 4px; padding: 5px 9px 5px 7px; border-radius: 999px; background: rgba(22, 22, 22, 0.86); color: #fff; font: 800 0.66rem/1 'Manrope', sans-serif; white-space: nowrap; }
.look-th[data-locked="1"] .look-th-prev b { display: none; }
.look-th-lock svg { width: 13px; height: 13px; }
.look-th[data-locked="1"] { cursor: help; }
.look-th[data-locked="1"]:hover { transform: none; }
.look-th-best { position: absolute; z-index: 2; top: 6px; right: 6px; background: #161616; color: #FFE7A3; font: 800 0.62rem/1 'Manrope', sans-serif; padding: 4px 7px; border-radius: 999px; }

.look-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.look-chip { border: 1.5px solid #161616; border-radius: 999px; padding: 9px 14px; background: #fff; font: 800 0.84rem/1 'Manrope', sans-serif; cursor: pointer; color: #161616; }
.look-chip[aria-pressed="true"] { background: #161616; color: #C8F04B; }
.look-switch { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; font-weight: 800; cursor: pointer; }
.look-switch input { position: absolute; opacity: 0; pointer-events: none; }
.look-switch i { position: relative; width: 50px; height: 28px; border-radius: 999px; background: #E6D5CD; border: 1.5px solid #161616; transition: background 0.2s ease; flex: 0 0 auto; }
.look-switch i::after { content: ""; position: absolute; top: 3px; left: 3px; width: 19px; height: 19px; border-radius: 50%; background: #fff; border: 1.5px solid #161616; transition: transform 0.25s cubic-bezier(.2, .9, .25, 1.2); }
.look-switch input:checked + i { background: #C8F04B; }
.look-switch input:checked + i::after { transform: translateX(21px); }
.look-switch input:focus-visible + i { outline: 3px solid #E8335F; outline-offset: 2px; }

.look-sheet-foot { display: flex; align-items: center; gap: 10px; padding: 12px 22px calc(14px + env(safe-area-inset-bottom)); border-top: 1px dashed #E4CFC6; background: #fff; }
.look-saved { flex: 1 1 auto; font-size: 0.8rem; font-weight: 700; color: #8A7E78; }
.look-saved.is-ok { color: #2F7A3A; }
.look-saved.is-err { color: #C41E48; }

/* ---------- Обрезка фото ---------- */
.look-crop { position: fixed; inset: 0; z-index: 1300; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(22, 22, 22, 0.72); }
.look-crop-box { width: min(420px, 100%); background: #FFFDFB; border: 2px solid #161616; border-radius: 26px; padding: 18px; font-family: 'Manrope', sans-serif; animation: purr-pop-in 0.35s ease both; color: #161616; }
.look-crop-box h3 { margin: 0 0 4px; font-family: 'Playfair Display', serif !important; font-size: 1.3rem; color: #161616 !important; }
.look-crop-stage { position: relative; margin: 12px auto; width: 100%; max-width: 300px; aspect-ratio: 4 / 5; overflow: hidden; border-radius: 18px; background: #161616; touch-action: none; cursor: grab; user-select: none; }
.look-crop-stage[data-kind="avatar"] { aspect-ratio: 1 / 1; border-radius: 50%; max-width: 260px; }
.look-crop-stage img { position: absolute; left: 0; top: 0; transform-origin: 0 0; max-width: none; pointer-events: none; }
.look-crop-stage:active { cursor: grabbing; }
.look-crop-zoom { width: 100%; accent-color: #E8335F; }
.look-crop-row { display: flex; gap: 10px; justify-content: flex-end; margin-top: 12px; }
.look-crop-err { color: #C41E48; font-size: 0.85rem; font-weight: 700; min-height: 1.2em; margin: 6px 0 0; }
body.look-lock { overflow: hidden; }
.look-avatar[hidden], .look-hand-remove[hidden], [data-look-hidden] { display: none !important; }

/* «Кошачий глаз»: магнитный блик гуляет по первому экрану; «Голография»: перламутровый перелив + блик */
html[data-brand="purr"][data-look-theme="cateye"] .page-hero { animation: look-sheen-mid 7s ease-in-out infinite alternate; }
@keyframes look-sheen-mid { from { background-position: 22% 50%; } to { background-position: 78% 50%; } }
html[data-brand="purr"]:is([data-look-theme="holo"], [data-look-theme="cateye"], [data-look-theme="chrome"]) .look-deco::before {
  content: ""; display: block; position: absolute; inset: -20%; pointer-events: none;
  background: linear-gradient(105deg, transparent 38%, rgba(255, 255, 255, 0.5) 48%, rgba(255, 255, 255, 0.08) 54%, transparent 62%);
  background-size: 260% 100%; animation: look-glint 6.5s ease-in-out infinite; mix-blend-mode: soft-light;
}
html[data-brand="purr"][data-look-theme="cateye"] .look-deco::before { background-image: linear-gradient(105deg, transparent 40%, rgba(143, 255, 224, 0.35) 49%, transparent 58%); mix-blend-mode: screen; }
html[data-brand="purr"][data-look-theme="holo"] .look-deco::before { mix-blend-mode: overlay; opacity: 0.9; }
@keyframes look-glint { 0% { background-position: 120% 0; } 60%, 100% { background-position: -40% 0; } }
html[data-brand="purr"][data-look-theme="holo"] .page-hero .page-hero-bg { border-color: transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(120deg, #FF9CC7, #B9A2FF, #8FE3FF, #9FF3D2, #FFE59A) border-box; border: 3px solid transparent; }
html[data-brand="purr"][data-look-theme="holo"] .cabinet-hero::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit;
  background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, 0.28) 48%, transparent 60%); background-size: 260% 100%; animation: look-glint 7s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) { .look-deco::before, .cabinet-hero::after { animation: none !important; } }

/* ---------- Карта клуба в цветах темы (/card и мини-приложение) ---------- */
html[data-brand="purr"] :is(.club-card, .app-card).look-cc {
  background: linear-gradient(140deg, var(--cc-bg) 0%, var(--cc-bg2) 100%) !important; color: var(--cc-text);
  box-shadow: 0 16px 40px var(--lk-glow, rgba(22, 22, 22, 0.18)) !important; overflow: hidden;
}
html[data-brand="purr"] :is(.club-card, .app-card).look-cc::after { background: var(--cc-accent) !important; opacity: 0.85; }
html[data-brand="purr"] .look-cc :is(.club-card-primary .val, .app-card-primary .v) { color: var(--cc-accent) !important; }
html[data-brand="purr"] .look-cc :is(.club-card-code, .club-card-row .k, .club-card-primary .lbl, .app-card-code .lbl, .app-card-primary .l) { color: var(--cc-label) !important; }
html[data-brand="purr"] .look-cc :is(.club-card-holder, .app-card-holder, .club-card-title, .club-card-row .v, .app-card-code .val) { color: var(--cc-text) !important; }
html[data-brand="purr"] .look-cc .club-card-rows { border-top-color: color-mix(in srgb, var(--cc-text) 22%, transparent); }
html[data-brand="purr"] .look-cc .eyebrow { background: var(--cc-accent) !important; color: var(--cc-bg) !important; }
.app-card.look-cc .look-cc-hand { top: 74px; }
html[data-brand="purr"][data-look-theme="holo"] .look-cc::before, html[data-brand="purr"][data-look-theme="cateye"] .look-cc::before, html[data-brand="purr"][data-look-theme="chrome"] .look-cc::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, 0.32) 48%, transparent 60%); background-size: 260% 100%; animation: look-glint 6s ease-in-out infinite;
}
.look-cc-hand {
  position: absolute; z-index: 2; right: 18px; top: 58px; width: 86px; height: 108px; border-radius: 14px;
  background: #fff center/cover no-repeat; border: 3px solid #fff; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25); transform: rotate(6deg);
  animation: purr-pop-in 0.6s var(--purr-ease, ease) 0.15s both;
}
.look-cc-hand[hidden] { display: none; }
.look-cc .look-cc-avatar { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; border: 2px solid var(--cc-text); background: #fff; }
.look-cc-status { position: relative; z-index: 1; display: inline-block; margin-top: 6px; font-size: 0.8rem; font-weight: 700; color: var(--cc-label); }
.look-cc-status:empty { display: none; }
.look-cc.has-hand :is(.club-card-holder, .app-card-holder, .look-cc-status) { max-width: calc(100% - 110px); }
.look-wallet { width: 100%; max-width: 380px; display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
.look-wallet a {
  display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; border-radius: 14px; text-decoration: none;
  background: #000; color: #fff; font: 700 1rem/1.1 -apple-system, 'Manrope', sans-serif; border: 1.5px solid #000;
}
.look-wallet a.look-wallet-google { background: #fff; color: #1F1F1F; border-color: #1F1F1F; }
.look-wallet a svg { width: 26px; height: 26px; flex: 0 0 auto; }
.look-wallet small { display: block; font-size: 0.72rem; font-weight: 600; opacity: 0.75; }
.look-card-tune { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
html[data-brand="purr"][data-look-dark] .code-box { background: var(--lk-surface) !important; color: var(--lk-text); border-color: var(--lk-line); }
html[data-brand="purr"][data-look-dark] :is(.code-value, .card-note, .code-label, .install-hint) { color: var(--lk-text) !important; }
html[data-brand="purr"][data-look-dark] .card-actions .btn-outline { color: var(--lk-text); border-color: var(--lk-line); background: transparent; }

/* ---------- Мини-приложения ---------- */
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .miniapp-body { background: var(--lk-page); color: var(--lk-text); }
html[data-brand="purr"][data-look-theme="holo"] .miniapp-body { background: linear-gradient(160deg, #FFF6FB 0%, #F4EEFF 40%, #EEFBFF 70%, #F2FFF8 100%) fixed; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .miniapp-topbar { background: var(--lk-header) !important; color: var(--lk-header-text); border-bottom-color: var(--lk-line); }
html[data-brand="purr"][data-look-dark] .miniapp-topbar :is(h1, .miniapp-title, span, a) { color: var(--lk-header-text); }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .miniapp-hero.look-mhero { background: var(--lk-hero); background-size: var(--lk-hero-size); }
html[data-brand="purr"] .miniapp-hero.look-mhero { position: relative; overflow: hidden; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .miniapp-hero.look-mhero :is(h1) { color: var(--lk-hero-text) !important; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .miniapp-hero.look-mhero p { color: var(--lk-hero-muted) !important; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .miniapp-hero.look-mhero .btn-gold { background: var(--lk-accent) !important; color: var(--lk-accent-text) !important; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .miniapp-hero.look-mhero .eyebrow { background: var(--lk-accent2); color: var(--lk-accent2-text); }
html[data-brand="purr"] .miniapp-hero.look-mhero .miniapp-hero-content { position: relative; z-index: 2; }
html[data-brand="purr"] .miniapp-hero.look-mhero .look-ident { margin-bottom: 4px; }
html[data-brand="purr"] .miniapp-hero.look-mhero .look-hand-mini { display: block; position: relative; width: 58px; height: 72px; flex: 0 0 auto; padding: 0; cursor: pointer; border: 2px solid #fff; border-radius: 12px; overflow: hidden; transform: rotate(5deg); background: rgba(255, 255, 255, 0.12); }
html[data-brand="purr"] .miniapp-hero.look-mhero .look-avatar { width: 44px; height: 44px; }
html[data-brand="purr"] .miniapp-hero.look-mhero .look-status { margin: 0 0 8px; font-size: 0.85rem; }
html[data-brand="purr"] .miniapp-hero.look-mhero .look-btn-row { display: flex; gap: 8px; flex-wrap: wrap; }
html[data-brand="purr"] .miniapp-hero.look-mhero .look-btn-row .btn { flex: 1 1 140px; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .miniapp-hero.look-mhero .miniapp-hero-overlay { background: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--lk-page) 55%, transparent) 100%); }
html[data-brand="purr"][data-look-dark] :is(.app-nav, .miniapp-nav, .miniapp-tabbar) { background: var(--lk-surface) !important; border-color: var(--lk-line) !important; }
html[data-brand="purr"][data-look-dark] :is(.app-nav, .miniapp-nav, .miniapp-tabbar) a { color: var(--lk-text) !important; }
html[data-brand="purr"][data-look-dark] .bw-summary-row b { color: var(--lk-text); }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .miniapp-hero.look-mhero .miniapp-hero-bg { display: none; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .miniapp-hero.look-mhero .miniapp-hero-overlay { display: none; }
html[data-brand="purr"] .miniapp-hero.look-mhero .look-btn-row .btn { flex: 1 1 auto; white-space: nowrap; padding-left: 16px; padding-right: 16px; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .miniapp-hero.look-mhero .btn-outline-light { background: var(--lk-surface) !important; color: var(--lk-text) !important; border-color: var(--lk-hero-line) !important; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) :is(.card-actions, .miniapp-main) .btn-gold { background: var(--lk-accent) !important; color: var(--lk-accent-text) !important; }

/* ---------- Тема сайта: кнопка-палитра и окно выбора (09.10) ---------- */
.theme-btn {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
  width: 40px; height: 40px; padding: 0; border-radius: 50%; cursor: pointer;
  background: #fff; color: #161616; border: 1px solid rgba(22, 22, 22, 0.18);
  transition: transform 0.25s var(--purr-ease, ease), background 0.2s ease;
}
.theme-btn:hover { transform: rotate(-12deg) scale(1.06); background: var(--purr-lime, #C8F04B); }
.theme-btn:focus-visible { outline: 3px solid var(--purr-lime, #C8F04B); outline-offset: 2px; }
.header-actions .theme-btn { margin-right: 4px; }
.theme-btn-float { display: none; }
@media (max-width: 860px) {
  .header-actions .theme-btn { display: none; }
  .mobile-fixed-bar .theme-btn-float { display: inline-flex; order: 0; width: 40px; height: 40px; border: 1px solid rgba(22, 22, 22, 0.16); }
}
.miniapp-topbar .theme-btn-app { width: 38px; height: 38px; margin-left: auto; margin-right: 8px; }
.miniapp-topbar .theme-btn-app + .miniapp-more-btn { margin-left: 0; }
html[data-look-dark] .theme-btn { background: var(--lk-surface, #222); color: var(--lk-text, #fff); border-color: var(--lk-line, rgba(255, 255, 255, 0.2)); }

.theme-pop[hidden] { display: none !important; }
.theme-pop { position: fixed; inset: 0; z-index: 1250; display: flex; align-items: center; justify-content: center; padding: 16px; }
.theme-pop-backdrop { position: absolute; inset: 0; background: rgba(22, 22, 22, 0.45); backdrop-filter: blur(3px); animation: look-fade 0.25s ease both; }
.theme-pop-box {
  position: relative; width: min(560px, 100%); max-height: calc(100vh - 32px); overflow-y: auto; overscroll-behavior: contain;
  background: #FFFDFB; color: #161616; border: 2px solid #161616; border-radius: 26px; padding: 18px 20px 14px;
  box-shadow: 0 30px 70px rgba(22, 22, 22, 0.3); animation: purr-pop-in 0.35s var(--purr-ease, ease) both; font-family: 'Manrope', sans-serif;
}
.theme-pop-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 12px; }
.theme-pop-head h2 { margin: 8px 0 0; font-family: 'Playfair Display', serif !important; font-size: 1.55rem !important; color: #161616 !important; line-height: 1.15; }
.theme-pop-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.theme-pop-hint a { color: #C41E48; font-weight: 800; }
@media (max-width: 640px) {
  .theme-pop { align-items: flex-end; padding: 0; }
  .theme-pop-box { width: 100%; border-radius: 26px 26px 0 0; border-width: 2px 0 0; max-height: 88vh; padding-bottom: calc(14px + env(safe-area-inset-bottom)); animation-name: look-in-up; }
  .theme-pop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* =====================================================================
   Тема на ВСЁМ сайте (09.10, «тема меняется только в ЛК — надо везде»).
   Перекрашиваем фирменные токены purr.css/style.css — так за темой идут все страницы,
   плюс точечные правки там, где цвета зашиты (белые карточки, тёмные панели).
   ===================================================================== */
html[data-brand="purr"][data-look-theme="night"] {
  --cream: #1F1C1A; --purr-milk: #1F1C1A; --cream-2: #38342F; --line: rgba(243, 235, 218, 0.16);
  --gold: #B8985F; --purr-cherry: #B8985F; --gold-dark: #E8C888; --purr-cherry-ink: #E8C888; --purr-lime: #E8C888; --purr-lime-2: #F3DDB0;
  --ink: #F3EBDA; --ink-soft: #CBB98F; --purr-border: 1px solid rgba(243, 235, 218, 0.16); --shadow: 0 10px 28px rgba(0, 0, 0, 0.35); --pa: #E8C888;
}
html[data-brand="purr"][data-look-theme="lavender"] {
  --cream: #EFE7FC; --purr-milk: #EFE7FC; --cream-2: #E2D6FA; --line: #D9CAF5;
  --gold: #7A55E0; --purr-cherry: #7A55E0; --gold-dark: #5A3FA8; --purr-cherry-ink: #5A3FA8; --purr-lime: #C8F04B; --ink-soft: #4A3D6E; --pa: #7A55E0;
}
html[data-brand="purr"][data-look-theme="mint"] {
  --cream: #E2F5EC; --purr-milk: #E2F5EC; --cream-2: #CDEEDF; --line: #BFE3D2;
  --gold: #0F3A30; --purr-cherry: #0F3A30; --gold-dark: #0F3A30; --purr-cherry-ink: #0F6B52; --purr-lime: #FF9DB5; --purr-lime-2: #FFC4D3; --ink-soft: #2F5A4F; --pa: #FF7E9D;
}
html[data-brand="purr"][data-look-theme="chrome"] {
  --cream: #ECEEF2; --purr-milk: #ECEEF2; --cream-2: #DDE0E6; --line: #CDD1D9;
  --gold: #121317; --purr-cherry: #121317; --gold-dark: #3A3E47; --purr-cherry-ink: #3A3E47; --purr-lime: #E9ECF2; --purr-lime-2: #F6F7F9; --ink-soft: #3A3E47; --pa: #8F95A2;
}
html[data-brand="purr"][data-look-theme="cherry"] {
  --cream: #1A0710; --purr-milk: #1A0710; --cream-2: #35111F; --line: rgba(247, 220, 228, 0.16);
  --gold: #FF3D6E; --purr-cherry: #FF3D6E; --gold-dark: #FFB3C6; --purr-cherry-ink: #FFB3C6; --purr-lime: #F7DCE4; --purr-lime-2: #FFE9EF;
  --ink: #F7DCE4; --ink-soft: #E7A9BB; --purr-border: 1px solid rgba(247, 220, 228, 0.16); --shadow: 0 10px 28px rgba(0, 0, 0, 0.4); --pa: #FF7A9C;
}
html[data-brand="purr"][data-look-theme="cateye"] {
  --cream: #06110E; --purr-milk: #06110E; --cream-2: #132822; --line: rgba(92, 242, 196, 0.18);
  --gold: #5CF2C4; --purr-cherry: #5CF2C4; --gold-dark: #5CF2C4; --purr-cherry-ink: #5CF2C4; --purr-lime: #C8F04B; --purr-lime-2: #DDF78A;
  --ink: #E9FFF7; --ink-soft: #A6E9D5; --purr-border: 1px solid rgba(92, 242, 196, 0.18); --shadow: 0 10px 28px rgba(0, 0, 0, 0.45); --pa: #5CF2C4;
}
html[data-brand="purr"][data-look-theme="holo"] {
  --cream: #FBF6FF; --purr-milk: #FBF6FF; --cream-2: #F0E8FF; --line: #E4D9FA;
  --gold: #9B7BFF; --purr-cherry: #9B7BFF; --gold-dark: #6B4FD0; --purr-cherry-ink: #6B4FD0; --purr-lime: #FFE7A3; --purr-lime-2: #FFF1C9; --ink-soft: #4A3F66; --pa: #9B7BFF;
}
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) { background: var(--lk-page); }
/* кнопки — цвет текста под акцент темы */
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .btn-gold { background: var(--lk-accent); color: var(--lk-accent-text) !important; border-color: transparent; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .btn-gold:hover { filter: brightness(1.06); }
/* тёмные панели сайта (клуб, CTA, баннеры) — в карточку темы */
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) :is(.cta-band, .loyalty-box-dark, .dark-panel, .miniapp-hero-banner, .miniapp-cta, .app-balance-strip, .cabinet-hero) {
  background: var(--lk-card) !important; color: var(--lk-card-text) !important; box-shadow: 0 10px 28px var(--lk-glow) !important;
}
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) :is(.cta-band, .loyalty-box-dark, .dark-panel, .miniapp-hero-banner, .miniapp-cta, .app-balance-strip, .cabinet-hero) :is(h1, h2, h3, b, strong, li, span:not(.btn)) { color: var(--lk-card-text); }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) :is(.cta-band, .loyalty-box-dark, .dark-panel, .miniapp-hero-banner, .miniapp-cta, .app-balance-strip, .cabinet-hero) .eyebrow { background: var(--lk-accent2); color: var(--lk-accent2-text); }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .site-footer { background: var(--lk-card); }
/* тёмные темы: белые карточки и поля → поверхность темы */
html[data-brand="purr"][data-look-dark] :is(.card, .popular-card, .service-tile, .service-card, .review-card, .faq-item, .booking-shell, .referral-box, .tabs, .tiers-compare,
  .master-card, .promo-card, .post-card, .blog-card, .seo-extra, .price-row, .service-row, .bw-step, .bw-card, .bw-summary, .slot, .time-slot, .nearest-card,
  .code-box, .popup-card, .modal, .app-sheet, .miniapp-tabbar, .mobile-nav, .mobile-fixed-bar, .nav, .page-subnav a, .section-scrollnav a, .purr-chip, .purr-hero-masters,
  .gallery-filter, .chip, .filter-chip, .how-card, .address-card, .faq-q, .loyalty-tier, .tier-card, .visit-card, .history-item, .stat, .stat-card) {
  background-color: var(--lk-surface) !important; color: var(--lk-text); border-color: var(--lk-line) !important;
}
html[data-brand="purr"][data-look-dark] :is(input, select, textarea, .form-control) { background: var(--lk-surface-2) !important; color: var(--lk-text) !important; border-color: var(--lk-line) !important; }
html[data-brand="purr"][data-look-dark] :is(input, textarea)::placeholder { color: var(--lk-muted); }
html[data-brand="purr"][data-look-dark] .btn-outline { color: var(--lk-text) !important; border-color: var(--lk-line) !important; background: transparent; }
html[data-brand="purr"][data-look-dark] .btn-outline:hover { background: var(--lk-accent2) !important; color: var(--lk-accent2-text) !important; }
html[data-brand="purr"][data-look-dark] .btn-outline-light { color: var(--lk-text); }
html[data-brand="purr"][data-look-dark] img.purr-wordmark:not(.purr-wordmark-light) { content: url(/brand/purr/wordmark-white.svg); }


/* --- тёмные темы: элементы, у которых в purr.css зашит цвет фона (собрано из purr.css, 09.10) --- */
html[data-brand="purr"][data-look-dark] #sec-reviews,
html[data-brand="purr"][data-look-dark] .app-sheet-item.is-current,
html[data-brand="purr"][data-look-dark] .badge,
html[data-brand="purr"][data-look-dark] .cabinet-progress-fill,
html[data-brand="purr"][data-look-dark] .mobile-fixed-bar .nav-toggle,
html[data-brand="purr"][data-look-dark] .nav a.is-current:not(.btn),
html[data-brand="purr"][data-look-dark] .nav a:not(.btn):active,
html[data-brand="purr"][data-look-dark] .page-hero[data-purr-tone="cherry"] .btn-gold,
html[data-brand="purr"][data-look-dark] .page-hero[data-purr-tone="cherry"] .purr-ph-spark-1,
html[data-brand="purr"][data-look-dark] .page-hero[data-purr-tone="cherry"] .purr-ph-sticker,
html[data-brand="purr"][data-look-dark] .page-hero[data-purr-tone="ink"] .page-hero-content .eyebrow,
html[data-brand="purr"][data-look-dark] .page-hero[data-purr-tone="ink"] .purr-ph-spark-1,
html[data-brand="purr"][data-look-dark] .page-hero[data-purr-tone="lime"],
html[data-brand="purr"][data-look-dark] .page-subnav a.active,
html[data-brand="purr"][data-look-dark] .popular-card .badge,
html[data-brand="purr"][data-look-dark] .price-list-home .price-row-cta,
html[data-brand="purr"][data-look-dark] .promo-card-cta,
html[data-brand="purr"][data-look-dark] .promo-card:has(.promo-card-bg) .badge,
html[data-brand="purr"][data-look-dark] .promo-card:has(.promo-card-bg) .promo-card-cta,
html[data-brand="purr"][data-look-dark] .promo-card:nth-child(3n+3),
html[data-brand="purr"][data-look-dark] .purr-blob,
html[data-brand="purr"][data-look-dark] .purr-hero .hero-counter:nth-child(2),
html[data-brand="purr"][data-look-dark] .purr-progress,
html[data-brand="purr"][data-look-dark] .purr-sticker.is-flipped,
html[data-brand="purr"][data-look-dark] .purr-top { color: var(--lk-accent2-text) !important; }
html[data-brand="purr"][data-look-dark] .section-scrollnav a.active,
html[data-brand="purr"][data-look-dark] .seo-extra-title,
html[data-brand="purr"][data-look-dark] .tab-btn.active,
html[data-brand="purr"][data-look-dark] :is(.gallery-filter.is-active, .gallery-filter.active, .bw-chip.is-selected, .bw-chip.selected, .bw-chip.active) { color: var(--lk-accent2-text) !important; }
html[data-brand="purr"][data-look-dark] .app-card,
html[data-brand="purr"][data-look-dark] .btn-gold,
html[data-brand="purr"][data-look-dark] .club-card,
html[data-brand="purr"][data-look-dark] .mobile-nav-cta .mobile-nav-icon,
html[data-brand="purr"][data-look-dark] .nav a.is-current:not(.btn),
html[data-brand="purr"][data-look-dark] .promo-card,
html[data-brand="purr"][data-look-dark] .promo-card:has(.promo-card-bg),
html[data-brand="purr"][data-look-dark] .purr-hero .hero-counter:nth-child(1),
html[data-brand="purr"][data-look-dark] .purr-hero-badge,
html[data-brand="purr"][data-look-dark] .purr-progress.is-done,
html[data-brand="purr"][data-look-dark] :is(.post-cover-fallback, .miniapp-post-cover-fallback) { color: var(--lk-accent-text) !important; }
html[data-brand="purr"][data-look-dark] #sec-reviews .map-wrap,
html[data-brand="purr"][data-look-dark] #sec-reviews .review-chip,
html[data-brand="purr"][data-look-dark] #sec-reviews .review-chip:nth-child(4n+3),
html[data-brand="purr"][data-look-dark] .app-sheet-item,
html[data-brand="purr"][data-look-dark] .booking-shell,
html[data-brand="purr"][data-look-dark] .btn-outline,
html[data-brand="purr"][data-look-dark] .bw-chip-discount,
html[data-brand="purr"][data-look-dark] .card,
html[data-brand="purr"][data-look-dark] .eyebrow,
html[data-brand="purr"][data-look-dark] .faq-item,
html[data-brand="purr"][data-look-dark] .miniapp-more-btn,
html[data-brand="purr"][data-look-dark] .mobile-fixed-bar,
html[data-brand="purr"][data-look-dark] .nav,
html[data-brand="purr"][data-look-dark] .nav-toggle,
html[data-brand="purr"][data-look-dark] .popular-card,
html[data-brand="purr"][data-look-dark] .popular-carousel-arrow,
html[data-brand="purr"][data-look-dark] .promo-card .badge,
html[data-brand="purr"][data-look-dark] .promo-card:has(.promo-card-bg),
html[data-brand="purr"][data-look-dark] .purr-bubble,
html[data-brand="purr"][data-look-dark] .purr-chip,
html[data-brand="purr"][data-look-dark] .purr-hero .btn-outline-light,
html[data-brand="purr"][data-look-dark] .purr-hero .hero-counter,
html[data-brand="purr"][data-look-dark] .purr-hero-masters { background: var(--lk-surface) !important; color: var(--lk-text); }
html[data-brand="purr"][data-look-dark] .purr-note-text,
html[data-brand="purr"][data-look-dark] .purr-sticker,
html[data-brand="purr"][data-look-dark] .purr-work,
html[data-brand="purr"][data-look-dark] .purr-works-tile,
html[data-brand="purr"][data-look-dark] .referral-box,
html[data-brand="purr"][data-look-dark] .review-card,
html[data-brand="purr"][data-look-dark] .service-tile,
html[data-brand="purr"][data-look-dark] .tabs,
html[data-brand="purr"][data-look-dark] :is(.gallery-filter, .bw-chip, .seo-chips a),
html[data-brand="purr"][data-look-dark] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
html[data-brand="purr"][data-look-dark] select,
html[data-brand="purr"][data-look-dark] textarea { background: var(--lk-surface) !important; color: var(--lk-text); }
html[data-brand="purr"][data-look-dark] .app-sheet-handle,
html[data-brand="purr"][data-look-dark] .btn-primary,
html[data-brand="purr"][data-look-dark] .callout-dark,
html[data-brand="purr"][data-look-dark] .cta-band,
html[data-brand="purr"][data-look-dark] .dark-callout,
html[data-brand="purr"][data-look-dark] .mp-nearest,
html[data-brand="purr"][data-look-dark] .nearest-time,
html[data-brand="purr"][data-look-dark] .promo-card:has(.promo-card-bg),
html[data-brand="purr"][data-look-dark] .promo-card:nth-child(3n+2),
html[data-brand="purr"][data-look-dark] .promo-card:nth-child(3n+2):has(.promo-card-bg),
html[data-brand="purr"][data-look-dark] .promo-card:nth-child(3n+3):not(:has(.promo-card-bg)) .promo-card-cta,
html[data-brand="purr"][data-look-dark] .purr-hero .hero-counter:nth-child(3) { background: var(--lk-surface-2) !important; color: var(--lk-text) !important; }
html[data-brand="purr"][data-look-dark] .gallery-filter.is-active { background: var(--lk-accent2) !important; color: var(--lk-accent2-text) !important; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .service-tile-go { color: var(--lk-accent-text) !important; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .gallery-filter.is-active span { color: inherit !important; opacity: 0.7; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .purr-accent { color: var(--purr-cherry-ink); }

/* --- тёмные темы: белые подложки из style.css/miniapp.css (собрано автоматически, 09.10) --- */
html[data-brand="purr"][data-look-dark] .ap-chip,
html[data-brand="purr"][data-look-dark] .ap-editor,
html[data-brand="purr"][data-look-dark] .ap-mprev,
html[data-brand="purr"][data-look-dark] .ap-mt,
html[data-brand="purr"][data-look-dark] .ap-preview-text,
html[data-brand="purr"][data-look-dark] .ap-pv-tab,
html[data-brand="purr"][data-look-dark] .ap-reels,
html[data-brand="purr"][data-look-dark] .ap-toolbar button,
html[data-brand="purr"][data-look-dark] .ap-vkphotos,
html[data-brand="purr"][data-look-dark] .auto-preview,
html[data-brand="purr"][data-look-dark] .booking-reassure-item,
html[data-brand="purr"][data-look-dark] .bt-groups-nav a,
html[data-brand="purr"][data-look-dark] .bw-chip,
html[data-brand="purr"][data-look-dark] .bw-entry-btn,
html[data-brand="purr"][data-look-dark] .bw-list-btn,
html[data-brand="purr"][data-look-dark] .bw-master-btn,
html[data-brand="purr"][data-look-dark] .card,
html[data-brand="purr"][data-look-dark] .consent-chip,
html[data-brand="purr"][data-look-dark] .faq-item,
html[data-brand="purr"][data-look-dark] .fc-day,
html[data-brand="purr"][data-look-dark] .form-control,
html[data-brand="purr"][data-look-dark] .gallery-filter,
html[data-brand="purr"][data-look-dark] .hero-badge-floating,
html[data-brand="purr"][data-look-dark] .lab-btns span,
html[data-brand="purr"][data-look-dark] .lab-step,
html[data-brand="purr"][data-look-dark] .legal-table,
html[data-brand="purr"][data-look-dark] .loyalty-box,
html[data-brand="purr"][data-look-dark] .master-tile,
html[data-brand="purr"][data-look-dark] .miniapp-master-card,
html[data-brand="purr"][data-look-dark] .miniapp-more-btn { background-color: var(--lk-surface) !important; color: var(--lk-text); border-color: var(--lk-line); }
html[data-brand="purr"][data-look-dark] .miniapp-post-card,
html[data-brand="purr"][data-look-dark] .miniapp-review,
html[data-brand="purr"][data-look-dark] .miniapp-service-tile,
html[data-brand="purr"][data-look-dark] .miniapp-tabbar,
html[data-brand="purr"][data-look-dark] .miniapp-tile,
html[data-brand="purr"][data-look-dark] .mp-other,
html[data-brand="purr"][data-look-dark] .mp-photo,
html[data-brand="purr"][data-look-dark] .mp-specs li,
html[data-brand="purr"][data-look-dark] .nearest-card,
html[data-brand="purr"][data-look-dark] .next-step,
html[data-brand="purr"][data-look-dark] .popular-card,
html[data-brand="purr"][data-look-dark] .popular-carousel-arrow,
html[data-brand="purr"][data-look-dark] .post-featured,
html[data-brand="purr"][data-look-dark] .post-tile,
html[data-brand="purr"][data-look-dark] .price-list,
html[data-brand="purr"][data-look-dark] .review-chip,
html[data-brand="purr"][data-look-dark] .review-tile,
html[data-brand="purr"][data-look-dark] .seo-chips a,
html[data-brand="purr"][data-look-dark] .service-tile,
html[data-brand="purr"][data-look-dark] .settings-section,
html[data-brand="purr"][data-look-dark] .site-booking-shell,
html[data-brand="purr"][data-look-dark] .site-popup,
html[data-brand="purr"][data-look-dark] .social-follow,
html[data-brand="purr"][data-look-dark] .social-follow-glyph,
html[data-brand="purr"][data-look-dark] .stat-card,
html[data-brand="purr"][data-look-dark] .svc-tile,
html[data-brand="purr"][data-look-dark] .trust-icon,
html[data-brand="purr"][data-look-dark] .week-cal-day { background-color: var(--lk-surface) !important; color: var(--lk-text); border-color: var(--lk-line); }
html[data-brand="purr"][data-look-dark] #sec-reviews { background: var(--lk-surface-2) !important; color: var(--lk-text) !important; }
html[data-brand="purr"][data-look-dark] #sec-reviews :is(h2, h3, p, .section-sub, .eyebrow) { color: var(--lk-text) !important; }
html[data-brand="purr"][data-look-dark] #sec-reviews .eyebrow { background: var(--lk-accent2) !important; color: var(--lk-accent2-text) !important; }
html[data-brand="purr"][data-look-dark] :is(.section-scrollnav a.active, .page-subnav a.active, .miniapp-chips a.active) { background: var(--lk-accent2) !important; color: var(--lk-accent2-text) !important; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .miniapp-tile .icon { background: var(--lk-surface-2) !important; color: var(--lk-text) !important; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .miniapp-tile:hover .icon { background: var(--lk-accent2) !important; color: var(--lk-accent2-text) !important; }
html[data-brand="purr"] .look-cc .eyebrow.eyebrow { background: var(--cc-accent) !important; color: var(--cc-bg) !important; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]) .miniapp-hero:not(.look-mhero) .miniapp-hero-overlay { background: linear-gradient(180deg, color-mix(in srgb, var(--lk-page) 35%, transparent) 0%, color-mix(in srgb, var(--lk-page) 88%, transparent) 100%) !important; }
html[data-brand="purr"][data-look-theme]:not([data-look-theme="day"]):not([data-look-dark]) .miniapp-hero:not(.look-mhero) :is(h1, p) { color: var(--lk-text) !important; }