@media (max-width: 430px) {
  .mobile-task-list-dialog {
    width: 100vw;
  }

  .mobile-task-list-shell {
    gap: 5px;
    padding-top: 12px;
    padding-right: 14px;
    padding-left: 14px;
    padding-bottom: 18px;
    background:
      radial-gradient(circle at 77% 12%, rgba(42, 84, 255, .12), transparent 24%),
      radial-gradient(circle at 15% 42%, rgba(21, 165, 255, .04), transparent 34%),
      linear-gradient(180deg, #010612 0%, #041024 58%, #010714 100%);
  }

  .mobile-task-list-shell::before {
    background:
      linear-gradient(rgba(255, 255, 255, .008) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, .007) 1px, transparent 1px);
    background-size: 34px 34px;
  }

  .mobile-task-generator {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, .92fr);
    gap: 6px;
  }

  .mobile-task-top .mobile-brand-lockup {
    grid-template-columns: 20px auto;
    gap: 7px;
  }

  .mobile-task-top .mobile-brand-lockup:has(.mobile-brand-logo-full) {
    display: inline-flex;
    grid-template-columns: none;
  }

  .mobile-task-top .mobile-brand-lockup img {
    width: 20px;
    height: 20px;
  }

  .mobile-task-top .mobile-brand-lockup .mobile-brand-logo-full {
    width: min(164px, 52vw);
    height: auto;
    max-height: 54px;
  }

  .mobile-task-top .mobile-brand-lockup strong {
    font-size: 15px;
  }

  .mobile-task-record {
    min-height: 28px;
    padding: 0 9px;
    font-size: 11px;
  }

  .mobile-task-hero {
    min-height: 94px;
    grid-template-columns: minmax(0, 1fr) 142px;
  }

  .mobile-task-hero h1 {
    font-size: 27px;
    font-weight: 900;
    letter-spacing: 0;
  }

  .mobile-task-hero p {
    font-size: 11px;
    font-weight: 660;
  }

  .mobile-task-hero img {
    top: -11px;
    right: -7px;
    width: 146px;
    height: 104px;
  }

  .mobile-task-input-card,
  .mobile-task-config-card {
    border-color: rgba(128, 166, 226, .18);
    padding: 7px;
    background:
      linear-gradient(145deg, rgba(18, 34, 64, .66), rgba(5, 14, 32, .78)),
      rgba(255, 255, 255, .025);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .045),
      0 8px 20px rgba(0, 0, 0, .22);
  }

  .mobile-task-input-card textarea {
    height: 52px;
    padding-top: 8px;
    border-color: rgba(112, 137, 188, .16);
    background: rgba(12, 26, 50, .72);
    font-size: 10.5px;
  }

  .mobile-task-input-card div button {
    height: 20px;
    min-height: 20px;
    padding: 0 6px;
  }

  .mobile-task-config-card,
  .mobile-task-config-card section {
    gap: 4px;
  }

  .mobile-task-option-grid button,
  .mobile-task-channel-grid button {
    min-height: 26px;
    border-color: rgba(112, 137, 188, .16);
    background: rgba(12, 26, 50, .72);
  }

  .mobile-task-channel-grid button {
    min-height: 28px;
  }

  .mobile-task-generate {
    min-height: 39px;
    font-size: 16px;
  }

  .mobile-task-list-shell main {
    gap: 6px;
  }

  .mobile-task-list-cards {
    gap: 5px;
  }

  .mobile-task-list-card {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 8px;
    border-color: rgba(128, 166, 226, .18);
    padding: 6px;
    background:
      linear-gradient(145deg, rgba(18, 34, 64, .66), rgba(5, 14, 32, .78)),
      rgba(255, 255, 255, .025);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .045),
      0 8px 20px rgba(0, 0, 0, .22);
  }

  .mobile-task-thumb {
    width: 76px;
    height: 82px;
  }

  .mobile-task-thumb figcaption {
    padding: 1px 4px;
    font-size: 8.5px;
  }

  .mobile-task-result-main {
    gap: 3px;
  }

  .mobile-task-result-main header {
    grid-template-columns: 18px minmax(0, 1fr) 92px;
    gap: 4px;
  }

  .mobile-task-rank {
    width: 18px;
    height: 18px;
    font-size: 10px;
  }

  .mobile-task-result-main h3 {
    font-size: 11px;
  }

  .mobile-task-score {
    font-size: 7.5px;
  }

  .mobile-task-score b {
    font-size: 9px;
  }

  .mobile-task-copy {
    min-height: 20px;
    color: rgba(229, 238, 255, .68);
    font-size: 9.2px;
    line-height: 1.22;
  }

  .mobile-task-platform-chip {
    border-color: rgba(117, 150, 212, .18);
    min-height: 19px;
    background: rgba(4, 15, 34, .38);
    font-size: 7.8px;
  }

  .mobile-task-platform-chip img {
    width: 11px;
    height: 11px;
  }

  .mobile-task-result-card .mobile-task-list-actions {
    justify-content: end;
    grid-template-columns: 34px 34px 40px;
    gap: 4px;
  }

  .mobile-task-list-actions button {
    min-height: 22px;
    font-size: 8px;
  }

  .mobile-task-ghost {
    border-color: rgba(117, 150, 212, .18);
    background: rgba(4, 15, 34, .38);
  }

  .mobile-task-primary {
    font-size: 10.5px !important;
  }

  .mobile-task-ai-advice {
    border-color: rgba(128, 166, 226, .18);
    gap: 3px;
    margin-top: 0;
    padding: 5px 6px;
    background:
      linear-gradient(145deg, rgba(18, 34, 64, .66), rgba(5, 14, 32, .78)),
      rgba(255, 255, 255, .025);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .045),
      0 8px 20px rgba(0, 0, 0, .22);
  }

  .mobile-task-ai-advice > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3px;
  }

  .mobile-task-ai-advice article {
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 3px;
    border-color: rgba(117, 150, 212, .18);
    padding: 3px;
    background: rgba(4, 15, 34, .38);
  }

  .mobile-task-ai-advice i {
    width: 18px;
    height: 18px;
    font-size: 11px;
  }

  .mobile-task-ai-advice strong {
    font-size: 8.2px;
  }

  .mobile-task-ai-advice span,
  .mobile-task-ai-advice b {
    font-size: 7.2px;
  }

  .mobile-task-ai-advice span {
    line-height: 1.1;
  }

  .mobile-task-ai-advice b {
    padding: 1px 5px;
    line-height: 1.1;
  }

  .mobile-task-disclaimer {
    margin-top: -4px;
    font-size: 8px;
    line-height: 1;
  }

  .mobile-task-reference-tabbar {
    display: none;
  }

  .mobile-task-reference-tabbar button {
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 3px;
    min-width: 0;
    color: rgba(223, 235, 255, .56);
    border: 0;
    background: transparent;
    font-size: 9px;
    font-weight: 780;
  }

  .mobile-task-reference-tabbar i {
    width: 17px;
    height: 17px;
    color: inherit;
  }

  .mobile-task-reference-tabbar button.active {
    color: #2fd6ff;
  }
}