#connect-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:38px 40px 30px;border:1px solid #e3e5da;border-radius:5px;background:#fdfdfb;color:#39432f;box-shadow:0 24px 90px #1d231d2b}
#connect-dialog::backdrop{background:#1c211c80;backdrop-filter:blur(4px)}
body.vn-connect-open{overflow:hidden}
#connect-dialog .connect-close{position:absolute;right:15px;top:11px;font-size:27px;font-weight:300;line-height:1;padding:4px 8px;color:#7b816f}
#connect-dialog .connect-kicker{display:block;font-size:9px;letter-spacing:.14em;color:#8a907e;margin-bottom:15px}
#connect-dialog h2{font-size:29px;line-height:1.25;letter-spacing:-.035em;font-weight:400;max-width:360px;margin-bottom:28px}
#connect-dialog fieldset{border:0;padding:0;margin:0 0 25px;min-width:0}
#connect-dialog legend,#connect-dialog label{font-size:11px;line-height:1.6;color:#66705a}
#connect-dialog legend{padding:0;margin-bottom:12px}
#connect-dialog .connect-topics{display:flex;flex-wrap:wrap;gap:8px}
#connect-dialog .connect-topics label{position:relative;cursor:pointer}
#connect-dialog .connect-topics input{position:absolute;width:1px;height:1px;opacity:0}
#connect-dialog .connect-topics span{display:block;padding:6px 11px;border:1px solid #d5dacc;border-radius:30px;font-size:11px;color:#737d67;transition:border-color .2s}
#connect-dialog .connect-topics input:checked+span{border-color:#a93232;color:#a93232;background:#a9323206}
#connect-dialog .connect-topics input:focus-visible+span{outline:2px solid #a93232;outline-offset:3px}
#connect-dialog .connect-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}
#connect-dialog form>label,#connect-dialog .connect-fields>label{display:block;margin-bottom:21px}
#connect-dialog input:not([type=radio]),#connect-dialog textarea{display:block;width:100%;box-sizing:border-box;border:0;border-bottom:1px solid #d5dacc;border-radius:0;background:transparent;padding:8px 0;margin-top:6px;font-size:13px;line-height:1.5;color:#3f4935;outline:0}
#connect-dialog input::placeholder,#connect-dialog textarea::placeholder{color:#a0a593;font-size:12px}
#connect-dialog textarea{resize:vertical;min-height:65px}
#connect-dialog input:not([type=radio]):focus,#connect-dialog textarea:focus{border-color:#8b976f;box-shadow:0 1px 0 #8b976f}
#connect-dialog .connect-send{width:100%;background:#a93232;color:white;border:0;border-radius:2px;padding:13px 18px;font-size:13px;line-height:20px}
#connect-dialog .connect-send:hover{background:#8e2727}
#connect-dialog .connect-secondary{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:18px}
#connect-dialog .connect-secondary a{font-size:11px;white-space:nowrap;border-bottom:1px solid #a6ae99;padding-bottom:3px}
#connect-dialog .connect-secondary>span{max-width:230px;font-size:9px;line-height:1.7;color:#929986;text-align:right}
#connect-dialog .connect-note{font-size:9px;line-height:1.7;color:#929986;margin-top:18px}
#connect-dialog .connect-status{font-size:11px;line-height:1.7;color:#66705a;margin-top:12px}
#connect-dialog .connect-status:empty{display:none}
@media(max-width:540px){#connect-dialog{padding:32px 24px 24px}#connect-dialog h2{font-size:26px}#connect-dialog .connect-fields{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){#connect-dialog .connect-topics span{transition:none}}