/* Темы {AI}-шница UI для витрины (/explore) и страницы автора (/creator).
   Фиолетовый = нынешняя тёмная тема страниц, её не трогаем.
   Белый = светлая раскладка страницы + белый перламутр; Чёрный = тёмная раскладка + чёрный перламутр.
   Префикс [data-theme] поднимает вес селекторов над правилами страницы. */

/* ════════ Белый ════════ */
:root[data-style="white"][data-theme]{--bg:#ECECF3;--panel:#FFFFFF;--card:#F2F2F6;--card2:#FFFFFF;--line:rgba(18,20,32,.08);--line2:rgba(18,20,32,.16);--ink:#0F1016;--muted:#4B4D59;--muted2:#646673;--violet:#0F1016;--violet2:#2A2B33;--violet-ink:#0F1016;--violet-bg:rgba(18,20,32,.06);--orange:#E8691C;--ok:#17784A;color-scheme:light}
:root[data-style="white"][data-theme] body{background:#ECECF3 url(/assets/bg-white.jpg) center top/cover fixed}
:root[data-style="white"][data-theme] .top{background:rgba(255,255,255,.74);border-bottom:1px solid rgba(18,20,32,.06);box-shadow:0 10px 30px -26px rgba(18,20,32,.35)}
:root[data-style="white"][data-theme] .nav a:hover{background:rgba(18,20,32,.05)}
:root[data-style="white"][data-theme] .nav a[aria-current]{background:#fff;box-shadow:0 1px 2px rgba(18,20,32,.06),0 6px 16px -10px rgba(18,20,32,.3)}
:root[data-style="white"][data-theme] .search input,
:root[data-style="white"][data-theme] .tools:not(.search-on) .search input{background:rgba(255,255,255,.86);border-color:rgba(18,20,32,.08);box-shadow:0 1px 2px rgba(18,20,32,.05)}
:root[data-style="white"][data-theme] .search input:focus,:root[data-style="white"][data-theme] .tools.search-on .search input{background:#fff;border-color:rgba(18,20,32,.22)}
:root[data-style="white"][data-theme] .filters{background:rgba(255,255,255,.8);border-color:rgba(18,20,32,.07);box-shadow:0 1px 2px rgba(18,20,32,.05),0 12px 30px -20px rgba(18,20,32,.3)}
:root[data-style="white"][data-theme] .filters .chip:hover{background:rgba(18,20,32,.05)}
:root[data-style="white"][data-theme] .chip{background:rgba(255,255,255,.8);border-color:rgba(18,20,32,.08);color:var(--muted)}
:root[data-style="white"][data-theme] :is(.chip,.filters .chip)[aria-pressed=true]{background:#0F1016;border-color:#0F1016;color:#fff;box-shadow:0 6px 14px -8px rgba(18,20,32,.5)}
:root[data-style="white"][data-theme] .card:hover{box-shadow:0 18px 40px -24px rgba(18,20,32,.4)}
:root[data-style="white"][data-theme] .card.active{box-shadow:0 0 0 3px #fff,0 0 0 5px #0F1016}
:root[data-style="white"][data-theme] .card .shade{background:linear-gradient(180deg,rgba(15,16,22,0) 45%,rgba(15,16,22,.8))}
:root[data-style="white"][data-theme] :is(.badge,.likes,.wm-badge){background:rgba(15,16,22,.55);color:#fff}
:root[data-style="white"][data-theme] .head h1,:root[data-style="white"][data-theme] .prof h1{background:none;color:#0F1016;-webkit-text-fill-color:#0F1016}
:root[data-style="white"][data-theme] .drawer{background:rgba(255,255,255,.97);border-color:rgba(18,20,32,.07);box-shadow:0 2px 6px rgba(18,20,32,.05),0 28px 64px -24px rgba(18,20,32,.3)}
:root[data-style="white"][data-theme] :is(.media){background:#F2F2F6}
:root[data-style="white"][data-theme] :is(.creator,.req,.pubrow,.mini-stats div){background:#F6F6F9;border-color:rgba(18,20,32,.07)}
:root[data-style="white"][data-theme] :is(.btn-p,.d-gen){background:linear-gradient(100deg,#FFC24A,#FF8A2B 55%,#F2668B);color:#FFFFFF;border:none;box-shadow:0 10px 28px -10px rgba(255,138,43,.55)}
:root[data-style="white"][data-theme] :is(.btn-p,.d-gen):hover{background:linear-gradient(100deg,#FFC24A,#FF8A2B 55%,#F2668B);color:#FFFFFF;filter:brightness(1.05)}
:root[data-style="white"][data-theme] .btn-s{background:#fff;border-color:rgba(18,20,32,.14)}
:root[data-style="white"][data-theme] .login{background:#0F1016;border-color:#0F1016;color:#fff}
:root[data-style="white"][data-theme] .login:hover{background:#26272E}
:root[data-style="white"][data-theme] .tab[aria-selected=true]{background:#fff;box-shadow:0 1px 2px rgba(18,20,32,.06),0 6px 16px -10px rgba(18,20,32,.3)}
:root[data-style="white"][data-theme] .mode-bar{background:rgba(255,255,255,.6);border-bottom-color:rgba(18,20,32,.06)}
:root[data-style="white"][data-theme] .pc{background:#fff;border-color:rgba(18,20,32,.07);box-shadow:0 1px 2px rgba(18,20,32,.05)}
:root[data-style="white"][data-theme] .ask{background:#fff;border-color:rgba(18,20,32,.07);box-shadow:0 30px 70px -24px rgba(18,20,32,.35)}
:root[data-style="white"][data-theme] .prof{position:relative;isolation:isolate;overflow:hidden;align-items:center;background:linear-gradient(165deg,rgba(255,255,255,.46) 0%,rgba(255,255,255,.12) 42%,rgba(255,255,255,.22) 100%);border-color:rgba(255,255,255,.92);backdrop-filter:blur(32px) saturate(1.85);-webkit-backdrop-filter:blur(32px) saturate(1.85);box-shadow:inset 0 1.5px 0 rgba(255,255,255,1),inset 0 -16px 28px rgba(255,255,255,.18),inset 0 0 0 1px rgba(255,255,255,.4),0 18px 40px -22px rgba(70,60,120,.28)}
:root[data-style="white"][data-theme] .prof::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.22) 16%,transparent 38%),linear-gradient(180deg,transparent 58%,rgba(170,205,255,.16) 82%,rgba(255,170,190,.14) 100%)}
:root[data-style="white"][data-theme] .prof > *{position:relative;z-index:1}
:root[data-style="white"][data-theme] .prof .ava{box-shadow:0 0 0 5px rgba(255,255,255,.55),0 18px 34px -14px rgba(255,138,43,.4)}
:root[data-style="white"][data-theme] .switch[aria-checked=true]{background:#0F1016}

/* ════════ Чёрный ════════ */
:root[data-style="black"][data-theme]{--bg:#131415;--panel:#18191C;--card:#202125;--card2:#27282D;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);--ink:#F3F4F6;--muted:#A8ABB2;--muted2:#8E9199;--violet:#DCEB4A;--violet2:#E8F27A;--violet-ink:#E7EDB0;--violet-bg:rgba(220,235,74,.10);--orange:#DCEB4A;--ok:#62D69C;color-scheme:dark}
:root[data-style="black"][data-theme] body{background:#131415 url(/assets/bg-black.jpg?v=3) center top/cover fixed}
:root[data-style="black"][data-theme] .top{background:rgba(19,20,21,.7);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px -24px #000}
:root[data-style="black"][data-theme] .nav a:hover{background:rgba(255,255,255,.06)}
:root[data-style="black"][data-theme] .nav a[aria-current]{background:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
:root[data-style="black"][data-theme] .search input,
:root[data-style="black"][data-theme] .tools:not(.search-on) .search input{background:#18191C;border-color:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
:root[data-style="black"][data-theme] .search input:focus,:root[data-style="black"][data-theme] .tools.search-on .search input{background:#202125;border-color:rgba(255,255,255,.24)}
:root[data-style="black"][data-theme] .search svg{color:#A8ABB2}
:root[data-style="black"][data-theme] .filters,:root[data-style="black"][data-theme] .mode-bar .seg2,:root[data-style="black"][data-theme] .tabs [role=tablist]{background:#18191C;border-color:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 36px -18px #000}
:root[data-style="black"][data-theme] .filters .chip:hover,:root[data-style="black"][data-theme] .tab:hover{background:rgba(255,255,255,.07)}
:root[data-style="black"][data-theme] :is(.chip,.filters .chip)[aria-pressed=true],
:root[data-style="black"][data-theme] .seg2 button[aria-pressed=true],
:root[data-style="black"][data-theme] .tab[aria-selected=true]{background:#F3F4F6;border-color:#F3F4F6;color:#0F1016}
:root[data-style="black"][data-theme] .tab[aria-selected=true] small{color:rgba(15,16,22,.55)}
:root[data-style="black"][data-theme] .card.active{box-shadow:0 0 0 3px #131415,0 0 0 5px #DCEB4A}
:root[data-style="black"][data-theme] .card .shade{background:linear-gradient(180deg,rgba(10,10,12,0) 45%,rgba(10,10,12,.85))}
:root[data-style="black"][data-theme] :is(.badge,.likes,.wm-badge){background:rgba(10,10,12,.6)}
:root[data-style="black"][data-theme] .head h1,:root[data-style="black"][data-theme] .prof h1{background:linear-gradient(100deg,#FFFFFF 0%,#F3F4F6 40%,#DCEB4A 74%,#FFB04A 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-style="black"][data-theme] .drawer{background:rgba(24,25,28,.97);border-color:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 32px 80px -24px #000}
:root[data-style="black"][data-theme] .save-row{background:#18191C}
:root[data-style="black"][data-theme] .media{background:rgba(255,255,255,.03)}
:root[data-style="black"][data-theme] :is(.creator,.req,.pubrow,.mini-stats div){background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.07)}
:root[data-style="black"][data-theme] :is(.btn-p,.d-gen){background:linear-gradient(100deg,#EEF784 0%,#DCEB4A 40%,#F4C548 74%,#FF9F45 100%);color:#11130A;border:none;box-shadow:0 0 0 1px rgba(220,235,74,.2),0 12px 32px -10px rgba(246,168,64,.42)}
:root[data-style="black"][data-theme] :is(.btn-p,.d-gen):hover{background:linear-gradient(100deg,#EEF784 0%,#DCEB4A 40%,#F4C548 74%,#FF9F45 100%);color:#11130A;filter:brightness(1.05)}
:root[data-style="black"][data-theme] .btn-s{background:#202125;border-color:rgba(255,255,255,.12)}
:root[data-style="black"][data-theme] .btn-s:hover{background:#27282D}
:root[data-style="black"][data-theme] .login{background:#F3F4F6;border-color:#F3F4F6;color:#0F1016}
:root[data-style="black"][data-theme] .login:hover{background:#fff}
:root[data-style="black"][data-theme] .pc{background:#18191C;border-color:rgba(255,255,255,.08)}
:root[data-style="black"][data-theme] .ask{background:rgba(24,25,28,.97);border-color:rgba(255,255,255,.08);box-shadow:0 30px 70px -24px #000}
:root[data-style="black"][data-theme] .toast{background:#F3F4F6;color:#0F1016}
:root[data-style="black"][data-theme] .prof{position:relative;isolation:isolate;overflow:hidden;align-items:center;background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(24,25,28,.38) 42%,rgba(19,20,21,.52) 100%);border-color:rgba(255,255,255,.18);backdrop-filter:blur(28px) saturate(1.45);-webkit-backdrop-filter:blur(28px) saturate(1.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(255,255,255,.05),0 24px 50px -28px #000}
:root[data-style="black"][data-theme] .prof::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.18) 0%,transparent 38%),radial-gradient(70% 110% at 100% 120%,rgba(255,159,69,.16),transparent 58%)}
:root[data-style="black"][data-theme] .prof > *{position:relative;z-index:1}
:root[data-style="black"][data-theme] .prof .ava{box-shadow:0 0 0 5px rgba(255,255,255,.12),0 18px 34px -14px rgba(246,168,64,.35)}
:root[data-style="black"][data-theme] .switch[aria-checked=true]{background:#DCEB4A}

/* кружок темы и кнопка аккаунта — одна группа у правого края */
.top-end{margin-left:auto;display:flex;align-items:center;gap:8px;flex:0 0 auto}
.top-end .aish-fab.is-docked{width:42px;height:42px;border-radius:14px;background:#0F1016;border:1px solid #0F1016;box-shadow:none;color:#fff}
.top-end .aish-fab.is-docked:hover{background:#26272E;transform:none}
:root[data-style="white"] .top-end .aish-fab.is-docked{background:#0F1016;border-color:#0F1016;box-shadow:none}
:root[data-style="white"] .top-end .aish-fab.is-docked:hover{background:#26272E}
:root[data-style="black"] .top-end .aish-fab.is-docked{background:#F3F4F6;border-color:#F3F4F6;box-shadow:none;color:#0F1016}
:root[data-style="black"] .top-end .aish-fab.is-docked:hover{background:#fff}
:root[data-style="light"] .top-end .aish-fab.is-docked{background:rgba(91,53,224,.08);border-color:rgba(91,53,224,.22);box-shadow:none;color:#4A2CC0}
:root[data-style="light"] .top-end .aish-fab.is-docked:hover{background:rgba(91,53,224,.14)}
:root[data-style="violet"] .top-end .aish-fab.is-docked{background:rgba(155,123,255,.14);border-color:rgba(155,123,255,.32);box-shadow:none;color:#CDBFFF}
:root[data-style="violet"] .top-end .aish-fab.is-docked:hover{background:rgba(155,123,255,.22)}
.top .login{margin-left:0}
@media (max-width:640px){
  .top-end{order:3}
  .top .theme-tg{margin-left:0!important;order:0}
  .top .login{margin-left:0!important;order:1}
}