:root{--primary: #16c47f;--primary-dark: #0e9e63;--on-primary: #16191c;--danger: #ef4444;--success: #10b981;--warn: #d97706;--text: #16191c;--text-body: #34373b;--text-soft: #6b7378;--border: #e3e0d7;--paper: #f6f4ed;--ink: #16191c;--void: #0a0c0e;--card-bg: #ffffff;--surface-sunken: #edeae2;--primary-soft: rgba(22, 196, 127, .08);--primary-halo: rgba(22, 196, 127, .15);--success-halo: rgba(16, 185, 129, .18);--warn-bg: #fff7e8;--warn-border: #f0ce8e;--warn-text: #7a5b16;--fs-2xs: 12px;--fs-xs: 13px;--fs-sm: 14px;--fs-body: 15px;--fs-base: 16px;--fs-lg: 17px;--fs-xl: 19px;--fs-title: clamp(18px, 4.8vw, 22px);--fs-subtitle: clamp(13px, 3.6vw, 15px);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius: 18px;--radius-control: 12px;--touch: 48px;--shadow: 0 8px 30px rgba(22, 25, 28, .12);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.cf-mono{font-family:Space Mono,monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--paper);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) var(--space-4);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:var(--fs-xl);font-weight:600;letter-spacing:-.01em}.cf-lockup-light .cf-lockup-name{color:var(--text)}.cf-lockup-dark .cf-lockup-name{color:#fff}.cf-title{font-size:var(--fs-title);font-weight:700;margin:0 0 6px;line-height:1.25}.cf-subtitle{font-size:var(--fs-subtitle);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:var(--space-2);width:100%;min-height:var(--touch);border:none;border-radius:var(--radius-control);font-size:var(--fs-base);font-weight:600;cursor:pointer;padding:var(--space-3) 18px;transition:background-color .15s ease,transform .05s ease}.cf-btn:active{transform:scale(.98)}.cf-btn:focus-visible,.cf-ctrl:focus-visible{outline:none;box-shadow:0 0 0 3px var(--card-bg),0 0 0 5px var(--primary)}.cf-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.cf-btn-primary{background:var(--primary);color:var(--on-primary)}.cf-btn-primary:hover{background:var(--primary-dark)}.cf-btn-secondary{background:var(--surface-sunken);color:var(--text)}.cf-btn-danger{background:var(--danger);color:#fff}.cf-btn+.cf-btn{margin-top:var(--space-3)}.cf-field{text-align:left;margin-bottom:var(--space-4)}.cf-field label{display:block;font-size:var(--fs-xs);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:var(--fs-base);color:var(--text);background:#fff;outline:none;transition:border-color .15s ease}.cf-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.cf-field .cf-error{display:block;color:var(--danger);font-size:var(--fs-xs);margin-top:5px}.cf-radio-group{display:flex;gap:var(--space-3);justify-content:center;margin:14px 0}.cf-radio{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch);padding:var(--space-2) 18px;border:1.5px solid var(--border);border-radius:var(--radius-control);cursor:pointer;font-size:var(--fs-body);transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.cf-radio input{accent-color:var(--primary);width:18px;height:18px}.cf-radio:has(input:focus-visible){box-shadow:0 0 0 3px var(--primary-soft)}.cf-radio.selected{border-color:var(--primary);background:var(--primary-soft)}@media (max-height: 560px){.cf-radio-group{margin:var(--space-2) 0}.cf-field{margin-bottom:10px}.cf-btn+.cf-btn{margin-top:var(--space-2)}}.cf-permission-icons{display:flex;justify-content:center;gap:18px;font-size:40px;margin-bottom:var(--space-4)}.cf-help{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-text);border-radius:var(--radius-control);padding:var(--space-3) 14px;font-size:var(--fs-sm);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:var(--on-primary)}.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:var(--fs-lg);line-height:1.5;color:var(--text);max-width:340px}.cf-queue-badge{display:inline-block;background:var(--primary);color:var(--on-primary);border-radius:999px;font-size:var(--fs-body);font-weight:600;padding:var(--space-2) 18px;box-shadow:0 4px 14px var(--primary-halo);animation:cf-pop .28s ease-out both}@keyframes cf-pop{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.cf-cancel{max-width:240px}.cf-call-stage{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--void);overflow:hidden}.cf-remote-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:var(--void)}.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:var(--on-primary);text-transform:uppercase}.cf-remote-name{font-size:var(--fs-lg);font-weight:600}.cf-remote-hint{font-size:var(--fs-sm);color:#f6f4ed99}.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:#232629;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:var(--fs-sm);font-variant-numeric:tabular-nums;border-radius:999px;padding:6px 14px;z-index:4;animation:cf-chip-in .3s ease-out both}.cf-degraded{position:absolute;top:calc(54px + env(safe-area-inset-top));left:50%;transform:translate(-50%);background:var(--warn);color:#fff;font-size:var(--fs-xs);border-radius:999px;padding:7px 14px;z-index:5;white-space:nowrap;animation:cf-chip-in .3s ease-out both,cf-breathe 2s ease-in-out .3s infinite}@keyframes cf-chip-in{0%{opacity:0}to{opacity:1}}@keyframes cf-breathe{0%,to{box-shadow:0 0 #d9760600}50%{box-shadow:0 0 0 5px #d976062e}}.cf-remote-muted{position:absolute;top:calc(14px + env(safe-area-inset-top));right:14px;background:#0c181d8c;color:#fff;font-size:var(--fs-2xs);border-radius:999px;padding:6px 12px;z-index:4;animation:cf-chip-in .3s ease-out both}.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:var(--fs-body);color:var(--text-soft);margin:4px 0 18px}.cf-note{font-size:var(--fs-sm);color:var(--text-soft);margin-top:var(--space-4);line-height:1.45}.cf-error-block{margin:4px 0 12px;text-align:center}.cf-staff-card{text-align:center}.cf-status-dot{position:relative;width:12px;height:12px;border-radius:50%;margin:0 auto 12px;box-shadow:0 0 0 4px var(--primary-halo)}.cf-status-dot.online{background:var(--success);box-shadow:0 0 0 4px var(--success-halo)}.cf-status-dot.online:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--success);animation:cf-ping 1.8s ease-out infinite}.cf-status-dot.offline{background:var(--text-soft);box-shadow:0 0 0 4px #6b737826}@keyframes cf-ping{0%{transform:scale(1);opacity:.7}to{transform:scale(2.6);opacity:0}}.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-shake 1.2s ease-in-out infinite}@keyframes cf-shake{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:var(--space-3)}.cf-incoming-actions .cf-btn{flex:1}.cf-incoming-actions .cf-btn+.cf-btn{margin-top:0}.cf-staff-stage{background:var(--void)}.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:var(--space-4);background:#16191c8c;-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}.cf-content-card{max-width:720px;text-align:left}.cf-content-card .cf-title{text-align:left}.cf-legal{color:var(--text);font-size:var(--fs-body);line-height:1.6}.cf-legal h2{font-size:var(--fs-lg);font-weight:700;margin:22px 0 8px}.cf-legal h3{font-size:var(--fs-body);font-weight:700;margin:18px 0 6px}.cf-legal p{margin:0 0 12px}.cf-legal ul{margin:0 0 12px;padding-left:20px}.cf-legal li{margin-bottom:var(--space-2)}.cf-field textarea{width:100%;border:1.5px solid var(--border);border-radius:var(--radius-control);padding:10px 14px;font-size:var(--fs-base);font-family:inherit;color:var(--text);background:#fff;outline:none;resize:vertical;transition:border-color .15s ease}.cf-field textarea:focus{border-color:var(--primary)}.cf-check{display:flex;align-items:flex-start;gap:10px;text-align:left;font-size:var(--fs-sm);line-height:1.45;color:var(--text-soft);margin-bottom:14px;cursor:pointer}.cf-check input{accent-color:var(--primary);width:18px;height:18px;margin-top:2px;flex:0 0 auto}.cf-check a{color:var(--primary-dark);font-weight:600}.cf-landing-cards{display:grid;gap:14px;margin:20px 0}@media (min-width: 640px){.cf-landing-cards{grid-template-columns:repeat(3,1fr)}}.cf-landing-card{border:1.5px solid var(--border);border-radius:var(--radius-control);padding:var(--space-4);text-align:left}.cf-landing-card h3{font-size:var(--fs-body);font-weight:700;margin:0 0 6px;color:var(--text)}.cf-landing-card p{font-size:var(--fs-sm);line-height:1.5;color:var(--text-soft);margin:0}.cf-landing-footer{text-align:center;font-size:var(--fs-sm);margin:10px 0 0}.cf-landing-footer a{color:var(--primary-dark);font-weight:600}.cf-card,.cf-modal{animation:cf-card-in .32s cubic-bezier(.22,1,.36,1) both}@keyframes cf-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cf-icon{animation:cf-pop .34s ease-out .08s both}.cf-calling{animation:cf-chip-in .35s ease-out both}@media (prefers-reduced-motion: reduce){.cf-card,.cf-modal,.cf-icon,.cf-calling,.cf-queue-badge,.cf-timer,.cf-remote-muted,.cf-degraded,.cf-incoming-pulse,.cf-pulse:before,.cf-pulse:after,.cf-status-dot.online:after,.cf-btn{animation:none!important;transition:none!important}}