/* Рядом · visual system v4 — warm editorial quietness, purposeful lilac */
:root{
  --primary:#6754b5;
  --lav:#eee8fa;
  --ink:#292434;
  --paper:#fffdfb;
  --sidebar:#faf8f5;
  --line:#ece6e5;
}
.brand{letter-spacing:-1.6px}
.brand-logo{background:#6956b6;border-radius:14px;box-shadow:0 7px 24px #6652b527}
.icon-btn{transition:background .16s ease,color .16s ease,transform .16s ease}
.icon-btn:active{transform:scale(.92)}
.chat-item{transition:background .15s ease,transform .15s ease}
.chat-item:active{transform:scale(.987)}
.chat-item.selected{background:#eee8f6}
.chat-name{font-weight:760}
.chat-last{color:#837b86}
.chat-wall{
  overflow-anchor:none;
  scroll-behavior:auto!important;
  overscroll-behavior:contain;
}
.chat-wall.positioning{visibility:hidden}
.chat-wall-inner{justify-content:flex-start;min-height:100%}
.chat-wall-inner .chat-intro{flex-shrink:0}
.msg-row{flex-shrink:0}
.bubble{letter-spacing:.01em}
.bubble img{
  display:block;
  width:min(272px,64vw);
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
  max-width:100%;
  border-radius:14px;
  background:#f2eaf8;
}
.message-meta{font-variant-numeric:tabular-nums;gap:6px;min-height:12px}
.delivery-status{
  display:inline-block;
  min-width:13px;
  font-size:11px;
  font-weight:800;
  letter-spacing:-3px;
  padding-right:3px;
  white-space:nowrap;
  color:#e4def5;
}
.delivery-status.is-read{color:#d0f1d9}
.avatar{overflow:hidden;isolation:isolate}
.avatar.has-photo{background:#eee4f1!important;color:transparent}
.avatar-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}
.profile-editor{
  display:flex;align-items:center;gap:14px;
  padding:14px;border-radius:17px;
  background:linear-gradient(120deg,#f2eef8,#fff5ed);
  margin-bottom:15px;
}
.profile-editor>.avatar{width:64px;height:64px;flex:none;border-radius:21px;font-size:23px}
.profile-editor-content{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px}
.profile-editor-content strong{font-size:14px;width:100%}
.profile-editor-content>span{font-size:11px;color:#8b8294;width:100%}
.avatar-upload,.avatar-remove{border:0;background:#6754b5;color:#fff;font-size:11px;
 font-weight:750;padding:9px 12px;border-radius:10px;cursor:pointer;margin-top:5px}
.avatar-remove{background:#e8e1ed;color:#62556f}
.typing-indicator{
  position:absolute;bottom:101px;left:max(7%,30px);
  z-index:4;min-height:44px;max-width:min(86%,400px);
  display:flex;align-items:center;gap:11px;
  border:1px solid #e6dded;border-radius:18px;
  background:#fffdfbee;backdrop-filter:blur(15px);
  padding:8px 15px 8px 10px;
  color:#786a85;font-size:12px;font-weight:700;
  box-shadow:0 8px 28px #58456516;
  pointer-events:none
}
.typing-indicator[hidden]{display:none!important}
.daisy{
  width:30px;height:30px;flex:none;position:relative;display:block;
  transform-origin:center;animation:daisy-breathe 2.2s ease-in-out infinite
}
.daisy-center{position:absolute;width:9px;height:9px;background:#edbf62;
  border-radius:50%;top:10.5px;left:10.5px;z-index:2;
  box-shadow:0 1px 3px #c18c5370}
.petal{position:absolute;left:11px;top:2px;width:8px;height:13px;
 background:#fefefa;border:1px solid #d8c6e8;border-radius:80% 80% 45% 45%;
 transform-origin:4px 13px;
 box-shadow:0 1px 3px #a894b71a;
 animation:petal-open 1.35s cubic-bezier(.2,.8,.25,1) both}
.p1{--angle:0deg;animation-delay:.02s}.p2{--angle:45deg;animation-delay:.11s}
.p3{--angle:90deg;animation-delay:.20s}.p4{--angle:135deg;animation-delay:.29s}
.p5{--angle:180deg;animation-delay:.38s}.p6{--angle:225deg;animation-delay:.47s}
.p7{--angle:270deg;animation-delay:.56s}.p8{--angle:315deg;animation-delay:.65s}
@keyframes petal-open{0%{transform:rotate(var(--angle)) scaleY(.14);opacity:.1}
  68%{transform:rotate(var(--angle)) scaleY(1.08);opacity:1}
  100%{transform:rotate(var(--angle)) scaleY(.92);opacity:1}}
@keyframes daisy-breathe{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(6deg)}}
.composer{transition:border-color .2s ease,box-shadow .2s ease}
.composer:focus-within{border-color:#c6b9e8;box-shadow:0 0 0 3px #6959bb0a}
.send-btn{box-shadow:0 3px 12px #6351a136}
@media(max-width:700px){
  .typing-indicator{left:14px;bottom:calc(103px + env(safe-area-inset-bottom,0px));font-size:11px}
  .bubble{font-size:14px}
  .chat-wall{overscroll-behavior:contain}
  .chat-wall-inner{justify-content:flex-start}
  .chat-item.selected{background:#eee9f7}
  .side-bottom{box-shadow:0 3px 16px #53415508}
  .composer-area{background:#fffdfb}
  .profile-editor{padding:12px}
}
@media(prefers-reduced-motion:reduce){
  .daisy,.petal{animation:none!important}
  .petal{transform:rotate(var(--angle)) scaleY(.92);opacity:1}
}

@media(max-width:700px){.composer-hint{font-size:11px}.mobile-hint{font-size:11px}.privacy-mark{font-size:10px}.header-sub{font-size:12px}}