html.light{--background:#fff;--foreground:#171717;--muted-foreground:#737373;--border:#e8e8e8;--accent:#1769c2}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.social-profile{background:var(--background);min-height:100dvh;color:var(--foreground)}.social-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;height:78px;padding:0 max(24px,50vw - 560px);display:flex}.social-logo{letter-spacing:-1.5px;font-size:29px;font-weight:750}.social-logo span{color:#df3679}.social-header>span{color:var(--muted-foreground);font-size:12px}.social-header>a:last-child{place-items:center;min-width:44px;min-height:44px;display:grid}.profile-main{max-width:936px;margin:auto}.profile-summary{align-items:center;gap:76px;padding:48px 52px 32px;display:flex}.avatar-ring{background:linear-gradient(35deg,#fbc653,#ed456e 48%,#aa37bb);border-radius:50%;flex-shrink:0;padding:5px}.avatar-ring img{object-fit:cover;border:5px solid #fff;border-radius:50%;width:156px;height:156px}.profile-info{flex:1}.profile-name{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.profile-name h1{letter-spacing:-.7px;font-size:25px;font-weight:400;line-height:1.3}.profile-action{background:#efefef;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:12px;font-weight:600;display:flex}.profile-action:hover{background:#e2e2e2}.profile-stats{gap:30px;margin:24px 0 18px;font-size:14px;display:flex}.profile-stats strong{font-weight:650}.profile-bio{font-size:14px;line-height:1.65}.profile-bio h2{font-weight:650}.profile-bio>span{color:var(--muted-foreground)}.profile-bio a{color:#245478;min-height:44px;padding-top:4px;font-weight:600;display:inline-block}.story-highlights{gap:32px;padding:6px 52px 40px;display:flex;overflow-x:auto}.story-highlights button{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:90px;font-size:11px;display:flex}.story-ring{border:1px solid #d8d8d8;border-radius:50%;padding:4px}.story-ring img{object-fit:cover;border-radius:50%;width:76px;height:76px}.profile-gallery-label{border-top:1px solid var(--border);letter-spacing:1.6px;justify-content:center;align-items:center;gap:8px;height:60px;font-size:10px;font-weight:600;display:flex;position:relative}.profile-gallery-label:before{content:"";background:var(--foreground);width:135px;height:1px;position:absolute;top:-1px}.profile-photo-count{color:var(--muted-foreground);letter-spacing:0;font-size:11px;font-weight:400;position:absolute;right:0}.social-profile .photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.social-profile .photo-button{aspect-ratio:3/4;border-radius:0}.social-profile .photo-tag{color:#fff;opacity:0;text-shadow:0 1px 8px #000;background:0 0;padding:0;font-size:13px;font-weight:600;bottom:18px;left:16px}.social-profile .photo-button:hover .photo-tag,.social-profile .photo-button:focus-visible .photo-tag{opacity:1}.social-profile figcaption{flex-direction:column;gap:4px;padding:12px 8px 22px;font-size:clamp(11px,1.4vw,14px);line-height:1.4;display:flex}.social-profile figcaption strong{font-weight:600}.social-profile figcaption>span{color:var(--muted-foreground);font-size:11px}.social-profile .photo-dialog{color:#171717;background:#fff;border-radius:4px}.social-profile .photo-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000b}.social-profile .lightbox button:hover{background:#efefef}.profile-footer{color:var(--muted-foreground);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:36px 18px;font-size:11px;display:flex}.profile-footer a{align-items:center;min-height:44px;margin-left:12px;display:flex}@media (max-width:640px){.social-header{height:62px;padding:0 18px}.social-logo{font-size:25px}.social-header>span{display:none}.profile-summary{align-items:flex-start;gap:20px;padding:26px 18px 18px}.avatar-ring{margin-top:4px;padding:3px}.avatar-ring img{border-width:3px;width:82px;height:82px}.profile-name{gap:12px}.profile-name h1{letter-spacing:-.5px;font-size:21px}.profile-action{min-height:44px;padding:0 12px;font-size:11px}.profile-stats{gap:12px;margin:18px 0;font-size:10px}.profile-stats span{flex-direction:column;gap:3px;display:flex}.profile-stats strong{font-size:16px}.profile-bio{font-size:12px}.story-highlights{gap:18px;padding:2px 18px 24px}.story-highlights button{width:66px;font-size:10px}.story-ring img{width:58px;height:58px}.profile-gallery-label{height:50px}.profile-photo-count{font-size:10px;right:14px}.social-profile .photo-grid{gap:3px}.social-profile .photo-tag{display:none}.social-profile .lightbox{padding:8px}.profile-footer{gap:8px;font-size:10px}}