.wp{position:fixed;right:24px;bottom:24px;width:340px;background:#fff;border:1px solid #c9dce1;border-radius:15px;box-shadow:0 18px 70px #102e3b38;z-index:15;overflow:hidden;color:#173e4b}.wp-head{display:flex;align-items:center;justify-content:space-between;background:#123c48;color:#fff;padding:17px 20px}.wp-head strong{font-size:17px}.wp-head small{display:block;color:#a9cbd4;font-size:12px;margin-top:5px}.wp-icon{border:0;background:#ffffff12;color:white;border-radius:6px;font-size:24px;width:32px;height:32px}.wp-body{padding:18px 20px;max-height:calc(100vh - 130px);overflow:auto}.wp-demo{background:#edf5f6;color:#397783;border-radius:5px;font-size:11px;padding:8px;margin-bottom:13px}.wp-status{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#6c858e}.wp-status i{width:7px;height:7px;background:#d6a045;border-radius:50%}.wp-status i.online{background:#21ab85}#wp-time{margin-left:auto;font-variant-numeric:tabular-nums}#wp-peer{font-size:21px;font-weight:600;overflow-wrap:anywhere;margin-top:12px}#wp-peer:empty{display:none}#wp-message{font-size:12px;line-height:1.5;min-height:36px;margin:8px 0 13px}.wp-field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#65808a}.wp-field input{font-size:23px;letter-spacing:.5px;padding:12px;width:100%;text-align:center;background:#f5f8f9;border:1px solid #dbe5e9}.wp-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0 9px}.wp-keypad button{border:1px solid #e0e8ec;border-radius:7px;background:white;color:#234b59;font-size:21px;height:43px}.wp-keypad button:hover{background:#e9f4f4;border-color:#9dcccb}.wp-tools{display:flex;gap:6px;margin:9px 0 13px}.wp-tools button{border:1px solid #d9e6e9;background:#f4f8f9;border-radius:6px;font-size:11px;padding:8px;flex:1;color:#49707e}.wp-tools button[aria-pressed=true]{background:#e0f0ec;border-color:#4d9f85;color:#0f7252}.wp-callactions{display:flex;gap:8px}.wp-callactions button{border:0;background:#087e83;color:#fff;border-radius:7px;padding:12px;flex:1;font-weight:600}#wp-end{background:#c8465a}.wp-device{margin-top:15px}.wp-device select{font-size:12px;padding:8px}.wp-bottom{display:flex;gap:8px;justify-content:space-between;margin-top:13px}.wp-bottom button,.wp-link{border:0;background:none;padding:6px 0;color:#078087;font-size:12px;font-weight:600;text-align:left}.wp-note{font-size:10px;line-height:1.5;color:#8aa0a9;display:block;margin-top:9px}.wp button:disabled{opacity:.4;cursor:not-allowed}.wp.hidden{display:none}#wp-play{margin-top:8px}@media(max-width:620px){.wp{right:8px;bottom:8px;width:min(340px,calc(100vw - 16px))}.wp-body{max-height:calc(100dvh - 110px)}.topright .btn{padding:8px;font-size:11px}.wp-keypad button{height:40px}}