/* Yazme Видео · кружок в полосе историй, вкладка и блок в профиле. */
.yzv-cell{flex:none;width:78px;min-height:36px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;margin:0;border:0;
  background:none;cursor:pointer;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;scroll-snap-align:start}
.yzv-ring{position:relative;width:64px;height:64px;border-radius:50%;display:block;isolation:isolate}
.yzv-ring::before{content:"";position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(from 0deg,#a9761c,#f7dd9b,#e2b13c,#fff3c4,#a9761c);animation:yzvSpin 3.2s linear infinite}
.yzv-cell.fresh .yzv-ring::after{content:"";position:absolute;inset:-6px;border-radius:50%;z-index:-1;
  background:radial-gradient(closest-side,rgba(226,177,60,.45),transparent 72%);animation:yzvHalo 2.4s ease-in-out infinite}
.yzv-face{position:absolute;inset:3px;border-radius:50%;border:2px solid var(--yz-bg,#0F0E0D);display:grid;place-items:center;
  background:#140f08 center/cover no-repeat;overflow:hidden;color:#fff}
.yzv-face svg{width:22px;height:22px;filter:drop-shadow(0 1px 4px rgba(0,0,0,.7))}
.yzv-new{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);z-index:2;font:800 9px/1 Inter,system-ui,sans-serif;
  letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#f7dd9b,#e2b13c);color:#14110f;padding:3px 6px;
  border-radius:6px;border:2px solid var(--yz-bg,#0F0E0D);white-space:nowrap}
.yzv-lbl{font-size:12px;line-height:16px;color:#e8c46a;font-weight:700}
.yzv-cell:focus-visible{outline:2px solid #e2b13c;outline-offset:3px;border-radius:12px}
@keyframes yzvSpin{to{transform:rotate(360deg)}}
@keyframes yzvHalo{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.16);opacity:.35}}
.yzv-tray{width:100%;max-width:1180px;margin:0 auto}
.yzv-tray-in{display:flex;gap:4px;padding:8px 8px 10px;overflow-x:auto;scrollbar-width:none}
@media (max-width:380px){.yzv-cell{width:68px}.yzv-ring{width:56px;height:56px}}
@media (prefers-reduced-motion:reduce){.yzv-ring::before,.yzv-cell.fresh .yzv-ring::after{animation:none}}

.yzv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin-top:10px}
.yzv-tile{position:relative;aspect-ratio:9/16;border:0;padding:0;margin:0;border-radius:6px;overflow:hidden;background:#1a1713;cursor:pointer}
.yzv-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.yzv-tv{position:absolute;left:6px;bottom:5px;display:flex;align-items:center;gap:3px;font:700 12px/1 Inter,system-ui,sans-serif;color:#fff;
  text-shadow:0 1px 3px rgba(0,0,0,.9)}
.yzv-tv svg{width:12px;height:12px}
.yzv-tep{position:absolute;left:6px;right:6px;top:6px;font:700 10.5px/1.2 Inter,system-ui,sans-serif;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.yzv-ptab{padding-top:4px}
.yzv-csec{margin-top:6px}
.yzv-pnote{display:flex;align-items:center;gap:6px;margin:6px 2px 0;font-size:13px;opacity:.65}