.connection-flow,.connection-manager{--cf-ink:var(--ink);--cf-green:var(--accent-text);--cf-paper:var(--paper);--cf-pale:var(--accent-pale);--cf-line:var(--line);--cf-muted:var(--muted);color:var(--cf-ink);max-width:1080px;min-height:100dvh;margin:0 auto;padding:27px 34px 42px}.cf-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:42px;display:flex}.cf-header .brand{letter-spacing:-.04em;gap:10px;font-size:22px}.cf-header-link{min-height:44px;color:var(--cf-green);align-items:center;gap:8px;font-size:13px;font-weight:650;display:inline-flex}.cf-intro{max-width:650px;margin:0 0 26px}.cf-intro h1{letter-spacing:-.045em;margin:0 0 15px;font-size:clamp(30px,4.8vw,44px);font-weight:700;line-height:1.18}.cf-intro p{color:var(--cf-muted);max-width:59ch;font-size:16px;line-height:1.8}.cf-chooser{max-width:850px;margin:35px auto}.cf-choice{border:1px solid var(--cf-line);background:var(--card,#fff);text-align:left;color:var(--cf-ink);cursor:pointer;min-width:0;font:inherit;border-radius:12px;align-items:center;gap:19px;padding:24px;transition:border-color .15s,background .15s;display:flex}.cf-choice:hover{border-color:var(--control-border);background:var(--surface-muted)}.cf-choice>span:nth-child(2){flex:1;min-width:0}.cf-choice>svg{color:var(--cf-green);flex:none}.cf-choice strong{letter-spacing:-.025em;font-size:20px;font-weight:700;line-height:1.35;display:block}.cf-choice small{color:var(--cf-muted);margin-top:9px;font-size:13px;line-height:1.7;display:block}.cf-choice-icon{background:var(--cf-pale);width:49px;height:49px;color:var(--cf-green);border-radius:11px;flex:none;place-items:center;display:grid}.cf-choice-icon img{display:block}.cf-intent-grid{gap:17px;margin-top:32px;display:grid}.cf-intent-grid .cf-choice{min-height:130px}.cf-device-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:21px;display:grid}.cf-device-grid .cf-choice{align-items:flex-start;padding:22px 19px}.cf-device-grid .cf-choice strong{font-size:18px}.cf-device-grid .cf-choice>svg{width:17px;margin-top:15px}.cf-chooser-foot{color:var(--cf-muted);margin-top:30px;font-size:13px}.cf-chooser-foot a{text-underline-offset:3px;text-decoration:underline}.cf-button{background:var(--honey);min-height:48px;color:var(--ink);font:inherit;cursor:pointer;text-align:center;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:13px 18px;font-size:14px;font-weight:650;line-height:1.4;text-decoration:none;display:inline-flex}.cf-button:hover{filter:none;color:var(--ink);background:var(--honey-hover)}.cf-button:disabled{opacity:.45;cursor:default}.cf-secondary{background:var(--card);color:var(--ink);border-color:var(--line)}.cf-secondary:hover{color:var(--ink);background:var(--surface-muted)}.cf-text-button,.cf-text-link{min-height:42px;color:var(--cf-green);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:5px 0;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.cf-text-button:hover,.cf-text-link:hover{text-decoration:underline}.connection-flow button:focus-visible,.connection-flow a:focus-visible,.connection-flow input:focus-visible,.connection-flow summary:focus-visible,.connection-manager button:focus-visible,.connection-manager a:focus-visible,.connection-manager input:focus-visible,.connection-manager select:focus-visible,.connection-manager summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.cf-context{justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px;display:flex}.cf-context>span{color:var(--cf-muted);align-items:center;gap:10px;font-size:13px;font-weight:650;display:inline-flex}.cf-context>span svg,.cf-context>span img{width:20px;height:20px}.cf-workspace{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:38px;display:grid}.cf-outline{border-top:2px solid var(--control-border);padding-top:21px}.cf-outline>p:first-child{letter-spacing:-.025em;margin:0 0 22px;font-size:16px;font-weight:700}.cf-outline ol{margin:0 0 29px;padding:0;list-style:none}.cf-outline li{color:var(--muted);align-items:center;gap:10px;min-height:32px;margin-bottom:14px;font-size:12px;display:flex}.cf-outline li>span{border:1px solid var(--cf-line);border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.cf-outline li strong{font-weight:550}.cf-outline li[aria-current=step]{color:var(--cf-green)}.cf-outline li[aria-current=step]>span{background:var(--honey);color:var(--ink);border-color:var(--honey)}.cf-outline li[aria-current=step]>strong{font-weight:750}.cf-stage{min-width:0;max-width:680px}.cf-progress{color:var(--cf-muted);align-items:center;gap:17px;margin-bottom:12px;font-size:11px;font-weight:650;display:flex}.cf-progress span{white-space:nowrap}.cf-progress progress{width:100%;height:4px;accent-color:var(--cf-green);border:0;border-radius:4px;flex:1;display:block;overflow:hidden}.cf-progress progress::-webkit-progress-bar{background:var(--cf-pale)}.cf-progress progress::-webkit-progress-value{background:var(--cf-green)}.cf-session{color:var(--cf-muted);overflow-wrap:anywhere;margin:0 0 17px;line-height:1.6;font-size:12px!important}.cf-card{border:1px solid var(--cf-line);background:var(--card,#fff);border-radius:14px;min-width:0;padding:32px 33px}.cf-card h1{letter-spacing:-.035em;outline:none;margin:0 0 23px;font-size:clamp(26px,3vw,32px);font-weight:700;line-height:1.25}.cf-card>p,.cf-check>p,.cf-help p{color:var(--cf-muted);margin:0 0 18px;font-size:14px;line-height:1.85}.cf-card strong{color:var(--cf-ink);font-weight:700}.cf-card>p>a,.cf-help a{color:var(--cf-green);text-underline-offset:3px;text-decoration:underline}.cf-card>.cf-button{margin:0 0 21px}.cf-card>.cf-text-link{margin-top:5px;display:flex}.cf-small,.cf-card .cf-small{color:var(--cf-muted);margin:15px 0 0;font-size:12px!important;line-height:1.75!important}.cf-account-choice{background:var(--cf-pale);border-radius:9px;align-items:flex-start;gap:13px;min-width:0;margin-bottom:13px;padding:20px;display:flex}.cf-account-choice>svg{color:var(--cf-green);flex:none;margin-top:2px}.cf-account-choice>div{overflow-wrap:anywhere;min-width:0}.cf-account-choice strong{font-size:15px;display:block}.cf-account-choice span{color:var(--cf-green);margin-top:7px;font-size:11px;display:block}.cf-inline-form{margin:21px 0}.cf-inline-form label,.cf-copy label{color:var(--cf-ink);margin-bottom:8px;font-size:12px;font-weight:650;display:block}.cf-inline-form input,.cf-inline-form select,.cf-copy input{border:1px solid var(--line);width:100%;min-height:47px;font:inherit;color:var(--cf-ink);background:#fff;border-radius:7px;min-width:0;padding:12px;font-size:16px}.cf-inline-form .cf-button{margin-top:13px}.cf-copy{margin:20px 0 5px}.cf-copy>div{gap:7px;display:flex}.cf-copy input{flex:1;font-size:13px}.cf-copy button{flex:none;min-width:88px}.cf-copy>p{min-height:19px;color:var(--cf-green);margin:5px 0;font-size:11px;line-height:1.6}.cf-confirm{border-top:1px solid var(--cf-line);cursor:pointer;flex-direction:row;align-items:flex-start;gap:12px;min-height:62px;margin-top:25px;padding:18px 0 0;font-size:13px;line-height:1.7;display:flex}.cf-confirm input{appearance:auto;accent-color:var(--cf-green);flex:none;width:18px;height:18px;margin:3px 0 0}.cf-confirm>span{min-width:0;display:block}.cf-confirm small{color:var(--cf-muted);margin-top:4px;font-size:10px;display:block}.cf-evidence{align-items:center;gap:7px;display:flex;color:var(--cf-green)!important;font-size:12px!important}.cf-help{border-top:1px solid var(--cf-line);margin-top:21px}.cf-help summary{cursor:pointer;color:var(--cf-green);justify-content:space-between;gap:14px;min-height:48px;padding:17px 0;font-size:13px;font-weight:650;line-height:1.6;list-style:none;display:flex}.cf-help summary::-webkit-details-marker{display:none}.cf-help summary svg{flex:none;margin-top:3px}.cf-help[open] summary svg{transform:rotate(180deg)}.cf-help>div{padding-bottom:10px}.cf-help p{margin-bottom:11px;font-size:13px}.cf-help a{align-items:center;gap:5px;min-height:40px;font-size:12px;display:inline-flex}.cf-callout{border:1px solid var(--line);background:var(--surface-muted);color:var(--cf-muted);border-radius:9px;align-items:flex-start;gap:12px;margin:21px 0;padding:17px 18px;font-size:13px;line-height:1.75;display:flex}.cf-callout>svg{color:var(--cf-green);flex:none;margin-top:2px}.cf-callout p{margin:4px 0 0;font-size:12px;line-height:1.75}.cf-notice{align-items:center;margin:0 0 18px}.cf-notice>p{flex:1;margin:0}.cf-notice>button{flex:none;font-size:11px}.cf-error{border:1px solid var(--danger-line);background:var(--danger-bg);overflow-wrap:anywhere;border-radius:8px;margin:18px 0;padding:14px 16px;line-height:1.75;color:var(--danger)!important;font-size:13px!important}.cf-error>button{color:var(--danger);display:flex}.cf-success{background:var(--success-bg);color:var(--success);border-radius:9px;margin:20px 0;padding:17px 18px;font-size:13px;line-height:1.7}.cf-success>strong{color:var(--success);align-items:center;gap:8px;font-size:13px;display:flex}.cf-success>p{margin:8px 0 0;font-size:12px}.cf-actions{justify-content:space-between;gap:13px;padding:17px 0 10px;display:flex}.cf-actions>.cf-button:last-child{min-width:155px}.cf-pause{color:var(--cf-muted);justify-content:space-between;align-items:center;gap:20px;font-size:10px;display:flex}.cf-pause>a{color:var(--cf-green);align-items:center;min-height:44px;font-size:12px;display:flex}.cf-pause>span{text-align:right}.cf-card blockquote{letter-spacing:-.02em;border-top:1px solid var(--cf-line);border-bottom:1px solid var(--cf-line);color:var(--cf-green);margin:22px 0;padding:19px 0;font-size:18px;font-weight:550;line-height:1.7}.cf-completion{border-top:1px solid var(--cf-line);gap:11px;margin-top:23px;padding:19px 0 0;display:flex}.cf-completion>svg{color:var(--cf-green);flex:none;margin-top:3px}.cf-completion p{color:var(--cf-muted);margin:0;font-size:12px;line-height:1.75}.cf-completion button{font-size:12px;display:flex}.cf-manager-add{border:1px solid var(--cf-line);background:var(--cf-pale);border-radius:11px;justify-content:space-between;align-items:center;gap:23px;margin:24px 0 35px;padding:24px;display:flex}.cf-manager-add h2{margin:0 0 8px;font-size:21px;font-weight:700}.cf-manager-add p{color:var(--cf-muted);margin:0;font-size:13px;line-height:1.7}.cf-manager-add>.cf-button{flex:none}.cf-manager-list{border-top:1px solid var(--cf-line)}.cf-manager-list article{border-bottom:1px solid var(--cf-line);justify-content:space-between;align-items:flex-start;gap:18px;padding:21px 0;display:flex}.cf-manager-list article>div{overflow-wrap:anywhere;min-width:0}.cf-manager-list h3{margin:0 0 6px;font-size:15px;font-weight:700;line-height:1.5}.cf-manager-list p{color:var(--cf-muted);margin:0;font-size:12px;line-height:1.75}.cf-manager-list .cf-text-button{color:var(--danger);flex:none;font-size:12px}.cf-state{background:var(--success-bg);color:var(--success);vertical-align:middle;border-radius:4px;margin-left:8px;padding:3px 7px;font-size:10px;display:inline-block}.cf-state[data-state=expired],.cf-state[data-state=revoked]{background:var(--warning-bg);color:var(--warning)}.cf-manager-title{letter-spacing:-.025em;margin:0 0 17px;font-size:22px;font-weight:700}.cf-manager-advanced{margin-top:34px}.cf-manager-advanced .cf-inline-form{max-width:530px}.cf-manager-advanced select{margin-bottom:10px}.cf-manager-advanced .cf-copy{max-width:630px}.cf-manager-footer{border-top:1px solid var(--cf-line);color:var(--cf-muted);gap:24px;margin-top:35px;padding-top:22px;font-size:12px;display:flex}@media (max-width:800px){.connection-flow,.connection-manager{padding:23px 24px 34px}.cf-workspace{grid-template-columns:165px minmax(0,1fr);gap:24px}.cf-outline li{gap:8px;font-size:11px}.cf-card{padding:27px 24px}.cf-device-grid{grid-template-columns:1fr}.cf-device-grid .cf-choice{align-items:center}.cf-card h1{font-size:28px}.cf-manager-add{align-items:flex-start}.cf-manager-add>.cf-button{font-size:12px}.cf-chooser{margin-top:20px}}@media (max-width:600px){.connection-flow,.connection-manager{padding:18px 18px 25px}.cf-header{margin-bottom:27px}.cf-header .brand{font-size:19px}.cf-header .brand>svg{width:29px;height:29px}.cf-header-link{font-size:12px}.cf-chooser{margin:14px 0}.cf-intro{margin-bottom:22px}.cf-intro h1{max-width:340px;font-size:34px}.cf-intro p{font-size:15px;line-height:1.8}.cf-choice,.cf-device-grid .cf-choice{gap:13px;padding:20px 17px}.cf-choice strong{font-size:18px}.cf-choice small{margin-top:7px;font-size:12px;line-height:1.7}.cf-choice-icon{border-radius:9px;width:43px;height:43px}.cf-intent-grid{gap:13px;margin-top:24px}.cf-intent-grid .cf-choice{min-height:132px}.cf-chooser-foot{font-size:12px;line-height:1.8}.cf-context{gap:10px;margin-bottom:15px}.cf-context>span{gap:7px;font-size:11px}.cf-context>span img,.cf-context>span svg{width:18px;height:18px}.cf-context .cf-text-link{font-size:12px}.cf-workspace{display:block}.cf-outline{display:none}.cf-stage{max-width:none}.cf-progress{margin-bottom:11px;font-size:11px}.cf-session{margin-bottom:15px;font-size:11px!important}.cf-card{border-radius:12px;padding:25px 21px}.cf-card h1{max-width:100%;margin-bottom:20px;font-size:28px}.cf-card>p,.cf-check>p{font-size:14px;line-height:1.85}.cf-card>.cf-button{width:100%;font-size:13px}.cf-copy input{padding:10px;font-size:16px}.cf-copy button{min-width:47px;padding:12px}.cf-copy button span{display:none}.cf-confirm{gap:11px;min-height:68px;margin-top:22px;padding-top:18px;font-size:13px}.cf-confirm small{font-size:10px}.cf-account-choice{gap:10px;padding:17px 15px}.cf-account-choice strong{font-size:14px}.cf-small,.cf-card .cf-small{font-size:11px!important}.cf-actions{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:13px 0 max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffe;margin:3px 0 0;position:sticky;bottom:0}.cf-actions .cf-button{min-height:49px;font-size:14px}.cf-actions>.cf-button:last-child{flex:1;min-width:0}.cf-actions>.cf-button:first-child{min-width:105px}.cf-pause{align-items:center;gap:17px;font-size:10px;line-height:1.6}.cf-pause span{max-width:200px}.cf-card .cf-inline-form>.cf-button{width:100%;font-size:13px}.cf-error{border:1px solid var(--danger-line);background:var(--danger-bg);padding:13px 14px;color:var(--danger)!important;font-size:12px!important}.cf-notice{gap:10px;padding:12px 14px}.cf-notice>p{font-size:11px}.cf-help summary{min-height:49px;font-size:12px}.cf-help p{font-size:12px}.cf-card blockquote{font-size:17px}.cf-manager-add{margin:20px 0 28px;padding:22px 20px;display:block}.cf-manager-add>.cf-button{width:100%;margin-top:18px;font-size:13px}.cf-manager-add h2{font-size:20px}.cf-manager-list article{gap:14px;padding:19px 0}.cf-manager-list h3{font-size:14px}.cf-manager-list p{font-size:11px}.cf-manager-list .cf-text-button{color:var(--danger);font-size:11px}.cf-state{background:var(--success-bg);color:var(--success);margin:5px 0 0;font-size:9px;display:table}.cf-manager-footer{flex-wrap:wrap;gap:19px;font-size:11px}.cf-manager-title{font-size:20px}.cf-manager-advanced .cf-inline-form>.cf-button{width:100%}}@media (prefers-reduced-motion:reduce){.cf-choice{transition:none}}.cf-manager-account{background:var(--card,#fff)}.cf-account-links{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:18px;display:flex}.cf-shortcut-names{flex-wrap:wrap;gap:8px;margin:15px 0;display:flex}.cf-shortcut-names>.cf-button{overflow-wrap:anywhere;max-width:100%;min-height:44px;padding:9px 12px;font-size:12px}.cf-shortcut-names>.cf-button[aria-pressed=true]{background:var(--cf-pale);border-color:var(--control-border)}