@media (max-width: 680px) {
  html {
    height: 100%;
  }
  body {
    min-height: 100%;
    min-height: 100dvh;
    padding-bottom: 0 !important;
  }
  body.demo-mode-on {
    padding-bottom: 140px !important;
  }
  .ambient-breathing-aura {
    display: block !important;
    opacity: 0.55;
  }
  .sheet {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
    animation: sheetMobileBreath 12s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;
  }
  .sheet::before {
    left: calc(48px + env(safe-area-inset-left, 0px));
  }
  header {
    padding-top: calc(20px + env(safe-area-inset-top, 0px));
    padding-bottom: 18px;
    padding-left: calc(64px + env(safe-area-inset-left, 0px));
    padding-right: calc(18px + env(safe-area-inset-right, 0px));
  }
  .task-card {
    min-height: calc(var(--ruled-line-height) - 1px);
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: calc(64px + env(safe-area-inset-left, 0px));
    padding-right: calc(84px + env(safe-area-inset-right, 0px));
  }
  .margin-meta {
    left: calc(8px + env(safe-area-inset-left, 0px));
  }
  .pull-input-wrapper {
    padding-left: calc(64px + env(safe-area-inset-left, 0px));
    padding-right: calc(18px + env(safe-area-inset-right, 0px));
  }
  .pull-bullet {
    left: calc(17px + env(safe-area-inset-left, 0px));
  }
  .task-card.urgent::before {
    left: calc(48px + env(safe-area-inset-left, 0px));
  }
  .completed-header,
  .date-group-header,
  .completed-item {
    padding-left: calc(64px + env(safe-area-inset-left, 0px));
    padding-right: calc(18px + env(safe-area-inset-right, 0px));
  }
  .completed-header::before {
    left: calc(48px + env(safe-area-inset-left, 0px));
  }
  .main-content {
    padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  }
  /* Ergonomic alignment restored on Mobile */
  .photo-swatch-dock {
    right: calc(18px + env(safe-area-inset-right, 0px));
    bottom: calc(242px + env(safe-area-inset-bottom, 0px));
    z-index: 20;
  }
  .photo-swatch-list {
    max-height: calc(100dvh - 433px);
    touch-action: pan-x;
  }
  body.demo-mode-on .photo-swatch-dock {
    bottom: calc(242px + env(safe-area-inset-bottom, 0px));
  }
  .sim-panel {
    bottom: calc(8px + env(safe-area-inset-bottom, 0px));
    width: calc(100% - 16px);
    flex-direction: column;
    align-items: stretch;
  }
  .sim-actions {
    justify-content: space-between;
  }
}