#phone-dialog { width:min(480px,94vw); padding:28px; }
#phone-dialog h2 { font-size:20px; }
#phone-dialog p { font-size:13px; }
#phone-dialog label { gap:8px; margin:18px 0; font-size:13px; }
#phone-dialog input { min-height:44px; font-size:15px; }
#phone-mode { padding:12px; border-radius:8px; background:#fff7df; color:#70531a; }
.phone-summary { display:grid; gap:12px; padding:20px; margin:20px 0; background:#f5f7fa; border-radius:12px; }
.phone-summary strong { font-size:20px; }
.phone-summary span { color:#687483; font-size:13px; }
#phone-steps { display:flex; justify-content:space-between; list-style:none; padding:14px 0; margin:20px 0; border-bottom:1px solid #e0e3e8; color:#7c8793; font-size:13px; }
#phone-steps .active { color:#34456a; font-weight:700; }
.phone-actions { display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap; margin-top:22px; }
#phone-help,#phone-test { margin-top:20px; font-size:12px; color:#687483; }
#phone-dialog summary { cursor:pointer; padding:8px 0; }
#phone-result { overflow-wrap:anywhere; }
#phone-success { padding:12px 0; }
@media(max-width:500px) { #phone-dialog { padding:20px; } .phone-actions { gap:7px; } }