#callModePrompt{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0;margin:8px 16px;padding:12px;border:1px solid var(--sm-line,var(--line,#bdd8d0));border-radius:16px;background:var(--sm-surface,var(--paper,#15252f));color:var(--sm-ink,var(--ink,#edf7fa));font:inherit}
#callModePrompt[hidden]{display:none}
#callModal.is-minimized #callModePrompt{display:none}
#callModePrompt span{flex:1 1 180px;line-height:1.7}
#callModePrompt button{min-height:44px;padding:8px 16px;border:1px solid var(--sm-line,var(--line,#bdd8d0));border-radius:12px;font:inherit;background:var(--sm-surface,var(--paper,#15252f));color:inherit;cursor:pointer}
#callModePrompt #callModeAccept{background:var(--sm-mint,var(--brand,#16846d));color:#fff}
#changeCallMode[aria-busy=true]{opacity:.55}
#callModal .call-controls{flex-wrap:wrap}
#callModal:not(.is-minimized) .call-controls .control-btn{flex:0 0 48px;width:48px;height:48px;min-width:48px;min-height:48px;max-width:48px;max-height:48px;padding:0;aspect-ratio:1}
@media(max-width:700px){
  #callModal:not(.is-minimized) .call-controls{gap:8px;padding:12px 10px max(12px,env(safe-area-inset-bottom));justify-content:center;width:100%;max-width:240px;margin-inline:auto;box-sizing:border-box}
  #callModal:not(.is-minimized) .call-controls .control-btn{flex-basis:44px;width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px}
  #callModal.is-minimized .call-controls{gap:8px;width:100%;max-width:200px;margin-inline:auto;box-sizing:border-box}
  #callModal.is-minimized .call-controls .control-btn{flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px;padding:0}
  #callModePrompt{margin:6px 10px}
}
@media(max-width:700px) and (orientation:landscape){#callModal:not(.is-minimized) .call-controls{max-width:none}}