.conn{flex:none;position:relative}.conn>summary{align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s3);color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:999px;font-size:13px;font-weight:600;list-style:none;display:inline-flex}.conn>summary::-webkit-details-marker{display:none}.conn>summary:hover{background:var(--surface-soft)}.conn>summary:focus-visible{outline:2px solid var(--action);outline-offset:2px}.conn-dot{background:var(--muted-ink);border-radius:50%;flex:none;width:9px;height:9px}.conn[data-tone=offline] .conn-dot{border:2px solid var(--caution);background:0 0}.conn[data-tone=syncing] .conn-dot{background:var(--action);animation:1.6s ease-in-out infinite conn-breathe}.conn[data-tone=attention] .conn-dot{background:var(--caution)}.conn[data-tone=update] .conn-dot{background:var(--positive)}@keyframes conn-breathe{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.conn[data-tone=syncing] .conn-dot{animation:none}}.conn-short{display:none}@media (width<=1100px){.conn-long{display:none}.conn-short{display:inline}}.conn-pop{z-index:30;width:min(360px,100vw - 24px);padding:var(--s4);background:var(--surface);color:var(--ink);border:1px solid var(--functional-border);border-radius:var(--r-card);box-shadow:var(--shadow);white-space:normal;font-size:14px;line-height:1.5;position:absolute;top:calc(100% + 6px);right:0}.conn-pop p{margin:0 0 var(--s2)}.conn-pop p:last-child{margin-bottom:0}.conn-section+.conn-section,.conn-pop>p+.conn-section{border-top:1px solid var(--decorative-rule);margin-top:var(--s3);padding-top:var(--s3)}.conn-pop ul{padding-left:var(--s5);margin:0}.conn-pop li a{align-items:center;min-height:44px;display:inline-flex}@media (width<=600px){.conn{position:static}.conn-pop{width:auto;position:fixed;top:60px;left:12px;right:12px}}.needs-conn{max-width:560px;margin:var(--s5) auto}.needs-conn-title{font-family:var(--font-serif);margin:0 0 var(--s2);font-size:20px;font-weight:600}.needs-conn p{margin:0}.needs-conn-inline{align-items:center;gap:var(--s2);margin:var(--s2) 0;display:flex}.needs-conn-dot{border:2px solid var(--caution);border-radius:50%;flex:none;width:9px;height:9px}.badge-offline{color:var(--muted-ink);background:0 0;border-style:dashed}