/* Cloud Design v1.3.42 — BIG ROUND VIDEO NOTE + CONTROLS UNDER IT */

.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341.is-vnote-circle-v1342,
.chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:12px!important;
  width:min(420px,100%)!important;
  height:auto!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin-top:9px!important;
  padding:10px!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--accent) 12%,var(--soft)),
    color-mix(in srgb,var(--surface) 96%,var(--accent) 4%)
  )!important;
  box-shadow:none!important;
}

.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341.is-vnote-circle-v1342 .cd-vnote-native-head-v1341,
.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341.is-vnote-circle-v1342 .cd-vnote-ui-v1338,
.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341.is-vnote-circle-v1342 .cd-vnote-card-controls-v1339,
.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341.is-vnote-circle-v1342 .vnote-head-v1340{
  display:none!important;
}

.cd-vnote-stage-v1342{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
}

.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341.is-vnote-circle-v1342 video,
.chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342 video{
  position:static!important;
  display:block!important;
  width:min(320px,100%)!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
  border-radius:50%!important;
  object-fit:cover!important;
  background:#050609!important;
  border:2px solid color-mix(in srgb,var(--accent) 18%,var(--line))!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
  cursor:pointer!important;
}

.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341.is-vnote-circle-v1342 video::-webkit-media-controls{
  display:none!important;
}

.cd-vnote-controls-v1342{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.cd-vnote-progress-row-v1342{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
}

.cd-vnote-time-v1342{
  flex:0 0 auto;
  min-width:74px;
  text-align:right;
  color:var(--muted);
  font-size:.68rem;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}

.cd-vnote-progress-v1342{
  width:100%;
  margin:0;
  accent-color:var(--accent);
  cursor:pointer;
}

.cd-vnote-actions-v1342{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
}

.cd-vnote-btn-v1342,
.cd-vnote-download-v1342{
  min-height:34px;
  padding:7px 11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid var(--line);
  border-radius:11px;
  background:color-mix(in srgb,var(--soft) 70%,transparent);
  color:var(--text);
  font-size:.68rem;
  font-weight:850;
  text-decoration:none;
  cursor:pointer;
}

.cd-vnote-btn-v1342:hover,
.cd-vnote-download-v1342:hover{
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line));
  background:color-mix(in srgb,var(--accent) 10%,var(--soft));
}

.cd-vnote-btn-v1342.primary{
  border-color:color-mix(in srgb,var(--accent) 40%,var(--line));
  background:color-mix(in srgb,var(--accent) 22%,var(--soft));
  color:#f1ecff;
}

.cd-vnote-btn-v1342 svg,
.cd-vnote-download-v1342 svg{
  width:14px;
  height:14px;
  fill:currentColor;
}

@media(max-width:600px){
  .chat-media-shell-v1336.is-video_note.is-vnote-native-v1341.is-vnote-circle-v1342,
  .chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342{
    width:100%!important;
    padding:9px!important;
    gap:10px!important;
  }

  .chat-media-shell-v1336.is-video_note.is-vnote-native-v1341.is-vnote-circle-v1342 video,
  .chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342 video{
    width:min(300px,100%)!important;
  }

  .cd-vnote-progress-row-v1342{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }

  .cd-vnote-time-v1342{
    min-width:0;
    width:100%;
    text-align:center;
  }
}