/* AUTO-GENERATED by scripts/gen-mobile-fullbleed.py — DO NOT EDIT.
   H5 全宽度满屏 edge-to-edge：彻底去 phone-frame 手机框，直接就是最新方案(Z)。
   宽屏(>440px)App 居中成一列不拉满。 */
  html.is-web, html.is-web body {
    margin: 0 !important;
    padding: 0 !important;
    background: #f5f7fa !important;
    overflow-x: hidden;
    min-height: 100vh;
  }
  html.is-web body > *:not(main):not(script):not(noscript):not(style):not(#mnemo-version-badge):not(#mcRecSticky):not(#mc-sheet-host):not(#mc-toast):not(#mcLoader):not([data-mc-overlay]):not([data-mc-overlay="wallet"]):not([data-mc-overlay="redeem"]):not([data-mc-overlay="low-credit"]) {
    display: none !important;
  }
  html.is-web main > *:not(#proto):not(script):not(noscript):not(style) {
    display: none !important;
  }
  html.is-web main, html.is-web #proto, html.is-web .proto-band, html.is-web .proto-band .shell, html.is-web .proto-stage, html.is-web .card-stage-flex {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
    background: transparent !important;
    display: block !important;
    gap: 0 !important;
    border: 0 !important;
  }
  html.is-web .proto-intro {
    display: none !important;
  }
  html.is-web .card-stage-flex > :not(.phone-frame) {
    display: none !important;
  }
  html.is-web .phone-frame {
    width: 100% !important;
    max-width: none !important;
    height: 100vh !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #f5f7fa !important;
    display: flex !important;
    flex-direction: column !important;
  }
  html.is-web .phone-notch, html.is-web .phone-statusbar {
    display: none !important;
  }
  html.is-web .phone-screen {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }
  html.is-web .phone-screen-content {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: auto !important;
    overflow-y: auto !important;
  }
  html.is-web .phone-view.active {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100% !important;
    padding-bottom: calc(env(safe-area-inset-bottom, 0) + 80px) !important;
  }
  html.is-web body, html.is-web .phone-frame, html.is-web .phone-screen {
    background: var(--dt-bg) !important;
  }
  html.is-web #mnemo-version-badge {
    display: none !important;
  }
  html.is-web .mc-rec-actions {
    display: none;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    padding: 14px 14px calc(env(safe-area-inset-bottom, 0) + 14px);
    margin: 16px 0 0;
  }
  html.is-web.is-recording .phone-screen {
    padding-top: 44px !important;
  }
  html.is-web:not(.is-recording):not(.is-paused) [data-proto-state="rec"] > .phone-rectimer {
    display: none !important;
  }
  html.is-web .mc-empty-onboard .mc-eo-loop, html.is-web .mc-empty-onboard .mc-eo-cta {
    display: none !important;
  }
  html.is-web.is-stopping [data-proto-state="transcript"] .phone-transcript > *:not(.mc-tx-hero) {
    display: none !important;
  }
  html.is-web.is-stopping [data-proto-state="transcript"] .mc-rec-actions, html.is-web.is-stopping [data-proto-state="transcript"] .phone-waveform, html.is-web.is-stopping [data-proto-state="transcript"] > .phone-block-h {
    display: none !important;
  }
  html.is-web.is-stopping [data-proto-state="transcript"] .phone-rectimer {
    display: none !important;
  }
  html.is-web.is-recording [data-proto-state="transcript"] > .phone-waveform, html.is-web.is-paused [data-proto-state="transcript"] > .phone-waveform {
    display: none !important;
  }
  html.is-web .phone-recbtn br {
    display: none !important;
  }
  html.is-web .phone-recbtn::before {
    display: none !important;
    content: none !important;
    animation: none !important;
  }
  html.is-web .phone-recbtn::after {
    display: none !important;
    content: none !important;
    animation: none !important;
  }
  html.is-web .phone-topbar .sub {
    display: none !important;
  }
  html.is-web body, html.is-web .phone-frame, html.is-web .phone-screen {
    background: #FAFAF8 !important;
  }
  html.is-web .phone-recbtn br {
    display: none !important;
  }
  html.is-web .phone-recbtn::before {
    display: none !important; content: none !important; animation: none !important;
  }
  html.is-web [data-proto-state="transcript"] > .phone-waveform {
    display: none !important;
  }
  /* 🔴 必须排除 #mcStreamText：它就是实时转写文字卡,是录音中该显示的主角。原来 > * 把它也 display:none!important
     隐掉了 → 实时转写"未生效"的真正根因(文字其实收到了、就在 DOM 里,被这条沉浸态 catch-all 藏了)。 */
  html.is-web.is-recording [data-proto-state="transcript"] .phone-transcript > *:not(#mcStreamText) {
    display: none !important;
  }
  html.is-web .phone-view[data-proto-state="rec"] > .phone-recbtn::after {
    display: none !important;
    content: none !important;
    background: none !important;
    border: 0 !important;
    width: 0 !important;
    height: 0 !important;
    animation: none !important;
  }
  html.is-web .proto-pills {
    display: none !important;
  }
  html.is-web body, html.is-web .phone-frame, html.is-web button, html.is-web input, html.is-web textarea, html.is-web select {
    font-family: var(--mc-font-sans) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-feature-settings: "ss01" on, "cv11" on !important;
  }
  html.is-web .phone-bottombar button .ico {
    display: none !important;
  }
  html.is-web .mc-week-stats .week-lab {
    display: none !important;
  }
  html.is-web .mc-week-stats .dot-sep {
    display: none !important;
  }
  html.is-web .phone-view[data-proto-state="home"] {
    display: none;
  padding: 0 0 calc(env(safe-area-inset-bottom, 0) + 88px) !important;
  height: 100% !important;
  overflow-y: auto !important;
  background: linear-gradient(180deg, #FAFAF8 0%, #F4F4F0 100%) !important;
  }
  /* 宽屏时 App 居中成一列，无手机框装饰(覆盖 flatten 的 max-width:none/margin:0) */
  html.is-web .phone-frame { max-width: 440px !important; margin-left: auto !important; margin-right: auto !important; }