.conversation-list button {
  position: relative;
}

.conversation-list button.unread strong {
  color: var(--navy);
  font-weight: 800;
}

.conversation-list button.unread::after {
  position: absolute;
  top: 16px;
  right: 12px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--blue);
  content: "";
}

.conversation-list button.unread time {
  margin-right: 13px;
}

#profile-view .profile-share {
  right: 126px;
}

.creator-website {
  display: inline-block;
  margin-top: 7px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.creator-website[hidden] {
  display: none;
}

.sound-title-field input {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #dfe5eb;
  border-radius: 12px;
  background: #f7f9fb;
  padding: 12px 13px;
  color: var(--ink);
}

.viewer-sound-credit {
  display: grid;
  grid-template-columns: 30px 1fr auto;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin: -8px 0 18px;
  padding: 9px 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f8fbfc;
  color: var(--navy);
  text-align: left;
}

.viewer-sound-credit > span {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 50%;
  background: var(--navy);
  color: white;
}

.viewer-sound-credit strong {
  overflow: hidden;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.viewer-sound-credit small {
  color: var(--blue);
  font-size: 9px;
  font-weight: 800;
}

@media (max-width: 700px) {
  .viewer-sound-credit {
    pointer-events: auto;
    border-color: rgb(255 255 255 / 22%);
    background: rgb(0 0 0 / 32%);
    color: white;
  }
}

.notification-button i,
.inbox-count {
  display: grid;
  min-width: 17px;
  height: 17px;
  box-sizing: border-box;
  place-items: center;
  border: 2px solid white;
  border-radius: 10px;
  background: var(--red);
  color: white;
  font: 800 8px/1 Manrope, sans-serif;
  font-style: normal;
}

.notification-button i {
  top: 3px;
  right: 2px;
  width: auto;
  padding: 0 3px;
}

.notification-button i[hidden],
.inbox-count[hidden] {
  display: none;
}

[data-view="messages"] {
  position: relative;
}

.nav-item .inbox-count {
  margin-left: auto;
  padding: 0 4px;
}

.bottom-nav .inbox-count {
  position: absolute;
  top: 3px;
  right: calc(50% - 20px);
  padding: 0 4px;
}

.shared-clip-message {
  display: block;
  width: 100%;
  margin-top: 8px;
  padding: 9px 10px;
  border: 1px solid rgb(255 255 255 / 25%);
  border-radius: 9px;
  background: rgb(255 255 255 / 14%);
  color: inherit;
  font-size: 10px;
  font-weight: 800;
  text-align: left;
}

.bubble:not(.mine) .shared-clip-message {
  border-color: var(--line);
  background: #f2f6f8;
  color: var(--blue);
}

.comment-meta [data-like-comment].liked {
  color: var(--red);
  font-weight: 800;
}

.comment-meta [data-report-comment] {
  margin-left: auto;
}

.report-card blockquote {
  margin: 12px 0;
  padding: 12px 14px;
  border-left: 3px solid var(--aqua);
  border-radius: 0 10px 10px 0;
  background: #f6fafb;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.5;
}

/* Creator analytics */
.analytics-view .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.analytics-updated{font-size:10px;color:var(--muted);white-space:nowrap}.analytics-range{padding-bottom:15px}.analytics-range button{cursor:pointer;transition:.18s ease}.analytics-range button:hover{background:#e4eaee;color:var(--navy)}.analytics-cards.analytics-primary{padding-bottom:14px}.analytics-primary article{min-height:112px;background:linear-gradient(145deg,#fff,#f8fbfc)}.analytics-primary article:nth-child(1){border-color:#bddce7}.analytics-primary strong{font-size:25px}.analytics-primary small{line-height:1.35}.analytics-detail-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:0 24px 20px}.analytics-detail-grid article{border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#fbfcfd;min-width:0}.analytics-detail-grid span,.analytics-detail-grid small{display:block;color:var(--muted);font-size:9px}.analytics-detail-grid strong{display:block;margin:4px 0 1px;color:var(--navy);font:800 16px Manrope}.analytics-insight{margin:0 24px 22px;padding:13px 15px;display:flex;align-items:flex-start;gap:10px;border-radius:13px;background:linear-gradient(120deg,#eaf6f8,#f7fbef);color:#31556a}.analytics-insight[hidden]{display:none}.analytics-insight>span{color:var(--blue);font-size:17px}.analytics-insight p{margin:0;font-size:11px;line-height:1.55}.analytics-list-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:10px}.analytics-list-heading .eyebrow{margin-bottom:3px}.analytics-list-heading>span{font-size:9px;color:var(--muted)}.analytics-clip-list article{grid-template-columns:45px minmax(0,1fr) auto 25px;cursor:pointer}.analytics-clip-list article:hover{background:#f8fafb}.analytics-clip-copy{min-width:0}.analytics-clip-copy>strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-metrics{display:flex;gap:14px}.clip-metrics span{min-width:42px}.clip-metrics strong,.clip-metrics small{display:block}.analytics-open{border:0;background:transparent;color:var(--muted);font-size:22px;cursor:pointer}.analytics-empty,.analytics-error{padding:36px 15px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted)}.analytics-empty strong,.analytics-error strong{color:var(--navy);font:700 14px Manrope}.analytics-empty span,.analytics-error span{font-size:10px;max-width:360px;line-height:1.5}.analytics-empty button,.analytics-error button{margin-top:6px}
@media(max-width:900px){.analytics-detail-grid{grid-template-columns:repeat(3,1fr)}.clip-metrics span:nth-child(3){display:none}}
@media(max-width:650px){.analytics-view .section-heading{align-items:flex-start}.analytics-updated{margin-top:4px}.analytics-detail-grid{padding:0 14px 16px;grid-template-columns:repeat(2,1fr)}.analytics-insight{margin:0 14px 18px}.analytics-list-heading>span{display:none}.analytics-clip-list article{grid-template-columns:42px minmax(0,1fr) auto 18px}.clip-metrics{gap:8px}.clip-metrics span:nth-child(2),.clip-metrics span:nth-child(3){display:none}.analytics-clip-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}