:root{--social-blue:#2465e8;--social-line:#e0e8f3;--social-ink:#153555;--social-muted:#71849d;--social-bg:#f5f8fc}
html{scroll-padding-top:90px}body{background:var(--social-bg);color:var(--social-ink)}.topbar{height:72px;background:#ffffffed;backdrop-filter:blur(20px);padding:0 max(24px,calc((100vw - 1320px)/2));z-index:50}.wordmark{display:flex;align-items:center;gap:4px;font-size:29px}.wordmark span{font-size:23px}.wordmark:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--social-blue);margin:0 0 14px 4px}.topbar .nav-explore{display:none}.topbar nav{gap:9px}.topbar .button{min-height:41px;font-size:12px;padding:9px 18px}.layout{grid-template-columns:196px minmax(0,680px) 280px;max-width:1296px;gap:28px;padding:28px 24px 70px}.layout>main{min-width:0;outline:none;view-transition-name:social-content}.left-rail,.right-rail{top:100px}.left-rail{gap:7px}.left-rail>a:not(.button){display:flex;gap:14px;align-items:center;font-size:14px;padding:14px 16px;border-radius:13px;min-height:51px;color:#526c8b}.left-rail>a.rail-active{background:#e5efff;color:#205fcf}.left-rail>a:hover{background:#eaf1fb}.social-nav-icon{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.rail-note{font-size:19px;padding:28px 15px;line-height:1.5}.rail-note em{font-size:22px}.left-rail>.primary{margin-top:18px;min-height:47px;font-size:13px}.left-rail footer{padding:28px 14px;font-size:11px}.intro{padding:0 2px 23px}.intro .eyebrow{display:none}.intro h1{font-size:30px;letter-spacing:-1.1px;line-height:1.2;margin:4px 0 9px}.intro p{font-size:13px;margin:0;line-height:1.6}.search{border-radius:16px;min-height:50px;margin-bottom:20px;box-shadow:0 4px 18px #173b6604}.search input{font-size:13px}.search .button{font-size:12px;min-height:36px;padding:7px 15px}.feed{gap:14px}.post{border-radius:20px;padding:20px 22px 10px;border-color:var(--social-line);box-shadow:0 3px 16px #173b6603}.post-heading{gap:11px}.person-name{font-size:14px}.muted{font-size:12px}.post-date{font-size:11px;white-space:nowrap}.post-body{font-size:15px;line-height:1.7}.post-actions{padding:7px 0 0;gap:5px}.post-actions>a,.post-actions>button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:999px;color:#68819c;font-size:12px;background:transparent;border:0;cursor:pointer;font-family:inherit}.post-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.post-actions a:hover,.post-actions button:hover{background:#eef4fe;color:var(--social-blue)}.post-actions span{font-size:12px}.profile-card{border-radius:20px}.profile-cover{background:linear-gradient(125deg,#133b69,#2566c2 70%,#42a0d1);height:190px}.profile-details{padding:0 24px 23px}.profile-details h1{font-size:26px;letter-spacing:-.8px}.profile-details .bio{font-size:14px;line-height:1.7}.profile-meta{font-size:12px;line-height:1.7}.profile-avatar{box-shadow:0 3px 8px #102c4a09}.section-title{padding:4px 3px}.section-title h2{font-size:17px}.pagination{gap:9px;flex-wrap:wrap}.pagination .button{font-size:12px;min-height:40px}.right-rail .join-card{border-radius:20px;padding:24px;background:linear-gradient(145deg,#fff,#edf4ff);border-color:#e0e8f3}.join-card h2{font-size:27px;line-height:1.2;letter-spacing:-.8px}.join-card p{font-size:13px;line-height:1.7}.join-card .eyebrow{font-size:9px;letter-spacing:1.6px}.right-rail .people{padding:20px 17px;background:#fff;border:1px solid #e0e8f3;border-radius:18px}.people h2{font-size:16px;letter-spacing:-.4px}.people .person{padding:12px 0}.right-note{font-size:11px;line-height:1.7}.replies{border-radius:20px;border-color:var(--social-line);padding:20px 22px}.replies h2{font-size:19px}.social-back{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:650;padding:0 2px 20px}.social-back a{display:grid;place-items:center;width:39px;height:39px;border:1px solid #dce6f3;background:#fff;border-radius:50%}.social-back svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7}.social-mobile-nav{display:none}.social-toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,12px);background:#153555;color:#fff;padding:12px 20px;max-width:calc(100vw - 36px);font-size:13px;border-radius:999px;box-shadow:0 8px 30px #102c4a20;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:200}.social-toast.is-visible{opacity:1;transform:translate(-50%,0)}html:before{content:"";position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#2465e8,transparent);background-size:200% 100%;opacity:0;z-index:300}.social-is-loading:before{opacity:1;animation:social-progress 1s ease infinite}.social-is-loading .layout>main{cursor:progress}
@keyframes social-progress{to{background-position:-200% 0}}::view-transition-old(social-content){animation:social-out .12s ease both}::view-transition-new(social-content){animation:social-in .18s ease both}@keyframes social-out{to{opacity:0;transform:translateY(-3px)}}@keyframes social-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.layout{grid-template-columns:196px minmax(0,680px) 280px;gap:28px;max-width:1296px}}
@media(max-width:1180px){.layout{grid-template-columns:185px minmax(0,720px);gap:25px;max-width:1030px}.right-rail{display:none}}
@media(max-width:800px){.layout{grid-template-columns:65px minmax(0,1fr);padding:22px 18px 70px;gap:20px}.left-rail>a:not(.button){justify-content:center;padding:15px}.left-rail>a>span,.left-rail .rail-note,.left-rail>.button,.left-rail footer{display:none}.left-rail .social-nav-icon{width:23px;height:23px}}
@media(max-width:700px){.topbar{height:64px;padding:0 16px}.wordmark{font-size:26px}.wordmark span{font-size:20px}.topbar .button{min-height:37px;font-size:11px;padding:8px 13px}.layout{display:block;padding:0 0 calc(88px + env(safe-area-inset-bottom))}.left-rail{display:none}.intro{padding:22px 18px 19px}.intro h1{font-size:27px}.intro p{font-size:13px}.search{margin:0 15px 18px;border-radius:999px;min-height:46px}.search input{font-size:13px}.feed{gap:0}.post{border-radius:0;box-shadow:none;padding:18px 16px 10px}.person-name{font-size:14px}.post-person .muted{font-size:12px}.post-body{font-size:15px}.post-actions span{font-size:11px}.post-actions>a,.post-actions>button{font-size:11px;min-height:44px}.post-heading .avatar{width:38px;height:38px}.profile-cover{height:155px}.profile-card{border-radius:0}.profile-details{padding:0 18px 22px}.profile-details h1{font-size:25px}.profile-connect{font-size:11px}.profile-meta{font-size:12px}.mobile-join{display:none}.social-mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;position:fixed;bottom:0;left:0;right:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#fffffff2;backdrop-filter:blur(20px);border-top:1px solid #dce6f3;z-index:50}.social-mobile-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:10px;min-height:49px;color:#6b829e;border-radius:12px}.social-mobile-nav svg{width:22px;height:22px}.social-mobile-nav .rail-active{background:#edf4ff;color:#2465df}.social-mobile-nav .join{color:#2465df;font-weight:750}.social-back{padding:16px;border-bottom:1px solid #e0e8f3;margin-bottom:0;background:#fff}.replies{border-radius:0;border-left:0;border-right:0}.social-toast{bottom:88px}.section-title{padding:0}.profile-card+nav.pagination{padding:0 16px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(social-content),::view-transition-new(social-content),.social-is-loading:before{animation:none!important}.social-toast{transition:none}}