@media (max-width: 839px) {
  :root {
    --dh-phone-bar-h: calc(56px + env(safe-area-inset-bottom, 0px));
    --dh-sheet-share: 60%;
    --dh-handle-h: 28px;
    --dh-field-type-size: var(--type-field-size);
  }
  .terminal:not([data-reduced="true"]) {
    grid-template-rows: auto auto minmax(0, 1fr) auto auto;
    grid-template-areas:
      "top"
      "notice"
      "main"
      "status"
      "bottom";
  }
  .terminal > .phone-bar {
    grid-area: bottom;
    position: relative;
    z-index: 30;
    display: flex;
    align-items: stretch;
    box-sizing: border-box;
    height: var(--dh-phone-bar-h);
    padding: 0 var(--spacing-4) env(safe-area-inset-bottom, 0px);
    border-top: var(--border-width) solid var(--color-line-hair);
    background: var(--color-bg-chrome);
    -webkit-user-select: none;
    user-select: none;
  }
  .phone-bar__item {
    flex: 1 1 0;
    min-width: 44px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-2);
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: var(--radius-chip);
    background: transparent;
    color: var(--color-text-muted);
    font-family: var(--font-chrome);
    font-size: var(--type-size-11);
    line-height: var(--type-line-height-11);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition:
      color var(--motion-chrome-ms) var(--ease-out),
      transform var(--motion-press-ms) var(--ease-out);
  }
  .phone-bar__icon {
    display: block;
    flex: none;
  }
  .phone-bar__item[aria-expanded="true"] {
    color: var(--color-focus);
  }
  .phone-bar__item:active {
    transform: scale(0.97);
  }
  .phone-bar__item:focus-visible {
    outline: var(--focus-ring-width) solid var(--color-focus);
    outline-offset: calc(-1 * var(--focus-ring-width));
  }
  .terminal > .chart-bar {
    gap: var(--spacing-8);
    padding: 0 var(--spacing-8) 0 var(--spacing-4);
    overflow: hidden;
  }
  .terminal > .chart-bar > .chart-bar__timeframes,
  .terminal > .chart-bar > .chart-bar__layers,
  .terminal > .chart-bar > .chart-bar__group--end,
  .terminal > .chart-bar > .chrome-disclosure--indicators,
  .terminal > .chart-bar > .chart-bar__slot,
  .terminal > .chart-bar > .chart-bar__spacer,
  .terminal > .chart-bar .chart-bar__chip--palette {
    display: none;
  }
  .terminal > .chart-bar > .chart-bar__brand {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    font-size: 0;
    line-height: 0;
  }
  .terminal > .chart-bar > .chart-bar__brand::before {
    content: attr(data-mark);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    box-sizing: border-box;
    border: var(--border-width) solid var(--color-line-hair);
    border-radius: var(--radius-chip);
    font-size: var(--type-size-15);
    line-height: 1;
    font-weight: 600;
    color: var(--color-text-primary);
  }
  .terminal > .chart-bar .chart-bar__symbol {
    width: auto;
    min-width: 0;
    max-width: 100%;
  }
  .terminal > .chart-bar > .chart-bar__group:first-of-type {
    flex: 0 1 auto;
    min-width: 0;
  }
  .terminal > .chart-bar > .chart-bar__price {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    margin-left: auto;
    text-align: right;
    font-family: var(--font-mono);
    font-size: var(--type-size-15);
    line-height: var(--type-line-height-15);
    font-variant-numeric: tabular-nums slashed-zero;
    color: var(--color-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .chart-bar__price[data-absent="true"] {
    color: var(--color-text-muted);
  }
  .chart-bar__price[data-direction="up"] {
    color: var(--color-flow-buy);
  }
  .chart-bar__price[data-direction="down"] {
    color: var(--color-flow-sell);
  }
  .chart-bar__panel,
  .chart-bar__pop--end > .chart-bar__panel,
  .chart-bar__list {
    position: fixed;
    top: var(--dh-bar-h);
    bottom: auto;
    left: 0;
    right: 0;
    width: auto;
    min-width: 0;
    max-width: none;
    max-height: calc(100dvh - var(--dh-bar-h) - var(--dh-phone-bar-h) - 120px);
    border: 0;
    border-bottom: var(--border-width) solid var(--color-line-panel);
    border-radius: 0;
    box-shadow: none;
  }
  .terminal__notice {
    padding: var(--spacing-4) var(--spacing-8);
  }
  .legend__venue,
  .legend__tf {
    display: none;
  }
  .pane-stack > .legend {
    box-sizing: border-box;
    flex-wrap: wrap;
    column-gap: var(--spacing-8);
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .legend__stats {
    display: none;
  }
  .status-bar__chip--narrow.status-bar__chip--clock {
    width: 54px;
    min-width: 54px;
  }
  .status-bar__sessions {
    display: none;
  }
  .status-bar__help {
    display: none;
  }
  .status-bar__latency {
    padding: 0;
    border-color: transparent;
  }
  .status-bar__chip--narrow:not(.status-bar__chip--clock) {
    width: 28px;
    min-width: 28px;
  }
  .status-bar__group {
    column-gap: var(--spacing-4);
  }
  .status-bar {
    column-gap: var(--spacing-8);
  }
  @media (max-width: 389px) {
    .status-bar {
      column-gap: var(--spacing-4);
    }
    .status-bar__chip--state {
      width: 88px;
      min-width: 88px;
      text-overflow: ellipsis;
    }
  }
  .app__nav {
    gap: var(--spacing-8) var(--spacing-12);
  }
  .app__nav {
    align-self: stretch;
    margin-bottom: calc(-1 * var(--border-width));
  }
  .app__nav a {
    display: inline-flex;
    flex: none;
    align-items: center;
    min-height: 44px;
  }
  .app__footer-status,
  .page__action {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
  @keyframes dh-sheet-up {
    from {
      transform: translateY(100%);
    }
  }
  html[data-dh-sheet="timeframe"] .terminal > .chart-bar > .chart-bar__timeframes,
  html[data-dh-sheet="layers"] .terminal > .chart-bar > .chart-bar__layers,
  html[data-dh-sheet="more"] .terminal > .chart-bar > .chart-bar__group--end,
  html[data-dh-sheet="draw"] .terminal > .chart-bar > .phone-draw {
    position: fixed;
    left: 0;
    right: 0;
    bottom: calc(var(--dh-phone-bar-h) + var(--dh-status-h, var(--region-status-bar)));
    z-index: 27;
    box-sizing: border-box;
    max-height: 60dvh;
    margin: 0;
    padding: 0 var(--spacing-12) var(--spacing-12);
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 0;
    border-top: var(--border-width) solid var(--color-line-panel);
    border-radius: var(--radius-panel) var(--radius-panel) 0 0;
    background: var(--color-bg-surface);
    animation: dh-sheet-up var(--motion-cap-ms) var(--ease-pop);
  }
  html[data-dh-sheet] .phone-handle {
    display: block;
    flex: none;
    position: sticky;
    top: 0;
    z-index: 2;
    box-sizing: border-box;
    width: calc(100% + 2 * var(--spacing-12));
    height: var(--dh-handle-h);
    margin: 0 calc(-1 * var(--spacing-12));
    background: inherit;
    touch-action: none;
    cursor: grab;
  }
  html[data-dh-sheet] .phone-handle::before {
    content: "";
    position: absolute;
    top: var(--spacing-8);
    left: 50%;
    width: 36px;
    height: 4px;
    margin-left: -18px;
    border-radius: 2px;
    background: var(--color-line-panel);
  }
  html:not([data-dh-sheet="panels"]) .workspace .phone-handle--panels {
    display: none;
  }
  html[data-dh-sheet="timeframe"] .terminal > .chart-bar > .chart-bar__timeframes {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--spacing-8);
    align-content: start;
  }
  html[data-dh-sheet="timeframe"] .chart-bar__timeframes > .phone-handle {
    grid-column: 1 / -1;
  }
  html[data-dh-sheet="timeframe"] .chart-bar__timeframes .chart-bar__tf {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    min-width: 44px;
    padding: 0 var(--spacing-8);
    border-radius: var(--radius-chip);
    box-shadow: inset 0 0 0 var(--border-width) var(--color-line-hair);
    font-size: var(--type-size-13);
    text-decoration: none;
  }
  html[data-dh-sheet="timeframe"] .chart-bar__timeframes .chart-bar__tf[hidden] {
    display: none;
  }
  html[data-dh-sheet="timeframe"] .chart-bar__timeframes .chart-bar__tf[data-current="true"] {
    color: var(--color-focus);
    background: color-mix(in srgb, var(--color-focus) 14%, transparent);
    box-shadow: inset 0 0 0 var(--border-width) var(--color-focus);
    text-decoration: none;
  }
  html[data-dh-sheet="layers"] .terminal > .chart-bar > .chart-bar__layers {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    gap: var(--spacing-8);
  }
  html[data-dh-sheet="layers"] .chart-bar__layers > .phone-handle {
    flex: 0 0 auto;
  }
  html[data-dh-sheet="layers"] .chart-bar__layers .chart-bar__layer {
    display: inline-flex;
  }
  html[data-dh-sheet="layers"] .chart-bar__layers .chrome-disclosure--footprint,
  html[data-dh-sheet="layers"] .chart-bar__layers .chrome-disclosure--heatmap {
    display: none;
  }
  html[data-dh-sheet="layers"] .chart-bar__layers .layer-toggle {
    height: 44px;
    min-width: 44px;
    gap: var(--spacing-8);
    padding: 0 var(--spacing-16);
    font-size: var(--type-size-13);
  }
  html[data-dh-sheet="layers"] .chart-bar__layers .layer-toggle::before {
    display: block;
  }
  html[data-dh-sheet="draw"] .terminal > .chart-bar > .phone-draw {
    display: flex;
    flex-direction: column;
  }
  .phone-draw__slot {
    flex: none;
  }
  .phone-draw__body {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8);
  }
  .phone-draw__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--spacing-8);
  }
  .phone-draw__cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-4);
    box-sizing: border-box;
    min-width: 44px;
    min-height: 64px;
    margin: 0;
    padding: var(--spacing-8) var(--spacing-4);
    border: 0;
    border-radius: var(--radius-chip);
    box-shadow: inset 0 0 0 var(--border-width) var(--color-line-hair);
    background: transparent;
    color: var(--color-text-primary);
    font-family: var(--font-chrome);
    font-size: var(--type-size-11);
    line-height: var(--type-line-height-11);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform var(--motion-press-ms) var(--ease-out);
  }
  .phone-draw__note {
    margin: 0;
    color: var(--color-text-muted);
    font-family: var(--font-chrome);
    font-size: var(--type-size-11);
    line-height: var(--type-line-height-11);
  }
  .phone-draw__cell:active:not(:disabled) {
    transform: scale(0.97);
  }
  .phone-draw__cell:disabled {
    opacity: var(--opacity-disabled);
    cursor: default;
  }
  .phone-draw__cell[aria-pressed="true"] {
    color: var(--color-focus);
    background: color-mix(in srgb, var(--color-focus) 14%, transparent);
    box-shadow: inset 0 0 0 var(--border-width) var(--color-focus);
  }
  .phone-draw__cell:focus-visible {
    outline: var(--focus-ring-width) solid var(--color-focus);
    outline-offset: calc(-1 * var(--focus-ring-width));
  }
  .phone-draw__name {
    display: -webkit-box;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-width: 100%;
    text-align: center;
  }
  html[data-dh-sheet="more"] .terminal > .chart-bar > .chart-bar__group--end {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--spacing-2);
  }
  html[data-dh-sheet="more"] .chart-bar__group--end .chart-bar__slot {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  html[data-dh-sheet="more"] .terminal > .chart-bar > .chart-bar__group--end > * {
    flex: none;
  }
  html[data-dh-sheet="more"] .chart-bar__group--end .chart-bar__pop {
    flex-direction: column;
    align-items: stretch;
  }
  html[data-dh-sheet="more"] .chart-bar__group--end .chart-bar__end,
  html[data-dh-sheet="more"] .chart-bar__group--end .chart-bar__icon-button,
  html[data-dh-sheet="more"] .chart-bar__group--end .handoff__trigger {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-12);
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    padding: 0 var(--spacing-12);
    font-size: var(--type-size-13);
    line-height: var(--type-line-height-13);
  }
  html[data-dh-sheet="more"] .chart-bar__group--end .chrome-disclosure--layouts {
    display: none;
  }
  html[data-dh-sheet="more"] .chart-bar__group--end [data-testid="chart-bar-fullscreen"] {
    margin-left: 0;
  }
  html[data-dh-sheet="more"] .chart-bar__group--end [data-testid="chart-bar-fullscreen"]::after {
    content: attr(aria-label);
  }
  html[data-dh-sheet="more"] .chart-bar__group--end .handoff__trigger {
    border: 0;
    box-shadow: none;
  }
  html[data-dh-sheet="more"] .chart-bar__group--end .chart-bar__word {
    display: inline;
  }
  html[data-dh-sheet="more"] .chart-bar__group--end .chart-bar__glyph {
    display: inline-block;
    order: -1;
  }
  html[data-dh-sheet="more"] .chart-bar__group--end .chart-bar__chevron {
    display: none;
  }
  html[data-dh-sheet="more"] .chart-bar__group--end [data-testid="chart-bar-theme"]::after {
    content: attr(aria-label);
  }
  html[data-dh-sheet="more"] .chart-bar__group--end .chart-bar__panel {
    position: static;
    top: auto;
    width: auto;
    max-height: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
  }
  html[data-dh-sheet="more"] .chart-bar__group--end .share-panel button {
    min-height: 44px;
  }
  html[data-dh-sheet="more"] .chart-bar__group--end .chart-bar__about-links a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
  .terminal > .chart-bar:has(> .chart-bar__slot[data-slot="replay"] > .replay-control) {
    --dh-replay-row-h: 52px;
  }
  html[data-dh-sheet="more"] .terminal > .chart-bar:has(> .chart-bar__slot[data-slot="replay"] > .replay-control) > .chart-bar__group--end {
    padding-bottom: calc(var(--spacing-12) + var(--dh-replay-row-h));
  }
  html[data-dh-sheet="more"] .terminal > .chart-bar > .chart-bar__slot[data-slot="replay"],
  html:not([data-dh-sheet]) .terminal > .chart-bar > .chart-bar__slot[data-slot="replay"]:has(> .replay-transport) {
    position: fixed;
    left: 0;
    right: 0;
    bottom: calc(var(--dh-phone-bar-h) + var(--dh-status-h, var(--region-status-bar)));
    z-index: 28;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    box-sizing: border-box;
    padding: 0 var(--spacing-8);
    border-top: var(--border-width) solid var(--color-line-panel);
    background: var(--color-bg-surface);
  }
  .chart-bar__slot[data-slot="replay"] .replay-control {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
  .chart-bar__slot[data-slot="replay"] .replay-control__arm {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    padding: 0 var(--spacing-4);
    font-size: var(--type-size-13);
    line-height: var(--type-line-height-13);
  }
  .chart-bar__slot[data-slot="replay"] .replay-pick {
    position: static;
    order: -1;
    top: auto;
    min-width: 0;
    max-height: none;
    padding: var(--spacing-8) var(--spacing-4);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
  }
  .chart-bar__slot[data-slot="replay"] .replay-pick__go,
  .chart-bar__slot[data-slot="replay"] .replay-pick__cancel {
    height: 44px;
    font-size: var(--type-size-13);
  }
  .chart-bar__slot[data-slot="replay"] .replay-pick__input {
    height: 44px;
  }
  .chart-bar__slot[data-slot="replay"] .replay-transport {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-4);
    padding: var(--spacing-4) 0;
    border-left: 0;
  }
  .chart-bar__slot[data-slot="replay"] .replay-transport__step,
  .chart-bar__slot[data-slot="replay"] .replay-transport__play {
    width: 40px;
    height: 44px;
  }
  .chart-bar__slot[data-slot="replay"] .replay-transport__speed {
    height: 44px;
    min-width: 32px;
  }
  .chart-bar__slot[data-slot="replay"] .replay-transport__live {
    height: 44px;
    padding: 0 var(--spacing-8);
  }
  .terminal[data-reduced="true"] > .status-bar {
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  html[data-dh-fullscreen] .terminal > .chart-bar {
    height: 0;
    min-height: 0;
    padding: 0;
    border: 0;
    overflow: visible;
  }
  html[data-dh-fullscreen] .terminal > .chart-bar > :not(.chart-bar__group--end):not(.phone-draw) {
    display: none;
  }
  html[data-dh-fullscreen] .terminal > .status-bar {
    display: none;
  }
  .monitor__grid {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: none !important;
    grid-auto-flow: row;
    grid-auto-rows: minmax(0, 1fr);
  }
  .grid-control [data-testid="grid-layout-2h"],
  .grid-control [data-testid="grid-layout-8"],
  .grid-control [data-testid="grid-layout-16"],
  .grid-control__hint {
    display: none;
  }
  html[data-dh-sheet="more"] .grid-control__option {
    min-height: 44px;
  }
  .workspace:not([data-reduced="true"]) .workspace__rail {
    display: none;
  }
  .workspace__draw {
    display: none;
  }
  .workspace:not([data-reduced="true"]) .footprint-legend,
  .workspace:not([data-reduced="true"]) .footprint-summary {
    display: none;
  }
  html[data-dh-sheet="panels"] .workspace:not([data-reduced="true"]) .workspace__rail {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 21;
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    height: var(--dh-sheet-share);
    padding-top: var(--dh-handle-h);
    overflow: hidden;
    border-top: var(--border-width) solid var(--color-line-panel);
    border-radius: var(--radius-panel) var(--radius-panel) 0 0;
    background: var(--color-bg-surface);
    animation: dh-sheet-up var(--motion-cap-ms) var(--ease-pop);
  }
  html[data-dh-sheet="panels"] .workspace .phone-handle--panels {
    display: block;
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: calc(var(--dh-sheet-share) - var(--dh-handle-h));
    z-index: 22;
    width: auto;
    margin: 0;
    background: transparent;
    animation: dh-sheet-up var(--motion-cap-ms) var(--ease-pop);
  }
  html[data-dh-sheet="panels"] .rail__collapse-input:checked ~ .workspace__rail {
    width: auto;
    min-width: 0;
  }
  .workspace__rail .rail__strip {
    flex: none;
    box-sizing: border-box;
    width: 100%;
    height: 57px;
    padding: 0 var(--spacing-4);
  }
  .workspace__rail .rail__strip-group {
    display: flex;
    flex: 5 1 0;
    min-width: 0;
    gap: 0;
  }
  .workspace__rail .rail__strip-group.rail__strip-group--bottom {
    display: flex;
    flex: 3 1 0;
  }
  .workspace__rail .rail__cell,
  .workspace__rail .rail__cell[data-tab="layouts"] {
    display: flex;
    flex: 1 1 0;
    min-width: 0;
  }
  .workspace__rail .rail__icon {
    flex-direction: column;
    gap: var(--spacing-2);
    width: 100%;
    height: 56px;
    min-width: 0;
    border-radius: var(--radius-chip);
  }
  .workspace__rail .rail__name {
    display: block;
    font-family: var(--font-chrome);
    font-size: var(--type-size-10);
    line-height: var(--type-line-height-10);
    letter-spacing: -0.02em;
    white-space: nowrap;
    pointer-events: none;
  }
  .workspace__rail .rail__icon--open {
    color: var(--color-focus);
    pointer-events: none;
  }
  .workspace__rail .rail__slot {
    flex: 1 1 auto;
    min-height: 0;
  }
  .workspace__rail .rail__body {
    padding: 0 var(--spacing-12) var(--spacing-12);
    overscroll-behavior: contain;
  }
  .workspace__rail .rail__panel-head {
    background: var(--color-bg-surface);
  }
  @media (prefers-reduced-motion: reduce) {
    html[data-dh-sheet] .terminal > .chart-bar > .chart-bar__timeframes,
    html[data-dh-sheet] .terminal > .chart-bar > .chart-bar__layers,
    html[data-dh-sheet] .terminal > .chart-bar > .chart-bar__group--end,
    html[data-dh-sheet] .terminal > .chart-bar > .phone-draw,
    html[data-dh-sheet] .workspace .workspace__rail,
    html[data-dh-sheet] .workspace .phone-handle--panels {
      animation: none;
    }
    .phone-bar__item,
    .phone-draw__cell {
      transition: none;
    }
  }
  .symbol-search {
    position: absolute;
    top: var(--spacing-4);
    left: var(--spacing-4);
    right: var(--spacing-4);
    width: auto;
  }
  .symbol-search__list {
    height: calc(4 * 44px + var(--spacing-8));
  }
  .symbol-search__link {
    height: 44px;
  }
  .key-sheet {
    display: none;
  }
  .alert-panel__group,
  .alert-panel__field,
  .alert-panel__actions,
  .alert-panel__confirm {
    display: none;
  }
  .alert-panel__row [data-testid="alert-delete"] {
    display: none;
  }
  .alerts-note {
    display: block;
    margin: 0 0 var(--spacing-16);
    font-size: var(--type-size-13);
    line-height: var(--type-line-height-13);
    color: var(--color-text-muted);
  }
  .page {
    padding-top: var(--spacing-24);
    padding-bottom: var(--spacing-32);
  }
  .watchlist {
    margin-bottom: var(--spacing-4);
  }
  .watchlist__title {
    margin-bottom: var(--spacing-2);
  }
  .watchlist__actions {
    margin-bottom: var(--spacing-2);
  }
  .watchlist__actions button {
    min-height: 44px;
    padding: var(--spacing-2) var(--spacing-4);
    font-size: var(--type-size-11);
    line-height: var(--type-line-height-11);
  }
  .watchlist__name {
    margin-bottom: var(--spacing-2);
    padding: var(--spacing-2) var(--spacing-4);
  }
  .watchlist__status,
  .watchlist__none {
    margin-bottom: var(--spacing-2);
  }
  .watchlist__lists {
    margin-bottom: var(--spacing-2);
  }
  .rail__panel .watchlist__rows {
    max-height: none;
    overflow: visible;
  }
  .workspace > .workspace__pane:has(> .oi-pane) {
    --oi-pane-h: 0px;
  }
  .oi-pane {
    display: none;
  }
  input:not([type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="button"], [type="submit"], [type="reset"], [type="hidden"]),
  select,
  textarea {
    min-height: 44px !important;
    font-size: var(--dh-field-type-size) !important;
    line-height: var(--type-line-height-15) !important;
  }
  .workspace__rail .slot-panel .slot-chevron-button,
  .workspace__rail .slot-chevron-gap {
    width: 44px;
    height: 44px;
  }
  .workspace__rail .slot-panel .slot-chip,
  .workspace__rail .slot-panel .slot-quiet,
  .workspace__rail .slot-panel .slot-more__button {
    height: 44px;
  }
  .workspace__rail .layouts button {
    min-height: 44px;
  }
  .workspace__rail .rail__empty-link {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
  .workspace__rail .rail__info {
    position: relative;
  }
  .workspace__rail .rail__info::after {
    content: "";
    position: absolute;
    inset: -13px;
  }
  .context-menu__item {
    min-height: 44px;
  }
  .price-auto::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 44px;
  }
}
@media (max-width: 839px) {
  .phone-tool-chip[hidden] {
    position: fixed;
    left: 50%;
    bottom: calc(var(--dh-phone-bar-h) + var(--dh-status-h, var(--region-status-bar)) + var(--spacing-8));
    z-index: 26;
    display: flex;
    align-items: center;
    gap: var(--spacing-8);
    max-width: calc(100vw - 2 * var(--spacing-16));
    box-sizing: border-box;
    padding: 0 var(--spacing-4) 0 var(--spacing-12);
    transform: translateX(-50%);
    border: var(--border-width) solid var(--color-line-panel);
    border-radius: var(--radius-panel);
    background: var(--color-bg-surface);
    box-shadow: var(--shadow-float);
    color: var(--color-text-primary);
    font-family: var(--font-chrome);
    font-size: var(--type-size-13);
    white-space: nowrap;
  }
  html[data-dh-sheet] .phone-tool-chip[hidden] {
    display: none;
  }
  .phone-tool-chip__done {
    min-width: 44px;
    min-height: 44px;
    padding: 0 var(--spacing-12);
    border: 0;
    border-radius: var(--radius-chip);
    background: transparent;
    color: var(--color-focus);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .phone-tool-chip__done:focus-visible {
    outline: var(--focus-ring-width) solid var(--color-focus);
    outline-offset: calc(-1 * var(--focus-ring-width));
  }
  .phone-bar__item[data-armed="true"] {
    color: var(--color-focus);
  }
  .text-label__field {
    width: min(200px, calc(100vw - 4 * var(--spacing-16)));
    box-sizing: border-box;
  }
}
@media (max-width: 839px) {
  @media (orientation: landscape) and (max-height: 500px) and (min-width: 560px) {
    :root {
      --dh-phone-rail-w: calc(56px + env(safe-area-inset-left, 0px));
      --dh-phone-bar-h: 0px;
      --dh-landscape-panels-w: min(320px, 45%);
    }
    .terminal:not([data-reduced="true"]) {
      grid-template-columns: var(--dh-phone-rail-w) minmax(0, 1fr);
      grid-template-rows: auto auto minmax(0, 1fr) auto;
      grid-template-areas:
        "bottom top"
        "bottom notice"
        "bottom main"
        "bottom status";
    }
    .terminal > .phone-bar {
      flex-direction: column;
      height: auto;
      padding: var(--spacing-4) 0 var(--spacing-4) env(safe-area-inset-left, 0px);
      border-top: 0;
      border-right: var(--border-width) solid var(--color-line-hair);
    }
    .phone-bar__item {
      min-height: 44px;
    }
    html[data-dh-sheet="timeframe"] .terminal > .chart-bar > .chart-bar__timeframes,
    html[data-dh-sheet="layers"] .terminal > .chart-bar > .chart-bar__layers,
    html[data-dh-sheet="more"] .terminal > .chart-bar > .chart-bar__group--end,
    html[data-dh-sheet="draw"] .terminal > .chart-bar > .phone-draw,
    html[data-dh-sheet="more"] .terminal > .chart-bar > .chart-bar__slot[data-slot="replay"],
    html:not([data-dh-sheet]) .terminal > .chart-bar > .chart-bar__slot[data-slot="replay"]:has(> .replay-transport),
    .chart-bar__panel,
    .chart-bar__pop--end > .chart-bar__panel,
    .chart-bar__list {
      left: var(--dh-phone-rail-w);
    }
    html[data-dh-sheet="panels"] .workspace:not([data-reduced="true"]) .workspace__rail {
      top: 0;
      left: auto;
      width: var(--dh-landscape-panels-w);
      height: auto;
      padding-top: 0;
      border-top: 0;
      border-left: var(--border-width) solid var(--color-line-panel);
      border-radius: 0;
    }
    html[data-dh-sheet="panels"] .workspace .phone-handle--panels {
      display: none;
    }
  }
}
@media (max-width: 839px) {
  .page__meta a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
  .switch {
    min-height: 44px;
    gap: var(--spacing-12);
  }
  .switch input {
    width: 20px;
    height: 20px;
    margin: 0;
    flex: none;
  }
  @media (max-width: 639px) {
    .app__header {
      column-gap: 0;
    }
    .app__brand {
      display: flex;
      align-items: center;
      flex: 1 1 100%;
      min-height: 44px;
    }
    .app__nav {
      flex: 1 1 100%;
      flex-wrap: wrap;
      width: 100%;
      margin-left: 0;
      margin-bottom: 0;
      align-self: auto;
      gap: 0;
      justify-content: space-between;
      border-top: var(--border-width) solid var(--color-line-hair);
    }
    .app__nav a {
      flex: 1 1 auto;
      justify-content: center;
      padding: 0 var(--spacing-4);
    }
    .app__nav-long {
      display: none;
    }
    .app__nav-short {
      display: inline;
    }
  }
}