/* ============ оболочка: вход, настройки, обновление ============
   Те же токены и шрифты, что у разделов. */

/* ---------- вход ---------- */
#auth{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;overflow-y:auto;
  padding:calc(24px + env(safe-area-inset-top,0px)) 20px calc(24px + env(safe-area-inset-bottom,0px));
  background:radial-gradient(120% 70% at 50% 0%,#232650 0%,transparent 60%),radial-gradient(120% 60% at 50% 100%,#1B2029 0%,transparent 65%),var(--bg);
  -webkit-user-select:none;user-select:none}
.au-card{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;text-align:center;animation:au-in .45s cubic-bezier(.16,1,.3,1)}
@keyframes au-in{from{opacity:0;transform:translateY(10px)}}
.au-orb{width:96px;height:96px;margin-bottom:18px;--bg:#13151B;--c1:#C46A86;--c2:#4F86C6;--c3:#8C6FE0;--dot-size:.7px;--mask-radius:15%;
  box-shadow:0 0 0 1px rgba(228,210,174,.28),0 0 60px rgba(140,111,224,.35)}
.au-card h1{margin:0;font-family:var(--display);font-weight:700;font-size:28px;letter-spacing:.01em}
.au-sub{margin:4px 0 22px;color:var(--muted);font-size:14px}
#au-form{width:100%;display:flex;flex-direction:column;gap:10px}
#au-form input{width:100%;height:52px;border-radius:14px;background:var(--raise);border:1px solid transparent;padding:0 16px;font-size:16px;outline:none;color:var(--text);-webkit-user-select:text;user-select:text}
#au-form input:focus{border-color:var(--line2)}
#au-form .go{margin-top:6px}
.au-note{margin:4px 0 0;font-size:13.5px;line-height:1.45;color:var(--muted);text-align:center}
.au-note.err{color:var(--bad)}
.au-link{margin-top:14px;font-size:14px;color:var(--me);padding:6px 10px}
.au-link+.au-link{margin-top:2px;color:var(--muted)}

/* ---------- кнопка настроек и индикатор синхронизации ---------- */
#auth,.cf-in{touch-action:pan-y}
.snd.cfg{margin-left:2px}
.snd.cfg svg{width:17px;height:17px}

/* ---------- настройки ---------- */
#cfg{position:fixed;inset:0;z-index:70;background:rgba(6,7,9,0);transition:background-color .25s ease;display:flex;align-items:flex-end;justify-content:center}
#cfg.on{background:rgba(6,7,9,.55)}
.cf-in{width:100%;max-width:560px;max-height:88%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  background:var(--surface);border-radius:22px 22px 0 0;box-shadow:0 -1px 0 var(--line2);
  padding:16px 20px calc(24px + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .32s var(--ease)}
#cfg.on .cf-in{transform:none}
@media (min-width:700px){#cfg{align-items:center}.cf-in{border-radius:22px;max-height:84vh}}
.cf-sec{padding:14px 0;border-top:1px solid var(--line)}
.cf-sec h4{margin:0 0 10px;font-size:12px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}
.cf-sec .form{margin-top:0}
.cf-sec input{-webkit-user-select:text;user-select:text}
.cf-hint{font-size:13.5px;color:var(--muted);margin:6px 0;line-height:1.45}
.cf-ok{font-size:14px;color:var(--money);margin:4px 0 10px}
.cf-ico{display:inline-block;padding:0 3px;border-radius:4px;background:var(--raise)}
.cf-how{margin-top:10px;font-size:13.5px;color:var(--muted)}
.cf-how summary{cursor:pointer;color:var(--me);padding:6px 0}
.cf-how ol{margin:6px 0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.cf-how a{color:var(--me)}
.cf-how p{margin:8px 0 0;font-size:12.5px;color:var(--faint)}
.btn-g.danger{color:var(--bad)}
.cf-ver{margin:12px 0 0;font-size:11.5px;color:var(--faint)}

/* ---------- обновление ---------- */
.upd{position:fixed;left:50%;transform:translateX(-50%);top:calc(10px + env(safe-area-inset-top,0px));z-index:90;display:flex;align-items:center;gap:12px;
  padding:8px 8px 8px 16px;border-radius:999px;background:var(--surface);box-shadow:0 0 0 1px var(--line2),0 10px 30px rgba(0,0,0,.45);font-size:13.5px;
  animation:au-in .35s cubic-bezier(.16,1,.3,1);white-space:nowrap}
.upd button{height:32px;padding:0 14px;border-radius:999px;background:var(--me);color:#1B1812;font-weight:600;font-size:13px}

.nojs{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);background:var(--bg);margin:0}
@media (prefers-reduced-motion:reduce){.au-card,.upd{animation:none}#cfg,.cf-in{transition:none}}