/* Shared by the source app and its checked-in static entry point. */
@media screen and (max-width: 760px), screen and (max-height: 500px) and (max-width: 1000px) {
  html, body { height: auto; overflow: auto; }
  .app { height: auto; min-height: 100dvh; overflow: visible; padding: 0; }
  .timer-card { height: auto; min-height: 100dvh; width: 100%; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; border-radius: 0; }
  .mode-switch { top: max(12px, env(safe-area-inset-top)); left: 50%; transform: translateX(-50%); white-space: nowrap; }
  .display-area { padding: 76px 16px 24px; }
  .ring-wrap { width: min(74vw, 290px); max-width: 100%; }
  .time { font-size: clamp(40px, 15vw, 64px); }
  .control-panel { min-width: 0; overflow: visible; padding: 18px 16px max(24px, env(safe-area-inset-bottom)); border-left: 0; border-top: 1px solid #e7ece8; }
  .mode-switch button, .custom-time button, .music-actions label span, .url-row button { min-height: 44px; }
  .icon-button, .music-title > button { width: 44px; height: 44px; flex-shrink: 0; }
  .music-actions { grid-template-columns: minmax(0, 1fr); }
  .url-row { grid-template-columns: minmax(0, 1fr) auto; }
  .url-row input { height: 44px; font-size: 16px; }
  .label-input { font-size: 16px; }
  .activity-label { min-height: 44px; }
  .alarm-row { gap: 12px; }
  .toggle { flex-shrink: 0; }
}