/* Окно входа Tropai (auth.js). Свои цвета — чтобы одинаково выглядело на всех страницах сайта */
.ta-lock{overflow:hidden}
.ta-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;
  background:rgba(4,4,22,.72);backdrop-filter:blur(8px);animation:taFade .2s ease-out}
.ta-overlay[hidden]{display:none}
.ta-modal{position:relative;width:min(520px,100%);max-height:calc(100svh - 32px);overflow:auto;padding:30px 28px 24px;border-radius:24px;
  background:#15132a;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 120px -30px rgba(141,90,255,.6);color:#fff;
  font-family:inherit;animation:taUp .25s cubic-bezier(.2,.8,.2,1)}
.ta-x{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.12);
  background:none;color:rgba(255,255,255,.7);font-size:1.4rem;line-height:1;cursor:pointer}
.ta-x:hover{color:#fff}
.ta-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.1rem;margin-bottom:14px}
.ta-logo i{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#8D5AFF,#C480FF)}
.ta-modal h3{margin:0 0 6px;font-size:1.5rem;letter-spacing:-.02em;color:#fff}
.ta-sub{margin:0 0 20px;color:rgba(255,255,255,.66);font-size:.95rem}
.ta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ta-prov{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;transition:border-color .15s,background .15s}
.ta-prov:hover,.ta-prov:focus-visible{border-color:#8D5AFF;background:rgba(141,90,255,.14);outline:none}
.ta-prov svg{width:24px;height:24px;flex:none}
.ta-or{display:flex;align-items:center;gap:12px;margin:20px 0 14px;color:rgba(255,255,255,.45);font-size:.82rem}
.ta-or::before,.ta-or::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.1)}
.ta-mail{display:flex;gap:8px}
.ta-mail input{flex:1;min-width:0;padding:13px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);
  color:#fff;font:inherit;font-size:.95rem}
.ta-mail input:focus{outline:none;border-color:#8D5AFF}
.ta-mail button{padding:0 18px;border:0;border-radius:14px;background:linear-gradient(135deg,#8D5AFF,#C480FF);color:#fff;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.ta-fine{margin:14px 0 0;font-size:.78rem;color:rgba(255,255,255,.5)}
.ta-fine a{color:#C480FF}
@keyframes taFade{from{opacity:0}}
@keyframes taUp{from{opacity:0;transform:translateY(16px) scale(.98)}}
@media (max-width:460px){.ta-grid{grid-template-columns:1fr}.ta-mail{flex-direction:column}.ta-mail button{padding:13px}}
@media (prefers-reduced-motion:reduce){.ta-overlay,.ta-modal{animation:none}}

/* кнопка учётной записи рядом с темой */
.ta-acc{position:relative;flex:none}
.ta-acc-btn{width:40px;height:40px;border-radius:999px;border:1px solid var(--line,rgba(255,255,255,.12));background:none;
  color:var(--muted,rgba(255,255,255,.72));display:grid;place-items:center;cursor:pointer}
.ta-acc-btn:hover,.ta-acc-btn[aria-expanded="true"]{color:var(--text,#fff);border-color:#8D5AFF}
.ta-acc-btn svg{width:19px;height:19px}
.ta-menu{position:absolute;right:0;top:50px;z-index:300;width:270px;padding:14px;border-radius:18px;background:#15132a;
  border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px -20px rgba(0,0,0,.6);color:#fff;display:grid;gap:10px}
.ta-menu[hidden]{display:none}
.ta-who b{display:block}.ta-who span{font-size:.82rem;color:rgba(255,255,255,.55)}
.ta-login{border:0;border-radius:12px;padding:11px;background:linear-gradient(135deg,#8D5AFF,#C480FF);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.ta-mode-cap{margin:4px 0 0;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.ta-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:rgba(255,255,255,.05)}
.ta-mode button{border:0;border-radius:9px;padding:9px 6px;background:none;color:rgba(255,255,255,.7);font:inherit;font-size:.85rem;font-weight:650;cursor:pointer}
.ta-mode button[aria-checked="true"]{background:#8D5AFF;color:#fff}
.ta-cab{color:#C480FF;text-decoration:none;font-weight:650;font-size:.9rem;padding:4px 2px}
.ta-mode-top{flex:none;grid-template-columns:auto auto;border:1px solid var(--line,rgba(255,255,255,.12));background:var(--card,rgba(255,255,255,.04));border-radius:999px}
.ta-mode-top button{border-radius:999px;padding:8px 14px;white-space:nowrap}
@media (max-width:760px){.ta-mode-top{display:none}}