@media (max-width: 640px) {
  .app-container { padding: 6px; }
  .content-card { padding: 12px 10px; }
  .main-card { padding: 14px 10px; }

  .brand-logo { flex-direction: row; gap: 14px; align-items: center; }
  .brand-right { align-items: flex-start; }
  .brand-initials { font-size: 2.4rem; }
  .brand-name { font-size: 0.7rem; letter-spacing: 0.25em; }
  .brand-tagline { font-size: 0.48rem; letter-spacing: 0.35em; }

  .main-title { font-size: 0.88rem; margin-bottom: 10px; text-align: center; }

  .tabs-nav { display: flex; flex-direction: row; gap: 4px; padding: 3px; margin-bottom: 10px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .tabs-nav::-webkit-scrollbar { display: none; }
  .tab-btn { flex: none; padding: 7px 10px; font-size: 0.68rem; gap: 4px; white-space: nowrap; border-radius: 5px; }
  .tab-icon { width: 14px; height: 14px; }

  .platform-selector-wrapper { margin-bottom: 10px; }
  .selector-label { font-size: 0.65rem; margin-bottom: 5px; }
  .platform-list { gap: 4px; justify-content: center; }
  .platform-btn { padding: 4px 9px; font-size: 0.65rem; gap: 3px; border-radius: 14px; }
  .platform-btn svg { width: 12px; height: 12px; }

  .input-form { flex-direction: column; gap: 0; }
  .input-group { flex-grow: 1; }
  .url-input { height: 46px; padding: 12px 14px; font-size: 0.88rem; border-width: 2px; border-radius: 8px 8px 0 0; border-bottom: 1px solid var(--border); }
  .input-label { font-size: 0.78rem; }
  .fetch-btn { width: 100%; height: 44px; font-size: 0.9rem; font-weight: 600; padding: 0; border-radius: 0 0 8px 8px; min-width: unset; }

  .results-layout { grid-template-columns: 1fr; gap: 12px; }
  .video-title { font-size: 0.85rem; }
  .option-row { padding: 8px 10px; }
  .download-option-btn { font-size: 0.72rem; padding: 4px 12px; }

  .reviews-section { padding: 14px 12px; }
  .reviews-header { flex-direction: column; text-align: center; gap: 10px; padding-bottom: 12px; margin-bottom: 12px; }
  .big-score { font-size: 1.8rem; }
  .stars-display { font-size: 0.8rem; }
  .reviews-section-title { font-size: 0.92rem; }
  .reviews-section-subtitle { font-size: 0.72rem; }
  .review-card { padding: 10px 12px; }
  .review-card-header { flex-direction: row; align-items: center; gap: 8px; }
  .review-user-avatar { width: 24px; height: 24px; font-size: 0.65rem; }
  .review-user-name { font-size: 0.75rem; }
  .review-card-comment { font-size: 0.75rem; line-height: 1.4; }
  .review-stars { font-size: 0.72rem; }
  .review-date { font-size: 0.65rem; }

  .bulk-section { padding: 12px 10px; margin-top: 10px; overflow: visible; }
  .bulk-inputs { gap: 10px; }
  .bulk-input-row { flex-direction: row !important; gap: 5px !important; align-items: center !important; }
  .bulk-input-row .input-group { flex: 1 !important; min-width: 0 !important; }
  .bulk-url-input { font-size: 0.75rem !important; height: 36px !important; padding: 6px 10px !important; width: 100% !important; box-sizing: border-box !important; border-width: 1.5px !important; }
  .bulk-go-btn { height: 36px !important; font-size: 0.68rem !important; padding: 0 8px !important; min-width: 42px !important; flex-shrink: 0 !important; white-space: nowrap !important; }
  .bulk-row-status { font-size: 0.65rem; min-width: unset; text-align: left; }
  .bulk-actions { flex-direction: column; gap: 6px; margin-top: 4px; }
  .bulk-actions .fetch-btn { width: 100%; height: 36px; font-size: 0.72rem; }
  .bulk-add-hint { margin-left: 0; font-size: 0.6rem; text-align: center; }
  .bulk-result-card { padding: 10px; overflow: hidden; }
  .bulk-result-body { flex-direction: column; gap: 8px; }
  .bulk-result-thumb { width: 100%; height: auto; aspect-ratio: 16/9; }
  .bulk-result-title { font-size: 0.78rem; white-space: normal; }
  .bulk-result-meta { font-size: 0.68rem; }
  .bulk-result-options { flex-direction: column; gap: 4px; }
  .bulk-result-options .download-option-btn { width: 100%; text-align: center; font-size: 0.72rem; padding: 6px 10px; }
  .bulk-result-url { font-size: 0.68rem; max-height: 2em; }

  .review-modal { padding: 18px 14px; width: 96%; }
  .modal-title { font-size: 0.92rem; }
  .modal-description { font-size: 0.72rem; }
  .submit-review-btn { padding: 10px 16px; font-size: 0.82rem; }

  .app-footer { padding: 12px 0; font-size: 0.68rem; }
  .footer-links { gap: 8px; }
  .footer-links a { font-size: 0.68rem; }

  .toast { padding: 8px 10px; margin-bottom: 5px; font-size: 0.75rem; }
}

@media (max-width: 768px) {
  .results-layout { grid-template-columns: 1fr; }
}