/* ============ БАЗА: переменные, сброс, темы ============ */
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
:root{
  --accent:#8b5cf6; --accent-ink:#fff;
  --blur:28px; --side-a:62%; --chat-a:34%;
  --side-base:#16181d; --chat-base:#868d97;
  --text:#fff; --dim:rgba(255,255,255,.62);
  --bubble-in:#1C1C1E; --bubble-out:rgba(255,255,255,.22);
  --hover:rgba(255,255,255,.08); --active:rgba(255,255,255,.14);
  --line:rgba(255,255,255,.12); --r:32px;
}
[data-theme="light"]{
  --text:#17191d; --dim:rgba(23,25,28,.6);
  --side-base:#f6f8fb; --chat-base:#ffffff;
  --bubble-in:#F2F2F7; --bubble-out:rgba(139,92,246,.22);
  --hover:rgba(20,22,26,.07); --active:rgba(20,22,26,.11); --line:rgba(20,22,26,.12);
}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--text);overflow:hidden;background:#7d93a5 center/cover}
button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}
input{font-family:inherit;color:inherit;background:none;border:none;outline:none}
::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}
svg{flex:none}

:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}
html,body{min-height:100%;overscroll-behavior:none}
body{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}
button,input,textarea,select{font:inherit;touch-action:manipulation}
button{ -webkit-tap-highlight-color:transparent }