body{background:#f2f2f2;font-family:sans-serif;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.phone-container{width:320px;background:#fff;border-radius:20px;box-shadow:0 0 10px #0000004d;margin-top:50px;padding:20px}.display-container{display:flex;align-items:center;gap:10px;margin-bottom:20px}.screen{flex:1;height:60px;background:#e0e0e0;border-radius:10px;text-align:right;padding:10px;font-size:24px;box-sizing:border-box;transition:background-color .3s ease}.backspace-button{width:50px;height:60px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center}.backspace-button:hover{background:#e9ecef}.dialpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dial-button{width:80px;height:80px;background:#ddd;border-radius:50%;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.call-button{width:100%;padding:15px;background:#4caf50;color:#fff;font-size:24px;border:none;border-radius:10px;margin-top:20px;cursor:pointer}.log-container{margin-top:20px;font-size:14px;width:320px;height:200px;padding:10px;border:1px solid #dee2e6;border-radius:10px;background:#fff;font-family:monospace;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.error-dialog{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;opacity:0;transition:opacity .3s ease}.error-dialog.show{display:flex;opacity:1;align-items:center;justify-content:center}.error-dialog-content{background:#fff;padding:20px;border-radius:15px;width:80%;max-width:300px;text-align:center;box-shadow:0 4px 6px #0000001a;transform:scale(.9);transition:transform .3s ease}.error-dialog.show .error-dialog-content{transform:scale(1)}.error-dialog p{margin:0 0 20px;font-size:16px;color:#333;line-height:1.4}.error-dialog-button{background:#007aff;color:#fff;border:none;padding:10px 30px;border-radius:25px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.error-dialog-button:hover{background:#0056b3}.loading-indicator{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffe6;z-index:2000;display:none;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.loading-indicator.show{display:flex;opacity:1;pointer-events:auto}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #007AFF;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.loading-indicator p{color:#333;font-size:16px;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}