.deep-link-note {
  margin-top: 10px;
  padding: 9px 11px;
  border: 1px solid color-mix(in srgb, var(--accent-2), transparent 76%);
  border-radius: 12px;
  background: color-mix(in srgb, var(--accent-2), transparent 93%);
  color: color-mix(in srgb, var(--accent-2), var(--text) 35%);
  font-size: .74rem;
  font-weight: 750;
  line-height: 1.4;
}

.share-link-btn {
  width: 100%;
  margin-top: 8px;
  border: 1px solid var(--line);
}

@media (max-width: 760px) {
  .story-photo {
    object-fit: contain;
    background: #050608;
  }
}

@media (max-width: 640px) {
  #join-code {
    font-size: 16px;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .share-link-btn {
    min-height: 44px;
  }
}