.conn-root{background:var(--paper-0);flex-direction:column;min-height:100dvh;display:flex}.conn-top{padding:var(--sp-6) var(--sp-8);flex:none}.conn-wordmark{align-items:center;gap:var(--sp-3);display:inline-flex}.conn-wordmark .conn-brand-mark{width:24px;height:24px;display:block}.conn-wordmark .conn-brand-word{width:auto;height:20px;display:block}.conn-main{padding:0 var(--sp-6) var(--sp-12);flex:1;justify-content:center;display:flex}.focus.conn-scope{background:0 0;justify-content:center;align-items:center;display:flex}.focus.conn-scope .conn-col{width:100%;max-width:600px;padding:var(--sp-9) var(--sp-6);box-sizing:border-box;flex-direction:column;justify-content:safe center;display:flex}.conn-head{margin-bottom:var(--sp-9)}.conn-head .conn-title{font-family:var(--font-sans);font-size:var(--fz-2xl);font-weight:var(--fw-black);letter-spacing:var(--tracking-tight);color:var(--ink-1);text-wrap:balance;margin:0;line-height:1.12}.focus.conn-scope .conn-head .gloss{margin-top:var(--sp-5);max-width:52ch}.conn-cards{gap:var(--sp-5);flex-direction:column;display:flex}.conn-card{align-items:flex-start;gap:var(--sp-6);padding:var(--sp-6) var(--sp-7);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-xl);box-shadow:var(--shadow-sm), var(--inset-top);display:flex}.conn-card.needs{border-color:var(--amber-soft);background:var(--surface-2)}.conn-card-body{flex:1;min-width:0}.conn-card-top{align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.conn-card-name{font-size:var(--fz-md);font-weight:var(--fw-bold);letter-spacing:var(--tracking-snug);color:var(--ink-1)}.conn-card-handle{font-family:var(--font-mono);font-size:var(--fz-2xs);color:var(--fg-subtle)}.conn-badge{align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fz-2xs);font-weight:var(--fw-medium);letter-spacing:.02em;white-space:nowrap;padding:3px var(--sp-4);border-radius:var(--r-pill);display:inline-flex}.conn-badge.ok{color:var(--calm-deep);background:var(--calm-bg);border:1px solid #bfd2bc}.conn-badge.down{color:var(--amber-deep);background:var(--amber-wash);border:1px solid var(--amber-soft)}.conn-card-line{margin:var(--sp-4) 0 0;font-size:var(--fz-sm);color:var(--fg-muted);line-height:1.5}.conn-card-line b{color:var(--ink-1);font-weight:var(--fw-semibold)}.conn-paused{margin:var(--sp-3) 0 0;font-size:var(--fz-xs);color:var(--amber-deep);line-height:1.5}.conn-stamp{margin-top:var(--sp-3);font-family:var(--font-mono);font-size:var(--fz-2xs);color:var(--fg-faint)}.conn-card-actions{margin-top:var(--sp-5);align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.focus.conn-scope .conn-card-actions .btn{height:40px}.conn-test-result{font-size:var(--fz-xs);color:var(--fg-muted);margin:0;line-height:1.5}.conn-test-result.ok{color:var(--calm-deep)}.conn-test-result.down{color:var(--clash-deep)}.conn-empty{padding:var(--sp-7);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-xl);box-shadow:var(--shadow-sm), var(--inset-top);font-size:var(--fz-sm);color:var(--fg-muted);line-height:1.55}.conn-empty a{color:var(--amber-deep);font-weight:var(--fw-semibold);text-decoration:none}.conn-empty a:hover{text-decoration:underline}.conn-gate-card{padding:var(--sp-9) var(--sp-8);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-xl);box-shadow:var(--shadow-sm), var(--inset-top)}.focus.conn-scope .conn-gate-card .conn-head{margin-bottom:var(--sp-8)}.focus.conn-scope .conn-gate-card .gloss{max-width:48ch}.conn-gate-steps{margin:0 0 var(--sp-8);gap:var(--sp-5);flex-direction:column;padding:0;list-style:none;display:flex}.conn-gate-steps li{align-items:flex-start;gap:var(--sp-5);display:flex}.conn-gate-step-n{border-radius:var(--r-pill);width:28px;height:28px;font-family:var(--font-mono);font-size:var(--fz-xs);font-weight:var(--fw-semibold);color:var(--amber-deep);background:var(--amber-wash);border:1px solid var(--amber-soft);flex:none;place-items:center;display:grid}.conn-gate-step-t{font-size:var(--fz-sm);color:var(--fg-muted);padding-top:3px;line-height:1.5}.conn-gate-step-t b{color:var(--ink-1);font-weight:var(--fw-semibold)}.conn-gate-actions{align-items:center;gap:var(--sp-5);flex-wrap:wrap;display:flex}.focus.conn-scope .conn-gate-actions .conn-gate-cta{text-decoration:none}.focus.conn-scope .conn-gate-actions .conn-recheck{height:48px}.conn-gate-mobile{margin:var(--sp-7) 0 0;font-size:var(--fz-xs);color:var(--fg-faint);line-height:1.5}.conn-gate-ticker{align-items:center;gap:var(--sp-3);margin:var(--sp-6) 0 0;font-family:var(--font-mono);font-size:var(--fz-2xs);letter-spacing:.03em;color:var(--fg-subtle);display:flex}.rg-pdot{background:var(--calm);width:6px;height:6px;animation:rg-pulse 2.4s var(--ease) infinite;border-radius:50%;flex:none}@keyframes rg-pulse{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.rg-accent{color:var(--amber)}.rg-stack{gap:var(--sp-3);margin-bottom:var(--sp-2);flex-direction:column;display:flex}.rg-acct{align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--r-md);display:flex}.rg-avatar{border-radius:var(--r-md);background:linear-gradient(135deg, var(--amber-btn-top), var(--amber-deep));width:42px;height:42px;color:var(--fg-on-amber);font-weight:var(--fw-bold);font-size:var(--fz-sm);letter-spacing:.02em;flex:none;place-items:center;display:grid}.rg-acct-id{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.rg-acct-name{font-size:var(--fz-sm);font-weight:var(--fw-bold);color:var(--ink-1)}.rg-acct-sub{font-family:var(--font-mono);font-size:var(--fz-2xs);color:var(--fg-subtle)}.conn-badge.wrong{color:var(--clash-deep);background:var(--clash-bg);border:1px solid var(--clash-soft)}.conn-badge.waiting{color:var(--amber-deep);background:var(--amber-wash);border:1px solid var(--amber-soft)}@media (prefers-reduced-motion:reduce){.rg-pdot{animation:none}}@media (max-width:560px){.focus.conn-scope .conn-col{padding:var(--sp-6) var(--sp-4)}.conn-card{padding:var(--sp-5);gap:var(--sp-4)}.conn-gate-card{padding:var(--sp-7) var(--sp-6)}.conn-gate-actions .conn-gate-cta,.conn-gate-actions .conn-recheck{width:100%}}