.xf-connection{font-family:var(--xf-font);color:var(--xf-text);font-size:14px;line-height:1.6;text-align:left;color-scheme:light}.xf-connection *,.xf-connection :after,.xf-connection :before{box-sizing:border-box}.xf-connection-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:transparent}.xf-connection-backdrop{position:absolute;inset:0;background:#1a1a1aa6}.xf-connection-dialog{position:relative;width:100%;max-width:600px;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--xf-line);border-radius:16px;background:var(--xf-bg);box-shadow:var(--xf-shadow);outline:none}.xf-connection-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:24px 24px 16px;border-bottom:1px solid var(--xf-line);flex-shrink:0}.xf-connection-heading{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.xf-connection-heading-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--xf-accent);background:var(--xf-accent-soft);flex-shrink:0}.xf-connection-eyebrow{display:block;color:var(--xf-muted);font-size:12px;margin-bottom:2px}.xf-connection h2{font:700 23px/1.4 var(--xf-font);color:var(--xf-text);margin:0}.xf-connection-header-extra{width:100%}.xf-connection-close{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--xf-line);border-radius:10px;background:var(--xf-bg);color:var(--xf-muted)}.xf-connection-body{padding:24px;overflow-y:auto;overscroll-behavior:contain;min-height:0}.xf-connection-footer{padding:16px 24px 20px;border-top:1px solid var(--xf-line);background:var(--xf-bg);flex-shrink:0}.xf-connection a,.xf-connection button{min-height:44px;box-shadow:none;transition:background-color .14s cubic-bezier(.2,.7,.2,1),color .14s cubic-bezier(.2,.7,.2,1)}.xf-connection button{cursor:pointer}.xf-connection :is(button,a,input,select):focus-visible{outline:2px solid var(--xf-focus);outline-offset:3px}.xf-connection button:disabled{background:var(--xf-disabled-bg);color:var(--xf-disabled-text);opacity:1;cursor:not-allowed;border-color:var(--xf-line)}.xf-connection :is(input,select){min-height:44px;width:100%;min-width:0;background:var(--xf-bg);color:var(--xf-text);border:1px solid var(--xf-control-line);border-radius:6px;font-size:16px;line-height:1.5}.xf-connection input::-moz-placeholder{color:var(--xf-muted);opacity:1}.xf-connection input::placeholder{color:var(--xf-muted);opacity:1}.xf-connection :is(input,select):disabled{color:var(--xf-disabled-text);background:var(--xf-disabled-bg);opacity:1}.xf-connection label{font-size:14px;color:var(--xf-text);letter-spacing:0;font-weight:600}.xf-connection a,.xf-connection button,.xf-connection p,.xf-connection span{overflow-wrap:anywhere}.xf-connection .xf-connection-primary{background:var(--xf-accent);color:var(--xf-on-accent);border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:600}.xf-connection .xf-connection-primary:hover:not(:disabled){background:var(--xf-accent-hover);color:var(--xf-on-accent)}.xf-connection .xf-connection-secondary{background:var(--xf-bg);color:var(--xf-accent);border:1px solid var(--xf-control-line);border-radius:10px}.xf-connection .xf-connection-secondary:hover:not(:disabled){background:var(--xf-accent-soft)}.xf-connection .xf-connection-text{color:var(--xf-text)}.xf-connection .xf-connection-muted{color:var(--xf-muted)}.xf-connection .xf-connection-accent{color:var(--xf-accent)}.xf-connection .xf-connection-surface{background:var(--xf-surface)}.xf-connection .xf-connection-soft{background:var(--xf-accent-soft)}.xf-connection .xf-connection-line{border-color:var(--xf-line)}.xf-connection .xf-connection-accent-line{border-color:var(--xf-accent)}.xf-connection .xf-connection-warning{color:var(--xf-warning)}.xf-connection .xf-connection-warning-bg{background:var(--xf-warning-soft)}.xf-connection .xf-connection-warning-line{border-color:#d5bd91}.xf-connection .xf-connection-danger{color:var(--xf-danger)}.xf-connection .xf-connection-danger-bg{background:var(--xf-danger-soft)}.xf-connection .xf-connection-danger-line{border-color:#dca3ae}.xf-connection .xf-connection-success{color:var(--xf-success)}.xf-connection .xf-connection-success-bg{background:var(--xf-success-soft)}.xf-connection .xf-connection-success-dot{background:var(--xf-success)}.xf-connection .xf-connection-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--xf-line);border-radius:10px;background:var(--xf-surface)}.xf-connection .xf-connection-tabs button{gap:6px;padding:8px 4px;color:var(--xf-muted);font-size:12px;line-height:1.4;border:1px solid transparent;border-radius:6px}.xf-connection .xf-connection-tabs button[aria-pressed=true]{background:var(--xf-bg);color:var(--xf-accent);border-color:var(--xf-accent)}.xf-connection .xf-connection-tabs:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.xf-connection .xf-connection-clear{min-height:32px;width:32px;display:grid;place-items:center}.xf-connection .xf-connection-feedback{scroll-margin-block:16px}.xf-connection .xf-connection-purchase-label{white-space:normal;overflow:visible;text-overflow:clip}.xf-connection .xf-connection-subtle-action{display:inline-flex;justify-content:center;align-items:center;padding:8px 12px;background:var(--xf-surface);border:1px solid var(--xf-line);border-radius:10px;color:var(--xf-muted);font-size:12px;flex-wrap:wrap}.xf-connection .xf-connection-footer-note{text-align:center;font-size:12px;color:var(--xf-muted);margin:8px 0 0}.xf-connection .xf-unlock-description{margin-bottom:24px;color:var(--xf-muted)}.xf-connection .xf-unlock-options{display:grid;gap:12px;margin-bottom:24px}.xf-connection .xf-unlock-option{padding:16px;border:1px solid var(--xf-line);background:var(--xf-surface);border-radius:10px}.xf-connection .xf-unlock-option:first-child{border-color:#e5b5ca;background:var(--xf-accent-soft)}.xf-connection .xf-unlock-option h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin:0 0 4px}.xf-connection .xf-unlock-option p{font-size:12px;color:var(--xf-muted);margin:0 0 12px}.xf-connection .xf-unlock-option button{width:100%;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:8px}.xf-connection .xf-unlock-code{padding-top:20px;border-top:1px solid var(--xf-line)}.xf-connection .xf-unlock-code label{display:block;margin-bottom:8px}.xf-connection .xf-unlock-code-row{display:flex;gap:8px}.xf-connection .xf-unlock-code-row input{flex:1}.xf-connection .xf-unlock-code-row button{padding:8px 20px;flex-shrink:0;display:flex;align-items:center;gap:8px}.xf-connection .xf-unlock-error{color:var(--xf-danger);background:var(--xf-danger-soft);border-radius:10px;padding:12px;margin-top:12px;font-size:14px}@media(max-width:600px){.xf-connection-overlay{padding:12px}.xf-connection-dialog{max-height:calc(100dvh - 24px)}.xf-connection-header{padding:20px 20px 12px}.xf-connection-body{padding:20px}.xf-connection-footer{padding:12px 20px 16px}.xf-connection h2{font-size:20px}.xf-connection .xf-connection-tabs button{flex-direction:column;gap:4px}}@media(prefers-reduced-motion:reduce){.xf-connection *,.xf-connection :after,.xf-connection :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.xf-connection .xf-connection-quota-low{background:var(--xf-warning)}.xf-connection .xf-connection-quota-normal{background:var(--xf-accent)}.xf-connection button.xf-connection-primary:disabled,.xf-connection button.xf-connection-secondary:disabled{background:var(--xf-disabled-bg);color:var(--xf-disabled-text);border-color:var(--xf-line);cursor:not-allowed}.xf-connection input.xf-connection-surface,.xf-connection select.xf-connection-surface{background:var(--xf-bg)}.xf-connection .xf-connection-body :is(input,select){border-color:var(--xf-control-line)}.xf-connection .xf-connection-body :is(input,select):focus-visible{border-color:var(--xf-focus)}.xf-connection-dialog{border-radius:20px;background:var(--xf-paper)}.xf-connection h2{font-family:var(--xf-font-display);letter-spacing:-.02em}.xf-connection-footer{background:var(--xf-paper)}.xf-connection .xf-connection-primary,.xf-connection .xf-connection-secondary,.xf-connection-close{border-radius:999px}.xf-connection :is(input,select),.xf-connection input.xf-connection-surface,.xf-connection select.xf-connection-surface{border-radius:12px;background:var(--xf-bg)}.xf-connection .xf-unlock-option{border-radius:16px}