:root{
  --headerBlue:#5181B8; --accentBlue:#528BCC; --mutedBlue:#45678F; --lightBlue:#74A2D6;
  --bg:#EBEDF0; --card:#FFFFFF;
  --black:#000; --mutedBlack:#2C2D2E; --subhead:#71757A; --caption:#909499;
  --lightGray:#AAAEB3; --blueGray:#818C99; --lbg:#99A2AD;
  --sep:rgba(0,0,0,.12); --niceRed:#FF3347; --green:#4BB34B; --orange:#FFA000;
  --f: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color-scheme: light;
}
*{box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
html{background:#33383d;}
body{margin:0; font-family:var(--f); color:var(--black); background:#33383d;
     -webkit-font-smoothing:antialiased;}
img{display:block; background:transparent;}
.editimg img{background:#D4DAE1;}
[contenteditable="true"]{outline:none;}
[contenteditable="true"]:hover{box-shadow:inset 0 0 0 1px #9db6d6; border-radius:2px;}
.editimg{position:relative; display:block; cursor:pointer; overflow:hidden;}
.editimg img{width:100%; height:100%; object-fit:cover;}
.editimg:hover::after{content:""; position:absolute; inset:0; background:rgba(40,90,160,.35);}

/* ---- shell ---- */
.topbar{position:sticky; top:0; z-index:200; background:#22262b; color:#fff;
  padding:10px 14px; display:flex; gap:10px; align-items:center; flex-wrap:wrap;
  font-size:12px; border-bottom:1px solid #000;}
.topbar b{font-size:13px;}
.topbar select{background:#33383d;color:#fff;border:1px solid #555;border-radius:4px;padding:4px 6px;font-size:12px;}
.wrap{display:flex; justify-content:center; padding:66px 10px 30px; min-height:100vh;}
.appframe{width:375px; position:relative;}
.phone{display:block;}
.cap{display:none;}
.screen{display:none; width:375px; min-height:667px; background:var(--bg); overflow-y:auto; overflow-x:hidden;
  position:relative; border-radius:6px; box-shadow:0 4px 18px rgba(0,0,0,.4); max-height:calc(100vh - 96px);}
.screen.active{display:block;}

/* ---- nav bar 44pt ---- */
.nb{height:44px; background:var(--headerBlue); color:#fff; display:flex; align-items:center;
   padding:0 8px; position:relative; z-index:1;}
.nb-ic{padding:0 8px; display:flex; align-items:center;}
.nb-ic .ic{width:24px;height:24px;}
.nb-r{margin-left:auto; display:flex;}
.nb-t{position:absolute; left:0; right:0; text-align:center; pointer-events:none;
     display:flex; flex-direction:column; align-items:center; justify-content:center;}
.nb-t b{font-size:17px; font-weight:600; line-height:20px; pointer-events:auto;}
.nb-t em{font-size:11px; font-style:normal; opacity:.85; line-height:12px; pointer-events:auto;}
.nb-t .chev{width:12px;height:12px; transform:rotate(90deg); position:absolute; right:-16px; top:5px;}
.ic{width:24px; height:24px; display:block; flex:0 0 auto; object-fit:contain;}

/* ---- groups / cards ---- */
.grp{background:var(--card); margin-bottom:8px;}
.grp.flush{margin-bottom:0;}
.sh{padding:14px 15px 8px; font-size:13px; line-height:18px; font-weight:400;
    text-transform:uppercase; color:var(--subhead); background:var(--bg);
    display:flex; justify-content:space-between; align-items:baseline;}
.sh-a{text-transform:none; font-weight:400; color:var(--subhead); font-size:13px;}

/* ---- cell (VKUI ListItem--ios: padding 0 15px) ---- */
.cell{display:flex; align-items:center; padding:0 15px; min-height:48px; background:var(--card);
      position:relative;}
.cell:not(:last-child)::after{content:""; position:absolute; left:15px; right:0; bottom:0;
      height:1px; background:var(--sep); transform:scaleY(.5);}
.cell.tapp{cursor:pointer;}
.tapp:active{background:#d9d9d9;}
.pb:active{opacity:.7;}
.chip:active{opacity:.7;}
.c-av{width:40px; height:40px; border-radius:50%; margin:4px 12px 4px 0; flex:0 0 40px; position:relative;}
.odot{position:absolute; right:1px; bottom:1px; width:11px; height:11px; border-radius:50%;
  background:var(--green); border:2px solid #fff; box-sizing:border-box; z-index:2;}
.c-av.sq{border-radius:4px;}
.c-ic{width:24px; height:24px; margin:10px 16px 10px 0; color:var(--lbg); flex:0 0 24px;}
.c-m{flex:1; min-width:0; padding:11px .5em 12px 0;}
.c-t{font-size:17px; line-height:22px; color:var(--black);
     overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.c-t.link{color:var(--accentBlue);}
.c-d{font-size:13px; line-height:16px; color:var(--caption);
     overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:1px;}
.c-r{display:flex; align-items:center; justify-content:flex-end;
     gap:8px; flex:0 0 auto; padding-left:8px;}
.c-r.stack{flex-direction:column; align-items:flex-end; gap:4px; min-height:44px;
     justify-content:center;}
.c-as{font-size:13px; color:#8E8E93;}
.c-bg{background:var(--headerBlue); color:#fff; font-size:12px; line-height:18px;
      min-width:18px; height:18px; border-radius:9px; padding:0 5px; text-align:center;
      font-weight:500;}
.c-ch{color:var(--sep); display:flex;}

.c-ch .ic{width:14px;height:22px; color:#C8CACC;}
.chev-img{width:8px; height:12px;}

/* ---- feed action row ---- */
.arow{display:flex; background:var(--card); border-bottom:1px solid var(--sep);}
.ar{flex:1; display:flex; align-items:center; justify-content:center; gap:6px; cursor:pointer;
    padding:11px 0; color:var(--headerBlue); font-size:14px; font-weight:500;}
.ar:active{background:#EDEEF0;}
.ar .ic{width:19px; height:19px;}
.ar:not(:last-child){border-right:1px solid var(--sep);}

/* ---- stories strip ---- */
.strip{display:flex; gap:12px; padding:10px 12px 11px; background:var(--card);
       overflow-x:auto; margin-bottom:8px; scrollbar-width:none;}
.strip::-webkit-scrollbar{display:none;}
.st{width:56px; flex:0 0 56px; text-align:center;}
.st-r{width:56px; height:56px; border-radius:50%; border:2px solid var(--headerBlue);
      padding:2px; background:#fff; position:relative; cursor:pointer;}
.st-r img{border-radius:50%;}
.st-r.add{display:flex; align-items:center; justify-content:center;
   background:var(--headerBlue); border-color:var(--headerBlue); color:#fff;}
.st-r.add img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.st-r.add .st-add-ic{position:relative; z-index:1; color:inherit;}
.st-r.add .ic{width:24px;height:24px;}
.st span{display:block; font-size:11px; line-height:13px; color:var(--mutedBlack);
         margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* Newly published posts: their real media defines height, never the old 1:1 video placeholder. */
.post > .ctor-attachment{display:block;width:100%;min-height:0;line-height:0;padding:0;margin:0;background:transparent;overflow:hidden;}
.post > .ctor-attachment > img,.post > .ctor-attachment > video{display:block;width:100%;height:auto;max-height:none;object-fit:contain;}
.post > .ctor-attachment > audio{display:block;width:100%;max-width:100%;}
.post > .ctor-attachment:empty{display:none;}
/* ---- post ---- */
.post{background:var(--card); margin-bottom:8px;}
.p-hd{display:flex; align-items:center; gap:10px; padding:11px 12px 8px;}
.p-av{width:40px; height:40px; border-radius:50%; flex:0 0 40px;}
.p-who{min-width:0;}
.p-nm{font-size:15px; line-height:18px; font-weight:500; color:var(--mutedBlue);}
.p-tm{font-size:13px; line-height:16px; color:var(--caption);}
.p-more{margin-left:auto; color:var(--lightGray);}
.p-more .ic{width:20px;height:20px;}
.p-tx{padding:0 12px 10px; font-size:15px; line-height:20px; color:var(--black);}
.p-md{width:100%; aspect-ratio:1/1; background:#CFD6DE;}
.p-md .editimg{width:100%; height:100%;}
.p-cap{padding:9px 12px 0; font-size:14px; line-height:18px; font-weight:600;}
.p-vw{padding:1px 12px 8px; font-size:13px; color:var(--caption);}
.p-rp{margin:0 12px 10px; padding-left:10px; border-left:2px solid var(--sep);}
.p-rp .p-hd{padding:0 0 6px;}
.p-rp .p-av{width:32px;height:32px;flex:0 0 32px;}
.p-rp .p-tx{padding:0;}
.p-ac{display:flex; align-items:center; gap:16px; padding:9px 12px 11px;
      border-top:1px solid var(--sep); margin-top:2px;}
.p-ac .a{display:flex; align-items:center; gap:5px; color:var(--blueGray); font-size:13px;}
.p-ac .a.cmt{cursor:pointer;}
.p-ac .a.cmt:active{opacity:.55;}
.p-ac .a .ic{width:22px; height:22px; color:#A0A6AD;}
.p-ac .a i{font-style:normal;}
.p-ac .a.like{cursor:pointer; user-select:none;}
.p-ac .a.like:active{transform:scale(.88);}
.p-ac .a .ic, .cm-lk .ic{transition:transform .12s ease;}
.p-ac .a.rt{cursor:pointer;}
.p-ac .a.liked .ic{color:var(--niceRed);}
.p-ac .a.like.pop .ic{animation:pop .32s ease;}
@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.p-ac .a.like.pop .ic{animation:none}}
.cm-lk.like{cursor:pointer;}
.cm-lk.liked i{color:var(--niceRed);}
.p-ac .a.liked i{color:var(--niceRed);}
.p-ac .rt{margin-left:auto;}
.p-ac .vw{margin-left:0; gap:4px;}
.p-ac .vw .ic{width:18px;height:18px;}

/* ---- comments ---- */
.cm{display:flex; gap:9px; padding:10px 12px; background:var(--card); position:relative;}
.cm.reply{padding-left:52px;}
.cm-av{width:36px; height:36px; border-radius:50%; flex:0 0 36px;}
.cm.reply .cm-av{width:28px;height:28px;flex:0 0 28px;}
.cm-b{min-width:0; flex:1;}
.cm-n{font-size:14px; font-weight:500; color:var(--mutedBlue); cursor:pointer;}
.cm-t{font-size:15px; line-height:19px; margin-top:1px;}
.cm-f{display:flex; gap:14px; align-items:center; margin-top:5px;
      font-size:13px; color:var(--caption);}
.cm-lk{display:flex; align-items:center; gap:4px; margin-left:auto;}
.cm-lk .ic{width:18px;height:18px; color:var(--lbg);}
.cm-lk i{font-style:normal;}

/* ---- chat ---- */
.chat{background:var(--card); min-height:430px; padding:12px 10px 6px;}
.bb{max-width:76%; margin-bottom:8px;}
.bb.in{float:left;}
.bb.out{float:right; text-align:right;}
.bb-n{font-size:12px; color:var(--accentBlue); font-weight:500; margin-bottom:2px;}
.bb-t{display:inline-block; padding:8px 11px; border-radius:16px; font-size:15px;
      line-height:19px; text-align:left;}
.bb.in .bb-t{background:#EBEDF0; border-bottom-left-radius:4px;}
.bb.out .bb-t{background:#D5E3F5; border-bottom-right-radius:4px;}
.bb-tm{display:block; font-size:11px; color:var(--caption); margin-top:2px;}
.clr{clear:both;}
.cin{display:flex; align-items:center; gap:9px; padding:8px 10px; background:var(--card);
     border-top:1px solid var(--sep); position:relative;}
.cin .ic{width:26px;height:26px;color:var(--lbg);}
.cin .box{flex:1; background:var(--bg); border-radius:16px; padding:7px 12px;
          color:var(--caption); font-size:15px;}
.cin .snd{color:var(--accentBlue);}

/* ---- profile ---- */
.pcov{width:100%; height:110px; background:#C3D0DE;}
.phead{background:var(--card); padding:0 12px 12px; text-align:center; position:relative;}
.pav{width:80px; height:80px; border-radius:50%; margin:-40px auto 0; border:3px solid #fff;
     background:#D4DAE1; position:relative;}
.pnm{font-size:19px; font-weight:700; line-height:23px; margin-top:8px;}
.pst{font-size:15px; color:var(--mutedBlack); margin-top:3px;}
.pst.prompt{color:var(--accentBlue);}
.pon{font-size:13px; color:var(--caption); margin-top:1px;}
.pbtns{display:flex; gap:8px; padding:11px 12px; background:var(--card);}
.pb{flex:1; text-align:center; padding:8px 0; border-radius:6px; font-size:14px; font-weight:500;}
.pb{cursor:pointer;}
.pb.pri{background:var(--headerBlue); color:#fff;}
.pb.pri:active{background:#4872A3;}
.pb.sec{background:rgba(0,54,115,.1); color:var(--mutedBlue);}
.pb.sec:active{background:rgba(0,54,115,.2);}
.pb.wide{flex:1 1 100%;}
.pstat{display:flex; background:var(--card); border-top:1px solid var(--sep);}
.ps{flex:1; text-align:center; padding:9px 0; position:relative;}
.ps:not(:last-child)::after{content:""; position:absolute; right:0; top:20%; height:60%;
     width:1px; background:var(--sep);}
.ps b{display:block; font-size:17px; font-weight:600; color:var(--mutedBlack);}
.ps span{font-size:11px; color:var(--caption);}
.info{background:var(--card);}
.irow{display:flex; align-items:center; gap:14px; padding:9px 12px; font-size:15px;}
.irow .ic{width:22px;height:22px;color:var(--lbg); flex:0 0 22px;}
.irow.lnk{color:var(--accentBlue);}

/* ---- photo grid ---- */
.pgrid{display:grid; gap:2px; background:var(--card);}
.pg-c{aspect-ratio:1/1; background:#CFD6DE;}
.pg-c .editimg{width:100%;height:100%;}
.hstrip{display:flex; gap:2px; padding:0 0 2px; background:var(--card); overflow-x:auto;
        scrollbar-width:none;}
.hstrip::-webkit-scrollbar{display:none;}
.hstrip .h{width:112px; height:112px; flex:0 0 112px; background:#CFD6DE;}
.hstrip .h .editimg{width:100%;height:100%;}

/* ---- music ---- */
.tr{display:flex; align-items:center; padding:0 12px; min-height:52px; background:var(--card);
    position:relative; cursor:pointer;}
.tr:active{background:#F0F1F3;}
.tr:not(:last-child)::after{content:""; position:absolute; left:52px; right:0; bottom:0;
    height:1px; background:var(--sep); transform:scaleY(.5);}
.tr-cw{position:relative; width:40px; height:40px; margin:6px 12px 6px 0; flex:0 0 40px;}
.tr-cv{width:40px; height:40px; border-radius:4px; display:block;}
.tr-eq{position:absolute; inset:0; background:rgba(0,0,0,.45); border-radius:4px; pointer-events:none;
  display:flex; align-items:flex-end; justify-content:center; gap:2px; padding-bottom:12px;}
.tr-eq i{width:3px; background:#fff; border-radius:1px; animation:eq .9s ease-in-out infinite;}
.tr-eq i:nth-child(1){height:8px; animation-delay:0s;}
.tr-eq i:nth-child(2){height:14px; animation-delay:.25s;}
.tr-eq i:nth-child(3){height:10px; animation-delay:.5s;}
@keyframes eq{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){.tr-eq i{animation:none}}
.tr-m{flex:1; min-width:0;}
.tr-t{font-size:15px; line-height:19px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tr-a{font-size:13px; color:var(--caption); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tr-d{font-size:13px; color:var(--caption); margin-left:8px;}
.tr-mo{color:var(--lightGray); margin-left:6px;}
.tr-mo .ic{width:20px;height:20px;}
.tr.playing .tr-t{color:var(--accentBlue);}

/* player */
.plr{background:var(--card); padding:22px 24px 26px; text-align:center; min-height:500px;}
.plr-art{width:100%; aspect-ratio:1/1; border-radius:8px; background:#CFD6DE; overflow:hidden;}
.plr-t{font-size:19px; font-weight:600; margin-top:22px;}
.plr-a{font-size:15px; color:var(--accentBlue); margin-top:3px;}
.plr-bar{height:3px; background:var(--sep); border-radius:2px; margin:22px 0 6px; position:relative;
   cursor:pointer; padding:12px 0; margin-top:10px; background-clip:content-box; box-sizing:content-box;}
.plr-bar i{position:absolute; left:0; top:12px; height:3px; width:38%; background:var(--accentBlue);
   border-radius:2px; pointer-events:none;}
.plr-bar b{position:absolute; left:38%; top:8px; width:11px; height:11px; border-radius:50%;
   background:var(--accentBlue); margin-left:-5px; pointer-events:none;}
.plr-tm{display:flex; justify-content:space-between; font-size:12px; color:var(--caption);}
.plr-ct{display:flex; align-items:center; justify-content:center; gap:38px; margin-top:26px;
   color:var(--mutedBlack);}
.plr-ct .pc{width:34px;height:34px; transition:transform .1s ease;
   filter:brightness(.18); opacity:1;}
.plr-ct span{cursor:pointer;}
.plr-ct .big .pc{width:42px;height:42px;}
.plr-ex{display:flex; justify-content:space-between; margin-top:26px; color:var(--accentBlue);}
.plr-ex .ic{width:24px;height:24px;}

/* search */
.sbar{background:#e6e9ed; padding:8px; border-bottom:1px solid #d1d6dc;
      display:flex; align-items:center; gap:8px;}
.sbar .fld{flex:1; background:#fff; border-radius:16px; height:32px; padding:0 12px;
     display:flex; align-items:center; justify-content:center; gap:6px;
     color:#99a2ad; font-size:15px;}
.sbar .fld .ic{width:16px;height:16px;}
.sbar .aft{color:var(--accentBlue); font-size:17px; padding-right:4px;}
.chips{display:flex; padding:6px 8px; background:#E6E9ED; border-bottom:1px solid #D1D6DC;}
.chip{flex:1; text-align:center; height:32px; line-height:30px; font-size:14px; cursor:pointer;
      font-weight:500; border:1px solid var(--blueGray); color:var(--blueGray);
      white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box;}
.chip + .chip{border-left:none;}
.chip:first-child{border-radius:16px 0 0 16px;}
.chip:last-child{border-radius:0 16px 16px 0;}
.chip.on{background:var(--blueGray); color:#fff;}

/* menu screen */
.mprof{display:flex; align-items:center; gap:12px; padding:12px; background:var(--card);}
.mprof .av{width:48px;height:48px;border-radius:50%;flex:0 0 48px;}
.mprof b{font-size:16px; font-weight:600; display:block;}
.mprof span{font-size:13px; color:var(--caption);}
.mprof .ch{margin-left:auto; color:#c4c8cc;}

/* tabbar 49pt */
.tabbar{position:relative; height:49px; background:#F7F7F8; display:flex;
   border-top:1px solid var(--sep); z-index:1;}
.tb{flex:1; background:none; border:none; display:flex; align-items:center; justify-content:center;
    color:#95A0AD; padding:0; cursor:pointer;}
.tb .ic{width:28px;height:28px;}
.tb.on{color:#2975CC;}

/* settings toggle — exact VKUI Switch--ios spec (Switch.css):
   pseudo 48x28 r15, border 1px #E6E6E6, checked bg/border #4CD864,
   thumb 28x28 r14 with the component's own two-layer shadow, slides 20px (48-28) */
.sw{width:48px; height:28px; border-radius:15px; background:#fff;
   border:1px solid #E6E6E6; position:relative; flex:none; cursor:pointer;
   transition:background-color .1s ease, border-color .1s ease; box-sizing:border-box;}
.sw::after{content:""; position:absolute; top:-1px; left:-1px; width:28px; height:28px;
  border-radius:14px; background:#fff;
  box-shadow:0 2px 7px rgba(0,0,0,.35), 0 1px 1px rgba(0,0,0,.15);
  transition:transform .1s ease;}
.sw.on{background:#4CD864; border-color:#4CD864;}
.sw.on::after{transform:translateX(20px);}

.empty{padding:60px 20px; text-align:center; color:var(--caption); font-size:15px;}
.empty .ic{width:48px;height:48px;margin:0 auto 12px;color:var(--lightGray);}
.banner{background:var(--card); padding:12px; display:flex; gap:10px; align-items:center;
  margin-bottom:8px;}
.banner .ic{width:24px;height:24px;color:var(--accentBlue);}

/* Hide only story video browser chrome; other videos retain normal controls. */
.stv .stv-media video::-webkit-media-controls{display:none!important;}
.stv .stv-media .ctor-story-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;border:0;border-radius:22px;padding:10px 14px;background:rgba(0,0,0,.72);color:white;font:600 14px var(--f);white-space:nowrap;cursor:pointer;}
.stv .stv-media .ctor-story-start[hidden]{display:none!important;}
/* ---- story viewer ---- */
.stv{position:relative; background:#000; height:600px; overflow:hidden;}
.stv-media{position:absolute; inset:0; width:100%; height:100%;}
.stv-bars{position:absolute; top:8px; left:8px; right:8px; display:flex; gap:3px; z-index:3;}
.stv-bars i{flex:1; height:2px; background:rgba(255,255,255,.35); border-radius:1px;}
.stv-bars i.done{background:#fff;}
.stv-bars i.cur{background:linear-gradient(to right,#fff 45%,rgba(255,255,255,.35) 45%);}
.stv-top{position:absolute; top:20px; left:10px; right:10px; display:flex; align-items:center;
  gap:9px; z-index:3; color:#fff;}
.stv-av{width:34px;height:34px;border-radius:50%;flex:0 0 34px;}
.stv-top b{display:block; font-size:14px; font-weight:600;}
.stv-top span{font-size:12px; opacity:.8;}
.stv-x{margin-left:auto;}
.stv-x .ic{width:22px;height:22px;color:#fff;}
.stv-bot{position:absolute; left:10px; right:10px; bottom:12px; display:flex; align-items:center;
  gap:10px; z-index:3;}
.stv-in{flex:1; border:1px solid rgba(255,255,255,.55); border-radius:18px; padding:8px 14px;
  color:#fff; font-size:14px;}
.stv-bot .ic{width:26px;height:26px; filter:brightness(0) invert(1);}

/* ---- post composer ---- */
.np-head{display:flex; align-items:center; gap:10px; padding:10px 12px;}
.np-head b{display:block; font-size:15px; font-weight:600;}
.np-head span{font-size:13px; color:var(--caption);}
.np-body{padding:6px 15px 18px; font-size:16px; line-height:21px; color:var(--mutedBlack); min-height:70px;}

/* ---- market ---- */
.mkgrid{display:grid; grid-template-columns:1fr 1fr; gap:2px; background:var(--card);}
.mk{background:var(--card); padding-bottom:10px;}
.mk-i{width:100%; aspect-ratio:1/1; display:block;}
.mk-t{font-size:14px; line-height:18px; padding:7px 10px 0;}
.mk-p{font-size:15px; font-weight:600; padding:2px 10px 0;}
.mkbig{width:100%; aspect-ratio:1/1; background:#CFD6DE;}
.mk-head{padding:12px 15px 4px;}
.mk-name{font-size:18px; font-weight:600;}
.mk-price{font-size:20px; font-weight:700; margin-top:4px;}
.mk-sub{font-size:13px; color:var(--caption); margin-top:3px;}

/* ---- money ---- */
.mnbal{background:var(--card); padding:20px 15px; text-align:center; margin-bottom:8px;}
.mnbal span{display:block; font-size:13px; color:var(--caption);}
.mnbal b{display:block; font-size:30px; font-weight:600; margin-top:4px;}

/* ---- stickers ---- */
.stkgrid{display:grid; grid-template-columns:repeat(4,1fr); gap:6px; padding:10px;
  background:var(--card);}
.stk{aspect-ratio:1/1; background:#EEF1F4; border-radius:6px; overflow:hidden;}

/* ---- stats ---- */
.stt{padding:20px 15px; text-align:center;}
.stt-n{font-size:32px; font-weight:600; color:var(--mutedBlack);}
.stt-l{font-size:13px; color:var(--caption); margin-top:2px;}
.bars{display:flex; align-items:flex-end; gap:8px; height:110px; padding:14px 15px 0;}
.bars i{flex:1; background:var(--accentBlue); border-radius:3px 3px 0 0; opacity:.85;}
.bars-x{display:flex; gap:8px; padding:6px 15px 14px;}
.bars-x span{flex:1; text-align:center; font-size:12px; color:var(--caption);}

.c-t.danger{color:var(--red);}

/* ---- album header ---- */
.alh{background:var(--card); padding:18px 15px 12px; text-align:center;}
.alh-c{width:170px; height:170px; border-radius:6px; margin:0 auto; display:block;}
.alh-t{font-size:19px; font-weight:600; margin-top:12px;}
.alh-a{font-size:14px; color:var(--caption); margin-top:3px;}

/* ---- call ---- */
.call{background:#2C3E50; min-height:520px; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:14px; color:#fff; padding:30px 20px;}
.call-av{width:110px;height:110px;border-radius:50%;}
.call-n{font-size:22px; font-weight:600;}
.call-s{font-size:14px; opacity:.75;}
.call-ct{display:flex; gap:22px; margin-top:26px;}
.cb{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.16);
  display:flex; align-items:center; justify-content:center;}
.cb .ic{width:26px;height:26px;color:#fff;}
.call-end{width:64px;height:64px;border-radius:50%;background:var(--red);
  display:flex; align-items:center; justify-content:center; margin-top:26px;}
.call-end .ic{width:28px;height:28px;color:#fff;transform:rotate(135deg);}

/* ---- video player ---- */
.vplayer{position:relative; width:100%; aspect-ratio:16/9; background:#111; overflow:hidden;}
.vplay{position:absolute; inset:0; margin:auto; width:58px;height:58px; border-radius:50%;
  background:rgba(0,0,0,.5); display:flex; align-items:center; justify-content:center;}
.vplay .ic{width:28px;height:28px;color:#fff;}
.vbar{position:absolute; left:0; right:0; bottom:0; height:3px; background:rgba(255,255,255,.3);}
.vbar i{display:block; height:100%; width:32%; background:var(--red);}

/* ---- pinned ---- */
.pin-b{display:flex; align-items:center; gap:10px; padding:10px 12px;}
.pin-b b{display:block; font-size:15px; font-weight:600;}
.pin-b span{font-size:13px; color:var(--caption);}

/* ---- font size slider ---- */
.fsz{display:flex; align-items:center; gap:14px; padding:16px 15px; background:var(--card);}
.fsz span{font-size:14px; color:var(--caption);}
.fsz span.big{font-size:22px;}
.fsz-bar{flex:1; height:3px; background:var(--sep); border-radius:2px; position:relative;}
.fsz-bar i{position:absolute; left:0; top:0; bottom:0; width:45%; background:var(--accentBlue);
  border-radius:2px;}
.fsz-bar b{position:absolute; left:45%; top:-8px; width:19px;height:19px; border-radius:50%;
  background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.3); margin-left:-9px;}

/* ---- QR ---- */
.qrw{background:var(--card); padding:26px 20px 22px; text-align:center;}
.qr-img{width:200px;height:200px; margin:0 auto; display:block; border-radius:8px;}
.qr-n{font-size:18px; font-weight:600; margin-top:16px;}
.qr-l{font-size:14px; color:var(--accentBlue); margin-top:3px;}

/* ---- draggable player scrubber ---- */
.plr-bar{cursor:pointer;}
.plr-bar b{cursor:grab;}
.plr-bar:active b{cursor:grabbing;}
.pb.wide{flex:1 1 100%;}

/* poll */
.poll{margin:0 12px 4px; padding:10px 0;}
.poll-q{font-size:14px; font-weight:600; margin-bottom:8px;}
.poll-o{position:relative; margin-bottom:6px; height:30px; background:var(--bg); border-radius:4px;
  display:flex; align-items:center; padding:0 10px; overflow:hidden;}
.poll-bar{position:absolute; left:0; top:0; bottom:0; background:#D7E3F1; z-index:0;}
.poll-o span, .poll-o b{position:relative; z-index:1; font-size:13px;}
.poll-o b{margin-left:auto; font-weight:600;}
.poll-f{font-size:12px; color:var(--caption); margin-top:4px;}

/* document attachment */
.doc-att{display:flex; align-items:center; gap:10px; margin:0 12px 10px; padding:8px;
  background:var(--bg); border-radius:6px;}
.doc-i{width:28px;height:28px;flex:0 0 28px;color:var(--lbg);}
.doc-t{font-size:14px; font-weight:500;}
.doc-s{font-size:12px; color:var(--caption);}

/* forwarded message */
.fwd{border-left:2px solid var(--sep); padding-left:8px; margin-bottom:2px;}
.fwd-n{font-size:12px; color:var(--mutedBlue); font-weight:500;}
.fwd-t{font-size:14px; margin-top:1px;}
.fwd-tm{font-size:11px; color:var(--caption); margin-top:2px;}

/* about screen */
.aboutapp{text-align:center; padding:36px 20px; background:var(--card);}
.logo-img{width:44px; height:28px; margin:0 auto 14px; display:block;}
.aa-t{font-size:16px; font-weight:600;}
.aa-v{font-size:13px; color:var(--caption); margin-top:4px;}

/* splash */
.splash{height:667px; background:var(--headerBlue); display:flex; align-items:center; justify-content:center;}
.splash-logo{width:88px; height:56px; filter:brightness(0) invert(1);}

/* confirm dialog */
.confirm-wrap{height:600px; background:rgba(0,0,0,.35); display:flex; align-items:center; justify-content:center;}
.confirm-box{width:270px; background:#F7F7F7; border-radius:13px; overflow:hidden; text-align:center;}
.cf-t{font-size:16px; font-weight:600; padding:18px 16px 4px;}
.cf-b{font-size:13px; color:var(--subhead); padding:0 16px 16px;}
.cf-actions{display:flex; border-top:1px solid var(--sep);}
.cf-btn{flex:1; padding:11px 0; font-size:16px; color:var(--accentBlue); border-right:1px solid var(--sep);}
.cf-btn:last-child{border-right:none;}
.cf-btn.danger{color:var(--niceRed); font-weight:600;}
.mono-dark{filter:brightness(0); opacity:1;}

/* photo message */
.bb-ph .bb-photo{width:180px; max-width:60vw; aspect-ratio:4/3; border-radius:14px; overflow:hidden;
  background:#CFD6DE;}
.bb-ph.out .bb-photo{border-radius:14px 14px 4px 14px;}
.bb-ph.in .bb-photo{border-radius:14px 14px 14px 4px;}

/* voice message ("ГС") — real waveform bars, click to play/pause */
.bb-vc{max-width:78%;}
.bb-voice{display:flex; align-items:center; gap:8px; padding:8px 12px; border-radius:16px; cursor:pointer;}
.bb.in .bb-voice{background:#EDEEF0; border-bottom-left-radius:4px;}
.bb.out .bb-voice{background:#D5E3F5; border-bottom-right-radius:4px;}
.bb-vp{width:28px;height:28px; border-radius:50%; background:var(--accentBlue); flex:0 0 28px;
  display:flex; align-items:center; justify-content:center;}
.bb-vp .pc-sm{width:14px;height:14px; filter:brightness(0) invert(1);}
.bb-wave{display:flex; align-items:center; gap:2px; height:26px;}
.bb-wave i{width:2px; background:var(--lightBlue); border-radius:1px; cursor:pointer;}
.bb-voice.playing .bb-wave i.played{background:var(--accentBlue);}
.bb-vd{font-size:12px; color:var(--caption); flex:0 0 auto;}

/* location message */
.bb-loc{max-width:70%;}
.bb-map{width:200px; max-width:60vw; height:110px; background:#DCE6D8; border-radius:14px 14px 0 0;
  position:relative; overflow:hidden;}
.bb-pin{position:absolute; left:50%; top:50%; transform:translate(-50%,-100%); color:var(--niceRed);}
.bb-pin .ic{width:28px;height:28px;}
.bb-place{background:#fff; padding:8px 10px; font-size:13px; border-radius:0 0 14px 14px; max-width:200px;}

/* typing indicator */
.bb-typing{background:#EDEEF0; border-radius:16px; border-bottom-left-radius:4px; padding:10px 14px;
  display:inline-flex; gap:4px;}
.ty-d{width:6px;height:6px;border-radius:50%; background:var(--lightGray); animation:ty 1.1s infinite;}
.ty-d:nth-child(2){animation-delay:.15s;} .ty-d:nth-child(3){animation-delay:.3s;}
@keyframes ty{0%,60%,100%{opacity:.3; transform:translateY(0)} 30%{opacity:1; transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.ty-d{animation:none}}

/* chat header extras */
.pin-bar{display:flex; align-items:flex-start; gap:8px; padding:8px 12px; background:#EAF1FB;
  border-bottom:1px solid var(--sep); font-size:13px; line-height:17px;}
.pin-bar .ic{width:18px;height:18px; color:var(--accentBlue); flex:0 0 18px; margin-top:1px;}
.pin-bar b{font-weight:600; margin-right:3px;}
.pin-bar span[contenteditable]{flex:1; min-width:0;}

.chat-empty{display:flex; flex-direction:column; align-items:center; justify-content:center;
  height:400px; color:var(--caption); font-size:14px; gap:10px; text-align:center; padding:0 30px;}

/* story-viewer progress bars, clickable */
.stv-bars i{cursor:pointer;}

/* participants list header count */
.ptc-hd{padding:14px 15px 4px; font-size:13px; color:var(--subhead);}

.bb-gallery{display:grid; grid-template-columns:1fr 1fr; gap:3px; width:180px; max-width:60vw;
  border-radius:14px 14px 14px 4px; overflow:hidden;}
.bg-c{aspect-ratio:1/1; background:#CFD6DE;}

/* comments overlay — opens on top of the current screen, not a page jump */
.cmodal-bg{position:fixed; inset:0; background:rgba(0,0,0,.4); z-index:900;
  display:none; align-items:flex-end; justify-content:center;}
.cmodal-bg.open{display:flex;}
.cmodal{width:100%; max-width:420px; max-height:82vh; background:var(--bg);
  border-radius:14px 14px 0 0; display:flex; flex-direction:column; overflow:hidden;
  transform:translateY(100%); transition:transform .22s ease;}
.cmodal-bg.open .cmodal{transform:translateY(0);}
.cmodal-hd{background:var(--card); padding:12px 15px; text-align:center; position:relative;
  border-bottom:1px solid var(--sep); flex:0 0 auto;}
.cmodal-hd b{font-size:16px; font-weight:600;}
.cmodal-x{position:absolute; right:12px; top:10px; width:26px; height:26px; border-radius:50%;
  background:#EBEDF0; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.cmodal-x .ic{width:14px; height:14px; color:var(--caption);}
.cmodal-src{display:flex; gap:8px; align-items:center; padding:10px 15px; background:var(--card);
  border-bottom:6px solid var(--bg);}
.cmodal-src .av{width:32px;height:32px;border-radius:50%;flex:0 0 32px;background:#c9cfd6;}
.cmodal-src .tx{font-size:13px; color:var(--subhead); overflow:hidden; text-overflow:ellipsis;
  white-space:nowrap;}
.cmodal-body{flex:1; overflow-y:auto; background:var(--bg);}
.cmodal-body .cm{background:var(--card);}

.attach-btn{display:inline-flex; align-items:center; cursor:pointer;}
.attach-btn:active{opacity:.6;}
.cin .snd{cursor:pointer;}
.cin .snd:active{opacity:.6;}

.ic-mask{
  display:inline-block; background-color:currentColor;
  -webkit-mask-size:contain; mask-size:contain;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
}

.modebar{position:fixed; top:0; left:0; right:0; z-index:500; background:#1c1e22; color:#fff;
  padding:10px 14px; display:flex; align-items:center; gap:12px; font-size:13px;
  box-shadow:0 2px 10px rgba(0,0,0,.4);}
.modebar b{font-size:13px;}
.modeswitch{display:flex; background:#33383d; border-radius:8px; overflow:hidden;}
.modeswitch button{background:none; border:none; color:#9aa1a8; padding:6px 12px; font-size:12px; cursor:pointer;}
.modeswitch button.on{background:var(--accentBlue); color:#fff;}
.modebar select{background:#33383d;color:#fff;border:1px solid #555;border-radius:4px;padding:4px 6px;font-size:12px;margin-left:auto;}
.modehint{font-size:11px; color:#9aa1a8;}
body.edit-mode .appframe{box-shadow:0 0 0 3px #FFA000, 0 8px 30px rgba(0,0,0,.5);}
.edit-banner{position:fixed; top:0; left:0; right:0; z-index:900; background:#FFA000; color:#1a1a1a;
  text-align:center; padding:8px 12px; font-weight:700; font-size:13px; display:none;
  box-shadow:0 2px 10px rgba(0,0,0,.4);}
body.edit-mode .edit-banner{display:block;}
.edit-banner button{margin-left:10px; background:#1a1a1a; color:#FFA000; border:none;
  border-radius:6px; padding:4px 10px; font-weight:700; cursor:pointer;}
body:not(.edit-mode) .editimg[data-nav]:hover::after{background:rgba(0,0,0,0);}
body:not(.edit-mode) .editimg:not([data-nav]){cursor:default;}
body:not(.edit-mode) .editimg:not([data-nav]):hover::after{content:none;}

.topbar{position:relative; z-index:5; background:#22262b; color:#fff;
  padding:10px 14px; display:flex; gap:10px; align-items:center; flex-wrap:wrap;
  font-size:12px; border-bottom:1px solid #000;}
.topbar select, .topbar button{background:#33383d;color:#fff;border:1px solid #555;border-radius:4px;padding:5px 8px;font-size:12px;cursor:pointer;}
.topbar .modeswitch{display:flex; background:#33383d; border-radius:8px; overflow:hidden;}
.topbar .modeswitch button{border:none; border-radius:0; color:#9aa1a8;}
.topbar .modeswitch button.on{background:var(--accentBlue); color:#fff;}
.topbar .danger{background:#8B2020;border-color:#8B2020;}
.panel.open{display:flex;}
.panel .modeswitch{display:flex; background:#33383d; border-radius:8px; overflow:hidden;}
.panel .modeswitch button{flex:1; background:none; border:none; color:#9aa1a8; padding:7px 0; font-size:12px; cursor:pointer;}
.panel .modeswitch button.on{background:var(--accentBlue); color:#fff;}
.panel .modehint{font-size:11px; color:#9aa1a8;}
.panel select{background:#33383d;color:#fff;border:1px solid #555;border-radius:4px;padding:5px 6px;font-size:12px;}

body.edit-mode .cell, body.edit-mode .post, body.edit-mode .grp,
body.edit-mode .bb, body.edit-mode .mrow, body.edit-mode .tr,
body.edit-mode .notif, body.edit-mode .cm { cursor:pointer; }
.block-selected{outline:2px solid #FFA000 !important; outline-offset:-2px; position:relative; z-index:5;}
.block-toolbar{position:fixed; z-index:700; display:flex; flex-wrap:wrap; max-width:260px; gap:2px; background:#22262b;
  border-radius:8px; overflow:hidden; box-shadow:0 4px 14px rgba(0,0,0,.5);}
.block-toolbar button{background:#2b2f34; color:#fff; border:none; width:32px; height:32px;
  font-size:15px; cursor:pointer;}
.block-toolbar button:hover{background:var(--accentBlue);}

.stv-tap{position:absolute; top:90px; bottom:70px; width:35%; z-index:4; cursor:pointer;}
.stv-tap.left{left:0;}
.stv-tap.right{right:0; width:65%;}

.fab{position:fixed; bottom:22px; right:22px; z-index:600; width:46px;height:46px;border-radius:50%;
  background:#2b2f34; color:#fff; display:flex; align-items:center; justify-content:center;
  font-size:20px; cursor:pointer; box-shadow:0 4px 14px rgba(0,0,0,.5); user-select:none;}
.fab:active{transform:scale(.92);}
.panel{position:fixed; bottom:76px; right:22px; z-index:600; background:#22262b; color:#fff;
  padding:12px; border-radius:12px; box-shadow:0 6px 20px rgba(0,0,0,.5); font-size:13px;
  display:none; flex-direction:column; gap:8px; width:230px;}
.panel.open{display:flex;}
.panel .modeswitch{display:flex; background:#33383d; border-radius:8px; overflow:hidden;}
.panel .modeswitch button{flex:1; background:none; border:none; color:#9aa1a8; padding:7px 0; font-size:12px; cursor:pointer;}
.panel .modeswitch button.on{background:var(--accentBlue); color:#fff;}
.panel .modehint{font-size:11px; color:#9aa1a8;}
.panel select{background:#33383d;color:#fff;border:1px solid #555;border-radius:4px;padding:5px 6px;font-size:12px;}
.panel button{background:#33383d; color:#fff; border:none; border-radius:6px; padding:7px 0; font-size:12px; cursor:pointer;}
.panel button:hover{background:#454b52;}
.panel button.danger{background:#7a2020; color:#fff; border:none; border-radius:6px; padding:7px 0; font-size:12px; cursor:pointer;}
.panel button.danger:hover{background:#9a2a2a;}

.pgrid:empty::after, .grp:empty::after {
  content: attr(data-empty);
  display: block; grid-column: 1 / -1;
  padding: 40px 20px; text-align: center;
  color: var(--caption); font-size: 14px;
}
.chat:empty::after {
  content: "Здесь пока нет сообщений. Напишите первым!";
  display: block; padding: 60px 30px; text-align: center;
  color: var(--caption); font-size: 14px;
}

.icd-document_28{-webkit-mask-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAuCAYAAABEbmvDAAABvklEQVR4nO3ZvYqDMADA8Sh0KQS6uboJgqMPUPe+glsfwDcw9kl8AxFnH0AoioOT0IwdCg5+DH7dLefhebVnrmdzQ/6LQ4j8THBJABgFIYQIIRSGYZjnef72ZLfb7eZ5nqcoigJ+m6ZpGsYYP4u5V1VV1eFwOPwK1fd9vwZqqCzLUlVVdTEKQgjXWqlp1+v1KoqiuAiGEEKvQA0lSZLsdrvdj7AoiqI1AJIkSZZlWffGfN/3N5vN5iHsL/6+ew3vN03TvDdu27b9ELYGagx7hDNN06QKe4TTdV2nCpvD1XVd7/f7PVXYHC7LskyWZZkqbA53uVwugiAIVGFzuCAIgu12u6UKm8M5juPwPM+vBuM4jluCO51Op+nc4/F45JZ+HWmGYRie53ld13Vt27ZzT1mW5fP5fB7PjeM4Xg32TE3TNP8SBgAAPG3AXAxGGoORxmCkMRhpDEYag5HGYKQxGGkMRhqDkcYXRVHQRkwriqLg0zRNaUOmpWma8q7rurQh01zXdV96nL4kjDGGEEIAwGsuIJbU932vaZr2ZfnWvLJZEsYYf0MNDZdcURRFax2zj8vzPA/DMEQIoc/t++gdyZCX5FRlEykAAAAASUVORK5CYII=');mask-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAuCAYAAABEbmvDAAABvklEQVR4nO3ZvYqDMADA8Sh0KQS6uboJgqMPUPe+glsfwDcw9kl8AxFnH0AoioOT0IwdCg5+DH7dLefhebVnrmdzQ/6LQ4j8THBJABgFIYQIIRSGYZjnef72ZLfb7eZ5nqcoigJ+m6ZpGsYYP4u5V1VV1eFwOPwK1fd9vwZqqCzLUlVVdTEKQgjXWqlp1+v1KoqiuAiGEEKvQA0lSZLsdrvdj7AoiqI1AJIkSZZlWffGfN/3N5vN5iHsL/6+ew3vN03TvDdu27b9ELYGagx7hDNN06QKe4TTdV2nCpvD1XVd7/f7PVXYHC7LskyWZZkqbA53uVwugiAIVGFzuCAIgu12u6UKm8M5juPwPM+vBuM4jluCO51Op+nc4/F45JZ+HWmGYRie53ld13Vt27ZzT1mW5fP5fB7PjeM4Xg32TE3TNP8SBgAAPG3AXAxGGoORxmCkMRhpDEYag5HGYKQxGGkMRhqDkcYXRVHQRkwriqLg0zRNaUOmpWma8q7rurQh01zXdV96nL4kjDGGEEIAwGsuIJbU932vaZr2ZfnWvLJZEsYYf0MNDZdcURRFax2zj8vzPA/DMEQIoc/t++gdyZCX5FRlEykAAAAASUVORK5CYII=');}
.icd-profile_audios{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAkCAYAAADo6zjiAAACbElEQVR4nO2XzYsSYRzHf79B0sh11bYXdZSgZXNelA4bGwWNimZ06gU61J4Mo93DXvbapQ51iIXwIqwgQXvqWIfWlHH9F3y9xa4r9AZrsRupEE+HRRHZdJ710S77vc3Md57PZ/jNDDMIY8hZm31akDw+tygrMxeEq6ZJ8+mfP+pfXifiizgKoN3hdAuSrLhFWREkj89sttgO6n3/9vXT0AKIiA7eJXaAoqyYJs1nNJ5OqAUQEZ2ucx5B2r86tyBdM06YpmjX6aynpXRMrz8+e+nyrdm5K3ck2Rs4YTRaDwukFgiGby7cvffg6YTJdIoVlErgzdt3fxCRGwUcAGDgwqOEaxJgELJd3cx//PA+9url89u9B3UjAhYqpcJGpVTYqJSLub3d3Z1/lVkIUAFZCAwFHFrgceT+1DDA3lDfhCzhhxJgnSOBI4H/LjCKVzEA7H+4BEI3Hin+UMTBO8VWq/W7tr1VHIuAxXrSvri0vCZIHn97n95gMHZvt8N8BIiIvfB+YS7gD4ajWuEAXSNARPQHw1ElEIrwvEtqNhu/qlubeVoBX+D6Q5q+DgDAYrHaFpaW10TZG2gf0BsMRtl7MUQr4OCdIk2fQ0TshY8rzUZjj/MHw1GW8FqtWqLpckogFGEFBwDIqekkTZfjeZfEUiCbSSXKxbw6qFcu5tVsJpWgegybjcbeoA4hhMRjK/P9JMrFvBqPrcwTQoiuVquWzk/PzGkR0Drfen3n84tnT4Ldj3X7/JyaTmYzqQQhhAAA6HJqOqlVgGa+hBCiptdX1fT6ar8eRzszrQJaw9HOjLVA5+e091UMcPDMWOcvgDofYQWZcrMAAAAASUVORK5CYII=');background-size:contain;background-repeat:no-repeat;background-position:center;}
.icd-back{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAsCAYAAACUq8NAAAAAdElEQVR4nO3YsQ3AQAgDQBQKr81UXo80SZPo9Yn+obIH4IREg80K4u5eMfcVACDJiIgWKK+UgU+oDBxB28EZlJlJkstH8xUCAEGCBAkSJKgKMrNjdcDvdG4nUKBAgQIFbga3NQgzsO2vbmsM2rqQcujO6BhO6Xniw75BrYAAAAAASUVORK5CYII=');background-size:contain;background-repeat:no-repeat;background-position:center;}
.icd-post_button_share_light_normal{background-image:url('data:image/png;base64,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');background-size:contain;background-repeat:no-repeat;background-position:center;}
.icd-attach_24{-webkit-mask-image:url('data:image/png;base64,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');mask-image:url('data:image/png;base64,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');}
.icd-more_24{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAJCAYAAAC18OVOAAAAc0lEQVR4nM2UsQ0AMQgDUbyzh8oSLOAFMocH+K/SkXRIccudqSAiIgCAJCXJtiWJJAEgLmnzACAz8yuSmXla0OqRZAXskGRV3upJ0g2SpKq81bPtG2TbVXmnN9Zaq5J3TvNOb8w55w06zVu9J69vgy/9qR/2L0QHIGE92AAAAABJRU5ErkJggg==');background-size:contain;background-repeat:no-repeat;background-position:center;}
.icd-input_panel_send_48{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAGQ0lEQVR4nO2cb0hTaxjAn477k3pWM6cWbkxruSGthpEVeUdsIIEZUXD9YFBYFPeCdKWoUXA/BDdWEN4QblzpSkF9MCgCE0RwiBmWYddayGYLHZvUcubynGXbmXo/XI/N/XNz55x3i/0+bee853mf8+Nw/r7PuwY4ApfIFBvk6j2iArkSLyxR4fkyBT9bJOYJc0R8Ya4IAIDyeYmA7ytBzRIecsphIz+NW4hJu/Wz3fycdDtsXOS5hq3AWTyBcFO5tnZjedXBAsUuXfb6Ilky8Wa/uByTtpemjyP9Tz6M9HXMBfw+pnINhnEheVJVRcnuI6elmuo6/lpczHR8AADqG+lxDne3j7941DrttLxiMjZjQiSlmiql/uTlIuXeA0zFjAeXdaDL2vPPH+6x4X4m4iUtBJfIFDsOX2jhWkQoLutA1+vH1xuTPdesWgjG4wtUuoZLZboTBiyLL0wmCaaYn6N8o6Y7Roup7ep8gPKvJsaqhOAS6ZbKY8Z2cbFq52q2ZxvPhGVo8J6hjnQ73ye6bcJCirfrj+78+fc2njB3XaLbcknA550ZenClYeJNz8NEtktIyFZtfZO6tulGotshZMHc0XzuXd/95ng3iHvHttU0Gsv2H7+4urzQMtp799rbzhZDPG2xeBqlswwAgLL9xy9uq2k0xtN2RSFbtfVN6SyDpmz/8YtbtfVNK7WLKaR4u/7o4jnjh0Bd23SjeLv+aKw2Uc8huES6Rffb/VepfjVJlIDPO2P6s74i2iU54hGC8fiCymPG9h9NBgAAT5i7rvKYsR3j8QWR1kcUotI1XErVmy4mEBerdqp0DZcirQsTgktkijLdibguUelMme6EAZfIFKHLw4TsOHyhJVWeTdgEy+ILdxy+0BK2PPiPpFRThfqplUuKlHsPSEo1VcHLlglR6k9e5jYl9ITu85KQPKmqAsXRUakQQ+sZNbSeUUOlQsx191Ck3HsgT6qqoP8vCSnZfeQ018nsU+bB+UObIV8kgHyRAM4f2gz7lHlcp7Fs3zGA/18ISzXVdVwmsU+ZB2drSiEL+35vmIWtgbM1pZxLkWqq67J4AiHAopBN5dpatl4IRyKSDBoUUvhrcfGmcm0twKKQjeVVB7nqPJYMGhRSaAcYAECBYpeOi07jkUHDtRTaAYZLZIpkPyLFQyQZc/MLYe2Cl3EpJXt9kQyXyBTYBrl6D9udRZNxs3MsrO3NzjFkUjbI1XswUUGJis1OYsl4Zp0Oa//MOo1MiqhArsTwQrmSrQ4SlUGDSgpeWKLC8PzwJz4mWK0MGhRS8HyZAuNni8RMB65UiJOSQRNLChu3+fxskRjjCXNETAc+pZclLYMmmpRTeuYvjDxhjgijB6uwRTIyaCJJYQO+MFfEYyPwrW47/FItBwCA2z0OGLR5ko75zDoN1NzC0pFxq9uedMxI8CiflxDkrM9nMui/YzNw+m8zkyEBAGDQ5mFEbjQon5fAAr6vBGs9pBkB31cCo2YJD+pEUgVqlvBg5BQ3o/vSAXLKYcPIT3Yr6kRSBfLTuAUjJsctqBNJFYhJuxX7bDc/R51IqvDZbn6OkW6HbfaLy4E6GdTMfnE5SLfDhgEATNpemlAnhBraAQYA8HGk/wnadNDzYeRpB8CikA8jfR3UN9KDNCOEUN9Iz8eRp08AFoXMBfw+53B3O9q00OEc7m6niwmWvtyNv3jUiiKZKcIf8TeXBO/7kpBpp+WVyzrQxXUyt7rtMEX4YYrws/YEGwuXdaAruKJi2QcSSammSvvr7aecZ4WQvr9O/RRcSbFsOIR7bLgfxVGCCpd1oCu0rCRsBNHrx9cb5+coVqqVUon5Ocr3+vH1xtDlYUJIt8M2aroT16jfdGbUdMcYqbYm4ihEi6ntqmfCMsR+WmjwTFiGLKa2q5HWRRQyH6D8g/cMdQGfd4bd1Lgn4PPODN4z1EUrMIo6tJt0O98PPbjSAADsvurmloWhB1caYhUWxRzrPvGm56G5o/kc83mhwdzRfG6lgqIVqyHe9d1vHu29e425tNAw2nv3WjyFRHHVy7ztbDGks5RECogyJWYhZIoQQ8iUqYaQKWQOIVPqHkJmMoQQMtNlhJCZUCUEzu4nvk+5U6LCC+XK+KbcsVuJyXELl1Pu/AejhxeR6IO5aQAAAABJRU5ErkJggg==');background-size:contain;background-repeat:no-repeat;background-position:center;}
.icd-profile_friends{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAaCAYAAADMp76xAAACkElEQVR4nGNkIBIwMjIyuri6pzq5uCbJyMppMzAwMDx5/Ojq3j275u7dvWvO/////9NSP9wcYhQJCglJ5hUUL9HR1XPCJn/l8sW9k/p7Y96/f/+CFvqRARMhBYyMjIz4LGNgYGDQ0dV3zi0oXkwL/SQ72MXVPRWfZTCgq6fv4uTimkRt/eiAoIOJMQSu1hlTLaX60QFBB8MyCDFARlZOi9r60QFBBw82QNDBTx4/ukqsYY8fPcRQS6l+dEDQwfv27J5HrIX79+2ZT2396ICgg/fs3jn7yuVL+wipu3zp4h5sjqNUPzog6OD/////nzShNwafpVcuX9w7eUJvLC30owOiajoGhsFTNY8CWgOCSUJeXkHXwMjYQ0lZ2VhKSlpNSFhEhouLi4+BgYHh27dvn969ffPk2bOnt+7dvXv2wrmzOx4+fHAZmzkqqmqmSSlpkyQkJVU4Obn4GBgY/pOiH6eDmZmZWYxMTL2NjU29DY2MPYWEhWWI9DwDAwMDw7u3b5+cP3d2+9mzp7eeO3N669+/f//A5CQlpVRSM7Km6+rpu5CjH8XBTExMTM4ubikBwSEVYmLiiqQ4Ehd49erl/Q1r13Ts3bNrzr9///4xMDAwMDMzMyckpU7w8PLOIUc/IwMDA4OwsLB0XmHJEi1tHQdqOBQdXLt65cCk/p6Yt2/fPoWJxSUm9/j6BRSTqp+Rm5ubv72r75SklJQaLRwLA8+fPbtVWVZk9vXr148MDAwMrKysbB3dfafl5BX0SNHPFBUT305rxzIwMDBISkmpRcXEt8P4v3///rV+3ZoOUvUzGRobe9LGiZgA3a4b164dIVU/k6iomAJVXYUHoNv15s3rx6TqH37t4cEGRh1MawAAc1t8v3O9SpUAAAAASUVORK5CYII=');background-size:contain;background-repeat:no-repeat;background-position:center;}
.icd-messages_smile_button{background-image:url('data:image/png;base64,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');background-size:contain;background-repeat:no-repeat;background-position:center;}
.icd-post_button_comment_light_normal{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAC70lEQVR4nGNkgAJePj4Rv4CQGlV1TRtZOTldZmYWNgYagr9///x6/OjR5ds3rx/ZtGFNy+dPn94wMDAwMDIwMDBoauk4ZOYVreDj4xenpSNwgU+fPr6cPqkv4vq1KwcYefn4RFq7JlwZKMcgO6q6rECHxS8wtBbmmHdv3zyaO2ta8s3r1w79+fP7Fy0dwMLCyqauqWWXnJY1V0hYRI6Pj1/cLyCkhklVTcMapmjurGnJVy9f3ENrxzAwMDD8+fP719XLF/fMnTUtGSamqq5pwyQrJ6cLE7h5/dohWjsEHSDbKSsnp8uEnJvoETLoANlOZmYWNiZ6O4AQGHUQITDqIEJg1EGEwKiDCIFRBxECow4iBEYdRAgw/f37B94eYWFhpWlPAxtAtvPv3z+/mB4/enQZJqCuqWVHbwch2/n40aPLTLdvXj8CE0hOy5qrravvQo+QYmFhZdPW1XdJTsuaCxO7ffP6EUZePj6Rtq6JV3n5+MQIGfLr169vWzet69i4bnUzLjVWNnbRQWFRLSIiogqkOBDWDWL6/OnTm2mTesM/ffr4kpAmNjY2Lm+/oApc8rYOTolpWflLyHHM9El9EZ8/fXrDCBMkpSudEBXMiC5mbGoekFNQsoaRkYmZGEfg7UoTAxYsW/sfl4M0tLTti8trd7CysnIwMDAwPHxw/1xHS53j92/fPhFrPgxQXA7JKygZFhRXboI55uWL57d7O5s9yXEMxQ6SkJRSLamo3cHBycnHwMDA8OHD+2fd7U2unz5+fEWumWQ7SFBQSKqksm4XLHd+/frlXXdbk9ub168ekmsmAwMDAwuxCn///v0DFi3KKmrmSWlZc2C56devX9/6u1q9nz55dJUSxzAwkJCoaxrbjqqoqluhi//9+/f3xJ52v0sXz++g1DEMDCRE2ZqVS6v+////D1ns379/f2ZPnxRHLccwMJAQQgwMDAwqauqW/oGhtRKSUurPnj29vmnd6ua7d26dpJZjGBgYGABbNCv2cRqK/AAAAABJRU5ErkJggg==');background-size:contain;background-repeat:no-repeat;background-position:center;}
.icd-search_24{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAACiUlEQVR4nO2XMa+qMBTHeZekK0PDUAYXcHfjEzioC2FhQyY+Bd+Aod9CYuP6WBxZHXBwo5NJBw2Jq6WJb7jehNeIFxS9b3j/sTnnz4/T9rT9pbQQhBDOrjJN0zQMw4AQwrIsS8YYo5TS31eVZVm28ewsy7IsQggRQohLCwkhBCGEWJZl9QYBAAAYY8w5520gZHHOOcYYAwDAUyC6rutZlmWPQMjKsizTdV1/GIRSSm8Z53meR1EU2bZtI4QQAAAghJBt23YURVGe5/mtPEop7QwEAAC3KlIUReG6rtvGw3VdtyiK4laFOk0ZxhjLJmmappqmaV1+StM0LU3TVPbCGONWBpZlWfJiTdM0VVVV7QLyJVVVVRmIc85b7TJCCJGnpmtFZGmapslTRgghd5MghFDuI23XyHdyXdet+wohBIQQNibM5/N5PSHP87wPkC/Ju8z3fb8p9mM6nU7rA6vVatUnjOw3m81mjTCmaZr1gfV6ve4TRvaTv/eXGGOsXkaEEOoTBiGE6v6MMdYYfD6fz/Xgp88TSQAAIG/xptgP+ci/u9ofkOx3Op1OjTBy2QaDwaBPGNnveDweG2EopbQ+MB6Px33CyH7b7XbbGPzuPhOGYdgY/M4OXFVVZRiGcTfpXWdTkiTJt4nD4XD46lNbCCFGo9GolcGr7zNxHMetTV5507tcLpcgCIIuP/WSO3B9mjzP8zoD9fU66AXo2XeTEELEcRwHQRDIbeMhIEX53GVdXpRVVVVJkiT1XeN5ntcbkKJ8Nkbf9/3lcrncbDYbxhjjnPPD4XDY7Xa7xWKxCMMwbGpovQM9q/9AjwI5juP8M0D7/X7/IzC3gH4URlEUxXEcZ3/VZDKZ/AEP6TS/F8bAEwAAAABJRU5ErkJggg==');background-size:contain;background-repeat:no-repeat;background-position:center;}
.icd-newsfeed_disclosure_indicator{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAACd0lEQVR4nGNggILklNS6ktKyyYyMjIwMpABGRkbGouKSiSdOnfl/4tSZ/41NLUtYWFhYiNZfU1c/z8fHNxFZ8NjRI1urKitCf/z48Z2QAUwH9+9f/+vXrx/IglbWNt4TJ03ZycPDw0/QBQwMDAxGRsb2Pb19m7i4ufmQJW/funWhID/X4+3bty/xGsDAwMCgoaFhNGHSlB0CAgKiyAqePHlyJy8ny/XZs2cP8BrAwMDAIC+voD5pypRd4uIScsjir1+/fpqXm+12/969a+gGMCFzHj58cDMtJcXm4cMHN5DFRUVFpWfOmnNYW1vHDK8BDAwMDC9fvnicnppie+PGjbPI4nx8fEJTpk3fa2Zm7oLXAAYGBoYPHz68yc5Mdzx37uwBZHFOTk6evgkTtzo5OQfjNYCBgYHh69evnwvz8zwPHz60CVmchYWFraWtfaV/QEAKAwNaIGIDLCwsLDW1dfM8PL1i0eWmTplcjtMFxAK8LmBnZ+doaWtfaWtr54cs/v///38d7a3pGzdsmIPTAG5ubt7u3r5NRkbGDsjif/78+VVXWxO9b++eNThdICAgIDJh0pQdGhoaxsjiP378+FpWUhxw6tTJPTi9IC4uITt56tTdcnLy6sjinz59eldUkOd15cqVk8jiRCXlN2/ePMvLzXa7d/fuVXQL4bGgoaFhNHP2nMPomp88eXInLSXJGptmuAFGRsb206bP3I+eE2/funUhPTXZBldOZGBgYGCytbXznTBp8g70suDixQtHMjPSHPCVBQwMDAxM9o6OgWxsbBzIgseOHtman5vj9uXLl4/4NDMwMGAWqk3NLUtJKVThgNxiHQA8H/a3TMt7ywAAAABJRU5ErkJggg==');background-size:contain;background-repeat:no-repeat;background-position:center;}

.sb{height:20px; background:var(--headerBlue); color:#fff; display:flex; align-items:center;
    justify-content:space-between; padding:0 6px; font-size:11px; font-weight:600;
    letter-spacing:.1px; flex:0 0 20px;}
.sb.dark{background:#000;}
.sb-l,.sb-r{display:flex; align-items:center; gap:4px; flex:1;}
.sb-r{justify-content:flex-end;}
.sb-c{font-weight:600; flex:0 0 auto; padding:0 4px;}
.sb b{font-weight:600; font-style:normal;}
.sb u{text-decoration:none; font-size:8px; font-weight:700; border:1px solid currentColor;
      border-radius:2px; padding:0 2px; line-height:10px;}
.sbi{height:10px; width:auto; display:block; flex:0 0 auto;}
.sbb{height:12px; width:auto; display:block; flex:0 0 auto; color:#fff;}

/* Preview 05: each message owns its row; floated voice/photo bubbles cannot overlap. */
.chat > .bb{clear:both;}
.chat::after{content:"";display:block;clear:both;}
.chat > .clr{clear:both;height:0;}

#cmodalSrc .av img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}

/* Keep the supplied 375px VK interface; these styles only repair interaction
   and arrange its existing editor on small touch screens. */
html,body{min-height:100%;}
.wrap{padding:20px 0 90px;}
.screen{min-height:min(667px,calc(100dvh - 42px));max-height:calc(100dvh - 42px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;}
[onclick],button{cursor:pointer;touch-action:manipulation;}
.panel{box-sizing:border-box;max-height:calc(100vh - 105px);max-height:calc(100dvh - 105px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
/* A bounded flex column otherwise collapses the overflow:hidden mode switch. */
.panel > *{flex-shrink:0;}
.panel .modeswitch{position:sticky;top:0;z-index:2;min-height:44px;box-shadow:0 0 0 6px #22262b;}
.panel .modeswitch button{min-height:44px;font-size:14px;}
.panel a{color:#9ccaff;text-align:center;}
.panel select{width:100%;min-width:0;}
.panel .ctor-status{font-size:12px;line-height:1.4;color:#a9c7e9;}
.panel .ctor-status.error{color:#ffb4aa;}
.fab{touch-action:manipulation;}
.block-toolbar{max-width:min(356px,calc(100vw - 12px));z-index:1000;}
.block-toolbar button{min-width:38px;min-height:38px;}
.ctor-toast{position:fixed;left:50%;bottom:85px;transform:translateX(-50%);z-index:2200;max-width:min(90vw,430px);background:#22262b;color:#fff;padding:12px 16px;border-radius:8px;font:14px/1.45 var(--f);box-shadow:0 3px 20px #0005;}
.ctor-dialog{border:0;border-radius:10px;background:#fff;color:#222;width:min(430px,calc(100vw - 24px));max-height:85dvh;padding:18px;font:15px/1.4 var(--f);overflow:auto;}
.ctor-dialog::backdrop{background:#0008;}
.ctor-dialog h3{margin:0 0 14px;font-size:18px;}
.ctor-dialog label{display:block;margin:10px 0;}
.ctor-dialog input,.ctor-dialog select,.ctor-dialog textarea{display:block;width:100%;padding:9px;border:1px solid #c4cbd3;border-radius:5px;font:16px var(--f);}
.ctor-dialog textarea{min-height:90px;resize:vertical;}
.ctor-dialog button,.ctor-runtime button{background:#5181b8;color:#fff;border:0;border-radius:5px;padding:9px 12px;font:14px var(--f);}
.ctor-dialog footer{display:flex;gap:8px;margin-top:14px;}
.ctor-dialog .secondary{background:#e8edf2;color:#42648b;}
.ctor-runtime{padding:8px 15px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
.ctor-runtime small{flex-basis:100%;color:#71757a;font:12px/1.4 var(--f);}
.ctor-chat-tools{padding:4px 15px;background:#fff;font-size:12px;display:flex;gap:12px;align-items:center;}
.ctor-chat-tools select{font-size:14px;max-width:180px;}
.ctor-attachment img,.ctor-attachment video{display:block;max-width:100%;max-height:420px;object-fit:contain;}
.ctor-attachment audio{width:100%;max-width:100%;}
.bb .ctor-attachment audio{width:240px;}
.stv-media video{width:100%;height:100%;object-fit:cover;}
.ctor-lightbox{padding:0;background:#111;max-width:95vw;width:700px;}
.ctor-lightbox img{max-width:100%;max-height:78dvh;object-fit:contain;margin:auto;}
.ctor-lightbox footer{justify-content:center;margin:8px;}
.ctor-edit-notice{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:800;background:#ffa000;color:#1a1a1a;padding:5px 12px;border-radius:0 0 6px 6px;font:12px var(--f);pointer-events:none;}
@media(max-width:390px){.appframe,.screen{width:100vw;max-width:375px}.wrap{padding-top:0}.screen{border-radius:0;max-height:100dvh;min-height:100dvh}.panel{right:12px}.fab{right:16px}}
.fx-search{margin:8px 12px;padding:10px;width:calc(100% - 24px);border:0;border-radius:8px;background:#dfe4e9;font:16px var(--f)}
.fx-menu>div{display:flex;flex-direction:column;gap:1px}.fx-menu>div>button{text-align:left;border-radius:0;background:#fff;color:#42648b;border-bottom:1px solid #e5e7eb;padding:14px 8px}
.ctor-dialog input[type=checkbox]{display:inline-block;width:auto;margin-right:9px}.fx-assets{width:min(760px,95vw)}.fx-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px;margin-top:12px}.fx-asset-grid button{background:#e6ebf0;color:#222;padding:8px;overflow:hidden}.fx-asset-grid img{width:48px;height:48px;object-fit:contain;margin:0 auto 5px}.fx-asset-grid span{display:block;font-size:10px;overflow-wrap:anywhere}.cell[hidden]{display:none!important}.fx-pinned{cursor:pointer;padding:10px;background:#dae4ef}

.ctor-exit{position:sticky;top:0;z-index:40;background:#fff;min-height:44px;padding:4px 10px}.ctor-exit button{min-height:40px}#scr-live_stream .ctor-exit{background:#111}#scr-live_stream .fx-live-comments{max-height:190px;overflow:auto}.ctor-dialog [data-error]{color:#c63232}.ctor-dialog{overscroll-behavior:contain}

.ctor-comment-tools{display:flex;gap:6px;flex-wrap:wrap;padding:8px;background:var(--card);flex-shrink:0}.ctor-comment-tools button{min-height:44px;border:0;border-radius:6px;padding:8px;background:#5181b8;color:white}.cmodal-body{min-height:0}.cmodal-src,.cmodal .cin{flex-shrink:0}.cm-av{width:36px;height:36px;flex:0 0 36px;border-radius:50%;overflow:hidden}.cm-av img{width:100%;height:100%;object-fit:cover}body.edit-mode #cmodalBody .cm{cursor:pointer}

.np-body:empty:before{content:attr(data-ph);color:var(--caption);pointer-events:none}.ctor-lightbox>img{display:block;touch-action:pan-y pinch-zoom}.ctor-lightbox footer button{min-width:44px;min-height:44px}.ctor-runtime [data-post-target]{max-width:100%;font-size:14px}

.life-chat-date{clear:both;text-align:center;padding:12px;color:var(--caption);font-size:12px}.life-voice-play{font-size:22px;padding:8px}.bb-voice{display:flex;align-items:center;gap:8px;min-height:44px}.bb-wave{display:inline-flex;align-items:center;gap:2px}.bb-wave i{display:inline-block;width:3px;background:currentColor}.ctor-runtime label{max-width:100%;font-size:13px}.ctor-runtime input,.ctor-runtime select{max-width:100%}

/* PREVIEW 09: immersive stories, without cropping user media. */
body.story-open{overflow:hidden!important;background:#101014!important;}
body.story-open .wrap{padding:0!important;min-height:100dvh!important;}
body.story-open #appframe{position:static!important;}
body.story-open #appframe>.screen.active:has(.stv){
  position:fixed!important;inset:0!important;left:0!important;top:0!important;
  width:100vw!important;width:100dvw!important;max-width:none!important;
  height:100vh!important;height:100dvh!important;min-height:0!important;max-height:none!important;
  padding:0!important;margin:0!important;overflow:hidden!important;border-radius:0!important;
  box-shadow:none!important;background:#080808!important;z-index:650!important;
}
body.story-open #appframe>.screen.active:has(.stv)>.sb,
body.story-open #appframe>.screen.active:has(.stv)>.ctor-runtime,
body.story-open #appframe>.screen.active:has(.stv)>.ctor-exit{display:none!important;}
body.story-open #appframe>.screen.active:has(.stv)>.stv{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;
  overflow:hidden!important;background:#101014!important;
}
/* Soft background fills space without stretching or zooming the actual photo/video. */
body.story-open .stv-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  isolation:isolate;overflow:hidden;background:#101014!important;}
body.story-open .stv-media .stv-backdrop{position:absolute;inset:-32px;z-index:0;pointer-events:none;
  background-size:cover;background-position:center;background-repeat:no-repeat;
  background-color:#17171b;filter:blur(24px) brightness(.58);transform:scale(1.06);}
body.story-open .stv-media>.stv-foreground{position:absolute;inset:0;z-index:1;width:100%!important;
  height:100%!important;max-width:none!important;max-height:none!important;
  object-fit:contain!important;object-position:center!important;background:transparent!important;}
body.story-open .stv-media>.ctor-story-start{z-index:2;}
body.story-open .stv-bars{top:max(8px,env(safe-area-inset-top));left:12px;right:12px;}
body.story-open .stv-top{top:max(22px,calc(env(safe-area-inset-top) + 22px));left:12px;right:12px;}
body.story-open .stv-bot{bottom:max(18px,calc(env(safe-area-inset-bottom) + 16px));left:12px;right:12px;}
/* Keep the owner's editor gear accessible; editor mode restores original sized story UI. */
body.story-open .fab,body.story-open .panel{z-index:700;}
@media(min-width:768px){body.story-open #appframe>.screen.active:has(.stv){width:100vw!important;}}


/* Preview 23: the only visible VK tab bar lives outside the replaceable screens.
   Keep screen templates and the author's saved HTML unchanged. */
.app-shell{width:375px;max-width:100vw;display:flex;flex-direction:column;height:min(667px,calc(100dvh - 42px));min-height:0;position:relative;}
#vk-app-shell #appframe{width:100%;height:auto;flex:1 1 auto;min-height:0;max-height:none;}
#vk-app-shell #appframe>.screen{height:100%!important;min-height:0!important;max-height:none!important;border-radius:0 0 0 0;overflow-y:auto;}
#vk-app-shell #appframe .tabbar{display:none!important;}
#vk-global-tabbar{display:flex;flex:0 0 49px;height:49px;width:100%;max-width:100%;position:relative;z-index:800;background:#f7f7f8;border-top:1px solid var(--sep);overflow:hidden;}
#vk-global-tabbar .tb{min-width:0;min-height:49px;flex:1 1 20%;} 
#vk-global-tabbar .tb .ic{width:28px;height:28px;}
#vk-global-tabbar .tb:focus-visible{outline:2px solid #2975cc;outline-offset:-3px;}
@media(max-width:390px){.wrap{padding-top:0!important;}#vk-app-shell{width:min(375px,100vw)!important;max-width:375px;height:100dvh;max-height:100dvh;}#vk-app-shell #appframe>.screen{border-radius:0!important;}}
/* Keep the persistent bar above the immersive story layer; the native story
   content remains an overlay behind it, and the owner's gear stays usable. */
body.story-open #vk-global-tabbar{z-index:750;}
body.story-open #appframe>.screen.active:has(.stv){bottom:49px!important;height:calc(100dvh - 49px)!important;max-height:calc(100dvh - 49px)!important;}
/* A receipt belongs to the last outgoing message, not every outgoing bubble. */
.bb .aw-read-ticks{display:block;font-size:11px;line-height:15px;color:#7595bd;text-align:right;margin-top:2px;}
.bb .aw-read-ticks[data-read="0"]{color:#a4aab2;}


/* Full-screen stories intentionally have NO application tabs. */
body.story-open #vk-global-tabbar{display:none!important;height:0!important;flex-basis:0!important;}
body.story-open #vk-app-shell{height:100dvh!important;max-height:100dvh!important;}
body.story-open #appframe>.screen.active:has(.stv){inset:0!important;bottom:0!important;height:100dvh!important;max-height:100dvh!important;z-index:650!important;}
body.story-open #fabBtn{display:none!important;}
/* Author's gear remains reachable above all five bottom tabs. */
body:not(.story-open) #fabBtn{position:fixed!important;bottom:calc(65px + env(safe-area-inset-bottom))!important;z-index:1200!important;}
body:not(.story-open) #ctrlPanel{z-index:1201!important;bottom:calc(120px + env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 160px)!important;overflow-y:auto!important;}
/* Date grouping follows the chronology authored for each message. */
#appframe .aw-chat-day-divider{clear:both;display:flex;align-items:center;justify-content:center;margin:15px 0 12px;min-height:26px;color:#8b929d;font:12px/1.3 Arial,sans-serif;text-align:center;white-space:nowrap;}
#appframe .aw-chat-day-divider span{padding:4px 13px;border-radius:12px;background:#f0f2f5;color:#818b99;}
#appframe .aw-avatar-current{display:block;width:54px;height:54px;object-fit:cover;border-radius:50%;margin:5px 0;}
/* VK-like music attachment; audio bytes live only in the common catalog. */
#appframe .post .ctor-attachment,#appframe .post .aw-post-media-entry,#appframe .ctor-post-files{display:block!important;position:relative!important;clear:both!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;}
#appframe .aw-post-track{display:flex!important;align-items:center!important;gap:9px!important;box-sizing:border-box!important;padding:7px 8px!important;width:100%!important;max-width:100%!important;min-height:52px!important;overflow:hidden!important;background:#fff!important;color:#222!important;font:14px/1.35 Arial,sans-serif!important;}
#appframe .aw-post-track-play{flex:0 0 30px;width:30px;height:30px;border:0!important;border-radius:50%;background:#5484b6!important;color:#fff!important;cursor:pointer;}
#appframe .aw-post-track-cover{flex:0 0 40px;height:40px;overflow:hidden;border-radius:3px;background:#e2e8ef;}
#appframe .aw-post-track-cover img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
#appframe .aw-post-track-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;white-space:nowrap;overflow:hidden;}
#appframe .aw-post-track-meta b{display:block!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#233447!important;font-weight:600!important;font-size:14px!important;}
#appframe .aw-post-track-meta small{display:block!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7b8b9c!important;font-weight:400!important;font-size:12px!important;}
#appframe .aw-post-track-duration{flex:0 0 auto;color:#9aa6b4!important;font-size:12px!important;}
#appframe .post .aw-post-audio{display:none!important;}
#appframe .aw-post-media-entry>.aw-remove-media{display:none;}
body.edit-mode #appframe .aw-post-media-entry>.aw-remove-media{display:block;}
<style data-vk-p26-list-order>
/* List timestamps share the top baseline with the contact name; no stray dots. */
#appframe .aw-chat-row{align-items:flex-start!important;position:relative!important;}
#appframe .aw-chat-row .c-m{padding-top:11px!important;padding-right:0!important;}
#appframe .aw-chat-row .aw-chat-right{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;gap:5px!important;padding-top:13px!important;min-height:0!important;max-width:39%!important;}
#appframe .aw-chat-row .aw-chat-right .c-as{font-size:12px!important;white-space:nowrap!important;line-height:20px!important;font-weight:400!important;}
#appframe .aw-chat-row .aw-chat-dots{display:none!important;}