.connections-hero{background:var(--casa-hero);border:1px solid var(--hairline);border-radius:28px;align-items:center;gap:24px;padding:30px;display:flex;position:relative;overflow:hidden}.connections-hero:after{content:"";border:1px solid var(--hairline);pointer-events:none;border-radius:50%;width:240px;height:240px;position:absolute;top:-90px;right:-100px}.connections-hero-copy{z-index:1;min-width:0;position:relative}.connections-hero-icon{background:var(--surface);width:42px;height:42px;color:var(--bond);border-radius:14px;place-items:center;display:grid}.connections-hero h2{max-width:380px;color:var(--star);font-family:var(--font-voice);letter-spacing:-.025em;margin-top:18px;font-size:clamp(26px,4vw,34px);font-weight:500;line-height:1.15}.connections-hero p{max-width:440px;color:var(--muted);margin-top:14px;font-size:16px;line-height:1.7}.connections-hero-buddy{z-index:1;border:1px solid var(--hairline);background:var(--surface);border-radius:50%;flex-shrink:0;padding:10px;position:relative}.connections-privacy{border-bottom:1px solid var(--hairline)}.connections-count{background:var(--surface-2);min-width:26px;color:var(--muted);text-align:center;vertical-align:middle;border-radius:999px;padding:3px 7px;font-size:13px;display:inline-block}.connections-empty{border:1px dashed var(--hairline);text-align:center;background:var(--surface);border-radius:24px;flex-direction:column;align-items:center;gap:10px;padding:28px 22px;display:flex}.connections-empty p{max-width:360px}.connections-person-avatar{background:var(--casa-selected);width:46px;height:46px;color:var(--bond);border-radius:17px;flex-shrink:0;place-items:center;font-size:21px;display:grid}.connections-status{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:5px 10px;font-size:13px;display:inline-flex}.connections-status[data-status=active]{background:var(--casa-calm);color:var(--casa-calm-ink)}.connections-prepare{border:1px solid var(--hairline);background:var(--surface);border-radius:26px;padding:22px}.connections-private-label{background:var(--casa-calm);color:var(--casa-calm-ink);border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:14px;display:inline-flex}.connections-choice{cursor:pointer;min-width:0}.connections-input{border:1px solid var(--hairline);background:var(--surface);width:100%;min-height:48px;color:var(--star);border-radius:12px;padding:10px 12px;font-size:16px;display:block}.connections-item{border:1px solid var(--hairline);background:var(--surface);border-radius:24px;padding:22px}.connections-secondary{border:1px solid var(--hairline);min-height:44px;color:var(--bond);cursor:pointer;border-radius:12px;padding:9px 14px;font-size:14px;font-weight:600}.connections-consent{min-height:44px;color:var(--muted);cursor:pointer;align-items:flex-start;gap:12px;padding-block:8px;font-size:14px;line-height:1.7;display:flex}.connections-consent input{width:20px;height:20px;accent-color:var(--bond-solid);flex-shrink:0;margin-top:2px}.connections-casa button:disabled,.connections-casa fieldset:disabled{opacity:.6;cursor:not-allowed}.connections-casa :is(button,input,select):focus-visible{outline:2px solid var(--bond);outline-offset:3px}.connections-choice>span{height:100%}.connections-choice:hover>span{border-color:var(--bond)}.connections-draft{border-left:2px solid var(--bond);padding:3px 0 3px 16px}.connections-primary{background:var(--bond-solid);color:#fff;border-radius:16px;align-items:center;gap:10px;min-height:52px;padding:12px 16px;font-size:16px;font-weight:600;display:flex}.connections-primary:hover{filter:brightness(1.08)}.connections-primary:active{transform:translateY(1px)}.connections-shared{background:var(--casa-hero);border-radius:26px;padding:22px}.connections-spaces{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:8px;display:grid}.connections-person{text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.connections-person>span{border:1px solid var(--hairline);background:var(--surface);width:64px;height:72px;color:var(--bond);border-radius:32px 32px 18px 18px;place-items:center;display:grid}.connections-person b{color:var(--star);font-size:14px;font-weight:600}.connections-person small{color:var(--muted);font-size:14px}.connections-bridge{color:var(--bond);text-align:center;flex-direction:column;align-items:center;gap:9px;font-size:14px;display:flex}.connections-bridge>svg{background:var(--surface);border-radius:50%;width:50px;height:50px;padding:12px}.connections-details summary{list-style:none}.connections-details summary::-webkit-details-marker{display:none}.connections-details[open]>summary>svg{transform:rotate(180deg)}.connections-details summary:focus-visible{outline:2px solid var(--bond);outline-offset:3px;border-radius:8px}@media (min-width:640px){.connections-prepare,.connections-shared{padding:30px}.connections-spaces{max-width:480px;margin-inline:auto}.connections-primary{width:fit-content;min-width:280px}}@media (max-width:359px){.connections-prepare,.connections-shared{padding:17px}}@media (max-width:639px){.connections-hero{align-items:flex-start;gap:10px;padding:22px}.connections-hero-copy{padding-top:54px}.connections-hero-icon{position:absolute;top:0}.connections-hero-buddy{padding:5px;position:absolute;top:18px;right:20px}.connections-hero-buddy>span{width:52px!important;height:52px!important}}@media (prefers-reduced-motion:reduce){.connections-primary:active{transform:none}}