:root{--nx-color-primary: #2563eb;--nx-color-surface: #ffffff;--nx-color-text: #0f172a;--nx-color-accent: #10b981;--nx-font: system-ui, sans-serif;--nx-radius: 12px}*{box-sizing:border-box}body{margin:0;font-family:var(--nx-font);color:var(--nx-color-text);background:color-mix(in srgb,var(--nx-color-primary) 6%,var(--nx-color-surface))}.nx-app{--nx-muted: color-mix(in srgb, var(--nx-color-text) 55%, var(--nx-color-surface));--nx-border: color-mix(in srgb, var(--nx-color-text) 14%, var(--nx-color-surface));--nx-danger: #dc2626;max-width:360px;margin:0 auto;padding:16px;color:var(--nx-color-text);font-family:var(--nx-font)}.nx-card{background:var(--nx-color-surface);border:1px solid var(--nx-border);border-radius:var(--nx-radius);padding:16px;box-shadow:0 6px 24px color-mix(in srgb,var(--nx-color-text) 8%,transparent)}.nx-status{display:flex;align-items:center;gap:10px;margin-bottom:12px}.nx-status__brand{font-weight:600;flex:1}.nx-status__logo{height:24px;width:auto}.nx-status__dot{width:10px;height:10px;border-radius:50%;background:var(--nx-muted)}.nx-status__dot--registered{background:var(--nx-color-accent)}.nx-status__dot--connecting,.nx-status__dot--reconnecting{background:var(--nx-color-primary);animation:nx-pulse 1s ease-in-out infinite}.nx-status__dot--disconnected{background:var(--nx-danger)}.nx-status__label{font-size:13px;color:var(--nx-muted)}@keyframes nx-pulse{50%{opacity:.35}}.nx-callstate{min-height:42px;text-align:center;margin:8px 0}.nx-callstate__peer{font-size:18px;font-weight:600}.nx-callstate__sub{font-size:13px;color:var(--nx-muted)}.nx-input{width:100%;font-size:22px;text-align:center;padding:10px;border:1px solid var(--nx-border);border-radius:var(--nx-radius);background:var(--nx-color-surface);color:var(--nx-color-text);font-family:var(--nx-font)}.nx-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.nx-key{aspect-ratio:1 / 1;font-size:20px;border:1px solid var(--nx-border);border-radius:var(--nx-radius);background:color-mix(in srgb,var(--nx-color-primary) 4%,var(--nx-color-surface));color:var(--nx-color-text);cursor:pointer;font-family:var(--nx-font)}.nx-key:active{background:color-mix(in srgb,var(--nx-color-primary) 16%,var(--nx-color-surface))}.nx-key__sub{display:block;font-size:9px;letter-spacing:1px;color:var(--nx-muted)}.nx-actions{display:flex;gap:10px;justify-content:center}.nx-btn{flex:1;padding:12px;font-size:15px;border:none;border-radius:var(--nx-radius);cursor:pointer;color:#fff;font-family:var(--nx-font)}.nx-btn:disabled{opacity:.5;cursor:default}.nx-btn--call{background:var(--nx-color-accent)}.nx-btn--hangup{background:var(--nx-danger)}.nx-btn--ghost{background:transparent;color:var(--nx-color-text);border:1px solid var(--nx-border)}.nx-btn--active{background:var(--nx-color-primary);color:#fff}.nx-incall-controls{display:flex;gap:10px;margin-bottom:10px}.nx-toast{position:fixed;top:16px;left:50%;transform:translate(-50%);width:min(340px,92vw);background:var(--nx-color-surface);border:1px solid var(--nx-border);border-radius:var(--nx-radius);padding:14px 16px;box-shadow:0 10px 30px color-mix(in srgb,var(--nx-color-text) 18%,transparent);z-index:1000}.nx-toast__title{font-size:13px;color:var(--nx-muted)}.nx-toast__peer{font-size:18px;font-weight:600;margin:2px 0 12px}.nx-mock{margin-top:14px;padding:10px;border:1px dashed var(--nx-border);border-radius:var(--nx-radius);font-size:12px;color:var(--nx-muted)}.nx-mock__row{display:flex;gap:8px;margin-top:8px}