#phone-root{position:fixed;right:22px;bottom:18px;z-index:80;width:390px;max-width:calc(100vw - 24px)}
#phone-root[hidden]{display:none}
.browser-phone{background:#fff;border:1px solid #a4bfb0;border-radius:14px;padding:18px;box-shadow:0 12px 50px #123c3030;max-height:85vh;overflow-y:auto;color:#243c36}
.browser-phone header{display:flex;justify-content:space-between;gap:12px;align-items:start;border-bottom:1px solid #dbe5df;padding-bottom:12px;margin-bottom:12px}
.browser-phone header strong{font-size:17px}
#phone-status{font-size:12px;color:#536c60;margin-top:4px}
#phone-peer{font-size:19px;overflow-wrap:anywhere}
#phone-note{font-size:12px;color:#5d7268;margin:10px 0;min-height:18px}
.phone-devices{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.phone-devices select{font-size:12px}
.phone-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.phone-buttons button{flex:1;font-size:12px;padding:7px;min-height:37px}
.phone-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}
.phone-meter-label{margin-top:12px}
#phone-meter{width:100%;height:12px;accent-color:#08694f}
.phone-footnote{font-size:11px;color:#667d73;margin-top:12px}
.browser-phone details{margin-top:12px;font-size:12px}
@media(max-width:480px){#phone-root{right:12px;bottom:12px}.phone-devices{grid-template-columns:1fr}.phone-devices select{font-size:16px}}