/* Desktop only. A taller page otherwise grows a scrollbar and shifts the header and the staging badge. Phones keep the full width. */
@media(min-width:861px){
 html:has(header.apphead){scrollbar-gutter:stable}
}
body:has(main.prof),body:has(main.apphome){min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
main.prof,main.apphome{flex:1 0 auto}
/* Public profiles: 146px from the header box to the avatar. Headline starts 41px
   below the avatar (30px once the avatar's -11px margin is counted). At least
   220px under the page before the promo footer. On a short viewport the footer
   sits at the bottom; a long page keeps it after the content.
   Signed-in profile (frame 56:5479): the header is 77px, the avatar is at y=210
   (133px under the header), and the headline stays 41px below the avatar.
   At least 205px before the signed-in account footer. */
main.prof:has(.prof-talk){padding-top:138px;padding-bottom:220px}
body:has(header.apphead) main.prof:has(.prof-talk){padding-top:144px;padding-bottom:205px}
/* My aissistants (frame 73:7106): the heading is at y=165. The signed-in
   header is 77px, so the page starts 88px below it. My link keeps the avatar
   layout (the avatar is at y=210). My credentials uses the same 88px offset.
   Connections stay on the settings page: its 84px header plus 81px of padding
   already lands that heading at y=165. */
body:has(header.apphead) main.prof:has(.ais){padding-top:88px}
main.prof:has(.ais) .prof-id{display:none}
main.prof:has(.ais) .prof-grid{grid-template-columns:minmax(0,1fr);row-gap:0}
body:has(.prof-talk) footer.prof-bar{margin-top:0}
.prof{padding-top:64px;padding-bottom:40px}
.prof-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);column-gap:43px;align-items:start}
.prof-id{padding-top:0;min-width:0;max-width:100%}
/* The card is only a positioning group on phones. On desktop its children stay in the column. */
.prof-card,.prof-meta{display:contents}
.prof-m,.prof-n-m{display:none}
.prof-ava{width:140px;height:140px;border-radius:230px;object-fit:cover;display:block;margin-top:-11px;background:#ececec}
.prof-ava.prof-init{box-sizing:border-box;display:grid;place-items:center;background:#fff;color:#000;border:1px solid rgba(0,0,0,.2);font-family:Geist,sans-serif;font-weight:700;font-size:calc(72px * var(--init-scale, 1));letter-spacing:-.05em;line-height:.9}
.prof-pic{position:relative;width:140px}
.prof-addpic{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;border:1px solid rgba(0,0,0,.2);background:#fff;color:rgba(0,0,0,.6);cursor:pointer;font:400 18px/20px Geist,sans-serif;letter-spacing:-.36px}
.prof-addpic img{width:24px;height:24px;max-width:none}
.prof-addpic:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.prof-haspic{position:relative;overflow:hidden;border:0;color:#fff;background:#ececec}
.prof-haspic .prof-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:inherit}
.prof-replac{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:inherit;background:rgba(0,0,0,.4);color:#fff;opacity:0}
.prof-haspic:hover .prof-replac,.prof-haspic:focus-visible .prof-replac,.prof-haspic[aria-expanded="true"] .prof-replac{opacity:1}
.prof-picmenu{top:calc(100% + 8px);left:0;width:197px}
.prof-picmenu button{gap:2px}
.prof-picmenu img{width:24px;height:24px;max-width:none;flex:none}
.prof-picmsg{margin:8px 0 0;font-size:15px;letter-spacing:-.3px;color:#e5484d}
.prof-addbio,.prof-biotext{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;margin:0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;font:inherit;letter-spacing:inherit;line-height:inherit;overflow-wrap:anywhere;word-break:break-word}
.prof-addbio{color:#006dff}
.prof-biotext{color:rgba(0,0,0,.6)}
.prof-addbio:focus-visible,.prof-biotext:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.prof-biofield{display:block;width:100%;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.prof-note textarea{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;margin:0;padding:0;border:0;resize:none;overflow:hidden;min-height:24px;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;overflow-wrap:anywhere;word-break:break-word}
.prof-note textarea:focus{outline:none}
.prof-note [hidden]{display:none}
/* Editor (Figma 68:6908): text inset 10px top/left, Cancel and Save 6px from the right and bottom. */
.prof-note.is-edit{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:10px 6px 6px 10px}
.prof-bioacts{display:flex;justify-content:flex-end;align-items:center;gap:10px;width:100%}
.prof-biocancel{margin:0;padding:0;border:0;background:none;color:rgba(0,0,0,.45);font:400 14px/1 Geist,sans-serif;letter-spacing:-.28px;cursor:pointer}
.prof-biocancel:disabled{opacity:.45;cursor:default}
.prof-biosave{height:32px;padding:4px 12px;border:0;border-radius:8px;background:#dbeafe;color:#3b82f6;font:500 14px/1 Geist,sans-serif;letter-spacing:-.28px;cursor:pointer}
.prof-biosave:disabled{opacity:.45;cursor:default}
.prof-biomsg{width:100%;margin:0;font-size:15px;letter-spacing:-.3px;color:#e5484d;text-align:left}
.lnk{background:none;border:0;padding:0;font:inherit;letter-spacing:inherit;color:#006dff;cursor:pointer}
.field-msg{margin:8px 0 0;font-size:15px;letter-spacing:-.3px;color:#e5484d}
.prof-name{margin:10px 0 0;min-width:0;max-width:100%;font-size:30px;line-height:1;letter-spacing:-1.5px}
.prof-name-line{display:flex;align-items:center;min-width:0;max-width:100%}
.prof-nm,.prof-at,.prof-via-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prof-at{display:block;max-width:100%;color:rgba(0,0,0,.4)}
.prof-name img.company-badge{display:inline-block;max-width:none;margin-left:6px;vertical-align:middle;flex:none}
.prof-bubble{position:relative;margin-top:22px;margin-left:-10px;width:100%;min-width:0;max-width:320px;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word}
.prof-tail{position:absolute;left:18px;top:-12px;display:flex;align-items:center;justify-content:center;width:14px;height:16.5px}
.prof-tail img{width:16.5px;height:14px;max-width:none;transform:rotate(90deg) scaleY(-1)}
.prof-note{margin:0;width:100%;min-width:0;max-width:100%;box-sizing:border-box;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:20px;font-size:20px;line-height:1.2;letter-spacing:-1px;color:rgba(0,0,0,.6);overflow-wrap:anywhere;word-break:break-word;transition:height 180ms ease}
@media(prefers-reduced-motion:reduce){.prof-note{transition:none}}
.prof-note a{color:#006dff;text-decoration:none}
.prof-note.prof-addbio{color:#006dff;line-height:1;cursor:pointer}
.prof-note:focus{outline:2px solid var(--blue);outline-offset:2px}
.prof-social{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:20px}
.prof-socs{display:flex;align-items:center;flex-wrap:wrap;gap:15px;min-width:0}
/* Via line (frame 84:9155): 16px Geist, 60% black, -0.8px tracking, 4px gaps, 20px round logo.
   Right edge lines up with the bio bubble. */
.prof-via{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:4px;min-width:0;max-width:100%;margin:0 0 0 auto;font:400 16px/1 Geist,sans-serif;letter-spacing:-.8px;color:rgba(0,0,0,.6)}
/* No social network. A website stays on the left with Via, on the same edge as the name. */
.prof-social:not(:has(.prof-socs)) .prof-via{justify-content:flex-start;margin-left:0}
.prof-via-one{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%}
.prof-via img{width:20px;height:20px;max-width:none;border-radius:50%;object-fit:cover;flex:none}
@media(min-width:861px){
 .prof-social:has(.prof-via){width:calc(100% - 10px);max-width:310px}
}
.prof-cons{margin-top:20px}
.prof-cons-n{margin:0;font:400 16px/1 Geist,sans-serif;letter-spacing:-.8px;color:rgba(0,0,0,.6)}
.prof-cons-n b{font-weight:700}
.prof-mutual{display:flex;align-items:center;gap:10px}
.prof-cons-n+.prof-mutual{margin-top:23px}
.prof-mutual p{margin:0;flex:1;min-width:0;max-width:290px;font:400 16px/1 Geist,sans-serif;letter-spacing:-.8px;color:rgba(0,0,0,.6)}
.prof-mutual-faces{display:flex;align-items:center;flex:none;height:28px}
.prof-mutual-faces img,.prof-mutual-faces .prof-mini{width:28px;height:28px;border-radius:50%;flex:none;object-fit:cover;box-sizing:border-box;border:1px solid rgba(0,0,0,.2)}
.prof-mutual-faces .prof-mini{display:grid;place-items:center;background:#fff;color:#000;font:700 calc(12px * var(--init-scale, 1))/1 Geist,sans-serif;letter-spacing:-.04em}
.prof-mutual-faces>*+.prof-mini,.prof-mutual-faces>*+img{margin-left:-2px}
.prof-site{max-width:142px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#006dff;font-size:20px;line-height:1;letter-spacing:-1px;text-decoration:none}
.soc{position:relative;width:24px;height:24px;display:grid;place-items:center;color:inherit;text-decoration:none}
.soc img{max-width:none}
.soc-ok{position:absolute;right:-5px;bottom:-4px;width:12px;height:12px;line-height:0;pointer-events:none}
.prof-talk{position:relative;min-width:0;margin-top:30px}
/* Wide desktop. A connected heading, and the "isn't connected yet" heading, meet the userpic. The picture sits 11px above the column. */
@media(min-width:1041px){
 .prof-talk.prof-connected,
 .prof-talk:has(.prof-unconnected){margin-top:-11px}
}
.prof-copyrow{position:absolute;left:364px;top:-67px;display:flex;align-items:flex-start;margin:0;min-height:0}
.prof-arrow{position:absolute;left:0;top:25px;max-width:none}
.prof-copy{margin-left:60px}
/* Owner desktop only. The pill and its connector move together. Phones keep the frame. */
@media(min-width:861px){
 .prof-owncopy{transform:translateX(40px)}
}
.prof-copy{display:inline-flex;align-items:center;gap:6px;background:#e3d41f;color:#000;border:0;border-radius:40px;padding:12px 20px 12px 18px;font:500 20px/1 Geist,sans-serif;letter-spacing:-.4px;cursor:pointer}
.prof-copy:active{transform:scale(.98)}
.copy-ico{position:relative;width:24px;height:24px;flex:none}
.copy-ico img{position:absolute;max-width:none}
.copy-ico .back{left:2px;top:7px}
.copy-ico .front{left:7px;top:2px}
.door-warn{position:absolute;left:0;top:-56px;margin:0;max-width:min(365px,calc(100% - 210px));font:400 21px/27px Geist,sans-serif;letter-spacing:-.42px;color:#ff0004;white-space:nowrap}
.door-warn button{border:0;padding:0;background:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:#006dff;cursor:pointer}
.prof-h{max-width:781px;font-size:72px;font-weight:700;line-height:.9;letter-spacing:-3.6px}
.prof-h.prof-unconnected{max-width:708px}
.prof-unconnected-sub{margin:20px 0 0;max-width:660px;font:400 30px/1.2 Geist,sans-serif;letter-spacing:-1.5px;color:#000}
.prof-h .hl{color:#006dff;text-decoration:none}
.prof-foot{margin:20px 0 0;font-size:16px;line-height:1;letter-spacing:-.8px;color:rgba(0,0,0,.4)}
.prof-share{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.prof-share a{display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;height:48px;padding:0 22px;border-radius:38px;background:#fff;color:#000;box-shadow:0 1px 0 rgba(0,0,0,.1),0 0 0 1px #e4e4e7;font:500 18px/20px Geist,sans-serif;letter-spacing:-.36px}
.prof-share a:hover{color:#000}
.prof-share img{flex:none;max-width:none}
.prof-sig{margin:32px 0 0;max-width:640px;font-size:20px;line-height:1.2;letter-spacing:-1px;color:rgba(0,0,0,.6)}
.prof-log{position:relative;display:flex;align-items:center;gap:10px;margin-top:36px}
.prof-log>p{margin:0;font-size:30px;line-height:1.3;letter-spacing:-.9px}
.prof-menu{position:absolute;z-index:5;top:calc(100% + 8px);left:0;display:flex;flex-direction:column;width:197px;padding:8px;background:#fff;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.25),0 2px 6px rgba(0,0,0,.25)}
.prof-menu[hidden]{display:none}
.prof-menu button{display:flex;align-items:center;width:100%;height:34px;padding:5px 10px 5px 4px;border:0;border-radius:8px;background:transparent;font:400 16px/1 Geist,sans-serif;letter-spacing:-.32px;color:#000;text-align:left;cursor:pointer}
.prof-menu button.danger{color:red}
@media(hover:hover){.prof-menu button:hover{background:rgba(0,0,0,.04)}}
.prof-logmsg{position:absolute;top:calc(100% + 8px);left:210px;margin:0;font-size:16px;letter-spacing:-.3px}
.prof-knock{margin-top:30px;max-width:847px;contain:inline-size}
.prof-guide{display:flex;align-items:center;width:100%;margin:0;padding:0;border:0;background:transparent;font:400 30px/1.3 Geist,sans-serif;letter-spacing:-.9px;color:#000;text-align:left;cursor:pointer}
.prof-guide img{flex:none;width:32px;height:32px;max-width:none}
.prof-guide.open img{transform:rotate(90deg)}
.prof-guide span{flex:1}
#profGuide[hidden]{display:none}
.prof-knock p{margin:10px 0 0;max-width:640px;font-size:16px;line-height:1.45;letter-spacing:-.3px;color:rgba(0,0,0,.55)}
.guide-case{margin-top:22px;max-width:640px}
.guide-case h2{margin:0;font:600 16px/1.35 Geist,sans-serif;letter-spacing:-.32px;color:#000}
.guide-case ol{margin:8px 0 0;padding-left:1.25em;font-size:16px;line-height:1.45;letter-spacing:-.3px;color:rgba(0,0,0,.72)}
.guide-case li{margin:6px 0}
.guide-case p{margin:8px 0 0}
.prof-knock a{color:#006dff}
.prof-knock a:hover{text-decoration:underline}
.prof-knock a.knock-go{display:inline-flex;align-items:center;height:40px;margin-top:16px;border-radius:999px;background:#006dff;color:#fff;padding:0 18px;font:500 16px/1 Geist,system-ui,sans-serif;text-decoration:none}
.prof-knock a.knock-go:hover{text-decoration:none}
.prof-knock pre{margin:16px 0 0;background:#f6f6f7;color:#18181b;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:16px 18px;overflow:auto;font:400 13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:0;white-space:pre-wrap;overflow-wrap:anywhere}
.knock-form{display:flex;flex-direction:column;gap:10px;margin-top:16px;max-width:420px}
.knock-form label{display:flex;flex-direction:column;gap:4px;font-size:14px;letter-spacing:-.2px;color:rgba(0,0,0,.55)}
.knock-form input,.knock-form textarea{width:100%;box-sizing:border-box;font:16px/1.3 Geist,system-ui,sans-serif;color:#000;background:#fff;border:1px solid rgba(0,0,0,.14);border-radius:10px;padding:10px 12px}
.knock-form textarea{min-height:72px;resize:vertical}
.knock-form button{align-self:flex-start;height:40px;border:0;border-radius:999px;background:#006dff;color:#fff;padding:0 18px;font:500 16px/1 Geist,system-ui,sans-serif;cursor:pointer}
.knock-form button:disabled{opacity:.45;cursor:default}
.prof-knock .knock-wait{margin:0;color:#000}
.prof-knock .knock-wait.bad{color:#e5484d}
/* Signed-in header, frame 56:5479. 70px mark at (10, 7), nav at x=110 y=20,
   44px avatar 20px from the right. Overrides the marketing header's top and margin. */
header.apphead{position:sticky;top:0;display:block;height:77px;min-height:77px;margin:0;padding:0;background:#fff;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.appmark{position:absolute;left:10px;top:7px;display:block;width:70px;height:70px;line-height:0}
.appmark img{position:absolute;left:8px;top:12px;width:50.361px;height:45.592px;max-width:none}
.appnav{position:absolute;left:110px;top:20px;display:flex;align-items:center;gap:0;height:44px;max-width:calc(100% - 194px);min-width:0;margin:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.appnav::-webkit-scrollbar{display:none}
.appnav a{display:flex;align-items:center;height:44px;padding:8px 18px;border-radius:20px;font:400 18px/33px Geist,sans-serif;letter-spacing:-.36px;color:#000;white-space:nowrap}
.appnav a.on{background:rgba(0,109,255,.2);color:#006dff}
@media(hover:hover){.appnav a:hover{background:rgba(0,0,0,.04)}.appnav a.on:hover{background:rgba(0,109,255,.2)}}
.umenu-slot{position:absolute;right:20px;top:20px;z-index:2}
.umenu-slot:has(.nav-noconnect){display:flex;align-items:center;gap:14px}
.nav-noconnect{display:flex;align-items:center;gap:6px;margin:0;font:400 18px/22px Geist,sans-serif;letter-spacing:-.36px;color:#ff0004;white-space:nowrap}
.nav-noconnect button{border:0;padding:0;background:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:#006dff;cursor:pointer}
@media(min-width:861px){
 header.apphead:has(.nav-noconnect) .appnav{max-width:calc(100% - 540px)}
}
.appava{position:relative;margin:0;display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;padding:0;border:0;background:transparent;cursor:pointer;color:inherit}
.appava img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#ececec}
.app-init{box-sizing:border-box;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#000;border:1px solid rgba(0,0,0,.2);font-family:Geist,sans-serif;font-weight:700;font-size:calc(23px * var(--init-scale, 1));letter-spacing:-.05em;line-height:.9}
.prof-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;border-top:1px solid rgba(0,0,0,.1);padding:10px 20px}
.prof-bar nav,.prof-bar-end{display:flex;align-items:center}
.prof-bar a,.prof-bar span{font:400 15px/33px Geist,sans-serif;letter-spacing:-.3px;color:#000;padding:0 18px;white-space:nowrap}
.prof-bar .hl{color:#006dff}
.prof-bar img{width:24px;height:24px;max-width:none}
.prof-legal{display:flex;align-items:center;gap:28px;box-sizing:border-box;width:min(1360px,100%);margin:120px auto 0;padding:0 50px 56px}
.prof-mark{display:block;flex:none;line-height:0}
.prof-mark img{width:110px;height:auto;max-width:none}
.prof-own{font-size:15px;letter-spacing:-.3px;color:#000}
.prof-own:hover{color:var(--blue)}
.prof-fine{margin-left:auto;display:flex;align-items:center;gap:18px}
.prof-fine a{font-size:13px;letter-spacing:-.2px;color:rgba(0,0,0,.4)}
.prof-fine a:hover{color:rgba(0,0,0,.7)}
@media(max-width:1040px){
 .prof-grid{grid-template-columns:240px minmax(0,1fr);column-gap:20px}
 .prof-h{font-size:44px;letter-spacing:-2px}
 .prof-unconnected-sub{font-size:22px;line-height:1.25;letter-spacing:-1.1px}
 .door-warn{white-space:normal;line-height:1.25;max-width:calc(100% - 190px)}
 .prof-id{padding-top:8px}
 .prof-ava{margin-top:0}
 .prof-copyrow{left:auto;right:0}
 .prof-arrow{left:-58px}
 .prof-copy{margin-left:0}
}
@media(min-width:1041px) and (max-width:1100px){
 main.prof:has(.prof-talk){padding-top:157px}
}
@media(max-width:1040px){
 body:has(header.apphead) main.prof:has(.prof-talk){padding-top:138px}
}
@media(max-width:1040px) and (min-width:861px){
 .prof-talk{margin-top:49px}
 /* The picture's column has 8px of padding here, and the picture's own margin is 0. */
 .prof-talk.prof-connected,
 .prof-talk:has(.prof-unconnected){margin-top:8px}
}
@media(max-width:860px){
 .nav-noconnect{display:none}
 main.prof:has(.prof-talk){padding-top:24px;padding-bottom:48px}
 body:has(header.apphead) main.prof:has(.prof-talk){padding-top:24px;padding-bottom:48px}
 .prof-talk{margin-top:0}
 .prof{padding-top:16px;padding-bottom:24px}
 .prof-legal{gap:16px;margin-top:88px;padding:0 var(--page-x,20px) 36px}
 .prof-mark img{width:92px}
 .prof-own{font-size:14px}
 .prof-fine{gap:14px}
 .prof-grid{grid-template-columns:1fr;row-gap:28px}
 .prof-id{padding-top:0}
 .prof-guide{font-size:22px}
 .appnav{display:none}
 header.apphead .appmark{left:calc(var(--page-x,20px) - 8px)}
 header.apphead .umenu-slot{top:16px;right:var(--page-x,20px)}
 header.apphead .appava{display:flex;align-items:center;gap:12px;width:auto;height:44px;border-radius:0}
 header.apphead .appava>.umenu-ico{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none}
 header.apphead .appava .umenu-ico img{width:24px;height:24px;max-width:none;border-radius:0;background:transparent;object-fit:unset}
 .prof-bar,.prof-bar nav,.prof-bar-end{flex-wrap:wrap;gap:4px}
 .prof-bar a,.prof-bar span{padding:0 10px}
 /* Link page phone frames. Talk comes first, then the card. Desktop copy stays in .prof-d.
    The no-aissistant warning sits centered under the header, above Copy Link. */
 .prof-grid:has(.prof-talk){display:flex;flex-direction:column;row-gap:0}
 .prof-grid:has(.prof-talk)>.prof-talk{display:contents}
 .prof-d{display:none}
 span.prof-m{display:inline}
 p.prof-m{display:block}
 .door-warn,.prof-h,.prof-foot,.prof-unconnected-sub,.prof-share,.prof-log,.prof-sig,.prof-id,.prof-knock{min-width:0;width:100%}
 .door-warn{order:1;position:static;top:auto;left:auto;display:block;max-width:none;margin:0 0 40px;text-align:center;font:400 17px/normal Geist,sans-serif;letter-spacing:-.34px;color:#ff0004;white-space:normal}
 .prof-copyrow{order:2;position:relative;left:auto;right:auto;top:auto;display:flex;justify-content:flex-start;width:100%;margin:0 0 17px}
 .prof-copy{margin-left:51px}
 .prof-arrow{display:block;position:absolute;left:211px;top:24px;width:49px;height:42px;max-width:none;transform:scaleY(-1) rotate(180deg);pointer-events:none}
 .prof-h{order:3;margin:0;max-width:342px;font-size:47px;letter-spacing:-2.35px}
 .prof-grid:not(:has(.prof-copy)) .prof-h{margin-top:20px}
 .prof-foot{order:4}
 .prof-unconnected-sub{order:4;max-width:none;margin-top:16px;font-size:20px;line-height:1.25;letter-spacing:-1px}
 .prof-share{order:5;display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start;max-width:342px;margin-top:28px}
 .prof-share a{height:48px;padding:0 22px;font-size:18px}
 .prof-log{order:5;margin-top:20px}
 .prof-log>p{font-size:30px}
 .prof-sig{order:6;margin-top:20px}
 .prof-log+.prof-sig{margin-top:57px}
 .prof-id{order:7;margin-top:40px}
 .prof-knock{order:8;margin-top:32px;max-width:none}
 .prof-knock h2{font-size:18px}
 .prof-knock pre{padding:14px;font-size:12px}
 .prof-card{display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:11px;align-items:start;width:100%}
 .prof-meta{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
 .prof-card>.prof-ava,.prof-card>.prof-pic{width:140px;height:140px;margin:0}
 .prof-card .prof-ava{width:140px;height:140px;margin-top:0}
 .prof-n-m{display:block;margin:20px 0 0}
 .prof-cons{margin-top:0}
 .prof-cons>.prof-cons-n{display:none}
 .prof-name{margin:0;font-size:30px}
 .prof-bubble{margin:12px 0 0;margin-left:0;max-width:none;width:100%}
 .prof-tail{left:132px}
 .prof-note{border-radius:20px;font-size:20px;padding:30px}
 .prof-note:has(.prof-addbio):not(.is-edit){padding:36px 30px}
 .prof-note .prof-addbio{line-height:1}
 .prof-note textarea,.prof-addbio,.prof-biotext{font-size:20px}
 .prof-social{margin:20px 0 0}
 .prof-social:not(:has(.prof-socs)){margin-left:161px}
 .prof-site{max-width:min(180px,46vw)}
 .prof-mutual{margin:20px 0 0}
 .prof-cons>.prof-cons-n+.prof-mutual{margin-top:20px}
 .prof-mutual p{max-width:none}
}
.ais{margin-top:0;padding-top:0}
@media(min-width:1041px){.ais{width:781px;max-width:100%}}
.ais-h{margin:0;font:700 72px/.9 Geist,sans-serif;letter-spacing:-3.6px;color:#000}
.ais-lead{margin:20px 0 0;max-width:660px;font:400 30px/1.2 Geist,sans-serif;letter-spacing:-1.5px;color:#000}
.ais-list{list-style:none;margin:55px 0 0;padding:0;max-width:660px}
.ais-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(0,0,0,.1);padding:10px 0}
.ais-who{display:flex;gap:10px;align-items:flex-start;min-width:0}
.ais-ava{width:50px;height:50px;border-radius:80px;object-fit:cover;flex:none}
.ais-who p{margin:0;min-width:0;font:400 16px/1.2 Geist,sans-serif;letter-spacing:-1px;color:rgba(0,0,0,.4)}
.ais-line{display:flex;align-items:baseline;white-space:nowrap;max-width:100%}
.ais-meta{white-space:pre}
.ais-who b{font:700 20px/1.2 Geist,sans-serif;letter-spacing:-1px;color:#000}
.ais-handle{display:block;font-size:18px;line-height:1.2}
.ais-active{display:none}
.ais-side{display:flex;align-items:center;gap:10px;position:relative;flex:none}
.ais-status{display:flex;align-items:center;gap:4px;font:400 16px/1.2 Geist,sans-serif;letter-spacing:-.8px;color:rgba(0,0,0,.4);max-width:180px}
.ais-status.ais-role{max-width:none;flex:none;white-space:nowrap}
.ais-status img{width:24px;height:24px;flex:none}
.ais-menu{position:absolute;z-index:5;top:calc(100% + 8px);right:0;width:340px;box-sizing:border-box;background:#fff;border-radius:12px;padding:8px;box-shadow:0 1px 2px rgba(0,0,0,.25),0 2px 6px rgba(0,0,0,.25)}
.ais-mi{display:flex;gap:6px;align-items:flex-start;padding:5px 5px 5px 4px}
.ais-mi img{width:24px;height:24px;flex:none}
.ais-mi b,.ais-mi button{font:400 16px/normal Geist,sans-serif;letter-spacing:-.32px;color:#000;background:none;border:0;padding:0;text-align:left;cursor:pointer}
.ais-mi p{margin:0;font:400 15px/1 Geist,sans-serif;letter-spacing:-.3px;color:rgba(0,0,0,.4)}
.ais-menu hr{border:0;border-top:1px solid rgba(0,0,0,.1);margin:8px 6px}
.ais-field{display:flex;flex-direction:column;gap:4px;width:100%;font:400 16px/normal Geist,sans-serif;letter-spacing:-.32px;color:#000}
.ais-field input{width:100%;box-sizing:border-box;border:0;border-radius:8px;padding:10px;box-shadow:0 0 0 1px #e4e4e7;font:400 15px/1 Geist,sans-serif;letter-spacing:-.3px;color:#000}
.ais-field input::placeholder{color:rgba(0,0,0,.4)}
.ais-disc{display:block;width:100%;border:0;background:none;padding:6px 4px;text-align:left;font:400 16px/normal Geist,sans-serif;letter-spacing:-.32px;color:red;cursor:pointer}
.ais-modal{position:fixed;inset:0;z-index:110000;background:rgba(0,0,0,.4);display:grid;place-items:center;padding:20px}
/* The sticky header's backdrop-filter otherwise paints the header and the staging badge over the dim. */
body:has(.ais-modal:not([hidden]), .scrop:not([hidden])) header{z-index:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.ais-modal[hidden]{display:none}
.ais-modal-card{width:min(420px,100%);box-sizing:border-box;background:#fff;border-radius:20px;padding:24px 24px 20px}
.ais-modal-card h2{margin:0;font:700 24px/1.2 Geist,sans-serif;letter-spacing:-.8px;color:#000}
.ais-modal-card > p{margin:12px 0 0;font:400 16px/1.3 Geist,sans-serif;letter-spacing:-.3px;color:#000}
.ais-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:20px}
.ais-modal-go{border:0;border-radius:40px;background:#e5484d;color:#fff;font:500 18px Geist,sans-serif;letter-spacing:-.36px;padding:10px 22px;cursor:pointer}
.ais-modal-go:disabled{opacity:.55;cursor:default}
.ais-modal-err{margin:12px 0 0;font:400 15px/1.2 Geist,sans-serif;letter-spacing:-.3px;color:#e5484d}
.ais-connect{display:flex;align-items:center;flex-wrap:wrap;gap:10px;max-width:660px;padding:20px 0}
.ais-go{display:inline-flex;align-items:center;padding:10px 22px;border:0;border-radius:40px;background:#006dff;color:#fff;font:500 18px/normal Geist,sans-serif;letter-spacing:-.36px;white-space:nowrap;cursor:pointer}
.ais-go:hover{background:#0a5fd6}
.ais-connect p{margin:0;font:400 20px/1.2 Geist,sans-serif;letter-spacing:-1px;color:rgba(0,0,0,.4)}
.ais-connect-card{position:relative;width:min(620px,calc(100% - 32px));box-sizing:border-box;background:#fff;border-radius:20px;padding:30px 50px;display:flex;flex-direction:column;align-items:center;gap:20px;outline:none}
.ais-connect-card h2{margin:0;width:100%;font:700 44px/.9 Geist,sans-serif;letter-spacing:-2.2px;color:#000;text-align:center}
.ais-x{position:absolute;top:10px;right:10px;width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer;z-index:3}
.ais-x img{display:block;width:24px;height:24px}
@media(max-width:860px){
 .ais-h{max-width:342px;font-size:47px;letter-spacing:-2.35px}
 .ais-lead{max-width:342px;font-size:26px;letter-spacing:-1.3px}
 .ais-menu{width:min(340px,calc(100vw - 32px))}
 body:has(header.apphead) main.prof:has(.ais){padding-top:42px}
 .ais{width:auto;margin-top:0;padding:0}
 main.prof:has(.ais) .prof-id{display:none}
 main.prof:has(.ais) .prof-grid{row-gap:0}
 .ais-list{max-width:342px;margin-top:40px}
 .ais-row{flex-wrap:nowrap;align-items:flex-start;gap:10px;padding:10px 0}
 .ais-who{flex:1 1 auto;padding-right:0;min-width:0}
 .ais-line{white-space:normal;flex-wrap:wrap}
 .ais-meta{white-space:pre-wrap}
 .ais-inline-when{display:none}
 .ais-active{display:block;margin-top:19px}
 .ais-side{flex:none;padding-left:0;align-items:flex-start}
 .ais-status{max-width:none}
 .ais-status:not(.ais-role){display:none}
 .ais-status.ais-role > span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .ais-side .q-more{position:static}
 .ais-connect{flex-direction:column;align-items:flex-start;max-width:342px}
 .ais-connect p{font-size:15px;letter-spacing:-.75px}
}
@media(max-width:700px){
 .ais-connect-card{padding:30px 20px}
 .ais-connect-card h2{font-size:32px;letter-spacing:-1.6px}
}