/*
 * ClipVision Mini App - Editorial Gold
 * Visual-only mobile theme. Business logic, API calls and model settings are
 * intentionally outside this stylesheet.
 */

/* The Mini App can receive a wide CSS viewport in desktop Telegram/MAX.
   The root class, not viewport width, is the reliable mobile-mode boundary. */
@media (min-width: 0px) {
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) {
    color: #f6f1e8;
    background:
      radial-gradient(circle at 50% -9rem, rgba(224, 191, 93, .11), transparent 27rem),
      linear-gradient(180deg, #090a09 0%, #070807 100%);
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .app {
    max-width: 620px;
    padding: 14px 13px 118px;
    background: transparent !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .app::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
      linear-gradient(rgba(236, 213, 143, .018) 1px, transparent 1px),
      linear-gradient(90deg, rgba(236, 213, 143, .018) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(to bottom, #000, transparent 72%);
    -webkit-mask-image: linear-gradient(to bottom, #000, transparent 72%);
  }

  /* First Photo / Video screens */
  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) #homeHero {
    position: relative;
    isolation: isolate;
    min-height: 208px;
    overflow: hidden;
    padding: 17px 18px 19px;
    border: 1px solid rgba(236, 213, 143, .19);
    border-radius: 24px;
    background:
      radial-gradient(circle at 94% 4%, rgba(224, 191, 93, .13), transparent 38%),
      linear-gradient(145deg, rgba(255, 255, 255, .042), rgba(255, 255, 255, .012));
    box-shadow:
      0 22px 54px rgba(0, 0, 0, .30),
      inset 0 1px 0 rgba(255, 255, 255, .055);
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) #homeHero::before {
    content: "";
    position: absolute;
    z-index: -1;
    right: -38px;
    bottom: -95px;
    width: 260px;
    height: 260px;
    border: 1px solid rgba(228, 197, 104, .14);
    border-radius: 50%;
    box-shadow:
      0 0 0 30px rgba(228, 197, 104, .025),
      0 0 0 62px rgba(228, 197, 104, .018);
    transform: rotate(-14deg);
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) #homeHero::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -12%;
    bottom: 29px;
    width: 72%;
    height: 1px;
    border-radius: 99px;
    background: linear-gradient(90deg, transparent, rgba(228, 197, 104, .68), transparent);
    box-shadow: 0 0 14px rgba(228, 197, 104, .18);
    transform: rotate(-12deg);
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) #homeHero .brand {
    min-height: 27px;
    gap: 8px;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) #homeHero .logo {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    border: 1px solid rgba(228, 197, 104, .42);
    border-radius: 9px;
    color: #1a170e;
    background: linear-gradient(145deg, #f0d477, #b98d31);
    box-shadow: 0 9px 22px rgba(224, 191, 93, .13);
    font-size: 13px;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) #homeHero .brand-title {
    color: rgba(246, 241, 232, .92);
    font-size: 9px;
    font-weight: 950;
    letter-spacing: .15em;
    text-transform: uppercase;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) #homeHero .brand-subtitle {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    margin: 2px 0 0;
    padding: 0 7px;
    border: 1px solid rgba(247, 238, 217, .10);
    border-radius: 99px;
    color: rgba(244, 239, 231, .48);
    background: rgba(255, 255, 255, .022);
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) #homeHero .cv-hero-title-row {
    margin: 28px 0 8px;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) #homeHero h1 {
    max-width: 92%;
    color: #f6f1e8;
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    font-size: clamp(34px, 10vw, 43px);
    font-weight: 900;
    line-height: .91;
    letter-spacing: -.045em;
    text-transform: uppercase;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) #homeHero h1 span {
    color: #e4c568;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) #homeHero > p {
    max-width: 92%;
    color: rgba(244, 239, 231, .58);
    font-size: 11px;
    font-weight: 650;
    line-height: 1.48;
  }

  /* The accepted design keeps prompt channels in the Feed, not on tool screens. */
  html.cv-mobile-editorial:not(.cv-desktop-mode) #cvPromptsChannelStrip,
  html.cv-mobile-editorial:not(.cv-desktop-mode) #cvPromptScreenTrail,
  html.cv-mobile-editorial:not(.cv-desktop-mode) #taskGrid > .cv-prompts-channel-flourish {
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) #cvPromptsChannelStrip {
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) #cvModeSwitchHost {
    margin: 10px 0 14px;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-picker-screen-open:not(.welcome-open) #homeHero {
    position: relative;
    isolation: isolate;
    min-height: 208px;
    overflow: hidden;
    padding: 17px 18px 19px;
    border: 1px solid rgba(236, 213, 143, .19);
    border-radius: 24px;
    background:
      radial-gradient(circle at 94% 4%, rgba(224, 191, 93, .13), transparent 38%),
      linear-gradient(145deg, rgba(255, 255, 255, .042), rgba(255, 255, 255, .012)) !important;
    box-shadow: 0 22px 54px rgba(0, 0, 0, .30), inset 0 1px 0 rgba(255, 255, 255, .055);
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-picker-screen-open:not(.welcome-open) #homeHero h1 {
    max-width: 92%;
    color: #f6f1e8 !important;
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    font-size: clamp(34px, 10vw, 43px);
    font-weight: 900;
    line-height: .91;
    letter-spacing: -.045em;
    text-transform: uppercase;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-picker-screen-open:not(.welcome-open) #homeHero h1 span {
    color: #e4c568 !important;
    background: none !important;
    -webkit-text-fill-color: #e4c568 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-picker-screen-open:not(.welcome-open) #homeHero > p {
    color: rgba(244, 239, 231, .58) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-picker-screen-open:not(.welcome-open) #cvModeSwitchHost {
    margin: 10px 0 14px;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-picker-screen-open:not(.welcome-open) .cv-mode-switch-wrap {
    padding: 4px;
    border: 1px solid rgba(247, 238, 217, .10);
    border-radius: 17px;
    background: rgba(255, 255, 255, .018);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-picker-screen-open:not(.welcome-open) .cv-mode-switch {
    gap: 3px;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-picker-screen-open:not(.welcome-open) .cv-mode-switch-btn {
    min-height: 48px;
    border: 0;
    border-radius: 13px;
    color: rgba(244, 239, 231, .40);
    background: transparent;
    box-shadow: none;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-picker-screen-open:not(.welcome-open) .cv-mode-switch-icon {
    border-color: rgba(247, 238, 217, .10);
    color: rgba(244, 239, 231, .55);
    background: rgba(255, 255, 255, .025);
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-picker-screen-open:not(.welcome-open) .cv-mode-switch-btn.active {
    color: #18150d;
    background: linear-gradient(135deg, #f5e7ad, #e4c568);
    box-shadow: 0 8px 19px rgba(224, 191, 93, .11);
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-picker-screen-open:not(.welcome-open) .cv-mode-switch-btn.active .cv-mode-switch-icon {
    color: #18150d;
    border-color: rgba(24, 21, 13, .12);
    background: rgba(24, 21, 13, .065);
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) .cv-mode-switch-wrap {
    margin: 0;
    padding: 5px;
    border: 1px solid rgba(247, 238, 217, .11);
    border-radius: 17px;
    background: rgba(255, 255, 255, .022);
    box-shadow: none;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) .cv-mode-switch {
    gap: 5px;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) .cv-mode-switch-btn {
    min-height: 42px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: rgba(244, 239, 231, .40);
    background: transparent;
    font-size: 9px;
    font-weight: 900;
    box-shadow: none;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) .cv-mode-switch-icon {
    width: 21px;
    height: 21px;
    flex-basis: 21px;
    border: 1px solid rgba(247, 238, 217, .09);
    border-radius: 8px;
    color: rgba(244, 239, 231, .42);
    background: rgba(255, 255, 255, .02);
    font-size: 9px;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) .cv-mode-switch-btn.active {
    border-color: rgba(232, 205, 114, .48);
    color: #18150d;
    background: linear-gradient(135deg, #f5e7ad, #e4c568);
    box-shadow: 0 9px 22px rgba(224, 191, 93, .13);
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) .cv-mode-switch-btn.active::before {
    display: none;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) .cv-mode-switch-btn.active .cv-mode-switch-icon {
    color: #18150d;
    border-color: rgba(24, 21, 13, .12);
    background: rgba(24, 21, 13, .065);
    box-shadow: none;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) .task-head {
    position: relative;
    margin: 2px 2px 11px;
    padding-left: 0;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) .task-head::before {
    content: "ВОЗМОЖНОСТИ";
    position: static;
    display: block;
    width: auto;
    margin-bottom: 4px;
    color: #e4c568;
    background: none;
    font-size: 7px;
    font-weight: 950;
    letter-spacing: .18em;
    text-transform: uppercase;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) .task-head::after {
    content: none;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) .task-head p {
    color: #f6f1e8;
    font-size: 19px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.04em;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) #taskGrid.cv-visual-tool-grid {
    gap: 9px !important;
    margin-top: 0 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) #taskGrid.cv-visual-tool-grid .cv-tool-card {
    min-height: 178px !important;
    border: 1px solid rgba(247, 238, 217, .12) !important;
    border-radius: 19px !important;
    background: #151613 !important;
    box-shadow: 0 17px 38px rgba(0, 0, 0, .23) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) #taskGrid.cv-visual-tool-grid .cv-tool-featured {
    border-color: rgba(232, 205, 114, .27) !important;
    border-radius: 22px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #taskGrid.cv-visual-tool-grid .cv-tool-card-media::after {
    background: linear-gradient(180deg, transparent 22%, rgba(7, 8, 7, .19) 48%, rgba(7, 8, 7, .96)) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #taskGrid.cv-visual-tool-grid .cv-tool-card-copy {
    padding: 12px;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #taskGrid.cv-visual-tool-grid .cv-tool-featured .cv-tool-card-copy {
    padding: 16px;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #taskGrid.cv-visual-tool-grid .cv-tool-card h2 {
    color: #fff;
    font-size: clamp(22px, 6.2vw, 29px);
    letter-spacing: -.045em;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #taskGrid.cv-visual-tool-grid .cv-tool-card h3 {
    color: #fff;
    font-size: 15px;
    letter-spacing: -.035em;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #taskGrid.cv-visual-tool-grid .cv-tool-card p {
    color: rgba(244, 239, 231, .58);
    font-size: 8px;
    line-height: 1.38;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #taskGrid.cv-visual-tool-grid .cv-tool-card-arrow {
    width: 31px;
    height: 31px;
    border: 1px solid rgba(247, 238, 217, .17);
    border-radius: 10px;
    color: #f6f1e8;
    background: rgba(7, 8, 7, .54);
    box-shadow: none;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #taskGrid.cv-visual-tool-grid .cv-tool-showcase-dots i.active {
    background: #f5e7ad;
    box-shadow: 0 0 12px rgba(228, 197, 104, .52);
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #taskGrid.cv-visual-tool-grid .cv-tool-scan {
    background: linear-gradient(180deg, transparent 5%, rgba(245, 231, 173, .88) 34%, #fff 50%, rgba(228, 197, 104, .92) 70%, transparent 95%);
    box-shadow: 0 0 18px rgba(228, 197, 104, .52);
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #taskGrid.cv-visual-tool-grid .cv-tool-demo-badge {
    border-color: rgba(247, 238, 217, .15);
    color: rgba(246, 241, 232, .80);
    background: rgba(8, 9, 8, .62);
  }

  /* Model family catalog, without touching the model settings screen. */
  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-create-edit-block-open:not(.welcome-open) #catalogScreen,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-catalog-screen-open:not(.welcome-open) #catalogScreen {
    color: #f6f1e8;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .back-task-btn,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .model-block-back {
    border: 1px solid rgba(247, 238, 217, .10) !important;
    border-radius: 13px !important;
    color: rgba(246, 241, 232, .72) !important;
    background: rgba(255, 255, 255, .025) !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .model-block-intro,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .photo-create-edit-intro,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .video-create-edit-intro {
    margin: 0 0 9px !important;
    padding: 14px 15px !important;
    border: 1px solid rgba(247, 238, 217, .10) !important;
    border-radius: 18px !important;
    background:
      radial-gradient(circle at 100% 0, rgba(224, 191, 93, .08), transparent 48%),
      rgba(255, 255, 255, .022) !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .photo-create-selector-title,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .model-block-intro h2 {
    color: #f6f1e8 !important;
    font-size: 17px !important;
    letter-spacing: -.035em !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .photo-create-selector-text,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .model-block-intro p {
    color: rgba(244, 239, 231, .52) !important;
    font-size: 9px !important;
    line-height: 1.45 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-photo-groups-wrap,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-video-groups-wrap {
    gap: 9px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-photo-tier,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-video-tier {
    margin: 0 !important;
    padding: 11px !important;
    border: 1px solid rgba(247, 238, 217, .08) !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, .014) !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-photo-tier-title,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-video-tier-title {
    color: #f6f1e8 !important;
    font-size: 15px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-photo-tier-subtitle,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-video-tier-subtitle {
    color: rgba(244, 239, 231, .42) !important;
    font-size: 8px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-photo-tier-count,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-video-tier-count {
    border-color: rgba(228, 197, 104, .18) !important;
    color: #e4c568 !important;
    background: rgba(228, 197, 104, .05) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .model-block-card.cv-photo-group-card,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .model-block-card.cv-video-group-card {
    overflow: hidden !important;
    border: 1px solid rgba(247, 238, 217, .11) !important;
    border-radius: 17px !important;
    background: #151613 !important;
    box-shadow: 0 15px 34px rgba(0, 0, 0, .22) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-photo-group-price,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-video-group-price {
    color: #e4c568 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-photo-model-row,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-video-model-row {
    border-color: rgba(247, 238, 217, .075) !important;
    color: #f6f1e8 !important;
    background: rgba(255, 255, 255, .018) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-photo-compare-btn,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-video-compare-btn,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-model-compare-btn {
    border-color: rgba(228, 197, 104, .26) !important;
    border-radius: 12px !important;
    color: #e4c568 !important;
    background: linear-gradient(120deg, rgba(45, 38, 19, .97), rgba(24, 25, 21, .96)) !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .30), inset 0 1px rgba(255, 255, 255, .07) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-model-compare-btn::before,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-model-compare-btn::after {
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-photo-comparison-backdrop,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-video-comparison-backdrop {
    background: rgba(3, 4, 3, .78) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-photo-comparison-sheet,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-video-comparison-sheet {
    border-color: rgba(228, 197, 104, .22) !important;
    background:
      radial-gradient(circle at 92% 0, rgba(228, 197, 104, .10), transparent 38%),
      #121310 !important;
    box-shadow: 0 -24px 70px rgba(0, 0, 0, .52), inset 0 1px rgba(255, 255, 255, .045) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-photo-comparison-handle,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-video-comparison-handle {
    background: rgba(228, 197, 104, .38) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-photo-comparison-kicker,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-video-comparison-kicker {
    color: #e4c568 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-photo-comparison-head h3,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-video-comparison-head h3 {
    color: #f6f1e8 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-photo-comparison-head p,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-video-comparison-head p,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-photo-comparison-text,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-video-comparison-text {
    color: rgba(244, 239, 231, .54) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-photo-comparison-close,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-video-comparison-close,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-photo-comparison-arrow,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-video-comparison-arrow {
    border-color: rgba(228, 197, 104, .16) !important;
    color: #e4c568 !important;
    background: rgba(228, 197, 104, .055) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-photo-comparison-item,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-video-comparison-item {
    border-color: rgba(247, 238, 217, .10) !important;
    color: #f6f1e8 !important;
    background: rgba(255, 255, 255, .018) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-photo-comparison-title-row i,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-video-comparison-title-row i {
    border-color: rgba(228, 197, 104, .18) !important;
    color: #e4c568 !important;
    background: rgba(228, 197, 104, .05) !important;
  }

  /* Advertising and design scenarios */
  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-picker-screen-open:not(.welcome-open) #cvModelPickerScreen,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-task-scenarios-screen {
    color: #f6f1e8;
    background:
      radial-gradient(circle at 50% -8rem, rgba(224, 191, 93, .10), transparent 25rem),
      #090a09 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-task-scenario-card,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-scenario-card {
    border-color: rgba(247, 238, 217, .11) !important;
    border-radius: 20px !important;
    background:
      radial-gradient(circle at 94% 0, rgba(228, 197, 104, .07), transparent 37%),
      #151613 !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .22) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-scenario-hub {
    color: #f6f1e8 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-scenario-hub-head {
    border-color: rgba(247, 238, 217, .11) !important;
    background:
      radial-gradient(circle at 90% 0, rgba(228, 197, 104, .10), transparent 42%),
      linear-gradient(145deg, rgba(255, 255, 255, .038), rgba(255, 255, 255, .012)) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .045) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-scenario-kicker,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-scenario-eyebrow {
    color: #e4c568 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-scenario-hub-head h2,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-scenario-copy h3 {
    color: #f6f1e8 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-scenario-hub-head p,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-scenario-copy p {
    color: rgba(244, 239, 231, .54) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-scenario-category-icon {
    border-color: rgba(228, 197, 104, .16) !important;
    color: #e4c568 !important;
    background: rgba(228, 197, 104, .045) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .045) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-scenario-category-block.is-secondary {
    border-top-color: rgba(228, 197, 104, .12) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-scenario-price {
    border-color: rgba(228, 197, 104, .16) !important;
    color: #e4c568 !important;
    background: rgba(228, 197, 104, .045) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-task-scenario-card button,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-scenario-card button,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open) .cv-scenario-generate {
    border-color: rgba(232, 205, 114, .40) !important;
    color: #18150d !important;
    background: linear-gradient(135deg, #f5e7ad, #e4c568) !important;
    box-shadow: none !important;
  }

  /* Feed */
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-screen {
    color: #f6f1e8 !important;
    background:
      radial-gradient(circle at 50% -8rem, rgba(224, 191, 93, .11), transparent 26rem),
      linear-gradient(180deg, #090a09, #070807 68%) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-hero {
    border: 1px solid rgba(247, 238, 217, .11) !important;
    border-radius: 20px !important;
    background:
      radial-gradient(circle at 100% 0, rgba(224, 191, 93, .10), transparent 42%),
      linear-gradient(145deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .012)) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .045) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-kicker {
    color: #e4c568 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-hero h1 {
    color: #f6f1e8 !important;
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    font-size: 31px !important;
    letter-spacing: -.035em !important;
    text-transform: uppercase;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-hero p {
    color: rgba(244, 239, 231, .52) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-prompt-ribbon {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    margin: 0 1px 10px;
    padding: 9px 1px 10px;
    border-top: 1px solid rgba(228, 197, 104, .14);
    border-bottom: 1px solid rgba(247, 238, 217, .055);
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-prompt-ribbon::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 54px;
    height: 1px;
    background: linear-gradient(90deg, #e4c568, transparent);
    box-shadow: 0 0 11px rgba(228, 197, 104, .24);
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-prompt-copy {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-prompt-mark {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(228, 197, 104, .18);
    border-radius: 50%;
    color: #e4c568;
    background: rgba(228, 197, 104, .05);
    font-size: 8px;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-prompt-copy b,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-prompt-copy small {
    display: block;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-prompt-copy b {
    color: #f6f1e8;
    font-size: 9.5px;
    line-height: 1.15;
    letter-spacing: -.015em;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-prompt-copy small {
    margin-top: 3px;
    color: rgba(244, 239, 231, .34);
    font-size: 7px;
    line-height: 1.2;
    letter-spacing: .04em;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-prompt-links {
    display: flex;
    gap: 5px;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-prompt-links button {
    height: 29px;
    display: flex;
    align-items: center;
    gap: 4px;
    border: 1px solid rgba(247, 238, 217, .11);
    border-radius: 99px;
    padding: 0 8px;
    color: rgba(244, 239, 231, .58);
    background: rgba(255, 255, 255, .018);
    font-size: 6.5px;
    font-weight: 900;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-prompt-links i {
    color: #e4c568;
    font-style: normal;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-discovery {
    border-color: rgba(247, 238, 217, .08) !important;
    border-radius: 15px !important;
    background: rgba(255, 255, 255, .018) !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-tabs button,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-category-list button {
    border-color: rgba(247, 238, 217, .085) !important;
    color: rgba(244, 239, 231, .50) !important;
    background: rgba(255, 255, 255, .018) !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-tabs button.active,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-category-list button.active {
    border-color: rgba(232, 205, 114, .50) !important;
    color: #18150d !important;
    background: linear-gradient(135deg, #f5e7ad, #e4c568) !important;
    box-shadow: 0 8px 18px rgba(224, 191, 93, .11) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-tabs button.active i {
    color: #18150d !important;
    background: rgba(24, 21, 13, .08) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-card {
    border-color: rgba(247, 238, 217, .09) !important;
    border-radius: 16px !important;
    background: #121310 !important;
    box-shadow: 0 14px 31px rgba(0, 0, 0, .20) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-model {
    position: absolute !important;
    right: 7px !important;
    bottom: 7px !important;
    left: auto !important;
    overflow: hidden !important;
    max-width: calc(100% - 14px) !important;
    padding: 5px 7px !important;
    border-color: rgba(247, 238, 217, .15) !important;
    border-radius: 999px !important;
    color: rgba(246, 241, 232, .82) !important;
    background: rgba(8, 9, 8, .68) !important;
    box-shadow: 0 5px 16px rgba(0, 0, 0, .28) !important;
    backdrop-filter: blur(9px) !important;
    -webkit-backdrop-filter: blur(9px) !important;
    font-size: 6.6px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-content {
    padding: 7px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-meta,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-prompt {
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-actions {
    grid-template-columns: minmax(0, 42px) minmax(0, 1fr) !important;
    gap: 6px !important;
    margin-top: 0 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-actions .cv-community-repeat {
    border-color: rgba(232, 205, 114, .40) !important;
    color: #e4c568 !important;
    background: linear-gradient(135deg, rgba(228, 197, 104, .12), rgba(255, 255, 255, .025)) !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer {
    background: rgba(5, 6, 5, .92) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-inner,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-panel {
    border-color: rgba(247, 238, 217, .10) !important;
    background: linear-gradient(145deg, #151613, #0c0d0b) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-empty {
    border-color: rgba(247, 238, 217, .09) !important;
    color: #f6f1e8 !important;
    background:
      radial-gradient(circle at 50% 0, rgba(228, 197, 104, .06), transparent 42%),
      #121310 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-empty-mark {
    color: #e4c568 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-empty p {
    color: rgba(244, 239, 231, .52) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-empty button {
    border-color: rgba(232, 205, 114, .42) !important;
    color: #18150d !important;
    background: linear-gradient(135deg, #f5e7ad, #e4c568) !important;
    box-shadow: none !important;
  }

  /* Cabinet, task history and generation result */
  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen,
  html.cv-mobile-editorial:not(.cv-desktop-mode) #generationListScreen,
  html.cv-mobile-editorial:not(.cv-desktop-mode) #generationStatusScreen,
  html.cv-mobile-editorial:not(.cv-desktop-mode) #myCommunityScreen {
    color: #f6f1e8 !important;
    background:
      radial-gradient(circle at 50% -8rem, rgba(224, 191, 93, .10), transparent 25rem),
      #090a09 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-balance-premium-card,
  html.cv-mobile-editorial:not(.cv-desktop-mode) #generationListScreen .cv-tasks-premium-card,
  html.cv-mobile-editorial:not(.cv-desktop-mode) #generationStatusScreen .generation-status-card {
    border: 1px solid rgba(247, 238, 217, .10) !important;
    border-radius: 22px !important;
    background:
      radial-gradient(circle at 100% 0, rgba(224, 191, 93, .08), transparent 40%),
      linear-gradient(145deg, rgba(255, 255, 255, .038), rgba(255, 255, 255, .012)) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-cabinet-avatar,
  html.cv-mobile-editorial:not(.cv-desktop-mode) #generationListScreen .cv-tasks-premium-icon,
  html.cv-mobile-editorial:not(.cv-desktop-mode) #generationStatusScreen .generation-status-icon {
    border-color: rgba(228, 197, 104, .42) !important;
    color: #18150d !important;
    background: linear-gradient(145deg, #f0d477, #b98d31) !important;
    box-shadow: 0 10px 24px rgba(224, 191, 93, .12) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-balance-chip {
    border-color: rgba(228, 197, 104, .20) !important;
    color: #e4c568 !important;
    background: rgba(228, 197, 104, .055) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-balance-orb {
    background: rgba(228, 197, 104, .09) !important;
    filter: blur(8px) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-cabinet-identity {
    border-color: rgba(247, 238, 217, .09) !important;
    background: rgba(255, 255, 255, .018) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .04) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-cabinet-platform,
  html.cv-mobile-editorial:not(.cv-desktop-mode) #generationListScreen .cv-tasks-premium-subtitle {
    color: #e4c568 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #generationListScreen .cv-tasks-premium-hero {
    border-color: rgba(247, 238, 217, .10) !important;
    background:
      radial-gradient(circle at 100% 0, rgba(228, 197, 104, .08), transparent 40%),
      linear-gradient(145deg, rgba(255, 255, 255, .038), rgba(255, 255, 255, .012)) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #generationListScreen .cv-tasks-premium-hero::before {
    background:
      linear-gradient(115deg, transparent 38%, rgba(228, 197, 104, .07), transparent 58%),
      radial-gradient(circle, rgba(228, 197, 104, .08) 0 1px, transparent 1px 100%) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #generationListScreen .cv-tasks-premium-hero::after {
    background: rgba(228, 197, 104, .07) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #generationListScreen .cv-tasks-premium-title,
  html.cv-mobile-editorial:not(.cv-desktop-mode) #generationListScreen .cv-tasks-stat b {
    color: #f6f1e8 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #generationListScreen .cv-tasks-stat {
    border-color: rgba(247, 238, 217, .08) !important;
    background: rgba(255, 255, 255, .018) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .035) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #generationListScreen .cv-tasks-stat span,
  html.cv-mobile-editorial:not(.cv-desktop-mode) #generationListScreen .cv-tasks-empty-text {
    color: rgba(244, 239, 231, .46) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #generationListScreen .cv-tasks-empty {
    border-color: rgba(247, 238, 217, .08) !important;
    background:
      radial-gradient(circle at 50% 0, rgba(228, 197, 104, .06), transparent 42%),
      rgba(255, 255, 255, .018) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #generationListScreen .cv-tasks-empty-icon {
    border: 1px solid rgba(228, 197, 104, .22) !important;
    color: #18150d !important;
    background: linear-gradient(145deg, #f3dfa0, #c89f42) !important;
    box-shadow: 0 12px 28px rgba(224, 191, 93, .12) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #myCommunityScreen .cv-my-community-head {
    border-color: rgba(247, 238, 217, .10) !important;
    color: #f6f1e8 !important;
    background:
      radial-gradient(circle at 100% 0, rgba(228, 197, 104, .08), transparent 40%),
      linear-gradient(145deg, rgba(255, 255, 255, .038), rgba(255, 255, 255, .012)) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #myCommunityScreen .cv-my-community-head h1 {
    color: #f6f1e8 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #myCommunityScreen .cv-my-community-head p {
    color: rgba(244, 239, 231, .52) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-tabs {
    border-color: rgba(247, 238, 217, .09) !important;
    background: rgba(255, 255, 255, .015) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-tab {
    color: rgba(244, 239, 231, .38) !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-tab.active {
    color: #18150d !important;
    background: linear-gradient(135deg, #f5e7ad, #e4c568) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-topup-btn {
    border-color: rgba(247, 238, 217, .095) !important;
    color: #f6f1e8 !important;
    background: rgba(255, 255, 255, .02) !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-topup-btn.cv-topup-popular {
    border-color: rgba(232, 205, 114, .42) !important;
    color: #f6f1e8 !important;
    background:
      radial-gradient(circle at 100% 0, rgba(228, 197, 104, .15), transparent 54%),
      linear-gradient(145deg, rgba(34, 31, 22, .98), rgba(17, 18, 15, .98)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .055), 0 12px 25px rgba(0, 0, 0, .18) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-topup-btn.cv-topup-popular small {
    color: rgba(244, 239, 231, .46) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-support-row,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-content-rules-link,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-tasks-premium-list .cv-task-premium-card,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-tasks-premium-list .generation-result-box {
    border-color: rgba(247, 238, 217, .08) !important;
    background: rgba(255, 255, 255, .018) !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-content-rules-link:first-child {
    border-color: rgba(228, 197, 104, .14) !important;
    color: rgba(246, 241, 232, .74) !important;
    background: rgba(228, 197, 104, .035) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-first-topup-bonus {
    right: max(13px, calc((100vw - 620px) / 2 + 13px)) !important;
    bottom: calc(73px + env(safe-area-inset-bottom)) !important;
    left: auto !important;
    min-height: 27px !important;
    gap: 5px !important;
    padding: 5px 10px !important;
    transform: none !important;
    border-color: rgba(228, 197, 104, .38) !important;
    color: #f6f1e8 !important;
    background: linear-gradient(135deg, rgba(32, 29, 20, .96), rgba(16, 17, 15, .96)) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .06) !important;
    font-size: 9px !important;
    animation: cvEditorialBonusFloat 3.6s ease-in-out infinite !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-first-topup-bonus b {
    color: #e4c568 !important;
    font-size: 9px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-first-topup-bonus span {
    color: rgba(244, 239, 231, .48) !important;
    font-size: 6.5px !important;
    font-weight: 800 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-first-topup-bonus[hidden] {
    display: none !important;
  }

  @keyframes cvEditorialBonusFloat {
    0%, 100% {
      transform: translateY(0);
      box-shadow: 0 10px 28px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .06);
    }
    50% {
      transform: translateY(-2px);
      box-shadow: 0 14px 30px rgba(0, 0, 0, .38), 0 0 18px rgba(228, 197, 104, .08);
    }
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-generation-result-card,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-generation-premium-card,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-generation-prompt-card,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-generation-error-card,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-generation-refund-card {
    border-color: rgba(247, 238, 217, .09) !important;
    background: rgba(255, 255, 255, .018) !important;
    box-shadow: none !important;
  }

  /* Legal documents and blocking dialogs */
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-content-rules-screen {
    color: #f6f1e8 !important;
    background:
      radial-gradient(circle at 50% -8rem, rgba(224, 191, 93, .09), transparent 25rem),
      #090a09 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-content-rules-head span {
    color: #e4c568 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-content-rules-card {
    border-color: rgba(247, 238, 217, .08) !important;
    background: rgba(255, 255, 255, .018) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-content-rules-close,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-balance-modal-primary {
    color: #18150d !important;
    background: linear-gradient(135deg, #f5e7ad, #e4c568) !important;
    box-shadow: 0 12px 26px rgba(224, 191, 93, .12) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-balance-modal,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-blocked-account-card,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-admin-confirm-card {
    border-color: rgba(247, 238, 217, .11) !important;
    background: linear-gradient(145deg, #191a16, #0c0d0b) !important;
  }

  /* Agreed cabinet layout: one shared profile header and a changing panel. */
  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen.cv-cabinet-screen,
  html.cv-mobile-editorial:not(.cv-desktop-mode) #generationListScreen .cv-cabinet-screen,
  html.cv-mobile-editorial:not(.cv-desktop-mode) #myCommunityScreen .cv-cabinet-screen {
    box-sizing: border-box !important;
    width: min(100%, 620px) !important;
    margin: 0 auto !important;
    padding: 13px 12px calc(116px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Telegram's native header is taller than MAX. Keep the whole shared
     cabinet header below it; otherwise only the old content panel is visible. */
  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-telegram-expanded #balanceScreen.cv-cabinet-screen {
    padding-top: calc(var(--cv-fullscreen-safe-top, 104px) + 13px) !important;
    scroll-padding-top: calc(var(--cv-fullscreen-safe-top, 104px) + 13px) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-cabinet-wrap {
    width: 100%;
    margin: 0 auto;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    padding: 13px 13px 7px;
    border: 1px solid rgba(247, 238, 217, .10);
    border-radius: 20px;
    background:
      radial-gradient(circle at 100% 0, rgba(228, 197, 104, .10), transparent 48%),
      linear-gradient(145deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .015));
    box-shadow: 0 14px 36px rgba(0, 0, 0, .18), inset 0 1px rgba(255, 255, 255, .035);
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head .cv-cabinet-identity {
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head .cv-cabinet-avatar {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    border: 1px solid rgba(228, 197, 104, .42) !important;
    border-radius: 13px !important;
    color: #18150d !important;
    background: linear-gradient(145deg, #f0d477, #b98d31) !important;
    box-shadow: 0 10px 24px rgba(224, 191, 93, .12) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head .cv-cabinet-identity-copy {
    min-width: 0;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head .cv-cabinet-platform {
    color: #e4c568 !important;
    font-size: 7px !important;
    font-weight: 950 !important;
    letter-spacing: .13em !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head .cv-cabinet-name {
    margin-top: 3px !important;
    overflow: hidden;
    color: #f6f1e8 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head .cv-cabinet-id {
    margin-top: 3px !important;
    color: rgba(244, 239, 231, .44) !important;
    font-size: 8px !important;
    font-weight: 750 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head .cv-cabinet-tabs {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    width: 100% !important;
    min-height: 55px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    margin: 12px 0 0 !important;
    padding: 5px !important;
    border: 1px solid rgba(247, 238, 217, .09) !important;
    border-radius: 15px !important;
    background: rgba(0, 0, 0, .12) !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head .cv-cabinet-tabs::before {
    content: "" !important;
    position: absolute !important;
    z-index: -1 !important;
    top: 5px !important;
    bottom: 5px !important;
    left: 5px !important;
    display: block !important;
    width: calc((100% - 10px) / 3) !important;
    border-radius: 11px !important;
    background:
      radial-gradient(circle at 100% 0, rgba(255, 255, 255, .32), transparent 48%),
      linear-gradient(135deg, #f5e7ad, #e4c568) !important;
    box-shadow: 0 9px 20px rgba(224, 191, 93, .12), inset 0 1px rgba(255, 255, 255, .28) !important;
    transition: transform .28s cubic-bezier(.2, .8, .2, 1) !important;
    pointer-events: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head .cv-cabinet-tabs.is-tasks::before {
    transform: translateX(100%) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head .cv-cabinet-tabs.is-feed::before {
    transform: translateX(200%) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head .cv-cabinet-tab {
    position: relative !important;
    z-index: 1 !important;
    min-width: 0 !important;
    min-height: 45px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 0 5px !important;
    border: 0 !important;
    border-radius: 11px !important;
    color: rgba(244, 239, 231, .40) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 8px !important;
    font-weight: 850 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head .cv-cabinet-tab span {
    width: auto !important;
    height: auto !important;
    flex: 0 0 auto !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 10px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head .cv-cabinet-tab b {
    font-size: 8px !important;
    line-height: 1.05 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head .cv-cabinet-tab.active {
    color: #18150d !important;
    background: transparent !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-panel {
    width: 100%;
    margin-top: 9px;
    animation: cvEditorialCabinetPanelIn .26s cubic-bezier(.2, .8, .2, 1) both;
  }

  @keyframes cvEditorialCabinetPanelIn {
    from { opacity: .35; transform: translateY(5px); }
    to { opacity: 1; transform: none; }
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-panel-title {
    margin: 2px 2px 12px;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-panel-title span {
    color: #e4c568;
    font-size: 6px;
    font-weight: 950;
    letter-spacing: .14em;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-panel-title h2 {
    margin: 5px 0 0;
    color: #f6f1e8;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -.04em;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-panel-title p {
    margin: 6px 0 0;
    color: rgba(244, 239, 231, .50);
    font-size: 8px;
    line-height: 1.42;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-balance-premium-card {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px !important;
    border-radius: 20px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-balance-top {
    align-items: flex-start !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .balance-label {
    color: rgba(244, 239, 231, .48) !important;
    font-size: 8px !important;
    letter-spacing: .12em !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .balance-value {
    margin: 4px 0 17px !important;
    font-size: 45px !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-balance-subtitle {
    margin: -8px 0 13px !important;
    color: rgba(244, 239, 231, .50) !important;
    font-size: 8px !important;
    line-height: 1.4 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-first-topup-note {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: -3px 0 13px;
    padding: 6px 9px;
    border: 1px solid rgba(228, 197, 104, .26);
    border-radius: 999px;
    background: rgba(228, 197, 104, .055);
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-first-topup-note[hidden] {
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-first-topup-note b {
    color: #e4c568;
    font-size: 8px;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-first-topup-note span {
    color: rgba(244, 239, 231, .48);
    font-size: 6.5px;
    font-weight: 800;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-cabinet-overview,
  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-cabinet-section {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-topup-title-row {
    margin-bottom: 9px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-topup-caption {
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-yookassa-topup-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-topup-btn {
    position: relative !important;
    overflow: hidden !important;
    min-width: 0 !important;
    min-height: 62px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    align-content: center !important;
    align-items: center !important;
    column-gap: 8px !important;
    padding: 10px 12px !important;
    border-color: rgba(247, 238, 217, .105) !important;
    border-radius: 14px !important;
    text-align: left !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, .034), rgba(255, 255, 255, .012)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 10px 24px rgba(0, 0, 0, .13) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-topup-btn::before {
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-topup-btn::after {
    content: "›" !important;
    position: static !important;
    width: 25px !important;
    height: 25px !important;
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(247, 238, 217, .09) !important;
    border-radius: 9px !important;
    color: rgba(244, 239, 231, .45) !important;
    background: rgba(255, 255, 255, .018) !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-topup-btn span {
    grid-column: 1 !important;
    grid-row: 1 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-topup-btn small {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin-top: 6px !important;
    font-size: 7px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-topup-btn.cv-topup-popular {
    border-color: rgba(232, 205, 114, .42) !important;
    color: #f6f1e8 !important;
    background:
      radial-gradient(circle at 100% 0, rgba(228, 197, 104, .15), transparent 54%),
      linear-gradient(145deg, rgba(34, 31, 22, .98), rgba(17, 18, 15, .98)) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-topup-btn.cv-topup-popular::after {
    border-color: rgba(228, 197, 104, .23) !important;
    color: #e4c568 !important;
    background: rgba(228, 197, 104, .06) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-topup-btn.cv-topup-popular b {
    position: absolute !important;
    z-index: 2 !important;
    top: 6px !important;
    right: 7px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 3px 5px !important;
    border: 1px solid rgba(228, 197, 104, .18) !important;
    border-radius: 999px !important;
    color: #e4c568 !important;
    background: rgba(15, 15, 12, .78) !important;
    font-size: 5px !important;
    line-height: 1 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-cabinet-support-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 11px !important;
    padding: 10px !important;
    border-radius: 13px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-cabinet-support-mini {
    width: 34px !important;
    height: 31px !important;
    min-width: 34px !important;
    min-height: 31px !important;
    padding: 0 !important;
    border-radius: 9px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-documents {
    overflow: hidden;
    margin-top: 9px;
    border: 1px solid rgba(247, 238, 217, .055);
    border-radius: 14px;
    background: rgba(255, 255, 255, .012);
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-documents summary {
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 12px;
    color: rgba(244, 239, 231, .46);
    font-size: 8px;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-documents summary::-webkit-details-marker {
    display: none;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-documents summary i {
    font-size: 11px;
    font-style: normal;
    transition: transform .2s ease;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-documents[open] summary i {
    transform: rotate(180deg);
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-documents .cv-legal-links {
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 8px 8px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-documents .cv-content-rules-link {
    min-height: 38px !important;
    padding: 0 11px !important;
    border-color: rgba(247, 238, 217, .05) !important;
    border-radius: 11px !important;
    font-size: 8px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #generationListScreen .cv-tasks-premium-wrap,
  html.cv-mobile-editorial:not(.cv-desktop-mode) #myCommunityScreen .cv-community-wrap {
    max-width: 620px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #generationListScreen .cv-tasks-premium-stats {
    margin: 0 0 10px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #generationListScreen .cv-tasks-premium-list,
  html.cv-mobile-editorial:not(.cv-desktop-mode) #myCommunityScreen .cv-my-community-list {
    margin-top: 0 !important;
  }

  /* Content studio and admin */
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-channel-studio-screen,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .admin-screen {
    color: #f6f1e8 !important;
    background:
      radial-gradient(circle at 50% -9rem, rgba(224, 191, 93, .10), transparent 26rem),
      #090a09 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-channel-studio-hero,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-channel-studio-section,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-channel-studio-note,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .admin-user-card,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .admin-stat {
    border-color: rgba(247, 238, 217, .09) !important;
    background: rgba(255, 255, 255, .018) !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-channel-studio-kicker,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-channel-studio-section-head span,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .admin-kicker {
    color: #e4c568 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-channel-studio-primary,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .admin-tab.active,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .admin-source-tab.active {
    border-color: rgba(232, 205, 114, .48) !important;
    color: #18150d !important;
    background: linear-gradient(135deg, #f5e7ad, #e4c568) !important;
    box-shadow: none !important;
  }

  /* Welcome screen */
  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #welcomeOverlay {
    background:
      radial-gradient(circle at 50% -7rem, rgba(224, 191, 93, .13), transparent 25rem),
      rgba(7, 8, 7, .98) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #welcomeOverlay::before {
    opacity: .48 !important;
    background:
      radial-gradient(circle at 22% 24%, rgba(224, 191, 93, .16), transparent 24%),
      radial-gradient(circle at 77% 68%, rgba(171, 132, 48, .09), transparent 29%) !important;
    filter: blur(19px) saturate(.86) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #welcomeOverlay::after {
    opacity: .22 !important;
    background:
      linear-gradient(rgba(236, 213, 143, .035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(236, 213, 143, .035) 1px, transparent 1px) !important;
    background-size: 48px 48px !important;
    filter: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .welcome-card {
    border-color: rgba(247, 238, 217, .11) !important;
    background:
      radial-gradient(circle at 100% 0, rgba(224, 191, 93, .09), transparent 42%),
      linear-gradient(145deg, rgba(255, 255, 255, .038), rgba(255, 255, 255, .012)) !important;
    box-shadow: 0 24px 58px rgba(0, 0, 0, .28) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .welcome-card::before {
    background:
      linear-gradient(115deg, transparent 0 31%, rgba(239, 216, 142, .15) 43%, transparent 55%),
      radial-gradient(circle at 88% 0, rgba(224, 191, 93, .09), transparent 35%) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .welcome-logo {
    border: 1px solid rgba(228, 197, 104, .44) !important;
    color: #18150d !important;
    background: linear-gradient(145deg, #f0d477, #b98d31) !important;
    box-shadow: 0 12px 28px rgba(224, 191, 93, .13) !important;
    animation: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .welcome-title {
    text-shadow: 0 16px 38px rgba(224, 191, 93, .10) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav :is(#photoNav, #videoNav) {
    border-color: rgba(228, 197, 104, .28) !important;
    color: rgba(246, 241, 232, .78) !important;
    background:
      radial-gradient(circle at 50% 0, rgba(224, 191, 93, .10), transparent 62%),
      rgba(18, 19, 16, .88) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .24) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav :is(#photoNav, #videoNav) .cv-nav-icon,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav :is(#photoNav, #videoNav) .cv-nav-label {
    color: inherit !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav :is(#photoNav, #videoNav) svg {
    color: inherit !important;
    stroke: currentColor !important;
  }

  /* Bottom navigation */
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav-wrap {
    padding: 0 9px calc(8px + env(safe-area-inset-bottom)) !important;
    background: linear-gradient(180deg, transparent, rgba(7, 8, 7, .93) 68%) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav {
    --cv-nav-gap: 4px !important;
    --cv-nav-pad: 5px !important;
    width: 100% !important;
    max-width: 620px !important;
    height: 61px !important;
    gap: 4px !important;
    padding: 5px !important;
    overflow: hidden !important;
    border: 1px solid rgba(247, 238, 217, .11) !important;
    border-radius: 22px !important;
    background: rgba(18, 19, 16, .91) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .39), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
    backdrop-filter: blur(22px) !important;
    -webkit-backdrop-filter: blur(22px) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav .cv-bottom-nav-lens,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav #studioNav {
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav .nav-btn,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav .nav-balance {
    min-height: 49px !important;
    height: 49px !important;
    max-height: 49px !important;
    gap: 3px !important;
    border: 1px solid transparent !important;
    border-radius: 16px !important;
    color: rgba(244, 239, 231, .34) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 8px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav :is(#photoNav, #videoNav, #feedNav, #balanceNav, #studioNav) {
    min-height: 49px !important;
    height: 49px !important;
    max-height: 49px !important;
    color: rgba(244, 239, 231, .34) !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav .nav-btn .cv-nav-icon,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav .nav-balance .cv-nav-icon {
    width: 17px !important;
    height: 17px !important;
    color: inherit !important;
    font-size: 15px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav .nav-btn svg,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav .nav-balance svg {
    width: 17px !important;
    height: 17px !important;
    color: inherit !important;
    stroke: currentColor !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav :is(#photoNav, #videoNav, #feedNav, #balanceNav, #studioNav) .cv-nav-icon,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav :is(#photoNav, #videoNav, #feedNav, #balanceNav, #studioNav) .cv-nav-label {
    color: inherit !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav :is(#photoNav, #videoNav, #feedNav, #balanceNav, #studioNav) svg {
    color: inherit !important;
    stroke: currentColor !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav :is(#photoNav, #videoNav, #feedNav, #balanceNav, #studioNav) .cv-nav-icon-fill {
    fill: currentColor !important;
    stroke: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav .nav-btn .cv-nav-label,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav .nav-balance .cv-nav-label {
    color: inherit !important;
    margin-top: 3px !important;
    font-size: 8px !important;
    line-height: 1 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav .nav-btn.active,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav .nav-balance.active {
    border-color: rgba(232, 205, 114, .45) !important;
    color: #18150d !important;
    background: linear-gradient(135deg, #f5e7ad, #e4c568) !important;
    box-shadow: 0 8px 19px rgba(224, 191, 93, .11) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav :is(#photoNav, #videoNav, #feedNav, #balanceNav, #studioNav).active {
    border-color: rgba(232, 205, 114, .45) !important;
    color: #18150d !important;
    background: linear-gradient(135deg, #f5e7ad, #e4c568) !important;
    box-shadow: 0 8px 19px rgba(224, 191, 93, .11) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav .nav-btn::before,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav .nav-btn::after,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav .nav-balance::before,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav .nav-balance::after {
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav .nav-btn.active svg,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.welcome-open) .bottom-nav .nav-balance.active svg {
    stroke: #18150d !important;
  }

  @media (max-width: 370px) {
    html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) #homeHero {
      min-height: 197px;
      padding: 15px;
    }

    html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) #homeHero h1 {
      font-size: 32px;
    }

    html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-task-screen-open:not(.welcome-open) #taskGrid.cv-visual-tool-grid .cv-tool-card {
      min-height: 168px !important;
    }

    html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-prompt-copy small {
      display: none;
    }

    html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-prompt-links button {
      padding: 0 7px;
      font-size: 6px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    html.cv-mobile-editorial:not(.cv-desktop-mode) *,
    html.cv-mobile-editorial:not(.cv-desktop-mode) *::before,
    html.cv-mobile-editorial:not(.cv-desktop-mode) *::after {
      scroll-behavior: auto !important;
    }
  }

  /* Editorial Gold parity: the production screens below intentionally mirror
     mobile-visual-preview instead of only recolouring the legacy UI. */

  /* Model comparison is a compact gold bridge between rows, with no legacy
     blue pseudo-layer left above it. */
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open)
  :is(.cv-photo-compare-btn, .cv-video-compare-btn, .cv-model-compare-btn)::before,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open)
  :is(.cv-photo-compare-btn, .cv-video-compare-btn, .cv-model-compare-btn)::after {
    content: none !important;
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open)
  :is(.cv-photo-compare-btn, .cv-video-compare-btn, .cv-model-compare-btn) {
    position: relative !important;
    z-index: 3 !important;
    width: calc(100% - 16px) !important;
    min-height: 27px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    margin: -13px 8px !important;
    padding: 0 9px !important;
    overflow: hidden !important;
    border: 1px solid rgba(228, 197, 104, .34) !important;
    border-radius: 999px !important;
    color: #e4c568 !important;
    background: linear-gradient(120deg, rgba(45, 38, 19, .97), rgba(24, 25, 21, .96)) !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .30), inset 0 1px rgba(255, 255, 255, .07) !important;
    font-size: 6.7px !important;
    font-weight: 900 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body:not(.cv-model-settings-open)
  :is(.cv-photo-compare-btn, .cv-video-compare-btn, .cv-model-compare-btn) :is(i, span:first-child) {
    width: auto !important;
    height: auto !important;
    display: inline !important;
    flex: 0 0 auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #e4c568 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 10px !important;
  }

  /* Community feed: editorial heading, one light filter rail and the compact
     two-column result mosaic from the approved preview. */
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-screen {
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    padding-right: 16px !important;
    padding-bottom: calc(116px + env(safe-area-inset-bottom, 0px)) !important;
    padding-left: 16px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-wrap {
    box-sizing: border-box !important;
    width: min(100%, 620px) !important;
    max-width: 620px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #communityFeedScreen .cv-community-hero {
    position: static !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #communityFeedScreen .cv-community-kicker {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border: 1px solid rgba(228, 197, 104, .18) !important;
    border-radius: 999px !important;
    color: #e4c568 !important;
    background: rgba(228, 197, 104, .045) !important;
    font-size: 6px !important;
    font-weight: 950 !important;
    letter-spacing: .14em !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #communityFeedScreen .cv-community-hero h1 {
    margin: 9px 0 7px !important;
    color: #f6f1e8 !important;
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif !important;
    font-size: 38px !important;
    font-weight: 900 !important;
    line-height: .89 !important;
    letter-spacing: -.04em !important;
    text-transform: uppercase !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #communityFeedScreen .cv-community-hero h1 span {
    color: #e4c568 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #communityFeedScreen .cv-community-hero p {
    max-width: 360px !important;
    margin: 0 !important;
    color: rgba(244, 239, 231, .58) !important;
    font-size: 9px !important;
    line-height: 1.48 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #communityFeedScreen .cv-community-prompt-ribbon {
    margin: 13px 0 2px !important;
    padding: 10px 1px 11px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #communityFeedScreen .cv-community-discovery {
    box-sizing: border-box !important;
    width: auto !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 15px -16px 13px !important;
    padding: 0 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    scrollbar-width: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #communityFeedScreen .cv-community-discovery::-webkit-scrollbar {
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #communityFeedScreen
  :is(.cv-community-mode-tabs, .cv-community-category-list) {
    display: contents !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #communityFeedScreen .cv-community-discovery button {
    position: static !important;
    min-width: max-content !important;
    min-height: 0 !important;
    height: auto !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    padding: 8px 11px !important;
    border: 1px solid rgba(247, 238, 217, .11) !important;
    border-radius: 999px !important;
    color: rgba(244, 239, 231, .52) !important;
    background: rgba(255, 255, 255, .025) !important;
    box-shadow: none !important;
    font-size: 8px !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #communityFeedScreen .cv-community-discovery button :is(i, small) {
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #communityFeedScreen .cv-community-discovery button.active {
    border-color: transparent !important;
    color: #18150d !important;
    background: #e4c568 !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #communityFeedScreen .cv-community-list,
  html.cv-mobile-editorial:not(.cv-desktop-mode) #myCommunityScreen .cv-community-list {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 9px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) :is(#communityFeedScreen, #myCommunityScreen) .cv-community-column {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) :is(#communityFeedScreen, #myCommunityScreen) .cv-community-card {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    border: 1px solid rgba(247, 238, 217, .09) !important;
    border-radius: 16px !important;
    background: #121310 !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) :is(#communityFeedScreen, #myCommunityScreen) .cv-community-content {
    padding: 7px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) :is(#communityFeedScreen, #myCommunityScreen) .cv-community-actions {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) :is(#communityFeedScreen, #myCommunityScreen) .cv-community-actions button {
    min-height: 27px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 8px !important;
    font-weight: 900 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) :is(#communityFeedScreen, #myCommunityScreen) .cv-community-repeat {
    order: 1 !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    border: 1px solid rgba(228, 197, 104, .28) !important;
    color: #e4c568 !important;
    background: linear-gradient(135deg, rgba(228, 197, 104, .12), rgba(255, 255, 255, .025)) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #communityFeedScreen .cv-community-like {
    order: 2 !important;
    width: auto !important;
    min-width: 30px !important;
    flex: 0 0 auto !important;
    padding: 0 2px !important;
    border: 0 !important;
    color: rgba(244, 239, 231, .38) !important;
    background: transparent !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #communityFeedScreen .cv-community-like.active {
    color: #e4c568 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #myCommunityScreen .cv-community-own-likes {
    order: 2 !important;
    flex: 0 0 auto !important;
    color: rgba(244, 239, 231, .38) !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  /* Feed result viewer, matching the simple full-height Editorial result. */
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer {
    align-items: stretch !important;
    justify-content: center !important;
    padding: 0 !important;
    background: #090a09 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-telegram-expanded .cv-community-viewer {
    padding-top: var(--cv-fullscreen-safe-top, 104px) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-inner {
    width: min(100%, 620px) !important;
    max-width: 620px !important;
    height: 100% !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #090a09 !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-topbar {
    position: absolute !important;
    z-index: 8 !important;
    top: 13px !important;
    right: 13px !important;
    left: auto !important;
    width: 35px !important;
    height: 35px !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-close {
    width: 35px !important;
    height: 35px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .20) !important;
    border-radius: 12px !important;
    color: #fff !important;
    background: rgba(8, 9, 8, .48) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    font-size: 22px !important;
    line-height: 1 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-layout {
    min-height: 100% !important;
    display: block !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-stage {
    position: relative !important;
    width: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #161713 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-stage::after {
    content: "" !important;
    position: absolute !important;
    z-index: 2 !important;
    inset: 60% 0 0 !important;
    background: linear-gradient(transparent, #090a09) !important;
    pointer-events: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-stage-glow {
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-media {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #161713 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-media :is(img, video) {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-panel {
    position: relative !important;
    z-index: 3 !important;
    margin-top: -48px !important;
    padding: 12px 16px 34px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-meta {
    width: min(100%, 430px) !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 0 10px !important;
    padding: 6px !important;
    border: 1px solid rgba(247, 238, 217, .12) !important;
    border-radius: 15px !important;
    background: rgba(13, 14, 12, .88) !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) :is(.cv-community-viewer-media-kind, .cv-community-viewer-model-chip) {
    position: static !important;
    inset: auto !important;
    min-height: 31px !important;
    padding: 6px 9px !important;
    border: 1px solid rgba(247, 238, 217, .10) !important;
    border-radius: 10px !important;
    color: rgba(244, 239, 231, .72) !important;
    background: rgba(255, 255, 255, .035) !important;
    box-shadow: none !important;
    font-size: 7px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-media-kind {
    flex: 0 0 auto !important;
    color: #e5c86c !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-media-kind span {
    color: #e5c86c !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-model-chip {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    justify-content: space-between !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-model-chip small {
    color: rgba(244, 239, 231, .35) !important;
    font-size: 6px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-model-chip b {
    min-width: 0 !important;
    overflow: hidden !important;
    color: rgba(244, 239, 231, .78) !important;
    font-size: 7px !important;
    text-overflow: ellipsis !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-prompt-card {
    margin: 0 0 14px !important;
    padding: 14px !important;
    border: 1px solid rgba(247, 238, 217, .11) !important;
    border-left: 2px solid #e4c568 !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .025) !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-prompt-head > button {
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-prompt-card p {
    color: rgba(244, 239, 231, .58) !important;
    font-size: 9px !important;
    line-height: 1.55 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-actions button {
    min-height: 45px !important;
    border-radius: 13px !important;
    font-size: 9px !important;
  }

  /* The cabinet uses one invariant header on all three screens. This prevents
     support text from widening the page and the tabs from changing scale. */
  html.cv-mobile-editorial:not(.cv-desktop-mode)
  :is(#balanceScreen, #generationListScreen, #myCommunityScreen) {
    overflow-x: hidden !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen.cv-cabinet-screen {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-panel,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head > *,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-panel > * {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head {
    width: 100% !important;
    min-height: 129px !important;
    padding: 13px 13px 7px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head .cv-cabinet-identity {
    width: 100% !important;
    min-height: 42px !important;
    max-height: 42px !important;
    overflow: hidden !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head .cv-cabinet-tabs {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 55px !important;
    min-height: 55px !important;
    max-height: 55px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin: 12px 0 0 !important;
    padding: 5px !important;
    overflow: hidden !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head .cv-cabinet-tabs::before {
    content: none !important;
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head .cv-cabinet-tab {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 45px !important;
    min-height: 45px !important;
    max-height: 45px !important;
    overflow: hidden !important;
    padding: 0 4px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head .cv-cabinet-tab b {
    min-width: 0 !important;
    overflow: hidden !important;
    font-size: 8px !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-cabinet-shared-head .cv-cabinet-tab.active {
    color: #18150d !important;
    background: #e4c568 !important;
    box-shadow: 0 9px 20px rgba(224, 191, 93, .12), inset 0 1px rgba(255, 255, 255, .28) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-cabinet-support-row {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: minmax(0, 1fr) 34px 34px !important;
    overflow: hidden !important;
    padding: 10px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-cabinet-support-copy {
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-cabinet-support-copy b {
    overflow: hidden !important;
    font-size: 9px !important;
    line-height: 1.12 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-cabinet-support-copy:not(b) {
    overflow-wrap: anywhere !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) #balanceScreen .cv-cabinet-support-mini {
    box-sizing: border-box !important;
    width: 34px !important;
    max-width: 34px !important;
    min-width: 34px !important;
    height: 31px !important;
    max-height: 31px !important;
    min-height: 31px !important;
    padding: 0 !important;
    overflow: hidden !important;
    font-size: 7px !important;
  }

  /* Stable mobile composition. These rules intentionally own geometry, not
     only colour, so Telegram and MAX do not fall back to the legacy layout. */
  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:is(.cv-task-screen-open, .cv-picker-screen-open):not(.welcome-open)
  #homeHero {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 196px !important;
    margin: 0 !important;
    padding: 22px !important;
    border: 1px solid rgba(247, 238, 217, .10) !important;
    border-radius: 22px !important;
    background:
      radial-gradient(circle at 94% 4%, rgba(224, 191, 93, .12), transparent 40%),
      linear-gradient(145deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .012)) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .20), inset 0 1px rgba(255, 255, 255, .035) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:is(.cv-task-screen-open, .cv-picker-screen-open):not(.welcome-open)
  #homeHero .logo {
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:is(.cv-task-screen-open, .cv-picker-screen-open):not(.welcome-open)
  #homeHero .brand {
    width: 100% !important;
    min-height: 22px !important;
    display: block !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:is(.cv-task-screen-open, .cv-picker-screen-open):not(.welcome-open)
  #homeHero .brand > div {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:is(.cv-task-screen-open, .cv-picker-screen-open):not(.welcome-open)
  #homeHero .brand-title {
    color: #f6f1e8 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:is(.cv-task-screen-open, .cv-picker-screen-open):not(.welcome-open)
  #homeHero .brand-subtitle {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 5px 8px !important;
    border: 1px solid rgba(247, 238, 217, .10) !important;
    border-radius: 999px !important;
    color: rgba(244, 239, 231, .48) !important;
    background: rgba(255, 255, 255, .018) !important;
    font-size: 7px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .12em !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:is(.cv-task-screen-open, .cv-picker-screen-open):not(.welcome-open)
  #homeHero .cv-hero-title-row {
    margin: 31px 0 10px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:is(.cv-task-screen-open, .cv-picker-screen-open):not(.welcome-open)
  #homeHero h1 {
    min-height: 0 !important;
    margin: 0 !important;
    color: #f6f1e8 !important;
    font-size: clamp(31px, 9vw, 35px) !important;
    line-height: .91 !important;
    letter-spacing: -.045em !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:is(.cv-task-screen-open, .cv-picker-screen-open):not(.welcome-open)
  #homeHero > p {
    min-height: 0 !important;
    max-width: 290px !important;
    margin: 0 !important;
    color: rgba(244, 239, 231, .52) !important;
    font-size: 10px !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
  }

  /* The hero and the switch keep an invariant footprint in both modes. */
  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:is(.cv-task-screen-open, .cv-picker-screen-open):not(.welcome-open)
  #cvModeSwitchHost {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 61px !important;
    min-height: 61px !important;
    max-height: 61px !important;
    margin: 12px 0 12px !important;
    contain: layout !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:is(.cv-task-screen-open, .cv-picker-screen-open):not(.welcome-open)
  #cvModeSwitchHost .cv-mode-switch-wrap {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 55px !important;
    min-height: 55px !important;
    max-height: 55px !important;
    margin: 0 !important;
    padding: 5px !important;
    overflow: hidden !important;
    border: 1px solid rgba(247, 238, 217, .10) !important;
    border-radius: 17px !important;
    background: rgba(255, 255, 255, .018) !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:is(.cv-task-screen-open, .cv-picker-screen-open):not(.welcome-open)
  #cvModeSwitchHost .cv-mode-switch-wrap::before {
    content: none !important;
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:is(.cv-task-screen-open, .cv-picker-screen-open):not(.welcome-open)
  #cvModeSwitchHost .cv-mode-switch {
    box-sizing: border-box !important;
    height: 45px !important;
    grid-template-columns: .82fr 1.45fr !important;
    gap: 5px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:is(.cv-task-screen-open, .cv-picker-screen-open):not(.welcome-open)
  #cvModeSwitchHost .cv-mode-switch-btn {
    box-sizing: border-box !important;
    min-width: 0 !important;
    height: 45px !important;
    min-height: 45px !important;
    max-height: 45px !important;
    padding: 0 7px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 12px !important;
    font-size: 9px !important;
    line-height: 1.08 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body.cv-task-mode-enter:not(.welcome-open)
  :is(#homeHero, #cvModeSwitchHost) {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body.cv-task-screen-open:not(.welcome-open) #taskScreenTitle {
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body.cv-task-screen-open:not(.welcome-open) #taskScreen .task-head::before {
    color: #e4c568 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body.cv-task-screen-open:not(.welcome-open) #taskScreen .task-head {
    min-height: 31px !important;
    margin: 2px 2px 11px !important;
  }

  /* The scenarios already explain their settings inside each card. */
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-scenario-privacy-note {
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-scenario-hub {
    padding-bottom: 18px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-scenario-category-block {
    content-visibility: auto;
    contain-intrinsic-size: auto 720px;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body.cv-telegram-expanded:is(.cv-task-screen-open, .cv-picker-screen-open):not(.welcome-open)
  .app {
    padding-top: calc(var(--cv-fullscreen-safe-top, 104px) + 10px) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body.cv-telegram-expanded:is(.cv-task-screen-open, .cv-picker-screen-open):not(.welcome-open)
  #homeHero {
    margin-top: 0 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body.cv-max-webapp:is(.cv-task-screen-open, .cv-picker-screen-open):not(.welcome-open)
  .app {
    padding-top: 4px !important;
  }

  /* One outer viewport and one inner shell for every cabinet tab. */
  html.cv-mobile-editorial:not(.cv-desktop-mode)
  :is(
    #balanceScreen.balance-screen,
    #generationListScreen.cv-tasks-premium-screen,
    #myCommunityScreen.cv-my-community-screen
  ) {
    box-sizing: border-box !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    height: 100dvh !important;
    display: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
      radial-gradient(circle at 50% -8rem, rgba(224, 191, 93, .10), transparent 25rem),
      #090a09 !important;
    box-shadow: none !important;
    scrollbar-width: none !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  :is(
    #balanceScreen.balance-screen,
    #generationListScreen.cv-tasks-premium-screen,
    #myCommunityScreen.cv-my-community-screen
  )::-webkit-scrollbar {
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  :is(
    #balanceScreen.balance-screen,
    #generationListScreen.cv-tasks-premium-screen,
    #myCommunityScreen.cv-my-community-screen
  ).active {
    display: block !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  :is(
    #balanceScreen > .cv-cabinet-screen,
    #generationListScreen > .cv-cabinet-screen,
    #myCommunityScreen > .cv-cabinet-screen
  ) {
    box-sizing: border-box !important;
    width: min(100%, 620px) !important;
    min-height: 100% !important;
    margin: 0 auto !important;
    padding: 13px 12px calc(106px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body.cv-telegram-expanded
  :is(
    #balanceScreen > .cv-cabinet-screen,
    #generationListScreen > .cv-cabinet-screen,
    #myCommunityScreen > .cv-cabinet-screen
  ) {
    padding-top: calc(var(--cv-fullscreen-safe-top, 104px) + 13px) !important;
    scroll-padding-top: calc(var(--cv-fullscreen-safe-top, 104px) + 13px) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  :is(#balanceScreen, #generationListScreen, #myCommunityScreen)
  .cv-cabinet-shared-head {
    height: 129px !important;
    min-height: 129px !important;
    max-height: 129px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #myCommunityScreen .cv-community-list {
    align-items: start !important;
    grid-auto-rows: max-content !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #myCommunityScreen .cv-community-column {
    align-self: start !important;
  }

  /* Editorial task history. The legacy list used oversized glass cards; this
     mirrors the approved compact cabinet composition without changing actions. */
  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-cabinet-panel-title {
    margin-bottom: 10px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-tasks-premium-stats {
    overflow: hidden !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 1px solid rgba(247, 238, 217, .09) !important;
    border-radius: 15px !important;
    background: rgba(247, 238, 217, .09) !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-tasks-stat {
    min-width: 0 !important;
    min-height: 57px !important;
    display: grid !important;
    place-content: center !important;
    gap: 4px !important;
    padding: 9px 6px !important;
    border: 0 !important;
    border-radius: 0 !important;
    text-align: center !important;
    background: #11120f !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-tasks-stat span {
    order: 2 !important;
    color: rgba(244, 239, 231, .36) !important;
    font-size: 6.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-tasks-stat b {
    order: 1 !important;
    margin: 0 !important;
    color: #e4c568 !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-tasks-premium-list {
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-community-wrap {
    overflow: hidden !important;
    display: grid !important;
    gap: 0 !important;
    border: 1px solid rgba(247, 238, 217, .09) !important;
    border-radius: 15px !important;
    background: rgba(255, 255, 255, .022) !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-premium-card {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 74px !important;
    margin: 0 !important;
    padding: 8px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #f6f1e8 !important;
    text-align: left !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-premium-card::before {
    content: none !important;
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-premium-card:active {
    transform: scale(.992) !important;
    background: rgba(228, 197, 104, .025) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-premium-row {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-premium-model-icon {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    width: 56px !important;
    height: 56px !important;
    border: 1px solid rgba(247, 238, 217, .10) !important;
    border-radius: 11px !important;
    color: #e4c568 !important;
    background:
      radial-gradient(circle at 25% 15%, rgba(228, 197, 104, .13), transparent 42%),
      #171813 !important;
    box-shadow: none !important;
    font-size: 18px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-premium-model-icon img {
    position: absolute !important;
    z-index: 2 !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-premium-model-icon span {
    position: relative !important;
    z-index: 1 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-premium-body {
    min-width: 0 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-premium-model {
    overflow: hidden !important;
    color: #f6f1e8 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-premium-date {
    margin-top: 5px !important;
    color: rgba(244, 239, 231, .38) !important;
    font-size: 7.5px !important;
    font-weight: 750 !important;
    line-height: 1.15 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-premium-status {
    max-width: 74px !important;
    padding: 5px 7px !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-size: 6.5px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-transform: uppercase !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-premium-status.ready {
    color: #75d79a !important;
    background: rgba(84, 198, 128, .09) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-premium-status.processing {
    color: #e4c568 !important;
    background: rgba(228, 197, 104, .08) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-premium-status.error {
    color: #e78d9c !important;
    background: rgba(231, 111, 133, .08) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-premium-prompt {
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-premium-meta {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 6px 0 0 66px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-premium-pill {
    padding: 4px 6px !important;
    border: 1px solid rgba(247, 238, 217, .07) !important;
    border-radius: 999px !important;
    color: rgba(244, 239, 231, .40) !important;
    background: rgba(255, 255, 255, .015) !important;
    font-size: 6.5px !important;
    line-height: 1 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-premium-availability {
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-premium-open {
    margin-left: auto !important;
    color: rgba(244, 239, 231, .58) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-publish-btn {
    box-sizing: border-box !important;
    width: calc(100% - 82px) !important;
    min-height: 31px !important;
    margin: 0 8px 8px 74px !important;
    padding: 0 9px !important;
    border: 1px solid rgba(228, 197, 104, .25) !important;
    border-radius: 10px !important;
    color: #e4c568 !important;
    background: rgba(228, 197, 104, .045) !important;
    box-shadow: none !important;
    font-size: 7.5px !important;
    font-weight: 900 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-download-btn {
    box-sizing: border-box !important;
    width: calc(100% - 82px) !important;
    min-height: 33px !important;
    margin: 0 8px 8px 74px !important;
    padding: 0 11px !important;
    border: 1px solid rgba(228, 197, 104, .30) !important;
    border-radius: 10px !important;
    color: #17160f !important;
    background: linear-gradient(135deg, #f3dea0, #d8ad43) !important;
    box-shadow: 0 8px 20px rgba(181, 135, 35, .12) !important;
    font-size: 8px !important;
    font-weight: 950 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-download-btn span {
    margin-right: 5px !important;
    font-size: 12px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-task-publish-btn.has-status {
    color: rgba(244, 239, 231, .42) !important;
    border-color: rgba(247, 238, 217, .08) !important;
    background: rgba(255, 255, 255, .018) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen :is(.cv-tasks-empty, .cv-tasks-loading, .cv-tasks-error) {
    margin: 0 !important;
    padding: 22px 16px !important;
    border: 1px solid rgba(247, 238, 217, .09) !important;
    border-radius: 15px !important;
    background: rgba(255, 255, 255, .022) !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-tasks-empty-icon {
    width: 46px !important;
    height: 46px !important;
    margin-bottom: 10px !important;
    border-radius: 13px !important;
    font-size: 18px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-tasks-empty-title {
    color: #f6f1e8 !important;
    font-size: 13px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationListScreen .cv-tasks-empty-text {
    margin-top: 6px !important;
    font-size: 8px !important;
    line-height: 1.42 !important;
  }

  /* The cabinet header is an invariant component, not a per-screen entrance
     animation. Keeping every metric fixed removes the tab jump on WebViews. */
  html.cv-mobile-editorial:not(.cv-desktop-mode)
  :is(#balanceScreen, #generationListScreen, #myCommunityScreen)
  :is(.cv-cabinet-shared-head, .cv-cabinet-panel) {
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  .cv-cabinet-shared-head .cv-cabinet-tab {
    display: grid !important;
    grid-template-columns: 14px minmax(0, auto) !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    font-family: inherit !important;
    font-size: 8px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  .cv-cabinet-shared-head .cv-cabinet-tab span {
    width: 14px !important;
    min-width: 14px !important;
    height: 14px !important;
    display: grid !important;
    place-items: center !important;
    font-family: inherit !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  .cv-cabinet-shared-head .cv-cabinet-tab b {
    width: auto !important;
    min-width: 0 !important;
    font-family: inherit !important;
    font-size: 8px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  /* Approved task status screen. Existing polling, refunds, media and follow-up
     actions stay untouched; only the visual composition is replaced. */
  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen.cv-generation-premium-screen {
    box-sizing: border-box !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    height: 100dvh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 13px 12px calc(106px + env(safe-area-inset-bottom, 0px)) !important;
    color: #f6f1e8 !important;
    background:
      radial-gradient(circle at 50% -8rem, rgba(224, 191, 93, .10), transparent 25rem),
      #090a09 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    scrollbar-width: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body.cv-telegram-expanded
  #generationStatusScreen.cv-generation-premium-screen {
    padding-top: calc(var(--cv-fullscreen-safe-top, 104px) + 13px) !important;
    scroll-padding-top: calc(var(--cv-fullscreen-safe-top, 104px) + 13px) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen.cv-generation-premium-screen::-webkit-scrollbar {
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-premium-wrap {
    box-sizing: border-box !important;
    width: min(100%, 620px) !important;
    margin: 0 auto !important;
    color: #f6f1e8 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-premium-card {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 17px !important;
    overflow: hidden !important;
    border: 1px solid rgba(247, 238, 217, .10) !important;
    border-radius: 22px !important;
    background:
      radial-gradient(circle at 100% 0, rgba(224, 191, 93, .08), transparent 40%),
      linear-gradient(145deg, rgba(255, 255, 255, .038), rgba(255, 255, 255, .012)) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-premium-card::before,
  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-premium-card::after {
    content: none !important;
    display: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-premium-top {
    display: grid !important;
    grid-template-columns: 35px 43px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-back {
    box-sizing: border-box !important;
    width: 35px !important;
    height: 35px !important;
    min-width: 35px !important;
    border: 1px solid rgba(247, 238, 217, .10) !important;
    border-radius: 12px !important;
    color: rgba(244, 239, 231, .68) !important;
    background: rgba(255, 255, 255, .025) !important;
    box-shadow: none !important;
    font-size: 16px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-icon {
    box-sizing: border-box !important;
    width: 43px !important;
    height: 43px !important;
    min-width: 43px !important;
    border: 1px solid rgba(228, 197, 104, .42) !important;
    border-radius: 14px !important;
    color: #18150d !important;
    background: linear-gradient(145deg, #f0d477, #b98d31) !important;
    box-shadow: 0 10px 24px rgba(224, 191, 93, .12) !important;
    font-size: 17px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-title {
    color: #f6f1e8 !important;
    font-size: 14px !important;
    line-height: 1.05 !important;
    letter-spacing: -.025em !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-subtitle {
    margin-top: 5px !important;
    color: rgba(244, 239, 231, .46) !important;
    font-size: 8px !important;
    font-weight: 650 !important;
    line-height: 1.4 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-model-price-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 14px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-model-price-card {
    min-width: 0 !important;
    padding: 11px !important;
    border: 1px solid rgba(247, 238, 217, .08) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .02) !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-model-price-card span {
    display: block !important;
    color: rgba(244, 239, 231, .36) !important;
    font-size: 7px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-model-price-card b {
    display: block !important;
    overflow: hidden !important;
    margin-top: 5px !important;
    color: #f6f1e8 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen :is(.cv-generation-waiting, .cv-generation-result-card, .cv-generation-error-card) {
    margin-top: 10px !important;
    padding: 14px !important;
    border: 1px solid rgba(247, 238, 217, .09) !important;
    border-radius: 15px !important;
    background: rgba(255, 255, 255, .022) !important;
    box-shadow: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-waiting-icon {
    width: 43px !important;
    height: 43px !important;
    margin: 0 auto 10px !important;
    border: 1px solid rgba(228, 197, 104, .25) !important;
    border-radius: 14px !important;
    background: rgba(228, 197, 104, .08) !important;
    font-size: 17px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-waiting-title {
    color: #f6f1e8 !important;
    font-size: 13px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-waiting-text {
    margin-top: 6px !important;
    color: rgba(244, 239, 231, .46) !important;
    font-size: 8px !important;
    line-height: 1.42 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-progress {
    position: relative !important;
    overflow: hidden !important;
    height: 4px !important;
    margin-top: 12px !important;
    border-radius: 999px !important;
    background: rgba(247, 238, 217, .07) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-progress i {
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 44% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, #b98d31, #f0d477) !important;
    animation: cvEditorialStatusProgress 1.8s ease-in-out infinite alternate !important;
  }

  @keyframes cvEditorialStatusProgress {
    from { transform: translateX(0); }
    to { transform: translateX(126%); }
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-result-title {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 11px 0 0 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-result-title b {
    display: block !important;
    font-size: 12px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-result-title i {
    width: 30px !important;
    height: 30px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 10px !important;
    color: #112117 !important;
    background: #75d79a !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 950 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-result-title small {
    display: block !important;
    margin-top: 3px !important;
    color: rgba(244, 239, 231, .38) !important;
    font-size: 7px !important;
    font-weight: 700 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-result-title span {
    padding: 5px 7px !important;
    border: 0 !important;
    color: #75d79a !important;
    background: rgba(84, 198, 128, .09) !important;
    font-size: 6.5px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-result-media {
    overflow: hidden !important;
    border: 1px solid rgba(247, 238, 217, .09) !important;
    border-radius: 14px !important;
    background: #050605 !important;
    box-shadow: 0 18px 34px rgba(0, 0, 0, .22) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-result-media > :is(img, video),
  html.cv-mobile-editorial:not(.cv-desktop-mode)
  .generation-result-box > :is(img, video) {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 560px !important;
    margin-inline: auto !important;
    object-fit: contain !important;
    aspect-ratio: auto !important;
    background: #050605 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-download-fallback {
    box-sizing: border-box !important;
    min-height: 210px !important;
    padding: 24px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(228, 197, 104, .10), transparent 48%),
      #090a08 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-download-fallback-icon {
    width: 46px !important;
    height: 46px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(228, 197, 104, .30) !important;
    border-radius: 14px !important;
    color: #e4c568 !important;
    background: rgba(228, 197, 104, .07) !important;
    font-size: 22px !important;
    font-weight: 900 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-download-fallback b {
    margin-top: 12px !important;
    color: #f6f1e8 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-download-fallback > span {
    max-width: 310px !important;
    margin-top: 7px !important;
    color: rgba(244, 239, 231, .50) !important;
    font-size: 8px !important;
    line-height: 1.5 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-download-fallback button {
    min-width: 174px !important;
    min-height: 38px !important;
    margin-top: 14px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: #17160f !important;
    background: linear-gradient(135deg, #f3dea0, #d8ad43) !important;
    font-size: 9px !important;
    font-weight: 950 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-result-card.is-ready {
    padding: 9px !important;
    background:
      radial-gradient(circle at 100% 100%, rgba(117, 215, 154, .06), transparent 42%),
      rgba(255, 255, 255, .022) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-prompt-card {
    margin-top: 10px !important;
    padding: 12px !important;
    border: 1px solid rgba(247, 238, 217, .08) !important;
    border-left: 2px solid #e4c568 !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .018) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-prompt-label {
    margin-bottom: 6px !important;
    color: #e4c568 !important;
    font-size: 6.5px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-prompt-text {
    color: rgba(244, 239, 231, .52) !important;
    font-size: 8px !important;
    line-height: 1.5 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-btn {
    min-height: 43px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(228, 197, 104, .36) !important;
    border-radius: 12px !important;
    color: #18150d !important;
    background: linear-gradient(135deg, #f5e7ad, #e4c568) !important;
    box-shadow: none !important;
    font-size: 8.5px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen .cv-generation-btn.secondary {
    border-color: rgba(247, 238, 217, .09) !important;
    color: rgba(244, 239, 231, .68) !important;
    background: rgba(255, 255, 255, .022) !important;
  }

  /* Slightly smaller navigation for narrow Telegram/MAX phones. */
  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:not(.welcome-open) .bottom-nav-wrap {
    box-sizing: border-box !important;
    padding: 0 9px calc(9px + env(safe-area-inset-bottom)) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:not(.welcome-open) .bottom-nav {
    box-sizing: border-box !important;
    width: calc(100% - 12px) !important;
    max-width: 596px !important;
    height: 55px !important;
    min-height: 55px !important;
    max-height: 55px !important;
    gap: 3px !important;
    padding: 4px !important;
    border-radius: 19px !important;
    background: rgba(18, 19, 16, .97) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:not(.welcome-open) .bottom-nav
  :is(.nav-btn, .nav-balance, #photoNav, #videoNav, #feedNav, #balanceNav) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    height: 45px !important;
    min-height: 45px !important;
    max-height: 45px !important;
    gap: 2px !important;
    padding: 0 2px !important;
    border-radius: 14px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:not(.welcome-open) .bottom-nav
  :is(.nav-btn, .nav-balance) :is(.cv-nav-icon, svg) {
    width: 16.5px !important;
    height: 16.5px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:not(.welcome-open) .bottom-nav
  :is(.nav-btn, .nav-balance) .cv-nav-label {
    margin-top: 2px !important;
    font-size: 7.6px !important;
    line-height: .95 !important;
    font-family: inherit !important;
    font-weight: 900 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:not(.welcome-open) .bottom-nav #balanceNav .cv-nav-label {
    max-width: 100% !important;
    font-family: inherit !important;
    font-size: 7.6px !important;
    font-weight: 900 !important;
    line-height: .95 !important;
    white-space: nowrap !important;
  }

  /* Contain expensive offscreen paint without changing media URLs or logic. */
  html.cv-mobile-editorial:not(.cv-desktop-mode)
  :is(.cv-community-card, .cv-tool-card, .cv-scenario-card) {
    contain: layout paint style !important;
  }
}

/* CV_UNIFIED_PREMIUM_BALANCE_SHEET_20260811 */
html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-balance-modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483645 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  padding: 0 !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  background: rgba(3, 4, 4, .38) !important;
  -webkit-backdrop-filter: blur(3px) !important;
  backdrop-filter: blur(3px) !important;
  transition: opacity .22s ease, visibility 0s linear .22s !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-balance-modal-backdrop.show {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transition-delay: 0s !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-balance-modal {
  position: relative !important;
  width: min(100%, 520px) !important;
  max-width: none !important;
  max-height: min(58svh, 520px) !important;
  overflow: auto !important;
  margin: 0 !important;
  padding: 18px 16px calc(16px + env(safe-area-inset-bottom)) !important;
  border: 1px solid rgba(225, 197, 105, .23) !important;
  border-bottom: 0 !important;
  border-radius: 23px 23px 0 0 !important;
  color: #f7f2e7 !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(221, 182, 70, .15), transparent 36%),
    linear-gradient(165deg, #171811 0%, #090a08 62%) !important;
  box-shadow: 0 -18px 48px rgba(0, 0, 0, .38) !important;
  transform: translate3d(0, 24px, 0) !important;
  transition: transform .28s cubic-bezier(.22, .75, .18, 1) !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-balance-modal-backdrop.show .cv-balance-modal {
  transform: translate3d(0, 0, 0) !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-balance-modal-close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 32px !important;
  height: 32px !important;
  border: 1px solid rgba(241, 224, 166, .16) !important;
  border-radius: 11px !important;
  color: rgba(247, 242, 231, .72) !important;
  background: rgba(255, 255, 255, .035) !important;
  font: 500 21px/1 Arial, sans-serif !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-balance-modal-kicker {
  margin: 1px 42px 5px 0 !important;
  color: #e6c968 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-balance-modal-title {
  margin: 0 42px 6px 0 !important;
  color: #fbf7ee !important;
  font-size: 20px !important;
  line-height: 1.08 !important;
  letter-spacing: -.02em !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-balance-modal-text {
  margin: 0 0 11px !important;
  color: rgba(247, 242, 231, .62) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-balance-modal-stats {
  gap: 7px !important;
  margin: 0 0 8px !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-balance-modal-stat {
  padding: 9px 11px !important;
  border: 1px solid rgba(241, 224, 166, .11) !important;
  border-radius: 13px !important;
  background: rgba(255, 255, 255, .025) !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-balance-modal-stat small {
  color: rgba(247, 242, 231, .45) !important;
  font-size: 8px !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-balance-modal-stat b {
  color: #fbf7ee !important;
  font-size: 15px !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-balance-modal-shortfall {
  margin: 0 0 8px !important;
  color: #e7ce78 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-balance-modal-amounts {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin-bottom: 0 !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-balance-modal-amounts button {
  min-height: 39px !important;
  padding: 6px 3px !important;
  border: 1px solid rgba(241, 224, 166, .13) !important;
  border-radius: 11px !important;
  color: rgba(247, 242, 231, .76) !important;
  background: rgba(255, 255, 255, .025) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-balance-modal-amounts button.primary {
  border-color: #e4c665 !important;
  color: #17140b !important;
  background: linear-gradient(135deg, #f4e2a1, #dcb54a) !important;
  box-shadow: 0 10px 26px rgba(218, 178, 70, .18) !important;
}

@media (max-width: 370px) {
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-balance-modal {
    padding-inline: 16px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-balance-modal-amounts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile containment patch: scenario cards keep the approved 2x2 layout even
   on narrow WebViews, and the cabinet identity stays visually unboxed. */
@media (max-width: 679px) {
  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:not(.cv-model-settings-open)
  :is(.cv-scenario-hub, .cv-scenario-category-block, .cv-scenario-list, .cv-scenario-card) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:not(.cv-model-settings-open)
  .cv-scenario-hub {
    width: 100% !important;
    overflow-x: hidden !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:not(.cv-model-settings-open)
  .cv-scenario-category-block.is-compact-grid .cv-scenario-list {
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:not(.cv-model-settings-open)
  .cv-scenario-category-block.is-compact-grid
  :is(.cv-scenario-copy, .cv-scenario-action-row, .cv-scenario-price, .cv-scenario-generate) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:not(.cv-model-settings-open)
  .cv-scenario-category-block.is-compact-grid .cv-scenario-action-row {
    display: grid !important;
    grid-template-columns: minmax(42px, .82fr) minmax(0, 1.18fr) !important;
    align-items: stretch !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:not(.cv-model-settings-open)
  .cv-scenario-category-block.is-compact-grid .cv-scenario-copy p {
    display: block !important;
    min-height: 0 !important;
    overflow: visible !important;
    -webkit-box-orient: initial !important;
    -webkit-line-clamp: unset !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:not(.cv-model-settings-open)
  .cv-scenario-category-block.is-compact-grid .cv-scenario-price {
    width: 100% !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body:not(.cv-model-settings-open)
  .cv-scenario-category-block.is-compact-grid .cv-scenario-generate {
    width: 100% !important;
    overflow: hidden !important;
    padding-inline: 4px !important;
    font-size: 8px !important;
    line-height: 1.05 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #balanceScreen .cv-cabinet-shared-head .cv-cabinet-identity {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}

/* Runtime stability layer. Keep the WebView canvas dark even while a stale
   screen-state class is being removed, and let the feed viewer start at the
   first media pixel instead of inheriting the legacy safe-area spacer. */
@media (min-width: 0px) {
  html.cv-mobile-editorial:not(.cv-desktop-mode),
  html.cv-mobile-editorial:not(.cv-desktop-mode) body {
    min-height: 100%;
    background-color: #090a09 !important;
    color-scheme: dark;
    overscroll-behavior-x: none;
    overscroll-behavior-y: none;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body {
    min-height: 100vh;
    min-height: 100dvh;
    background:
      radial-gradient(circle at 50% -9rem, rgba(224, 191, 93, .11), transparent 27rem),
      linear-gradient(180deg, #090a09 0%, #070807 100%) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body .app {
    min-height: 100vh !important;
    min-height: 100dvh !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-layout {
    padding-top: 0 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body.cv-telegram-expanded .cv-community-viewer {
    padding: max(78px, calc(env(safe-area-inset-top, 0px) + 68px)) 0 0 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode)
  body.cv-max-webapp .cv-community-viewer {
    padding: max(24px, calc(env(safe-area-inset-top, 0px) + 18px)) 0 0 !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-community-viewer-stage {
    margin-top: 0 !important;
  }

  /* Routes open directly after their lazy workspace is ready. Keeping this
     invariant in CSS prevents stale cached controllers or provider-specific
     markup from reintroducing a fade/slide on individual screens. */
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-screen-enter,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-screen-content-enter,
  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #cvLanguageChat.cv-screen-enter
  > :is(.cv-language-head,.cv-language-current,.cv-language-messages,.cv-language-composer-wrap),
  html.cv-mobile-editorial:not(.cv-desktop-mode)
  #openaiSettingsScreen > .settings-preview.cv-screen-content-enter
  > :is(.model-hero, .kling-family-switcher, .settings-sections) {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    will-change: auto !important;
  }
}

/* CV_UNIFIED_PREMIUM_ERROR_SHEET_20260811 */
html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-generation-error-modal-backdrop {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  padding: 16px 12px max(12px, env(safe-area-inset-bottom)) !important;
  background: rgba(3, 4, 4, .38) !important;
  -webkit-backdrop-filter: blur(3px) !important;
  backdrop-filter: blur(3px) !important;
  animation: none !important;
  transition:
    opacity .24s ease,
    visibility 0s linear .24s !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-generation-error-modal-backdrop.show {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transition-delay: 0s !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-generation-error-modal {
  width: min(100%, 520px) !important;
  max-height: min(66svh, 560px) !important;
  overflow: auto !important;
  border-radius: 23px !important;
  padding: 20px 18px 18px !important;
  opacity: 0 !important;
  transform: translate3d(0, 24px, 0) scale(.988) !important;
  animation: none !important;
  transition:
    opacity .24s ease,
    transform .32s cubic-bezier(.22, .78, .22, 1) !important;
  will-change: opacity, transform;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-generation-error-modal-backdrop.show
  .cv-generation-error-modal {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

@media (prefers-reduced-motion: reduce) {
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-generation-error-modal-backdrop,
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-generation-error-modal {
    transition-duration: .01ms !important;
  }
}

/* CV_WELCOME_CAROUSEL_20260810
   The existing nav buttons become the welcome actions, so routing stays shared. */
.cv-welcome-reel,
.cv-welcome-chat-copy {
  display: none !important;
}

/* Old navigation rules show every nested span with !important. Keep the
   welcome galleries out of the regular five-button navigation explicitly. */
body:not(.welcome-open) .bottom-nav :is(#photoNav, #videoNav) > span.cv-welcome-reel {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #welcomeOverlay {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  padding: max(18px, env(safe-area-inset-top)) 16px 14px !important;
  background:
    radial-gradient(circle at 12% 0, rgba(226, 190, 82, .12), transparent 25rem),
    radial-gradient(circle at 100% 72%, rgba(75, 104, 85, .09), transparent 25rem),
    linear-gradient(180deg, #0d0e0b, #070806 54%, #040504) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #welcomeOverlay::before {
  inset: 0 !important;
  opacity: .34 !important;
  background:
    linear-gradient(rgba(255, 255, 255, .024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .024) 1px, transparent 1px) !important;
  background-size: 48px 48px !important;
  filter: none !important;
  animation: none !important;
  mask-image: linear-gradient(to bottom, #000, transparent 92%);
  -webkit-mask-image: linear-gradient(to bottom, #000, transparent 92%);
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #welcomeOverlay::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #welcomeOverlay .cv-welcome-showcase-intro {
  position: relative !important;
  z-index: 2 !important;
  width: min(100%, 520px) !important;
  max-width: 520px !important;
  max-height: none !important;
  margin: 0 auto !important;
  align-self: flex-start !important;
  padding: 0 2px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  isolation: isolate !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #welcomeOverlay .cv-welcome-showcase-intro::before,
html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #welcomeOverlay .cv-welcome-showcase-intro::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-brand-row {
  gap: 10px !important;
  margin: 0 0 clamp(19px, 3.2vh, 29px) !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-brand-row .welcome-logo {
  width: 37px !important;
  height: 37px !important;
  flex: 0 0 37px !important;
  border: 1px solid rgba(244, 216, 134, .55) !important;
  border-radius: 13px !important;
  color: #17170f !important;
  background: linear-gradient(145deg, #f6df93, #c79a30) !important;
  box-shadow: 0 12px 30px rgba(209, 167, 53, .16), inset 0 1px rgba(255, 255, 255, .5) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  animation: none !important;
  transform: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-brand-row .welcome-brand-title {
  color: #f7f3e9 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  letter-spacing: -.035em !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-brand-row .welcome-brand-subtitle {
  margin-top: 3px !important;
  color: rgba(247, 243, 233, .48) !important;
  font-size: 9px !important;
  font-weight: 750 !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-eyebrow {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #e4c160 !important;
  font-size: 8px !important;
  font-weight: 950 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-eyebrow::before {
  content: "" !important;
  width: 21px !important;
  height: 1px !important;
  background: currentColor !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #cvWelcomeTitle {
  margin: 9px 0 7px !important;
  color: #f7f3e9 !important;
  font-size: clamp(31px, 8.8vw, 43px) !important;
  line-height: .92 !important;
  letter-spacing: -.06em !important;
  text-shadow: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #cvWelcomeTitle span {
  color: #f3dd99 !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-showcase-intro .welcome-text {
  display: block !important;
  margin: 0 !important;
  color: rgba(247, 243, 233, .54) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.38 !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open :is(.cv-welcome-studio-callout, .welcome-arrows, .cv-first-topup-bonus, #studioNav, #feedNav, #balanceNav) {
  display: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap {
  position: fixed !important;
  inset: max(205px, calc(env(safe-area-inset-top) + 185px)) 16px max(12px, env(safe-area-inset-bottom)) !important;
  z-index: 5200 !important;
  display: flex !important;
  width: auto !important;
  max-width: none !important;
  align-items: stretch !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav {
  position: relative !important;
  z-index: 5201 !important;
  display: grid !important;
  width: min(100%, 520px) !important;
  max-width: 520px !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  grid-template-areas:
    "photo video"
    "chat chat" !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: minmax(0, 1fr) 54px !important;
  gap: 11px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #photoNav,
html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #videoNav {
  position: relative !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(229, 195, 95, .29) !important;
  border-radius: 27px !important;
  color: #fff !important;
  background: #12130f !important;
  box-shadow: 0 24px 43px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .08) !important;
  text-align: left !important;
  text-shadow: none !important;
  transform: none !important;
  transition: transform .16s ease, border-color .2s ease !important;
  isolation: isolate !important;
  contain: layout paint !important;
  pointer-events: auto !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #photoNav {
  grid-area: photo !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #videoNav {
  grid-area: video !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav :is(#photoNav, #videoNav):active {
  transform: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav :is(#photoNav, #videoNav) > :is(.cv-nav-icon, .cv-nav-label, .cv-welcome-nav-arrow) {
  display: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav :is(#photoNav, #videoNav) > span.cv-welcome-reel {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  overflow: hidden !important;
  flex: none !important;
  font-size: inherit !important;
  line-height: normal !important;
  filter: none !important;
  transform: none !important;
  pointer-events: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-photo-reel {
  background: linear-gradient(160deg, #133039, #171a15 58%, #080907) !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-video-reel {
  background: linear-gradient(160deg, #44220f, #1b1711 58%, #080907) !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-reel::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: block !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .12) 42%, rgba(3, 4, 3, .95)) !important;
  pointer-events: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-reel > img {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 0 !important;
  transition: opacity .5s ease !important;
  transform: none !important;
  will-change: opacity !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-reel > img.is-active {
  opacity: 1 !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-reel :is(.cv-welcome-reel-tag, .cv-welcome-reel-count, .cv-welcome-reel-title, .cv-welcome-reel-description, .cv-welcome-reel-progress, .cv-welcome-reel-cta) {
  position: absolute !important;
  z-index: 3 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  font-style: normal !important;
  text-decoration: none !important;
  pointer-events: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-reel-tag {
  left: 14px !important;
  top: 14px !important;
  padding: 6px 8px !important;
  border: 1px solid rgba(255, 255, 255, .2) !important;
  border-radius: 999px !important;
  color: rgba(255, 255, 255, .92) !important;
  background: rgba(7, 8, 6, .58) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  font-size: 8px !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-reel-count {
  right: 14px !important;
  top: 19px !important;
  color: rgba(255, 255, 255, .72) !important;
  font-size: 8px !important;
  font-weight: 900 !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-reel-title {
  left: 14px !important;
  right: 14px !important;
  bottom: 111px !important;
  color: #fff !important;
  font-size: clamp(24px, 7vw, 31px) !important;
  font-weight: 950 !important;
  line-height: .94 !important;
  letter-spacing: -.05em !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-reel-description {
  left: 14px !important;
  right: 12px !important;
  bottom: 78px !important;
  color: rgba(255, 255, 255, .64) !important;
  font-size: 9px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-reel-progress {
  left: 14px !important;
  right: 14px !important;
  bottom: 58px !important;
  display: flex !important;
  gap: 4px !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-reel-progress u {
  display: block !important;
  width: 12px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .28) !important;
  transition: width .3s ease, background-color .3s ease !important;
  text-decoration: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-reel-progress u.is-active {
  width: 26px !important;
  background: #f3dd99 !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-reel-cta {
  left: 14px !important;
  right: 14px !important;
  bottom: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255, 255, 255, .15) !important;
  color: rgba(255, 255, 255, .92) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-reel-cta u {
  color: #f3dd99 !important;
  font-size: 16px !important;
  text-decoration: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #languageChatNav {
  grid-area: chat !important;
  position: relative !important;
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  margin: 0 !important;
  padding: 9px 12px !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  border: 1px solid rgba(255, 255, 255, .09) !important;
  border-radius: 17px !important;
  color: rgba(247, 243, 233, .78) !important;
  background: rgba(255, 255, 255, .028) !important;
  box-shadow: none !important;
  text-align: left !important;
  transform: none !important;
  pointer-events: auto !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #languageChatNav .cv-nav-icon {
  display: grid !important;
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  place-items: center !important;
  border: 1px solid rgba(229, 195, 95, .23) !important;
  border-radius: 11px !important;
  color: #f3dd99 !important;
  background: rgba(229, 195, 95, .07) !important;
  transform: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #languageChatNav .cv-nav-icon svg {
  width: 17px !important;
  height: 17px !important;
  stroke: currentColor !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #languageChatNav .cv-nav-label {
  display: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #languageChatNav .cv-welcome-chat-copy {
  display: block !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  color: inherit !important;
  font-style: normal !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-chat-copy b,
html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-chat-copy em {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-chat-copy b {
  color: rgba(247, 243, 233, .86) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-chat-copy em {
  margin-top: 2px !important;
  color: rgba(247, 243, 233, .40) !important;
  font-size: 8px !important;
  font-weight: 650 !important;
  font-style: normal !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #languageChatNav .cv-welcome-nav-arrow {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  flex: 0 0 auto !important;
  border: 0 !important;
  color: #e4c160 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-style: normal !important;
  transform: none !important;
}

@media (max-height: 720px) {
  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #welcomeOverlay {
    padding-top: max(12px, env(safe-area-inset-top)) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-brand-row {
    margin-bottom: 12px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #cvWelcomeTitle {
    margin-top: 6px !important;
    font-size: 30px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-showcase-intro .welcome-text {
    font-size: 9.5px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap {
    top: max(171px, calc(env(safe-area-inset-top) + 154px)) !important;
    left: 13px !important;
    right: 13px !important;
    bottom: max(9px, env(safe-area-inset-bottom)) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav {
    grid-template-rows: minmax(0, 1fr) 49px !important;
    gap: 8px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #languageChatNav {
    height: 49px !important;
    min-height: 49px !important;
    max-height: 49px !important;
    padding-block: 7px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-reel-title {
    bottom: 101px !important;
    font-size: 24px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-reel-description {
    bottom: 72px !important;
    font-size: 8px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-reel-progress {
    bottom: 53px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-reel-cta {
    bottom: 11px !important;
  }
}

@media (max-width: 370px) {
  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap {
    left: 11px !important;
    right: 11px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav {
    gap: 8px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav :is(#photoNav, #videoNav) {
    border-radius: 23px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-reel-title,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-reel-description,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-reel-progress,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-reel-cta {
    left: 11px !important;
    right: 11px !important;
  }
}

/* Telegram reserves its own controls above the WebView. Keep the welcome
   content below that area and use a slightly shorter gallery than in MAX. */
html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open.cv-telegram-expanded #welcomeOverlay {
  padding: calc(var(--cv-fullscreen-safe-top, 104px) + 6px) 14px 12px !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open.cv-telegram-expanded .cv-welcome-brand-row {
  margin-bottom: 12px !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open.cv-telegram-expanded .cv-welcome-brand-row .welcome-logo {
  width: 34px !important;
  height: 34px !important;
  flex-basis: 34px !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open.cv-telegram-expanded #cvWelcomeTitle {
  margin: 7px 0 5px !important;
  font-size: clamp(29px, 8.2vw, 39px) !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open.cv-telegram-expanded .bottom-nav-wrap {
  top: calc(var(--cv-fullscreen-safe-top, 104px) + 165px) !important;
  left: 14px !important;
  right: 14px !important;
  bottom: max(12px, env(safe-area-inset-bottom)) !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open.cv-telegram-expanded .bottom-nav-wrap .bottom-nav {
  grid-template-rows: minmax(0, 1fr) 50px !important;
  gap: 9px !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open.cv-telegram-expanded .bottom-nav-wrap .bottom-nav #languageChatNav {
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  padding-block: 7px !important;
}

/* CV_WELCOME_INDEX_20260812
   The selected welcome direction uses the real Photo, Video and Chat routes,
   but presents them as a compact editorial index instead of large galleries. */
.cv-welcome-index-card {
  display: none !important;
}

body:not(.welcome-open) .bottom-nav :is(#photoNav, #videoNav) > span.cv-welcome-index-card {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #welcomeOverlay {
  padding-right: 22px !important;
  padding-left: 22px !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open:not(.cv-telegram-expanded) #welcomeOverlay {
  padding-top: max(34px, env(safe-area-inset-top)) !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #welcomeOverlay .cv-welcome-showcase-intro {
  width: min(100%, 500px) !important;
  max-width: 500px !important;
  padding: 0 8px !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-brand-row {
  margin-bottom: clamp(34px, 5vh, 48px) !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #cvWelcomeTitle {
  max-width: 360px !important;
  margin: 0 0 14px !important;
  font-size: clamp(35px, 9.3vw, 44px) !important;
  line-height: .94 !important;
  letter-spacing: -.065em !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #cvWelcomeTitle span {
  display: block !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-showcase-intro .welcome-text {
  max-width: 330px !important;
  font-size: 12px !important;
  line-height: 1.48 !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap {
  inset: max(224px, calc(env(safe-area-inset-top) + 204px)) 22px max(50px, env(safe-area-inset-bottom)) !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav {
  width: min(100%, 500px) !important;
  max-width: 500px !important;
  grid-template-areas:
    "photo"
    "video"
    "chat" !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) 62px !important;
  gap: 0 !important;
  isolation: isolate !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 0 !important;
  left: 9px !important;
  top: 52px !important;
  bottom: 128px !important;
  width: 19px !important;
  border-left: 1px solid rgba(228, 193, 96, .72) !important;
  border-top: 1px solid rgba(228, 193, 96, .72) !important;
  border-bottom: 1px solid rgba(228, 193, 96, .72) !important;
  border-radius: 19px 0 0 19px !important;
  opacity: .9 !important;
  transform: translateY(-20px) !important;
  pointer-events: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #photoNav,
html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #videoNav {
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 0 0 28px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  contain: layout paint !important;
  transform: translateY(-20px) !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #photoNav {
  border-bottom: 1px solid rgba(228, 193, 96, .33) !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav :is(#photoNav, #videoNav)::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 3 !important;
  left: 4px !important;
  top: 50% !important;
  width: 11px !important;
  height: 11px !important;
  border: 2px solid #0a0b09 !important;
  border-radius: 50% !important;
  background: #e4c160 !important;
  box-shadow: 0 0 16px rgba(228, 193, 96, .46) !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav :is(#photoNav, #videoNav)::after {
  content: none !important;
  display: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav :is(#photoNav, #videoNav) > span.cv-welcome-index-card {
  position: absolute !important;
  inset: 0 0 0 28px !important;
  z-index: 2 !important;
  display: grid !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  grid-template-columns: 78px minmax(0, 1fr) 18px !important;
  align-items: center !important;
  gap: 4px !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #photoNav > span.cv-welcome-index-card {
  transform: translateY(32px) !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #videoNav > span.cv-welcome-index-card {
  transform: translateY(-32px) !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav :is(#photoNav, #videoNav) .cv-welcome-index-copy {
  display: flex !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  flex: 0 1 auto !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  place-items: initial !important;
  position: relative !important;
  overflow: hidden !important;
  padding-right: 0 !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav :is(#photoNav, #videoNav) .cv-welcome-index-title {
  display: block !important;
  width: auto !important;
  height: auto !important;
  flex: none !important;
  color: #f7f3e9 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  font-size: clamp(22px, 6.1vw, 25px) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -.045em !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav :is(#photoNav, #videoNav) .cv-welcome-index-description {
  display: block !important;
  width: auto !important;
  height: auto !important;
  flex: none !important;
  margin-top: 12px !important;
  color: rgba(247, 243, 233, .52) !important;
  font-size: 9px !important;
  font-weight: 650 !important;
  font-style: normal !important;
  line-height: 1.5 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav :is(#photoNav, #videoNav) .cv-welcome-index-thumbs {
  display: grid !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  flex: 0 1 auto !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  place-items: stretch !important;
  gap: 7px !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav :is(#photoNav, #videoNav) .cv-welcome-index-thumbs img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 5 / 9 !important;
  border: 1px solid rgba(228, 193, 96, .27) !important;
  border-radius: 15px !important;
  object-fit: cover !important;
  background: #15150f !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, .32) !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav :is(#photoNav, #videoNav) .cv-welcome-index-go {
  display: grid !important;
  width: 26px !important;
  height: 30px !important;
  place-items: center !important;
  color: #e8c55f !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-index-go svg {
  display: block !important;
  width: 25px !important;
  height: 25px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.4 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #languageChatNav {
  align-self: end !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  margin-top: 4px !important;
  padding: 8px 14px !important;
  border-color: rgba(228, 193, 96, .27) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, .022) !important;
  transform: translateY(-58px) !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #languageChatNav .cv-nav-icon {
  width: 38px !important;
  height: 38px !important;
  flex-basis: 38px !important;
  border-radius: 12px !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #languageChatNav .cv-welcome-chat-copy {
  display: flex !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  flex: 1 1 auto !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-chat-copy b,
html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-chat-copy em {
  display: block !important;
  width: auto !important;
  height: auto !important;
  flex: none !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-chat-copy b {
  color: #f7f3e9 !important;
  font-size: 13px !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-chat-copy em {
  color: #e4c160 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #languageChatNav .cv-welcome-nav-arrow {
  display: grid !important;
  position: static !important;
  right: auto !important;
  top: auto !important;
  width: 24px !important;
  height: 24px !important;
  margin-left: auto !important;
  flex: 0 0 24px !important;
  place-items: center !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  color: #e4c160 !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #languageChatNav .cv-welcome-nav-arrow svg {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.5 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

@media (max-height: 720px) {
  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-brand-row {
    margin-bottom: 21px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #cvWelcomeTitle {
    margin-bottom: 8px !important;
    font-size: 34px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-showcase-intro .welcome-text {
    font-size: 10px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap {
    top: max(178px, calc(env(safe-area-inset-top) + 164px)) !important;
    right: 15px !important;
    left: 15px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav {
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) 52px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #languageChatNav {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-index-title {
    font-size: 23px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-index-description {
    margin-top: 8px !important;
    font-size: 8.5px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav :is(#photoNav, #videoNav) > span.cv-welcome-index-card {
    transform: none !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav::before,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav :is(#photoNav, #videoNav) {
    transform: translateY(-8px) !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #languageChatNav {
    transform: translateY(-24px) !important;
  }
}

@media (max-width: 370px) {
  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap {
    right: 14px !important;
    left: 14px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav :is(#photoNav, #videoNav) {
    padding-left: 24px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav :is(#photoNav, #videoNav) > span.cv-welcome-index-card {
    inset: 0 0 0 24px !important;
    grid-template-columns: 74px minmax(0, 1fr) 16px !important;
    gap: 3px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-index-thumbs {
    gap: 5px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-index-thumbs img {
    border-radius: 12px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-chat-copy b {
    font-size: 11px !important;
  }

  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-chat-copy em {
    font-size: 9px !important;
  }
}

/* CV_WELCOME_STABLE_PRESS_20260812
   Keep the editorial rows on the exact same geometry while they are pressed.
   Older welcome layers scaled the whole nav item and dropped its vertical offset. */
html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #photoNav,
html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #videoNav {
  --cv-welcome-index-row-offset: -20px;
  transform: translate3d(0, var(--cv-welcome-index-row-offset), 0) !important;
  transition: none !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #photoNav:active,
html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #videoNav:active {
  transform: translate3d(0, var(--cv-welcome-index-row-offset), 0) !important;
  box-shadow: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #photoNav > span.cv-welcome-index-card,
html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #videoNav > span.cv-welcome-index-card {
  transition: opacity 120ms ease, filter 120ms ease !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #photoNav:active > span.cv-welcome-index-card,
html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #videoNav:active > span.cv-welcome-index-card {
  opacity: .9 !important;
  filter: brightness(1.04) !important;
}

@media (max-height: 720px) {
  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #photoNav,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #videoNav {
    --cv-welcome-index-row-offset: -8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #photoNav > span.cv-welcome-index-card,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .bottom-nav-wrap .bottom-nav #videoNav > span.cv-welcome-index-card {
    transition: none !important;
  }
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open.cv-telegram-expanded #welcomeOverlay {
  padding-right: 18px !important;
  padding-left: 18px !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open.cv-telegram-expanded .cv-welcome-brand-row {
  margin-bottom: 27px !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open.cv-telegram-expanded #cvWelcomeTitle {
  font-size: clamp(34px, 9vw, 43px) !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open.cv-telegram-expanded .bottom-nav-wrap {
  top: calc(var(--cv-fullscreen-safe-top, 104px) + 190px) !important;
  right: 18px !important;
  bottom: max(48px, env(safe-area-inset-bottom)) !important;
  left: 18px !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open.cv-telegram-expanded .bottom-nav-wrap .bottom-nav {
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) 54px !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open.cv-telegram-expanded .bottom-nav-wrap .bottom-nav #languageChatNav {
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
}

/* CV_GLOBAL_GENERATION_NOTIFICATION_VISUAL_20260811
   Telegram overlays must start below the same native-header boundary used by
   the current Mini App screens. Keep this variable as the shared ceiling for
   future floating notices as well. */
html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-telegram-expanded {
  --cv-floating-notice-safe-top: calc(var(--cv-fullscreen-safe-top, 104px) + 10px);
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-tasks-live-notifications {
  z-index: 2147483000 !important;
  top: max(18px, env(safe-area-inset-top, 0px)) !important;
  width: min(calc(100% - 28px), 460px) !important;
  gap: 8px !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-telegram-expanded .cv-tasks-live-notifications {
  top: var(--cv-floating-notice-safe-top) !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-max-webapp .cv-tasks-live-notifications {
  top: max(72px, calc(env(safe-area-inset-top, 0px) + 56px)) !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-tasks-live-notice {
  min-height: 78px !important;
  grid-template-columns: 44px minmax(0, 1fr) auto 30px !important;
  gap: 11px !important;
  padding: 11px 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(227, 191, 94, .34) !important;
  border-radius: 22px !important;
  color: #f8f2df !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(245, 215, 130, .16), transparent 42%),
    linear-gradient(145deg, rgba(25, 23, 15, .985), rgba(9, 10, 8, .985)) !important;
  box-shadow:
    0 24px 70px rgba(0, 0, 0, .52),
    inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  backdrop-filter: blur(22px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(135%) !important;
  transform: translate3d(0, -10px, 0) scale(.985) !important;
  transition: opacity .22s ease, transform .22s ease !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-tasks-live-notice::after {
  content: "";
  position: absolute;
  right: -34px;
  top: -48px;
  width: 116px;
  height: 116px;
  border-radius: 50%;
  background: rgba(227, 191, 94, .10);
  pointer-events: none;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-tasks-live-notice.show {
  transform: translate3d(0, 0, 0) scale(1) !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-tasks-live-notice.error {
  border-color: rgba(210, 111, 105, .36) !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-tasks-live-icon {
  width: 44px !important;
  height: 44px !important;
  border: 1px solid rgba(250, 229, 164, .48) !important;
  border-radius: 15px !important;
  color: #17130a !important;
  background: linear-gradient(135deg, #f4df9a, #d5a83f) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .55), 0 10px 24px rgba(190, 139, 34, .18) !important;
  font-size: 20px !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-tasks-live-notice.error .cv-tasks-live-icon {
  color: #fff0ec !important;
  border-color: rgba(255, 181, 173, .28) !important;
  background: linear-gradient(135deg, #a94d48, #6f2d2a) !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-tasks-live-copy {
  gap: 2px !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-tasks-live-copy em {
  display: block !important;
  overflow: hidden !important;
  color: #dfbd62 !important;
  font-size: 7px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  letter-spacing: .17em !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-tasks-live-copy b {
  color: #f7f1df !important;
  font-size: 14px !important;
  letter-spacing: -.02em !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-tasks-live-copy small {
  color: rgba(239, 233, 213, .58) !important;
  font-size: 10.5px !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-tasks-live-open {
  color: #e3c364 !important;
  font-size: 10px !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-tasks-live-dismiss {
  position: relative !important;
  z-index: 1 !important;
  width: 30px !important;
  height: 30px !important;
  border: 1px solid rgba(227, 191, 94, .16) !important;
  border-radius: 11px !important;
  color: rgba(247, 239, 211, .62) !important;
  background: rgba(255, 255, 255, .045) !important;
}

@media (max-width: 370px) {
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-tasks-live-notice {
    grid-template-columns: 42px minmax(0, 1fr) 26px !important;
  }
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-tasks-live-open {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.cv-mobile-editorial:not(.cv-desktop-mode) .cv-tasks-live-notice {
    transition: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-reel > img,
  html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .cv-welcome-reel-progress u {
    transition: none !important;
  }
}

/* Keep the settings form mounted for error recovery, but never let it cover
   the status screen that opens immediately when a request starts. */
html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen.active ~ #openaiSettingsScreen {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* The status screen follows the same direct-open contract as every route. */
html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen.cv-generation-premium-screen.cv-screen-enter {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  will-change: auto !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen.cv-generation-premium-screen {
  overflow-anchor: none !important;
  overscroll-behavior: contain !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen.cv-generation-premium-screen.cv-screen-enter
  > .cv-generation-premium-wrap {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  will-change: auto !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode)
  #generationStatusScreen.cv-generation-premium-screen.cv-screen-enter
  :is(
    .cv-generation-premium-top,
    .cv-generation-model-price-row,
    .cv-generation-waiting,
    .cv-generation-result-card,
    .cv-generation-error-card,
    .cv-generation-prompt-card,
    .cv-generation-actions
  ) {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* CV_MOBILE_IDLE_VISUALS_20260904
   Keep the launch screen premium without running permanent GPU effects. */
html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #welcomeOverlay::before,
html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open #welcomeOverlay::after {
  inset: 0 !important;
  filter: none !important;
  animation: none !important;
  transform: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .welcome-card::before {
  display: none !important;
  animation: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open .welcome-logo {
  animation: none !important;
  transform: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open :is(#homeHero, #taskScreen),
html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-ai-studio-open :is(#homeHero, #taskScreen) {
  animation: none !important;
  transition: none !important;
}

html.cv-mobile-editorial:not(.cv-desktop-mode) body.welcome-open :is(#homeHero, #taskScreen),
html.cv-mobile-editorial:not(.cv-desktop-mode) body.cv-ai-studio-open :is(#homeHero, #taskScreen) {
  display: none !important;
}