:root{--primary: #0ba5b7;--primary-dark: #0e7c8a;--danger: #ef4444;--success: #10b981;--warn: #d97706;--text: #0f172a;--text-body: #334155;--text-soft: #64748b;--border: #cbd5e1;--bg-grad-a: #f1f7f9;--bg-grad-b: #e2eef1;--card-bg: #ffffff;--radius: 18px;--radius-control: 12px;--touch: 48px;--shadow: 0 8px 30px rgba(14, 124, 138, .14);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:linear-gradient(160deg,var(--bg-grad-a),var(--bg-grad-b));color:var(--text);-webkit-font-smoothing:antialiased}.cf-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:safe center;overflow-y:auto;padding:clamp(10px,3vh,24px) 16px;padding-bottom:calc(clamp(10px,3vh,24px) + env(safe-area-inset-bottom))}.cf-card{width:100%;max-width:420px;background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(16px,4vh,28px) clamp(16px,4vw,22px);text-align:center}.cf-lockup{display:inline-flex;align-items:center;gap:9px;margin-bottom:clamp(8px,2.4vh,18px)}.cf-lockup-symbol{width:30px;height:30px;flex:0 0 auto;display:block}.cf-lockup-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.cf-lockup-name{font-size:19px;font-weight:600;letter-spacing:-.01em}.cf-lockup-by{font-size:10.5px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;margin-top:3px}.cf-lockup-light .cf-lockup-symbol{color:var(--primary-dark)}.cf-lockup-light .cf-lockup-name{color:var(--text)}.cf-lockup-light .cf-lockup-by{color:var(--text-soft)}.cf-lockup-dark .cf-lockup-symbol,.cf-lockup-dark .cf-lockup-name{color:#fff}.cf-lockup-dark .cf-lockup-by{color:#ffffffb8}.cf-title{font-size:clamp(18px,4.8vw,22px);font-weight:700;margin:0 0 6px;line-height:1.25}.cf-subtitle{font-size:clamp(13px,3.6vw,15px);color:var(--text-soft);margin:0 0 clamp(12px,3vh,20px);line-height:1.45}.cf-icon{font-size:clamp(30px,9vw,44px);line-height:1;margin-bottom:clamp(6px,2vh,14px)}.cf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:var(--touch);border:none;border-radius:var(--radius-control);font-size:16px;font-weight:600;cursor:pointer;padding:12px 18px;transition:background-color .15s ease,transform .05s ease}.cf-btn:active{transform:scale(.98)}.cf-btn-primary{background:var(--primary);color:#fff}.cf-btn-primary:hover{background:var(--primary-dark)}.cf-btn-secondary{background:#eaf4f6;color:var(--text)}.cf-btn-danger{background:var(--danger);color:#fff}.cf-btn+.cf-btn{margin-top:12px}.cf-field{text-align:left;margin-bottom:16px}.cf-field label{display:block;font-size:13px;font-weight:600;color:var(--text-soft);margin-bottom:6px;text-transform:capitalize}.cf-field input{width:100%;min-height:var(--touch);border:1.5px solid var(--border);border-radius:var(--radius-control);padding:10px 14px;font-size:16px;color:var(--text);background:#fff;outline:none;transition:border-color .15s ease}.cf-field input:focus{border-color:var(--primary)}.cf-field .cf-error{display:block;color:var(--danger);font-size:13px;margin-top:5px}.cf-radio-group{display:flex;gap:12px;justify-content:center;margin:14px 0}.cf-radio{display:inline-flex;align-items:center;gap:8px;min-height:var(--touch);padding:8px 18px;border:1.5px solid var(--border);border-radius:var(--radius-control);cursor:pointer;font-size:15px}.cf-radio input{accent-color:var(--primary);width:18px;height:18px}.cf-radio.selected{border-color:var(--primary);background:#0ba5b714}@media (max-height: 560px){.cf-radio-group{margin:8px 0}.cf-field{margin-bottom:10px}.cf-btn+.cf-btn{margin-top:8px}}.cf-permission-icons{display:flex;justify-content:center;gap:18px;font-size:40px;margin-bottom:16px}.cf-help{background:#fff7e8;border:1px solid #f0ce8e;color:#7a5b16;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.45;margin:14px 0;text-align:left}.cf-calling{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:24px 18px calc(32px + env(safe-area-inset-bottom));text-align:center}.cf-pulse{position:relative;width:120px;height:120px}.cf-pulse .cf-pulse-core{position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:34px;color:#fff}.cf-pulse:before,.cf-pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid var(--primary);opacity:0;animation:cf-ring 2.4s ease-out infinite}.cf-pulse:after{animation-delay:1.2s}@keyframes cf-ring{0%{transform:scale(.55);opacity:.85}to{transform:scale(1.25);opacity:0}}.cf-status-text{font-size:17px;line-height:1.5;color:var(--text);max-width:340px}.cf-queue-badge{display:inline-block;background:var(--primary);color:#fff;border-radius:999px;font-size:15px;font-weight:600;padding:8px 18px}.cf-cancel{max-width:240px}.cf-call-stage{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c181d;overflow:hidden}.cf-remote-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#0c181d}.cf-remote-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#e8eef1}.cf-avatar{width:96px;height:96px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:700;color:#fff;text-transform:uppercase}.cf-remote-name{font-size:17px;font-weight:600}.cf-remote-hint{font-size:14px;color:#9fb3bb}.cf-local-preview{position:absolute;right:14px;bottom:calc(112px + env(safe-area-inset-bottom));width:104px;height:148px;object-fit:cover;border-radius:14px;border:2px solid rgba(255,255,255,.7);box-shadow:var(--shadow);background:#15252c;z-index:4}.cf-timer{position:absolute;top:calc(14px + env(safe-area-inset-top));left:50%;transform:translate(-50%);background:#0c181d8c;color:#fff;font-size:14px;font-variant-numeric:tabular-nums;border-radius:999px;padding:6px 14px;z-index:4}.cf-degraded{position:absolute;top:calc(54px + env(safe-area-inset-top));left:50%;transform:translate(-50%);background:var(--warn);color:#fff;font-size:13px;border-radius:999px;padding:7px 14px;z-index:5;white-space:nowrap}.cf-remote-muted{position:absolute;top:calc(14px + env(safe-area-inset-top));right:14px;background:#0c181d8c;color:#fff;font-size:12px;border-radius:999px;padding:6px 12px;z-index:4}.cf-controls{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:18px;padding:18px 16px calc(22px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#081014bf);transition:opacity .25s ease,visibility .25s ease;z-index:6}.cf-controls.hidden{opacity:0;visibility:hidden}.cf-ctrl{width:56px;height:56px;border-radius:50%;border:none;background:#ffffff29;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cf-ctrl.off{background:var(--danger);color:#fff}.cf-ctrl.hangup{background:var(--danger)}.cf-ctrl svg{width:26px;height:26px}.cf-duration{font-size:15px;color:var(--text-soft);margin:4px 0 18px}.cf-note{font-size:14px;color:var(--text-soft);margin-top:16px;line-height:1.45}.cf-error-block{margin:4px 0 12px;text-align:center}.cf-staff-card{text-align:center}.cf-status-dot{width:12px;height:12px;border-radius:50%;margin:0 auto 12px;box-shadow:0 0 0 4px #0ba5b726}.cf-status-dot.online{background:var(--success);box-shadow:0 0 0 4px #10b9812e}.cf-status-dot.offline{background:var(--text-soft);box-shadow:0 0 0 4px #5b6b7326}.cf-staff-name{font-weight:600;color:var(--text);margin:4px 0 16px}.cf-staff-logout{margin-top:18px}.cf-staff-incoming .cf-card{text-align:center}.cf-incoming-pulse{font-size:56px;margin:4px 0 10px;animation:cf-ring 1.2s ease-in-out infinite}@keyframes cf-ring{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(8deg)}}.cf-incoming-org{font-weight:700;color:var(--text);margin:0 0 2px}.cf-incoming-fields{margin:14px 0 20px;color:var(--text-soft)}.cf-incoming-field{padding:2px 0}.cf-incoming-field-label{font-weight:600;color:var(--text)}.cf-incoming-actions{display:flex;gap:12px}.cf-incoming-actions .cf-btn{flex:1}.cf-incoming-actions .cf-btn+.cf-btn{margin-top:0}.cf-staff-stage{background:#0a1115}.cf-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cf-modal{width:100%;max-width:380px;background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(18px,4vh,26px) clamp(16px,4vw,22px);text-align:center}.cf-modal-title{margin:0 0 10px;font-size:1.15rem;color:var(--text)}.cf-modal-body{margin:0 0 20px;color:var(--text-body);line-height:1.5}.cf-modal-actions{display:flex;gap:10px}.cf-modal-actions .cf-btn{flex:1}