body{background:#f7f8fa;margin:0;padding:0;font-family:Inter,Segoe UI,sans-serif}.container{width:340px;margin:30px auto}.header{text-align:center;color:#666;margin-bottom:16px;font-size:14px}.login{flex-direction:column;gap:10px;display:flex}.login input{border:1px solid #dcdcdc;border-radius:12px;outline:none;height:42px;padding:0 12px;font-size:14px}.login button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;height:42px;font-size:14px}.display{text-align:center;box-sizing:border-box;background:#fff;border:1px solid #dcdcdc;border-radius:16px;width:100%;height:60px;margin-bottom:12px;font-size:28px}.mode-toggle{gap:8px;margin-bottom:12px;display:flex}.mode-btn{color:#666;cursor:pointer;background:#efefef;border:none;border-radius:12px;flex:1;height:38px;font-size:13px;transition:background .15s,color .15s}.mode-btn.active{color:#fff;background:#2563eb}.keypad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.keypad button{cursor:pointer;background:#fff;border:none;border-radius:16px;height:64px;font-size:22px;box-shadow:0 1px 3px #00000014}.call-button{color:#fff;background:#22c55e!important}.delete-button{background:#efefef!important}.hangup-button{color:#fff;background:#ef4444!important}.call-screen{text-align:center;background:#fff;border-radius:20px;padding:24px;box-shadow:0 2px 10px #00000014}.call-title{color:#666;font-size:14px}.call-number{margin:20px 0;font-size:32px}.call-actions{justify-content:center;gap:10px;display:flex}.accept-button{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:12px;padding:12px 18px}.reject-button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;padding:12px 18px}.video-call{padding:0;position:relative;overflow:hidden}.remote-video{object-fit:cover;background:#000;border-radius:20px 20px 0 0;width:100%;height:240px}.remote-video-placeholder{color:#888;background:#111;border-radius:20px 20px 0 0;justify-content:center;align-items:center;width:100%;height:240px;font-size:13px;display:flex}.local-video{object-fit:cover;border-radius:10px;width:90px;height:120px;position:absolute;top:12px;right:12px;box-shadow:0 2px 6px #0000004d}.video-call .call-title,.video-call .call-number,.video-call .call-actions{padding:0 24px}.video-call .call-actions{padding-bottom:24px}