/* AUTO-GENERATED by scripts/gen-web-polish.py — DO NOT EDIT BY HAND.
   把安卓壳(is-embed-android)的视觉抛光重定向到网页(is-web)。改皮请改 style.css 再重跑本脚本。 */
html.is-web:not(.dark) .mc-cross-sheet-ttl {
  font-size: 16px !important;
}
html.is-web:not(.dark) .mc-cross-sheet-stream {
  max-height: 65vh;
}
html.is-web:not(.dark) .phone-topbar {
  flex: 0 0 auto !important;
    padding-top: calc(env(safe-area-inset-top, 0) + 12px) !important;
}
html.is-web:not(.dark) .mc-tier-avatar {
  top: calc(env(safe-area-inset-top, 0) + 12px) !important;
    right: 14px !important;
    width: 38px !important; height: 38px !important;
}
html.is-web:not(.dark) .mc-tier-avatar-ico {
  width: 22px !important; height: 22px !important;
}
html.is-web:not(.dark) {
  --dt-bg: #F4F6FA;
    --dt-card: #FFFFFF;
    --dt-line: #ECEEF1;
    --dt-ink-strong: #1F2329;
    --dt-ink: #2F3640;
    --dt-ink-soft: #5C6373;
    --dt-ink-mute: #8F95A1;
    --dt-blue: #5b6cff;
    --dt-blue-soft: #E8F1FF;
    --dt-red: #F5222D;
    --dt-red-soft: #FFF1F0;
    --dt-amber: #FAAD14;
    --dt-amber-soft: #FFF7E6;
    --dt-green: #52C41A;
    --dt-green-soft: #F6FFED;
}
html.is-web:not(.dark) .phone-topbar {
  background: linear-gradient(180deg, #5b6cff 0%, #4a4ad8 100%) !important;
    padding: calc(env(safe-area-inset-top, 0) + 14px) 18px 16px !important;
    box-shadow: 0 1px 0 rgba(0,0,0,0.06) !important;
}
html.is-web:not(.dark) .phone-topbar .title {
  font-family: var(--sans) !important;
    font-size: 18px !important; font-weight: 600 !important; letter-spacing: 0 !important;
    margin-bottom: 3px !important; color: #fff !important;
}
html.is-web:not(.dark) .phone-topbar .sub {
  font-size: 12px !important; opacity: 0.82 !important; font-weight: 400 !important;
}
html.is-web:not(.dark) .phone-block-h {
  font-family: var(--sans) !important;
    font-size: 13px !important; font-weight: 600 !important;
    color: var(--dt-ink-soft) !important;
    letter-spacing: 0 !important; text-transform: none !important;
    margin: 16px 0 8px !important;
    padding: 0 4px !important;
}
html.is-web:not(.dark) .phone-recbtn {
  width: 96px !important; height: 96px !important;
    background: linear-gradient(135deg, #FF5252, #F5222D) !important;
    color: #fff !important; border: 0 !important;
    box-shadow: 0 8px 24px -6px rgba(245,34,45,0.45),
                inset 0 -2px 0 rgba(0,0,0,0.08) !important;
    font-size: 13px !important; font-weight: 600 !important;
    margin: 16px auto 8px !important;
    line-height: 1.3 !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
html.is-web:not(.dark) .phone-recbtn:active {
  transform: scale(0.96) !important;
    box-shadow: 0 4px 12px -2px rgba(245,34,45,0.45) !important;
}
html.is-web:not(.dark) .phone-recbtn.is-rec {
  background: linear-gradient(135deg, #FF6B6B, #DC2626) !important;
    animation: dtRecPulse 1.6s ease-in-out infinite !important;
}
html.is-web:not(.dark) .phone-rectimer {
  font-size: 22px !important; font-weight: 600 !important;
    color: var(--dt-ink-strong) !important;
    letter-spacing: 0.04em !important;
    margin: 8px 0 4px !important;
}
html.is-web:not(.dark) .phone-waveform {
  height: 44px !important; gap: 3px !important;
    padding: 4px 14px !important; margin: 4px 0 8px !important;
}
html.is-web:not(.dark) .phone-waveform .bar {
  width: 3px !important;
    background: linear-gradient(180deg, #5b6cff 0%, #22c3ee 100%) !important;
    border-radius: 2px !important;
    transition: height 60ms linear !important;
}
html.is-web:not(.dark) .phone-rec-list {
  gap: 8px !important; padding: 0 14px !important;
}
html.is-web:not(.dark) .phone-rec-item {
  background: var(--dt-card) !important;
    border-radius: 12px !important;
    padding: 14px 16px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
    border: 1px solid var(--dt-line) !important;
    font-size: 14px !important;
    display: flex !important; flex-direction: column !important; gap: 4px !important;
    transition: transform 0.12s ease, box-shadow 0.12s ease !important;
}
html.is-web:not(.dark) .phone-rec-item:active {
  transform: scale(0.99) !important;
    box-shadow: 0 0 0 rgba(0,0,0,0) !important;
}
html.is-web:not(.dark) .phone-rec-item .title {
  font-size: 15px !important; font-weight: 600 !important;
    color: var(--dt-ink-strong) !important; margin: 0 !important;
}
html.is-web:not(.dark) .phone-rec-item .meta {
  font-size: 12px !important; color: var(--dt-ink-mute) !important;
    font-family: var(--mono) !important;
}
html.is-web:not(.dark) .phone-view {
  padding: 14px 0 60px !important; gap: 0 !important;
}
html.is-web:not(.dark) .phone-transcript {
  background: var(--dt-card) !important;
    border-radius: 12px !important;
    border: 1px solid var(--dt-line) !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
    padding: 16px !important; margin: 0 14px !important;
    font-size: 14px !important; line-height: 1.7 !important;
    color: var(--dt-ink) !important;
    gap: 12px !important;
}
html.is-web:not(.dark) .phone-line .who {
  font-size: 11px !important; font-weight: 600 !important;
    color: var(--dt-blue) !important;
    background: var(--dt-blue-soft) !important;
    padding: 2px 8px !important; border-radius: 999px !important;
    display: inline-block !important; margin-bottom: 4px !important;
}
html.is-web:not(.dark) .phone-summary {
  background: var(--dt-card) !important;
    border-radius: 12px !important;
    border: 1px solid var(--dt-line) !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
    padding: 18px !important; margin: 0 14px !important;
    font-size: 14px !important; line-height: 1.6 !important;
    color: var(--dt-ink) !important;
}
html.is-web:not(.dark) .phone-summary h4 {
  font-size: 16px !important; font-weight: 600 !important;
    color: var(--dt-ink-strong) !important; margin-bottom: 12px !important;
    font-family: var(--sans) !important;
}
html.is-web:not(.dark) .phone-summary .sec {
  border-top: 1px solid var(--dt-line) !important;
    padding: 12px 0 !important; margin: 0 !important;
}
html.is-web:not(.dark) .phone-summary .sec b {
  font-size: 12px !important; color: var(--dt-blue) !important;
    letter-spacing: 0 !important; text-transform: none !important;
    font-family: var(--sans) !important; font-weight: 600 !important;
    margin-bottom: 6px !important;
}
html.is-web:not(.dark) .phone-summary .sec li {
  padding: 4px 0 !important; font-size: 13.5px !important;
}
html.is-web:not(.dark) .phone-todos {
  gap: 8px !important; padding: 0 14px !important;
}
html.is-web:not(.dark) .phone-todo {
  background: var(--dt-card) !important;
    border-radius: 12px !important;
    border: 1px solid var(--dt-line) !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
    padding: 14px 16px !important;
    grid-template-columns: 24px 1fr auto !important;
    gap: 12px !important; font-size: 14px !important;
}
html.is-web:not(.dark) .phone-todo .check {
  width: 22px !important; height: 22px !important; border-radius: 6px !important; font-size: 13px !important;
}
html.is-web:not(.dark) .phone-todo .check.done {
  background: var(--dt-green) !important;
}
html.is-web:not(.dark) .phone-todo .check.pending {
  background: var(--dt-bg) !important; border: 1.5px dashed var(--dt-ink-mute) !important; color: var(--dt-ink-mute) !important;
}
html.is-web:not(.dark) .phone-todo .check.danger {
  background: var(--dt-amber-soft) !important; color: var(--dt-amber) !important;
}
html.is-web:not(.dark) .phone-todo .body .title {
  font-size: 14px !important; color: var(--dt-ink-strong) !important;
}
html.is-web:not(.dark) .phone-todo .body .meta {
  font-size: 11px !important; color: var(--dt-ink-mute) !important; margin-top: 3px !important;
}
html.is-web:not(.dark) .phone-todo .tag {
  font-size: 10.5px !important; padding: 3px 8px !important; border-radius: 999px !important; font-weight: 600 !important;
}
html.is-web:not(.dark) .phone-todo .tag.auto {
  background: var(--dt-green-soft) !important; color: var(--dt-green) !important;
}
html.is-web:not(.dark) .phone-todo .tag.ok {
  background: var(--dt-blue-soft) !important; color: var(--dt-blue) !important;
}
html.is-web:not(.dark) .phone-todo .tag.warn {
  background: var(--dt-amber-soft) !important; color: var(--dt-amber) !important;
}
html.is-web:not(.dark) .phone-confirm-card {
  margin: 0 14px !important;
    border: 1.5px solid var(--dt-amber) !important;
    background: linear-gradient(180deg, #FFFBEB 0%, #FFFFFF 60%) !important;
    box-shadow: 0 4px 14px -6px rgba(250,173,20,0.3) !important;
    padding: 16px !important;
}
html.is-web:not(.dark) .phone-confirm-card .warn-h {
  color: var(--dt-amber) !important; font-size: 15px !important;
    font-family: var(--sans) !important;
}
html.is-web:not(.dark) .phone-confirm-card p {
  font-size: 13.5px !important; color: var(--dt-ink) !important;
}
html.is-web:not(.dark) .phone-confirm-card .draft {
  background: var(--dt-bg) !important; border-radius: 8px !important; padding: 12px !important; font-size: 13px !important; color: var(--dt-ink-soft) !important;
}
html.is-web:not(.dark) .phone-confirm-card .actions button {
  padding: 12px !important; font-size: 14px !important; border-radius: 10px !important;
}
html.is-web:not(.dark) .phone-confirm-card .actions .approve {
  background: var(--dt-amber) !important;
}
html.is-web:not(.dark) .phone-confirm-card .actions .deny {
  background: var(--dt-bg) !important; color: var(--dt-ink) !important;
}
html.is-web:not(.dark) .phone-mem {
  gap: 12px !important; padding: 0 14px !important;
}
html.is-web:not(.dark) .phone-mem-card {
  background: var(--dt-card) !important;
    border-radius: 12px !important;
    border: 1px solid var(--dt-line) !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
    padding: 14px 16px !important;
}
html.is-web:not(.dark) .phone-mem-card h5 {
  font-size: 12px !important; color: var(--dt-blue) !important;
    text-transform: none !important; letter-spacing: 0 !important;
    font-family: var(--sans) !important; font-weight: 600 !important;
    margin-bottom: 10px !important;
}
html.is-web:not(.dark) .phone-mem-card .item {
  border-top: 1px solid var(--dt-line) !important;
    padding: 10px 0 !important; font-size: 13.5px !important;
    grid-template-columns: 32px 1fr auto !important; gap: 12px !important;
}
html.is-web:not(.dark) .phone-mem-card .avatar {
  width: 30px !important; height: 30px !important; font-size: 13px !important;
    background: linear-gradient(135deg, #5b6cff, #22c3ee) !important;
    box-shadow: 0 2px 6px -2px rgba(91, 108, 255,0.4) !important;
}
html.is-web:not(.dark) .phone-mem-card .who {
  color: var(--dt-ink-strong) !important;
}
html.is-web:not(.dark) .phone-mem-card .meta {
  font-size: 11px !important; color: var(--dt-ink-mute) !important;
}
html.is-web:not(.dark) .phone-mem-card .count {
  color: var(--dt-blue) !important; font-size: 15px !important;
}
html.is-web:not(.dark) .phone-mem-card .blurb {
  font-size: 13.5px !important; color: var(--dt-ink) !important; line-height: 1.6 !important;
}
html.is-web:not(.dark) .phone-bottombar {
  background: var(--dt-card) !important;
    border-top: 1px solid var(--dt-line) !important;
    padding: 6px 0 calc(env(safe-area-inset-bottom, 0) + 8px) !important;
    box-shadow: 0 -1px 0 rgba(0,0,0,0.04) !important;
}
html.is-web:not(.dark) .phone-bottombar button {
  padding: 6px 4px !important; gap: 3px !important;
    font-size: 11px !important; color: var(--dt-ink-mute) !important;
}
html.is-web:not(.dark) .phone-bottombar button.active, html.is-web:not(.dark) .phone-bottombar button[data-active="true"] {
  color: var(--dt-blue) !important;
}
html.is-web:not(.dark) .agent-card {
  background: var(--dt-card) !important;
    border: 1px solid var(--dt-line) !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
    padding: 14px 16px !important;
    margin: 0 14px 8px !important;
}
html.is-web:not(.dark) .agent-card-head {
  font-size: 14px !important; color: var(--dt-ink-strong) !important;
}
html.is-web:not(.dark).is-recording .mc-rec-actions {
  display: grid;
}
html.is-web:not(.dark).is-recording [data-proto-state="transcript"] .phone-rectimer {
  color: var(--dt-red) !important;
    font-size: 28px !important;
    letter-spacing: 0.06em;
    font-variant-numeric: tabular-nums;
}
html.is-web:not(.dark).is-recording [data-proto-state="transcript"] .phone-block-h {
  color: var(--dt-red) !important;
}
html.is-web:not(.dark) .mc-rec-act {
  background: var(--dt-card);
    border: 1px solid var(--dt-line);
    border-radius: 14px;
    padding: 12px 4px 10px;
    display: flex; flex-direction: column; align-items: center; gap: 4px;
    font-size: 12px; color: var(--dt-ink);
    transition: transform 0.12s ease, box-shadow 0.12s ease;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
html.is-web:not(.dark) .mc-rec-act:active {
  transform: scale(0.96);
}
html.is-web:not(.dark) .mc-rec-act .ico {
  width: 38px; height: 38px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 18px; font-weight: 600;
}
html.is-web:not(.dark) .mc-rec-act.cancel .ico {
  background: #FFF1F0; color: #F5222D;
}
html.is-web:not(.dark) .mc-rec-act.pause .ico {
  background: #FFF7E6; color: #FAAD14;
}
html.is-web:not(.dark) .mc-rec-act.done .ico {
  background: #F5222D; color: #fff; box-shadow: 0 4px 12px -4px rgba(245,34,45,0.5);
}
html.is-web:not(.dark) .mc-rec-act.pause.is-paused .ico {
  background: #E8F1FF; color: #5b6cff;
}
html.is-web:not(.dark) .mc-rec-act.pause.is-paused .lbl::before {
  content: '';
}
html.is-web:not(.dark) .mc-rec-act .lbl {
  font-size: 12px; color: var(--dt-ink-soft);
}
html.is-web:not(.dark).is-recording .phone-recbtn {
  animation: dtRecPulse 1.6s ease-in-out infinite !important;
}
html.is-web:not(.dark).is-recording .phone-recbtn::before {
  content: '';
    position: absolute;
    top:-6px;right:-6px;bottom:-6px;left:-6px;
    border-radius: 50%;
    border: 2px solid rgba(245,34,45,0.35);
    animation: mcRingExpand 1.8s ease-out infinite;
    pointer-events: none;
}
html.is-web:not(.dark) .phone-recbtn {
  position: relative;
}
html.is-web:not(.dark) .phone-rec-item.is-fresh {
  animation: mcFreshIn 0.5s cubic-bezier(.2,.8,.2,1);
    border-color: var(--dt-blue) !important;
    box-shadow: 0 4px 16px -6px rgba(91, 108, 255,0.4) !important;
}
html.is-web:not(.dark) .phone-rec-item .fresh-tag {
  display: inline-block;
    background: var(--dt-blue);
    color: #fff;
    font-size: 10.5px;
    font-weight: 600;
    padding: 2px 7px;
    border-radius: 999px;
    margin-right: 6px;
    letter-spacing: 0.04em;
}
html.is-web:not(.dark).is-paused .phone-recbtn {
  animation: none !important;
}
html.is-web:not(.dark).is-paused .phone-recbtn::before {
  animation: none !important; opacity: 0;
}
html.is-web:not(.dark).is-paused .phone-waveform .bar {
  opacity: 0.35;
}
html.is-web:not(.dark).is-paused [data-proto-state="transcript"] .phone-rectimer {
  color: var(--dt-amber) !important;
}
html.is-web:not(.dark) .mc-week-stats {
  display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 6px 16px 4px;
    margin: 4px 0 6px;
    font-size: 12px;
    color: var(--dt-ink-mute);
    font-variant-numeric: tabular-nums;
    flex-wrap: wrap;
}
html.is-web:not(.dark) .mc-week-stats .seg {
  display: inline-flex; align-items: baseline; gap: 4px;
}
html.is-web:not(.dark) .mc-week-stats .num {
  font-weight: 700; color: var(--dt-ink-strong); font-size: 13px;
    letter-spacing: 0;
}
html.is-web:not(.dark) .mc-week-stats .dot-sep {
  color: var(--dt-ink-mute); opacity: 0.5;
}
html.is-web:not(.dark) .mc-week-stats .week-lab {
  background: var(--dt-blue-soft);
    color: var(--dt-blue);
    font-weight: 600;
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 999px;
    letter-spacing: 0.04em;
}
html.is-web:not(.dark) .phone-block-h .h-count {
  font-weight: 400;
    color: var(--dt-ink-mute);
    margin-left: 6px;
    font-size: 12px;
}
html.is-web:not(.dark) .mc-empty-onboard {
  margin: 12px 14px 8px;
    padding: 18px 16px 18px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFE 100%);
    border: 1px solid var(--dt-line);
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}
html.is-web:not(.dark) .mc-empty-onboard .mc-eo-h {
  font-size: 14px; font-weight: 600;
    color: var(--dt-ink-strong);
    margin-bottom: 2px;
}
html.is-web:not(.dark) .mc-empty-onboard .mc-eo-sub {
  font-size: 12px; color: var(--dt-ink-mute);
    margin-bottom: 14px; line-height: 1.5;
}
html.is-web:not(.dark) .mc-eo-loop {
  display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 2px;
    padding: 4px 0 2px;
}
html.is-web:not(.dark) .mc-eo-step {
  flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    position: relative;
}
html.is-web:not(.dark) .mc-eo-step .ico {
  width: 30px; height: 30px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 15px;
    background: var(--dt-blue-soft);
    color: var(--dt-blue);
}
html.is-web:not(.dark) .mc-eo-step:nth-child(1) .ico {
  background: var(--dt-red-soft); color: var(--dt-red);
}
html.is-web:not(.dark) .mc-eo-step:nth-child(3) .ico {
  background: var(--dt-amber-soft); color: var(--dt-amber);
}
html.is-web:not(.dark) .mc-eo-step:nth-child(4) .ico {
  background: var(--dt-green-soft); color: var(--dt-green);
}
html.is-web:not(.dark) .mc-eo-step:nth-child(5) .ico {
  background: linear-gradient(135deg, #722ED1, #9254DE);
    color: #fff;
}
html.is-web:not(.dark) .mc-eo-step .lab {
  font-size: 11px;
    color: var(--dt-ink-soft);
    letter-spacing: 0.02em;
    text-align: center;
    white-space: nowrap;
}
html.is-web:not(.dark) .mc-eo-arrow {
  flex: 0 0 auto;
    align-self: center;
    color: var(--dt-ink-mute);
    font-size: 11px;
    margin-top: -18px;
    opacity: 0.55;
}
html.is-web:not(.dark) .mc-eo-cta {
  margin-top: 14px;
    padding: 10px 12px;
    background: var(--dt-red-soft);
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    color: var(--dt-red);
    font-weight: 500;
}
html.is-web:not(.dark) .mc-eo-cta .arr {
  font-size: 14px;
    transform: rotate(-90deg);
    animation: mcEoCtaBob 1.4s ease-in-out infinite;
}
html.is-web:not(.dark) #mnemo-version-badge {
  z-index: 100 !important;
}
html.is-web:not(.dark) .mc-empty-onboard {
  margin: 40px 20px 0 !important;
    padding: 18px !important;
    background: #FFFFFF !important;
    border: 1px solid var(--dt-line) !important;
    border-radius: 12px !important;
    text-align: center !important;
}
html.is-web:not(.dark).is-stopping [data-proto-state="transcript"] .phone-transcript {
  position: relative;
    min-height: 380px;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}
html.is-web:not(.dark).is-stopping [data-proto-state="transcript"] .phone-transcript > .mc-tx-hero.is-on {
  display: flex !important;
    opacity: 1;
    transform: translateY(0);
}
html.is-web:not(.dark).is-recording .phone-bottombar [data-proto-go="summary"], html.is-web:not(.dark).is-recording .phone-bottombar [data-proto-go="agent"], html.is-web:not(.dark).is-recording .phone-bottombar [data-proto-go="memory"] {
  opacity: 0.32 !important;
    transition: opacity 0.2s ease;
}
html.is-web:not(.dark) .mc-goto-summary {
  display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--dt-blue) !important;
    color: #fff !important;
    border: 0;
    border-radius: 8px;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 500;
    margin-left: 8px;
    cursor: pointer;
    box-shadow: 0 4px 12px -4px rgba(91, 108, 255,0.45);
}
html.is-web:not(.dark) .mc-goto-summary:active {
  transform: scale(0.97);
}
html.is-web:not(.dark).is-recording [data-proto-state="rec"] .mc-rec-tab-actions, html.is-web:not(.dark).is-paused [data-proto-state="rec"] .mc-rec-tab-actions {
  display: grid;
}
html.is-web:not(.dark).is-recording [data-proto-state="rec"] .phone-recbtn, html.is-web:not(.dark).is-paused [data-proto-state="rec"] .phone-recbtn {
  background: #DC2626 !important;
    background-image: none !important;
}
html.is-web:not(.dark).is-recording [data-proto-state="transcript"] > .phone-block-h::before {
  content: "🎙️ 正在录音 · ";
}
html.is-web:not(.dark).is-recording [data-proto-state="transcript"] > .phone-block-h {
  visibility: hidden;
}
html.is-web:not(.dark).is-recording [data-proto-state="transcript"] > .phone-block-h::before {
  visibility: visible;
    display: inline-block;
}
html.is-web:not(.dark):not(.is-recording):not(.is-paused):not(.is-stopping) [data-proto-state="transcript"] > .phone-block-h {
  color: var(--dt-ink-soft) !important;
}
html.is-web:not(.dark).is-recording [data-proto-state="transcript"] .mc-orb-zone {
  display: flex;
    animation: mcOrbZoneIn 0.4s cubic-bezier(.16, 1, .3, 1);
}
html.is-web:not(.dark).is-paused [data-proto-state="transcript"] .mc-orb-zone {
  display: flex;
}
html.is-web:not(.dark) [data-proto-state="transcript"] .phone-transcript .phone-line {
  animation: mcLineReveal 0.55s cubic-bezier(.16, 1, .3, 1) backwards;
}
html.is-web:not(.dark) .phone-recbtn {
  width: auto !important;
    min-width: 220px !important;
    max-width: 80% !important;
    height: 56px !important;
    margin: 28px auto 16px !important;
    padding: 0 32px !important;
    position: relative !important;

    background: #FF4D4F !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 28px !important;

    box-shadow:
      0 8px 22px -5px rgba(255, 77, 79, 0.45),
      0 2px 4px rgba(0, 0, 0, 0.06) !important;

    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0.05em !important;
    line-height: 1 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    transition:
      transform 0.18s cubic-bezier(.4,0,.2,1),
      background-color 0.18s ease,
      box-shadow 0.25s cubic-bezier(.4,0,.2,1) !important;
}
html.is-web:not(.dark) .phone-recbtn:active {
  transform: scale(0.97) !important;
    background: #E33335 !important;
    box-shadow:
      0 3px 10px -2px rgba(255, 77, 79, 0.32),
      0 1px 2px rgba(0, 0, 0, 0.06) !important;
}
html.is-web:not(.dark).is-recording .phone-recbtn {
  background: #E33335 !important;
    animation: dtPillRec 1.8s ease-in-out infinite !important;
}
html.is-web:not(.dark).is-paused .phone-recbtn {
  background: #FAAD14 !important;
    animation: none !important;
    box-shadow:
      0 6px 18px -5px rgba(250, 173, 20, 0.4),
      0 2px 4px rgba(0, 0, 0, 0.06) !important;
}
html.is-web:not(.dark).is-recording .phone-bottombar [data-proto-go="summary"], html.is-web:not(.dark).is-recording .phone-bottombar [data-proto-go="agent"], html.is-web:not(.dark).is-recording .phone-bottombar [data-proto-go="memory"], html.is-web:not(.dark).is-stopping .phone-bottombar [data-proto-go="summary"], html.is-web:not(.dark).is-stopping .phone-bottombar [data-proto-go="agent"], html.is-web:not(.dark).is-stopping .phone-bottombar [data-proto-go="memory"] {
  opacity: 1 !important;
    pointer-events: auto !important;
}
html.is-web:not(.dark) .phone-topbar {
  background: #FAFAF8 !important;
    background-image: none !important;
    border-bottom: 1px solid #ECEEF1 !important;
    padding: calc(env(safe-area-inset-top, 0) + 14px) 18px 13px !important;
    box-shadow: none !important;
}
html.is-web:not(.dark) .phone-topbar .title {
  color: #1D1D1F !important;  
    font-size: 19px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    margin-bottom: 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", system-ui, sans-serif !important;
}
html.is-web:not(.dark) #mnemo-version-badge {
  background: transparent !important;
    color: #8E8E93 !important;
    opacity: 0.35 !important;
    font-size: 9px !important;
    padding: 0 !important;
    z-index: 100 !important;
}
html.is-web:not(.dark) .phone-recbtn {
  width: 112px !important;
    height: 112px !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 30px auto 14px !important;
    position: relative !important;

    background: #FF3B30 !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 50% !important;

    box-shadow:
      0 0 0 6px rgba(255, 59, 48, 0.10),
      0 12px 30px -6px rgba(255, 59, 48, 0.42),
      0 2px 4px rgba(0, 0, 0, 0.08) !important;

    color: transparent !important;
    font-size: 0 !important;

    display: block !important;
    transition:
      transform 0.22s cubic-bezier(.4, 0, .2, 1),
      background-color 0.18s ease,
      border 0.22s cubic-bezier(.4, 0, .2, 1),
      box-shadow 0.25s ease !important;
    animation: none !important;
}
html.is-web:not(.dark) .phone-recbtn::after {
  content: '' !important;
    display: block !important;
    position: absolute !important;
    top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;
    margin: auto !important;
    width: 40px !important;
    height: 52px !important;
    background:
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 52' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><rect x='14' y='4' width='12' height='22' rx='6' fill='white' stroke='none'/><path d='M7 23 a13 13 0 0 0 26 0'/><path d='M20 36 v10'/><path d='M14 48 h12'/></svg>")
      no-repeat center / contain !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    animation: none !important;
}
html.is-web:not(.dark) .phone-rec-label {
  font-size: 14px !important;
    font-weight: 500 !important;
    color: #1D1D1F !important;
    margin: 0 auto 18px !important;
    text-align: center !important;
}
html.is-web:not(.dark) .phone-recbtn:active {
  transform: scale(0.95) !important;
    background: #E0302A !important;
    box-shadow:
      0 2px 8px -2px rgba(255, 59, 48, 0.28),
      0 1px 2px rgba(0, 0, 0, 0.06) !important;
}
html.is-web:not(.dark).is-recording .phone-recbtn {
  background: transparent !important;
    border: 3px solid #FF3B30 !important;
    box-shadow: none !important;
    animation: none !important;
}
html.is-web:not(.dark).is-recording .phone-recbtn::after {
  display: block !important;
    content: '' !important;
    position: absolute !important;
    top:28px !important;right:28px !important;bottom:28px !important;left:28px !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    background: #FF3B30 !important;
    background-image: none !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    animation: none !important;
}
html.is-web:not(.dark).is-paused .phone-recbtn {
  background: transparent !important;
    border: 3px solid #FAAD14 !important;
    box-shadow: none !important;
    animation: none !important;
}
html.is-web:not(.dark).is-paused .phone-recbtn::after {
  display: block !important;
    content: '' !important;
    position: absolute !important;
    top:14px !important;right:14px !important;bottom:14px !important;left:14px !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    background: #FAAD14 !important;
    background-image: none !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    animation: none !important;
}
html.is-web:not(.dark) .phone-rec-item {
  background: #FFFFFF !important;
    border: 1px solid #E5E5EA !important;
    border-radius: 12px !important;
    padding: 14px 16px !important;
    box-shadow: none !important;
}
html.is-web:not(.dark) .phone-rec-item:active {
  background: #F5F5F7 !important;
    transform: scale(0.995) !important;
}
html.is-web:not(.dark) .phone-rec-item .title {
  font-size: 15px !important;
    font-weight: 500 !important;
    color: #1D1D1F !important;
    margin-bottom: 4px !important;
}
html.is-web:not(.dark) .phone-rec-item .meta {
  font-size: 12px !important;
    color: #8E8E93 !important;
}
html.is-web:not(.dark) .phone-bottombar {
  background: rgba(250, 250, 248, 0.85) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-top: 1px solid rgba(60, 60, 67, 0.12) !important;
    box-shadow: none !important;
    padding-bottom: calc(env(safe-area-inset-bottom, 0) + 4px) !important;
}
html.is-web:not(.dark) .phone-bottombar button {
  background: transparent !important;
    border: 0 !important;
    color: #8E8E93 !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    padding: 8px 4px 4px !important;
    transition: color 0.18s ease !important;
}
html.is-web:not(.dark) .phone-bottombar button .ico {
  font-size: 18px !important;
    filter: grayscale(1) !important;
    opacity: 0.85 !important;
    margin-bottom: 2px !important;
}
html.is-web:not(.dark) .phone-bottombar button.active, html.is-web:not(.dark) .phone-bottombar button[data-active="true"] {
  color: #007AFF !important;
    font-weight: 600 !important;
}
html.is-web:not(.dark) .phone-bottombar button.active .ico, html.is-web:not(.dark) .phone-bottombar button[data-active="true"] .ico {
  filter: none !important;
    opacity: 1 !important;
}
html.is-web:not(.dark) .mc-sm-section {
  margin-bottom: 18px !important;
}
html.is-web:not(.dark) .mc-sm-section-h {
  font-size: 13px !important;
    font-weight: 600 !important;
    color: #1D1D1F !important;
    letter-spacing: 0 !important;
    padding: 0 4px 8px !important;
    border-bottom: 0 !important;
    text-transform: none !important;
    font-family: -apple-system, "SF Pro Display", "PingFang SC", system-ui, sans-serif !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
}
html.is-web:not(.dark) .mc-sm-section-num {
  font-size: 11px !important;
    font-weight: 500 !important;
    color: #8E8E93 !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    font-family: -apple-system, system-ui, sans-serif !important;
}
html.is-web:not(.dark) .mc-sm-sub-h {
  font-size: 11px !important;
    color: #8E8E93 !important;
    font-weight: 500 !important;
    margin: 8px 4px 4px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
html.is-web:not(.dark) .mc-sm-hero {
  padding: 16px 4px 14px !important;
    border-bottom: 1px solid rgba(60,60,67,0.12) !important;
    margin-bottom: 14px !important;
}
html.is-web:not(.dark) .mc-sm-hero-eyebrow {
  font-size: 11px !important;
    color: #8E8E93 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    font-family: -apple-system, system-ui, sans-serif !important;
    margin-bottom: 6px !important;
}
html.is-web:not(.dark) .mc-sm-hero-title {
  font-family: -apple-system, "SF Pro Display", "PingFang SC", system-ui, sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1D1D1F !important;
    letter-spacing: -0.015em !important;
    line-height: 1.22 !important;
    margin: 2px 0 12px !important;
}
html.is-web:not(.dark) .mc-sm-hero .mc-rec-actions {
  display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}
html.is-web:not(.dark) .mc-sm-hero .mc-rec-btn {
  background: rgba(120,120,128,0.12) !important;
    color: #1D1D1F !important;
    border: 0 !important;
    border-radius: 14px !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}
html.is-web:not(.dark) .mc-sm-hero .mc-rec-pin.is-pinned {
  background: rgba(0,122,255,0.12) !important;
    color: #007AFF !important;
}
html.is-web:not(.dark) .mc-ai-summary {
  background: #FFFFFF !important;
    background-image: none !important;
    border: 1px solid #E5E5EA !important;
    border-radius: 12px !important;
    padding: 14px 16px 14px 46px !important;
    position: relative !important;
}
html.is-web:not(.dark) .mc-ai-badge {
  background: #007AFF !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    padding: 3px 6px !important;
    position: absolute !important;
    left: 14px !important;
    top: 14px !important;
    letter-spacing: 0.04em !important;
}
html.is-web:not(.dark) .mc-ai-summary-body {
  font-size: 14px !important;
    line-height: 1.55 !important;
    color: #1D1D1F !important;
    font-family: -apple-system, "SF Pro Text", "PingFang SC", system-ui, sans-serif !important;
}
html.is-web:not(.dark) .mc-quote-wall {
  gap: 8px !important;
}
html.is-web:not(.dark) .mc-quote-card {
  background: #FFFFFF !important;
    background-image: none !important;
    border: 1px solid #E5E5EA !important;
    border-left: 0 !important;
    border-radius: 12px !important;
    padding: 14px 16px !important;
    box-shadow: none !important;
    position: relative !important;
}
html.is-web:not(.dark) .mc-quote-mark {
  color: rgba(0,122,255,0.25) !important;
    font-size: 36px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    font-family: -apple-system, Georgia, serif !important;
    position: absolute !important;
    top: 4px; left: 10px !important;
    pointer-events: none;
}
html.is-web:not(.dark) .mc-quote-body {
  font-size: 14px !important;
    color: #1D1D1F !important;
    line-height: 1.5 !important;
    padding-left: 28px !important;
    font-weight: 500 !important;
}
html.is-web:not(.dark) .mc-quote-tag {
  font-size: 10px !important;
    color: #8E8E93 !important;
    font-family: -apple-system, system-ui, sans-serif !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    margin-top: 6px !important;
    padding-left: 28px !important;
}
html.is-web:not(.dark) .mc-kanban {
  gap: 8px !important;
}
html.is-web:not(.dark) .mc-kanban-col {
  background: #FFFFFF !important;
    border: 1px solid #E5E5EA !important;
    border-top: 1px solid #E5E5EA !important;
    border-radius: 12px !important;
    padding: 10px 8px !important;
    box-shadow: none !important;
}
html.is-web:not(.dark) .mc-kanban-h {
  border-bottom: 0 !important;
    padding: 0 2px 6px !important;
    margin-bottom: 4px !important;
}
html.is-web:not(.dark) .mc-kanban-lvl {
  font-family: -apple-system, system-ui, sans-serif !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    color: #fff !important;
    padding: 2px 5px !important;
    border-radius: 4px !important;
    letter-spacing: 0.03em !important;
}
html.is-web:not(.dark) .mc-kanban-name {
  font-size: 11px !important;
    font-weight: 500 !important;
    color: #1D1D1F !important;
}
html.is-web:not(.dark) .mc-kanban-count {
  font-family: -apple-system, system-ui, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}
html.is-web:not(.dark) .mc-kanban-card {
  background: #F5F5F7 !important;
    border-left: 0 !important;
    border-radius: 8px !important;
    padding: 7px 9px !important;
    box-shadow: none !important;
}
html.is-web:not(.dark) .mc-kanban-card-title {
  font-size: 12px !important;
    color: #1D1D1F !important;
    font-weight: 500 !important;
}
html.is-web:not(.dark) .mc-kanban-card-meta {
  font-size: 10px !important;
    color: #8E8E93 !important;
    font-family: -apple-system, system-ui, sans-serif !important;
}
html.is-web:not(.dark) .mc-kanban-empty {
  font-size: 10.5px !important;
    color: #8E8E93 !important;
}
html.is-web:not(.dark) .mc-people-row {
  gap: 8px !important;
    padding: 6px 0 !important;
}
html.is-web:not(.dark) .mc-person-pill {
  background: #FFFFFF !important;
    border: 1px solid #E5E5EA !important;
    border-radius: 14px !important;
    padding: 4px 10px 4px 4px !important;
    box-shadow: none !important;
    gap: 6px !important;
}
html.is-web:not(.dark) .mc-person-av {
  width: 22px !important; height: 22px !important;
    border-radius: 50% !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #fff !important;
}
html.is-web:not(.dark) .mc-person-name {
  font-size: 12px !important;
    color: #1D1D1F !important;
    font-weight: 500 !important;
}
html.is-web:not(.dark) .mc-topic-cloud {
  gap: 6px !important;
    padding: 4px 0 !important;
}
html.is-web:not(.dark) .mc-topic-bubble {
  background: rgba(120,120,128,0.10) !important;
    color: #1D1D1F !important;
    border: 0 !important;
    border-radius: 12px !important;
    padding: 4px 10px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}
html.is-web:not(.dark) .mc-rel-card {
  background: #FFFFFF !important;
    border: 1px solid #E5E5EA !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    gap: 12px !important;
    box-shadow: none !important;
}
html.is-web:not(.dark) .mc-rel-card:hover {
  background: #F5F5F7 !important; border-color: #E5E5EA !important;
}
html.is-web:not(.dark) .mc-rel-score {
  background: rgba(0,122,255,0.12) !important;
    color: #007AFF !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 4px 8px !important;
    border-radius: 8px !important;
    font-family: -apple-system, system-ui, sans-serif !important;
}
html.is-web:not(.dark) .mc-rel-title {
  font-size: 13px !important;
    color: #1D1D1F !important;
    font-weight: 500 !important;
}
html.is-web:not(.dark) .mc-rel-note {
  font-size: 11px !important;
    color: #8E8E93 !important;
}
html.is-web:not(.dark) .mc-rel-arrow {
  color: #C7C7CC !important;
    font-size: 18px !important;
}
html.is-web:not(.dark) .mc-anno-area {
  background: #FFFFFF !important;
    border: 1px solid #E5E5EA !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
    color: #1D1D1F !important;
    font-family: -apple-system, "SF Pro Text", system-ui, sans-serif !important;
    min-height: 80px !important;
}
html.is-web:not(.dark) .mc-anno-area:focus {
  outline: 0 !important;
    border-color: #007AFF !important;
}
html.is-web:not(.dark) .mc-anno-actions .mc-btn {
  background: #007AFF !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 10px !important;
    padding: 9px 18px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}
html.is-web:not(.dark) .mc-audio-wrap {
  background: #FFFFFF !important;
    border: 1px solid #E5E5EA !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    margin: 8px 0 12px !important;
    gap: 6px !important;
}
html.is-web:not(.dark) .mc-audio-wrap audio {
  width: 100% !important;
    height: 36px !important;
}
html.is-web:not(.dark) .mc-audio-lab {
  font-size: 11px !important;
    color: #8E8E93 !important;
}
html.is-web:not(.dark) .mc-mindmap-wrap {
  background: #FFFFFF !important;
    border: 1px solid #E5E5EA !important;
    border-radius: 12px !important;
    padding: 12px !important;
}
html.is-web:not(.dark).is-recording #mcStreamText, html.is-web:not(.dark).is-paused #mcStreamText {
  display: block;
    animation: mcStreamIn 0.3s cubic-bezier(.16,1,.3,1);
}
html.is-web:not(.dark).is-recording [data-proto-state="transcript"] .phone-transcript {
  position: relative;
    min-height: 220px;
    padding: 30px 24px 24px !important;
    background: transparent !important;
    border: 0 !important;
}
html.is-web:not(.dark).is-recording [data-proto-state="transcript"] .phone-transcript::before {
  content: "🎙️  正在录音中";
    display: block;
    text-align: center;
    font-size: 15px;
    color: var(--dt-ink-soft);
    font-weight: 500;
    margin-top: 24px;
    letter-spacing: 0.02em;
}
html.is-web:not(.dark).is-recording [data-proto-state="transcript"] .phone-transcript::after {
  content: "完成后 AI 自动转写、抽决策、生成纪要";
    display: block;
    text-align: center;
    font-size: 12px;
    color: var(--dt-ink-mute);
    margin-top: 8px;
    letter-spacing: 0;
}
html.is-web:not(.dark).is-paused [data-proto-state="transcript"] .phone-transcript::before {
  content: "⏸  已暂停";
}
html.is-web:not(.dark) #mnemo-version-badge {
  z-index: 100 !important;
}
html.is-web:not(.dark) [data-proto-state="transcript"] > .phone-block-h {
  font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    color: var(--dt-red) !important;
    padding: 12px 18px 4px !important;
    margin: 0 !important;
    text-transform: none !important;
}
html.is-web:not(.dark).is-recording [data-proto-state="transcript"] .phone-rectimer {
  font-size: 36px !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    font-variant-numeric: tabular-nums !important;
    font-family: var(--mono) !important;
    color: var(--dt-red) !important;
    margin: 6px 0 14px !important;
}
html.is-web:not(.dark) [data-proto-state="transcript"] .phone-waveform {
  background: transparent !important;
    padding: 0 24px !important;
    margin: 4px 0 !important;
}
html.is-web:not(.dark) .phone-rec-label {
  text-align: center;
    font-size: 12px;
    line-height: 1.4;
    color: var(--dt-ink-mute);
    margin: -4px auto 10px;
    padding: 0 24px;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
    min-height: 1.4em;
    transition: color 0.2s ease;
}
html.is-web:not(.dark).is-recording .phone-rec-label {
  color: var(--dt-red);
    font-weight: 500;
}
html.is-web:not(.dark).is-paused .phone-rec-label {
  color: var(--dt-amber);
    font-weight: 500;
}
html.is-web:not(.dark) .phone-view[data-proto-state="rec"] > .phone-recbtn {
  -webkit-appearance: none !important;
    appearance: none !important;

    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    flex: 0 0 auto !important;
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
    max-width: 88px !important;
    max-height: 88px !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    margin: 26px auto 12px !important;
    position: relative !important;
    box-sizing: border-box !important;

    
    background: #F53F3F !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow:
      0 0 0 6px rgba(245, 63, 63, 0.10),
      0 10px 26px -6px rgba(245, 63, 63, 0.45),
      0 2px 4px rgba(0, 0, 0, 0.06) !important;

    
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;

    cursor: pointer !important;
    user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
    outline: none !important;

    transition: transform 0.18s cubic-bezier(.4, 0, .2, 1),
                background-color 0.18s ease,
                box-shadow 0.25s ease,
                border-color 0.2s ease !important;
    animation: none !important;
}
html.is-web:not(.dark) .phone-view[data-proto-state="rec"] > .phone-recbtn::before {
  content: '' !important;
    display: block !important;
    position: static !important;
    width: 36px !important;
    height: 46px !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 46' fill='none'%3E%3Crect x='12' y='3' width='12' height='22' rx='6' fill='%23ffffff'/%3E%3Cpath d='M6 21 a12 12 0 0 0 24 0' stroke='%23ffffff' stroke-width='2.8' stroke-linecap='round' fill='none'/%3E%3Cline x1='18' y1='33' x2='18' y2='42' stroke='%23ffffff' stroke-width='2.8' stroke-linecap='round'/%3E%3Cline x1='11' y1='43' x2='25' y2='43' stroke='%23ffffff' stroke-width='2.8' stroke-linecap='round'/%3E%3C/svg%3E")
      no-repeat center / contain !important;
    box-shadow: none !important;
    animation: none !important;
    opacity: 1 !important;
    transition: width 0.2s ease, height 0.2s ease, border-radius 0.2s ease, background 0.2s ease !important;
}
html.is-web:not(.dark) .phone-view[data-proto-state="rec"] > .phone-recbtn:active {
  transform: scale(0.94) !important;
    background: #DC2D2D !important;
    box-shadow:
      0 0 0 4px rgba(245, 63, 63, 0.16),
      0 4px 12px -4px rgba(245, 63, 63, 0.4),
      0 1px 2px rgba(0, 0, 0, 0.06) !important;
}
html.is-web:not(.dark).is-recording .phone-view[data-proto-state="rec"] > .phone-recbtn {
  background: #FFFFFF !important;
    border: 3px solid #F53F3F !important;
    box-shadow:
      0 0 0 8px rgba(245, 63, 63, 0.10),
      0 8px 20px -6px rgba(245, 63, 63, 0.32) !important;
    animation: dt31RecPulse 1.6s ease-in-out infinite !important;
}
html.is-web:not(.dark).is-recording .phone-view[data-proto-state="rec"] > .phone-recbtn::before {
  width: 28px !important;
    height: 28px !important;
    background: #F53F3F !important;
    background-image: none !important;
    border-radius: 7px !important;
}
html.is-web:not(.dark).is-paused .phone-view[data-proto-state="rec"] > .phone-recbtn {
  background: #FFFFFF !important;
    border: 3px solid #FAAD14 !important;
    box-shadow:
      0 0 0 8px rgba(250, 173, 20, 0.10),
      0 8px 20px -6px rgba(250, 173, 20, 0.30) !important;
    animation: none !important;
}
html.is-web:not(.dark).is-paused .phone-view[data-proto-state="rec"] > .phone-recbtn::before {
  width: 28px !important;
    height: 28px !important;
    background: #FAAD14 !important;
    background-image: none !important;
    border-radius: 7px !important;
}
html.is-web:not(.dark) .phone-view[data-proto-state="rec"] > .phone-rec-label {
  font-size: 13px !important;
    font-weight: 400 !important;
    color: #5C6373 !important;
    margin: 0 auto 18px !important;
    padding: 0 24px !important;
    text-align: center !important;
    letter-spacing: 0 !important;
    line-height: 1.4 !important;
    min-height: 1.4em !important;
}
html.is-web:not(.dark).is-recording .phone-view[data-proto-state="rec"] > .phone-rec-label {
  color: #F53F3F !important;
    font-weight: 500 !important;
}
html.is-web:not(.dark).is-paused .phone-view[data-proto-state="rec"] > .phone-rec-label {
  color: #FAAD14 !important;
    font-weight: 500 !important;
}
html.is-web:not(.dark) {
  --mc-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "PingFang SC", "Helvetica Neue", "Segoe UI", Roboto, system-ui, sans-serif;
  --mc-font-mono: "SF Mono", "JetBrains Mono", ui-monospace, "Cascadia Code", "PingFang SC", monospace;
  --mc-ink-1: #1D1D1F;        
  --mc-ink-2: #5C6373;        
  --mc-ink-3: #8E8E93;        
  --mc-line:  #E5E5EA;        
  --mc-line-2: #F2F2F4;       
  --mc-paper: #FAFAF8;        
  --mc-card:  #FFFFFF;
  --mc-brand: #F53F3F;        
  --mc-brand-soft: rgba(245, 63, 63, 0.08);
  --mc-accent: #5b6cff;       
  --mc-accent-soft: rgba(91, 108, 255, 0.08);
  --mc-warn: #FAAD14;
  --mc-warn-soft: rgba(250, 173, 20, 0.10);
  --mc-ok: #52C41A;
  --mc-ok-soft: rgba(82, 196, 26, 0.10);
}
html.is-web:not(.dark) .phone-rectimer, html.is-web:not(.dark) .row-meta, html.is-web:not(.dark) .mc-portrait-stat-num, html.is-web:not(.dark) .num, html.is-web:not(.dark) .mc-sm-hero-eyebrow, html.is-web:not(.dark) .meta, html.is-web:not(.dark) #mc-mem-refresh-lab, html.is-web:not(.dark) .mc-week-stats {
  font-variant-numeric: tabular-nums slashed-zero !important;
}
html.is-web:not(.dark) .phone-topbar {
  background: rgba(250, 250, 248, 0.92) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  padding: calc(env(safe-area-inset-top, 0) + 12px) 18px 11px !important;
  position: sticky !important; top: 0 !important; z-index: 10 !important;
  transition: box-shadow 0.2s ease !important;
}
html.is-web:not(.dark) .phone-topbar.is-elevated {
  box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.08) !important;
}
html.is-web:not(.dark) .phone-topbar .title {
  font-family: var(--mc-font-sans) !important;
  font-size: 19px !important; font-weight: 600 !important;
  letter-spacing: -0.012em !important;
  color: var(--mc-ink-1) !important;
  display: inline-flex !important; align-items: center !important; gap: 8px !important;
  margin: 0 !important;
}
html.is-web:not(.dark) .phone-topbar .title::before {
  content: ''; display: inline-block; flex: 0 0 22px; width: 22px; height: 22px;
  background:
    url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none'%3E%3Crect x='8' y='3' width='6' height='11' rx='3' fill='%23F53F3F'/%3E%3Cpath d='M5 12 a6 6 0 0 0 12 0' stroke='%23F53F3F' stroke-width='1.8' stroke-linecap='round'/%3E%3Cline x1='11' y1='17.5' x2='11' y2='20' stroke='%23F53F3F' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")
    no-repeat center / contain;
}
html.is-web:not(.dark) .phone-rec-item, html.is-web:not(.dark) .mc-sum-card, html.is-web:not(.dark) .mc-agx-mini-section, html.is-web:not(.dark) .mc-mem-mini-section, html.is-web:not(.dark) .mc-agx-bucket, html.is-web:not(.dark) .mc-agx-todo, html.is-web:not(.dark) .mc-agx-act, html.is-web:not(.dark) .mc-agx-perrec, html.is-web:not(.dark) .phone-mem-card, html.is-web:not(.dark) .mc-rel-card {
  background: linear-gradient(180deg, #FFFFFF 0%, #FCFCFB 100%) !important;
  border: 1px solid var(--mc-line) !important;
  box-shadow:
    0 1px 0 rgba(0, 0, 0, 0.02),
    0 1px 3px rgba(0, 0, 0, 0.04) !important;
  border-radius: 14px !important;
  transition:
    transform 0.18s cubic-bezier(.4, 0, .2, 1),
    box-shadow 0.22s ease,
    background 0.18s ease !important;
}
html.is-web:not(.dark) .phone-rec-item:active, html.is-web:not(.dark) .mc-sum-card:active, html.is-web:not(.dark) .mc-agx-todo:active, html.is-web:not(.dark) .mc-agx-act:active, html.is-web:not(.dark) .mc-mem-proj-row:active, html.is-web:not(.dark) .mc-mem-tl-row:active {
  transform: scale(0.99) !important;
  background: linear-gradient(180deg, #F8F8F7 0%, #F5F5F4 100%) !important;
  box-shadow:
    0 1px 0 rgba(0, 0, 0, 0.02),
    0 0 0 rgba(0, 0, 0, 0) !important;
}
html.is-web:not(.dark) .mc-sum-card {
  position: relative !important;
  padding-left: 18px !important;
  overflow: hidden !important;
}
html.is-web:not(.dark) .mc-sum-card::before {
  content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
  background: var(--mc-accent); border-radius: 0 4px 4px 0; opacity: 0.5;
}
html.is-web:not(.dark) .mc-sum-card[data-risk="L2"]::before {
  background: var(--mc-brand); opacity: 0.9;
}
html.is-web:not(.dark) .mc-sum-card[data-risk="L1"]::before {
  background: var(--mc-warn); opacity: 0.85;
}
html.is-web:not(.dark) .mc-sum-card[data-risk="L0"]::before {
  background: var(--mc-ok); opacity: 0.7;
}
html.is-web:not(.dark) .mc-sum-card.is-pinned {
  border-color: rgba(245, 63, 63, 0.35) !important;
}
html.is-web:not(.dark) .mc-sum-card.is-pinned::before {
  background: var(--mc-brand); opacity: 1;
}
html.is-web:not(.dark) .mc-sum-card .row-title {
  font-size: 15.5px !important; font-weight: 600 !important;
  letter-spacing: -0.01em !important; color: var(--mc-ink-1) !important;
}
html.is-web:not(.dark) .mc-sum-card .row-meta {
  font-size: 11.5px !important; color: var(--mc-ink-3) !important;
  letter-spacing: 0.01em !important;
}
html.is-web:not(.dark) .mc-sum-card .row-excerpt {
  font-size: 13px !important; color: var(--mc-ink-2) !important; line-height: 1.5 !important;
}
html.is-web:not(.dark) .phone-rec-item {
  position: relative !important; padding-left: 18px !important; overflow: hidden !important;
}
html.is-web:not(.dark) .phone-rec-item::before {
  content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
  background: var(--mc-accent); border-radius: 0 4px 4px 0; opacity: 0.5;
}
html.is-web:not(.dark) .phone-rec-item.is-pinned::before {
  background: var(--mc-brand); opacity: 1;
}
html.is-web:not(.dark) .phone-rec-item.is-pinned {
  border-color: rgba(245, 63, 63, 0.35) !important;
}
html.is-web:not(.dark) .phone-block-h, html.is-web:not(.dark) .mc-agx-mini-h, html.is-web:not(.dark) .mc-mem-mini-h, html.is-web:not(.dark) .mc-sum-list-h .lab, html.is-web:not(.dark) .mc-agx-h {
  font-family: var(--mc-font-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  color: var(--mc-ink-3) !important;
  text-transform: uppercase !important;
}
html.is-web:not(.dark) .mc-agx-mini-h, html.is-web:not(.dark) .mc-mem-mini-h, html.is-web:not(.dark) .mc-agx-h {
  font-size: 12px !important;
  letter-spacing: 0.04em !important;
}
html.is-web:not(.dark) .mc-agx-mini-h > span:first-child::before, html.is-web:not(.dark) .mc-mem-mini-h > span:first-child::before, html.is-web:not(.dark) .mc-agx-h > span:first-child::before {
  content: ''; display: inline-block; width: 4px; height: 4px;
  border-radius: 50%; background: var(--mc-brand); margin-right: 7px;
  vertical-align: middle; transform: translateY(-1px);
}
html.is-web:not(.dark) .mc-mem-mini-h > span:first-child::before {
  background: var(--mc-accent);
}
html.is-web:not(.dark) .mc-agx-h > span:first-child::before {
  background: var(--mc-accent);
}
html.is-web:not(.dark) .mc-agx-mini-h .cnt, html.is-web:not(.dark) .mc-mem-mini-h .cnt, html.is-web:not(.dark) .mc-sum-list-h .cnt, html.is-web:not(.dark) .mc-agx-h .cnt {
  font-family: var(--mc-font-mono) !important;
  font-size: 10.5px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--mc-ink-3) !important;
}
html.is-web:not(.dark) .phone-view[data-proto-state="rec"] > .phone-block-h {
  font-size: 12px !important; letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--mc-ink-3) !important;
}
html.is-web:not(.dark) .phone-view[data-proto-state="rec"] > .phone-block-h .h-count {
  font-family: var(--mc-font-mono) !important;
  font-size: 10.5px !important;
  text-transform: none !important;
  margin-left: 6px;
  letter-spacing: 0;
}
html.is-web:not(.dark) .mc-agx-hero {
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 60%),
    linear-gradient(135deg, #5b6cff 0%, #4a4ad8 100%) !important;
  border-radius: 16px !important;
  padding: 16px 18px 18px !important;
  box-shadow:
    0 8px 24px -8px rgba(11, 79, 184, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #FFFFFF !important;
}
html.is-web:not(.dark) .mc-agx-hero .eyebrow {
  font-size: 10.5px !important; letter-spacing: 0.08em !important;
  opacity: 0.78 !important; font-weight: 500 !important;
  text-transform: uppercase !important;
}
html.is-web:not(.dark) .mc-agx-hero .title {
  font-size: 18px !important; font-weight: 600 !important;
  letter-spacing: -0.012em !important; margin: 5px 0 5px !important;
}
html.is-web:not(.dark) .mc-agx-hero .sub {
  font-size: 12.5px !important; opacity: 0.88 !important; line-height: 1.5 !important;
}
html.is-web:not(.dark) .mc-agx-l2-banner {
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 60%),
    linear-gradient(135deg, #FFF1F0 0%, #FFE0DD 100%) !important;
  border: 1px solid rgba(245, 63, 63, 0.22) !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  box-shadow: 0 4px 14px -6px rgba(245, 63, 63, 0.25) !important;
}
html.is-web:not(.dark) .mc-agx-l2-banner .ic {
  background: linear-gradient(135deg, #F53F3F 0%, #D62622 100%) !important;
  box-shadow: 0 4px 12px -3px rgba(245, 63, 63, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}
html.is-web:not(.dark) .mc-agx-l2-banner .ttl {
  font-size: 13px !important; font-weight: 600 !important; color: #B71D14 !important;
  letter-spacing: -0.005em !important;
}
html.is-web:not(.dark) .mc-agx-l2-banner .sub {
  color: rgba(180, 114, 0, 0.85) !important;
  font-variant-numeric: tabular-nums slashed-zero !important;
}
html.is-web:not(.dark) .mc-agx-bucket .num {
  font-size: 26px !important; font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  font-variant-numeric: tabular-nums slashed-zero !important;
}
html.is-web:not(.dark) .mc-agx-bucket .lab {
  letter-spacing: 0.02em !important; font-weight: 600 !important;
}
html.is-web:not(.dark) .mc-agx-act .ic {
  font-size: 22px !important;
}
html.is-web:not(.dark) .mc-agx-act .ttl {
  font-size: 13.5px !important; letter-spacing: -0.005em !important;
}
html.is-web:not(.dark) #mc-mem-refresh {
  background: linear-gradient(180deg, #FFFFFF 0%, #FCFCFB 100%) !important;
  border: 1px solid var(--mc-line) !important;
  border-radius: 999px !important;
  padding: 8px 14px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}
html.is-web:not(.dark) #mc-mem-refresh-lab {
  font-family: var(--mc-font-sans) !important;
  font-size: 12px !important;
  color: var(--mc-ink-2) !important;
  letter-spacing: 0 !important;
  font-variant-numeric: tabular-nums slashed-zero !important;
}
html.is-web:not(.dark) #mc-mem-refresh .btn {
  font-size: 11.5px !important; font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}
html.is-web:not(.dark) #mc-sum-back {
  background: linear-gradient(180deg, #FFFFFF 0%, #FCFCFB 100%) !important;
  border: 1px solid var(--mc-line) !important;
  border-radius: 999px !important;
  padding: 7px 14px 7px 10px !important;
  font-size: 12.5px !important;
  letter-spacing: -0.005em !important;
  color: var(--mc-ink-1) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  font-weight: 500 !important;
}
html.is-web:not(.dark) #mc-sum-back .ic {
  font-size: 14px !important; color: var(--mc-brand) !important; font-weight: 600 !important;
}
html.is-web:not(.dark) .phone-bottombar {
  background: rgba(250, 250, 248, 0.92) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
  padding: 6px 0 calc(env(safe-area-inset-bottom, 0) + 6px) !important;
  height: auto !important;
  box-shadow: 0 -1px 12px -4px rgba(0, 0, 0, 0.05) !important;
}
html.is-web:not(.dark) .phone-bottombar button {
  background: transparent !important; border: 0 !important;
  display: flex !important; flex-direction: column !important;
  align-items: center !important; justify-content: center !important;
  gap: 3px !important;
  padding: 6px 4px !important;
  color: var(--mc-ink-3) !important;
  font-size: 10.5px !important; font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: color 0.18s ease, transform 0.18s ease !important;
}
html.is-web:not(.dark) .phone-bottombar button:active {
  transform: scale(0.95) !important;
}
html.is-web:not(.dark) .phone-bottombar button::before {
  content: '';
  width: 24px; height: 24px;
  background: currentColor;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: contain; mask-size: contain;
  transition: transform 0.18s ease, background 0.2s ease;
}
html.is-web:not(.dark) .phone-bottombar button[data-proto-go="rec"]::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='12' rx='3'/%3E%3Cpath d='M5 11a7 7 0 0 0 14 0'/%3E%3Cline x1='12' y1='18' x2='12' y2='21'/%3E%3Cline x1='9' y1='21' x2='15' y2='21'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='12' rx='3'/%3E%3Cpath d='M5 11a7 7 0 0 0 14 0'/%3E%3Cline x1='12' y1='18' x2='12' y2='21'/%3E%3Cline x1='9' y1='21' x2='15' y2='21'/%3E%3C/svg%3E");
}
html.is-web:not(.dark) .phone-bottombar button[data-proto-go="transcript"]::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='10' x2='4' y2='14'/%3E%3Cline x1='8' y1='6' x2='8' y2='18'/%3E%3Cline x1='12' y1='3' x2='12' y2='21'/%3E%3Cline x1='16' y1='7' x2='16' y2='17'/%3E%3Cline x1='20' y1='11' x2='20' y2='13'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='10' x2='4' y2='14'/%3E%3Cline x1='8' y1='6' x2='8' y2='18'/%3E%3Cline x1='12' y1='3' x2='12' y2='21'/%3E%3Cline x1='16' y1='7' x2='16' y2='17'/%3E%3Cline x1='20' y1='11' x2='20' y2='13'/%3E%3C/svg%3E");
}
html.is-web:not(.dark) .phone-bottombar button[data-proto-go="summary"]::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cline x1='9' y1='9' x2='15' y2='9'/%3E%3Cline x1='9' y1='13' x2='15' y2='13'/%3E%3Cline x1='9' y1='17' x2='13' y2='17'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cline x1='9' y1='9' x2='15' y2='9'/%3E%3Cline x1='9' y1='13' x2='15' y2='13'/%3E%3Cline x1='9' y1='17' x2='13' y2='17'/%3E%3C/svg%3E");
}
html.is-web:not(.dark) .phone-bottombar button[data-proto-go="agent"]::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 l1.6 4.4 L18 9 l-4.4 1.6 L12 15 l-1.6-4.4 L6 9 l4.4-1.6 Z'/%3E%3Cpath d='M19 14 l.7 1.7 L21.5 16.5 l-1.7.7 L19 19 l-.7-1.7 L16.5 16.5 l1.7-.7 Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 l1.6 4.4 L18 9 l-4.4 1.6 L12 15 l-1.6-4.4 L6 9 l4.4-1.6 Z'/%3E%3Cpath d='M19 14 l.7 1.7 L21.5 16.5 l-1.7.7 L19 19 l-.7-1.7 L16.5 16.5 l1.7-.7 Z'/%3E%3C/svg%3E");
}
html.is-web:not(.dark) .phone-bottombar button[data-proto-go="memory"]::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4 a3.5 3.5 0 0 0-3.5 3.5 v0.5 a3 3 0 0 0 0 6 v0 a3.5 3.5 0 0 0 3.5 3.5 h0 a2.5 2.5 0 0 0 2.5-2.5 V6.5 A2.5 2.5 0 0 0 9 4 Z'/%3E%3Cpath d='M15 4 a3.5 3.5 0 0 1 3.5 3.5 v0.5 a3 3 0 0 1 0 6 v0 a3.5 3.5 0 0 1-3.5 3.5 h0 a2.5 2.5 0 0 1-2.5-2.5 V6.5 A2.5 2.5 0 0 1 15 4 Z'/%3E%3Cpath d='M12 8 v8'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4 a3.5 3.5 0 0 0-3.5 3.5 v0.5 a3 3 0 0 0 0 6 v0 a3.5 3.5 0 0 0 3.5 3.5 h0 a2.5 2.5 0 0 0 2.5-2.5 V6.5 A2.5 2.5 0 0 0 9 4 Z'/%3E%3Cpath d='M15 4 a3.5 3.5 0 0 1 3.5 3.5 v0.5 a3 3 0 0 1 0 6 v0 a3.5 3.5 0 0 1-3.5 3.5 h0 a2.5 2.5 0 0 1-2.5-2.5 V6.5 A2.5 2.5 0 0 1 15 4 Z'/%3E%3Cpath d='M12 8 v8'/%3E%3C/svg%3E");
}
html.is-web:not(.dark) .phone-bottombar button.active, html.is-web:not(.dark) .phone-bottombar button[data-active="true"] {
  color: var(--mc-brand) !important; font-weight: 600 !important;
}
html.is-web:not(.dark) .phone-bottombar button.active::before, html.is-web:not(.dark) .phone-bottombar button[data-active="true"]::before {
  transform: scale(1.05);
}
html.is-web:not(.dark) .phone-bottombar button.active::after {
  content: ''; display: block;
  width: 4px; height: 4px; border-radius: 50%;
  background: var(--mc-brand);
  position: absolute; bottom: 1px;
  box-shadow: 0 0 0 3px rgba(245, 63, 63, 0.12);
}
html.is-web:not(.dark) .phone-bottombar button {
  position: relative !important;
}
html.is-web:not(.dark) .mc-agx-mini-more, html.is-web:not(.dark) .mc-agx-todos-more, html.is-web:not(.dark) .mc-mem-mini-more {
  color: var(--mc-brand) !important;
  font-size: 12px !important; font-weight: 600 !important;
  letter-spacing: -0.005em !important;
  padding: 8px 0 4px !important;
  margin-top: 4px !important;
  border-top: 1px dashed var(--mc-line-2) !important;
}
html.is-web:not(.dark) .mc-agx-mini-empty, html.is-web:not(.dark) .mc-mem-mini-empty, html.is-web:not(.dark) .mc-sum-empty {
  font-size: 12.5px !important;
  color: var(--mc-ink-3) !important;
  padding: 22px 12px !important;
  text-align: center !important;
  letter-spacing: -0.005em !important;
}
html.is-web:not(.dark) .mc-agx-mini-empty::before, html.is-web:not(.dark) .mc-mem-mini-empty::before {
  content: '◦'; display: block; font-size: 18px; color: var(--mc-line); margin-bottom: 4px;
}
html.is-web:not(.dark) .mc-sum-card .row-kpi {
  gap: 5px !important; margin-top: 4px !important;
}
html.is-web:not(.dark) .mc-sum-card .kpi {
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  padding: 3px 7px !important;
  border-radius: 6px !important;
  font-variant-numeric: tabular-nums slashed-zero !important;
}
html.is-web:not(.dark) .mc-week-stats {
  background: linear-gradient(180deg, #FFFFFF 0%, #FCFCFB 100%) !important;
  border: 1px solid var(--mc-line) !important;
  border-radius: 14px !important;
  padding: 10px 14px !important;
  margin: 4px 14px 12px !important;
  display: grid !important; grid-template-columns: repeat(3, 1fr) !important;
  gap: 0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}
html.is-web:not(.dark) .mc-week-stats .seg {
  display: flex !important; flex-direction: column !important;
  align-items: center !important; gap: 2px !important;
  padding: 4px 0 !important;
  position: relative !important;
}
html.is-web:not(.dark) .mc-week-stats .seg + .seg::before {
  content: ''; position: absolute; left: 0; top: 20%; bottom: 20%; width: 1px;
  background: var(--mc-line); opacity: 0.5;
}
html.is-web:not(.dark) .mc-week-stats .seg::before {
  content: attr(data-lab); display: block; font-size: 10.5px;
  color: var(--mc-ink-3); letter-spacing: 0.04em;
  text-transform: uppercase; font-weight: 500;
}
html.is-web:not(.dark) .mc-week-stats .num {
  font-size: 19px !important; font-weight: 700 !important;
  color: var(--mc-ink-1) !important;
  letter-spacing: -0.022em !important;
  font-variant-numeric: tabular-nums slashed-zero !important;
  line-height: 1.2 !important;
}
html.is-web:not(.dark) .phone-view[data-proto-state="rec"] {
  padding: 14px 0 100px !important;
}
html.is-web:not(.dark) .phone-view[data-proto-state="rec"] > .phone-block-h {
  margin: 0 14px 6px !important;
}
html.is-web:not(.dark) .phone-view[data-proto-state="rec"] .phone-rec-list {
  padding: 0 14px !important; gap: 6px !important;
}
html.is-web:not(.dark) .phone-view[data-proto-state="home"].active {
  display: block !important;
  animation: dt36Fade 0.5s cubic-bezier(.4,0,.2,1);
}
html.is-web:not(.dark) .phone-bottombar {
  padding-left: 2px !important; padding-right: 2px !important;
}
html.is-web:not(.dark) .phone-bottombar button[data-proto-go="home"]::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11 l9-7 l9 7 v9 a1 1 0 0 1-1 1 h-5 v-6 h-6 v6 h-5 a1 1 0 0 1-1-1 z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11 l9-7 l9 7 v9 a1 1 0 0 1-1 1 h-5 v-6 h-6 v6 h-5 a1 1 0 0 1-1-1 z'/%3E%3C/svg%3E");
}
html.is-web:not(.dark) .phone-bottombar button[data-proto-go="home"]::before, .phone-bottombar button[data-proto-go="home"]::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11l8-7 8 7v8.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 19.5z'/%3E%3Cpath d='M9.5 21v-6.5h5V21'/%3E%3C/svg%3E") !important;
          mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11l8-7 8 7v8.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 19.5z'/%3E%3Cpath d='M9.5 21v-6.5h5V21'/%3E%3C/svg%3E") !important;
}
html.is-web:not(.dark) .phone-bottombar button[data-proto-go="rec"]::before, .phone-bottombar button[data-proto-go="rec"]::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='11' rx='3'/%3E%3Cpath d='M6 11a6 6 0 0 0 12 0'/%3E%3Cpath d='M12 17v3'/%3E%3C/svg%3E") !important;
          mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='11' rx='3'/%3E%3Cpath d='M6 11a6 6 0 0 0 12 0'/%3E%3Cpath d='M12 17v3'/%3E%3C/svg%3E") !important;
}
html.is-web:not(.dark) .phone-bottombar button[data-proto-go="summary"]::before, .phone-bottombar button[data-proto-go="summary"]::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 13h6M9 17h4'/%3E%3C/svg%3E") !important;
          mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 13h6M9 17h4'/%3E%3C/svg%3E") !important;
}
html.is-web:not(.dark) .phone-bottombar button[data-proto-go="memory"]::before, .phone-bottombar button[data-proto-go="memory"]::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='8' width='13' height='12' rx='2'/%3E%3Cpath d='M8 8V6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v10'/%3E%3C/svg%3E") !important;
          mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='8' width='13' height='12' rx='2'/%3E%3Cpath d='M8 8V6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v10'/%3E%3C/svg%3E") !important;
}
html.is-web:not(.dark) .phone-bottombar button[data-proto-go="insight"]::before, .phone-bottombar button[data-proto-go="insight"]::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a6 6 0 0 0-3.5 10.9V16h7v-2.1A6 6 0 0 0 12 3z'/%3E%3Cpath d='M10 19h4'/%3E%3Cpath d='M10.5 21h3'/%3E%3C/svg%3E") !important;
          mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a6 6 0 0 0-3.5 10.9V16h7v-2.1A6 6 0 0 0 12 3z'/%3E%3Cpath d='M10 19h4'/%3E%3Cpath d='M10.5 21h3'/%3E%3C/svg%3E") !important;
}
html.is-web:not(.dark) .phone-bottombar button[data-proto-go="initiatives"]::before, .phone-bottombar button[data-proto-go="initiatives"]::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4'/%3E%3Cpath d='M5 4h13l-3 4 3 4H5z'/%3E%3C/svg%3E") !important;
          mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4'/%3E%3Cpath d='M5 4h13l-3 4 3 4H5z'/%3E%3C/svg%3E") !important;
}
html.is-web:not(.dark) .phone-bottombar button[data-proto-go="transcript"]::before, .phone-bottombar button[data-proto-go="transcript"]::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11v2M8 8v8M12 4v16M16 8v8M20 11v2'/%3E%3C/svg%3E") !important;
          mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11v2M8 8v8M12 4v16M16 8v8M20 11v2'/%3E%3C/svg%3E") !important;
}
html.is-web:not(.dark) .phone-bottombar button[data-proto-go="agent"]::before, .phone-bottombar button[data-proto-go="agent"]::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4.5'/%3E%3Cpath d='M12 3v3M12 18v3M21 12h-3M6 12H3M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1M18.4 18.4l-2.1-2.1M7.7 7.7L5.6 5.6'/%3E%3C/svg%3E") !important;
          mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4.5'/%3E%3Cpath d='M12 3v3M12 18v3M21 12h-3M6 12H3M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1M18.4 18.4l-2.1-2.1M7.7 7.7L5.6 5.6'/%3E%3C/svg%3E") !important;
}
html.is-web:not(.dark) .mc7-node-sheet, html.is-web:not(.dark) .mc7-sheet-backdrop {
  z-index: 2000;
}
html.is-web:not(.dark) #mnemo-version-badge {
  position: fixed !important;
  top: 0 !important; right: 0 !important;
  width: 0 !important; height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 0 !important;
  z-index: -1 !important;
}