.profile-page{gap:24px;display:grid}.profile-page .page-header{margin-bottom:0}.profile-hero{border:1px solid var(--line);background:var(--surface);border-radius:16px;overflow:hidden}.profile-banner{height:160px;color:var(--text);letter-spacing:1.8px;background:radial-gradient(ellipse at 80% 150%, transparent 42%, color-mix(in srgb, var(--accent) 15%, transparent) 42.5%, transparent 43%), linear-gradient(120deg, color-mix(in srgb, var(--accent) 20%, var(--surface)), var(--surface));justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 30px;font-size:10px;display:flex}.profile-hero-community .profile-banner{background:radial-gradient(ellipse at 20% 150%, transparent 42%, color-mix(in srgb, var(--accent) 20%, transparent) 42.5%, transparent 43%), linear-gradient(240deg, color-mix(in srgb, var(--accent) 25%, var(--surface)), var(--surface))}.profile-demo-label{letter-spacing:0;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:5px 10px}.profile-identity{align-items:center;gap:22px;padding:0 30px 26px;display:flex}.profile-portrait{border:5px solid var(--surface);background:var(--canvas);border-radius:24px;place-items:center;width:112px;height:112px;margin-top:-35px;display:grid;position:relative}.profile-name{min-width:0;padding-top:18px}.profile-name h2{margin:0 0 5px;font-size:26px}.profile-name p{color:var(--muted);margin:0 0 8px}.profile-name>span{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.profile-actions{flex-wrap:wrap;gap:10px;margin-inline-start:auto;display:flex}.profile-stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:18px;padding:22px 30px;display:grid}.profile-stats>div{border-inline-end:1px solid var(--line);gap:4px;display:grid}.profile-stats>div:last-child{border:0}.profile-stats strong{font-size:21px;font-weight:600}.profile-stats span{color:var(--muted);font-size:11px}.profile-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:24px;display:grid}.profile-sidebar,.profile-main{gap:24px;min-width:0;display:grid}.profile-details{gap:17px;margin:0 0 22px;display:grid}.profile-details dt{color:var(--muted);margin-bottom:3px;font-size:11px;font-weight:400}.profile-details dd{overflow-wrap:anywhere;margin:0}.profile-skills{flex-wrap:wrap;gap:8px;display:flex}.profile-skills span{border:1px solid var(--line);background:var(--canvas);border-radius:6px;padding:6px 10px;font-size:11px}.profile-teammates{gap:20px;display:grid}.profile-teammates>a{color:var(--text);align-items:center;gap:10px;display:flex}.profile-teammates>a>span:nth-child(2){flex:1;min-width:0}.profile-teammates strong,.profile-teammates small{display:block}.profile-teammates small{color:var(--muted);font-size:10px}.profile-directory-link{border-top:1px solid var(--line);justify-content:space-between;margin-top:22px;padding-top:18px;font-size:12px;display:flex}.profile-tabs{border-bottom:1px solid var(--line);gap:8px;display:flex}.profile-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:13px 18px;font-size:13px}.profile-tabs button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.profile-tabs button span{background:var(--surface);border-radius:5px;margin-inline-start:8px;padding:2px 6px;font-size:10px}.profile-about{color:var(--muted);line-height:1.9}.profile-focus{border-inline-start:3px solid var(--accent);background:var(--canvas);border-radius:8px;margin-top:24px;padding:24px}.profile-focus>span{letter-spacing:1.5px;color:var(--muted);font-size:9px}.profile-focus h3{margin:12px 0;font-size:20px}.profile-focus p{color:var(--muted)}.profile-focus a{font-size:12px}.profile-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.profile-project{border:1px solid var(--line);border-radius:10px;min-width:0;padding:20px}.profile-project-top,.profile-progress-label,.profile-project-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.profile-project-monogram{background:var(--canvas);width:38px;height:38px;color:var(--accent);border-radius:10px;place-items:center;font-weight:600;display:grid}.profile-project h3{margin-top:20px;font-size:15px}.profile-project p{color:var(--muted);font-size:11px}.profile-progress-label{margin-top:22px;font-size:11px}.profile-project progress{appearance:none;background:var(--line);border:0;border-radius:10px;width:100%;height:6px;margin:10px 0 18px;display:block;overflow:hidden}.profile-project progress::-webkit-progress-bar{background:var(--line)}.profile-project progress::-webkit-progress-value{background:var(--accent)}.profile-project progress::-moz-progress-bar{background:var(--accent)}.profile-project-footer{border-top:1px solid var(--line);flex-wrap:wrap;padding-top:14px;font-size:10px}.profile-project-footer>span{color:var(--muted)}.profile-note{gap:12px;display:grid}.profile-note>div{justify-content:space-between;align-items:center;display:flex}.profile-note small{color:var(--muted)}.profile-activity{margin:0;padding:0;list-style:none}.profile-activity li{gap:18px;padding-bottom:28px;display:flex;position:relative}.profile-activity li:last-child{padding-bottom:0}.profile-activity li:not(:last-child):before{content:"";inset-inline-start:5px;background:var(--line);width:1px;position:absolute;top:14px;bottom:0}.profile-activity-dot{background:var(--accent);border:3px solid var(--surface);outline:1px solid var(--line);border-radius:50%;flex-shrink:0;width:11px;height:11px;margin-top:5px}.profile-activity p{color:var(--muted);overflow-wrap:anywhere;white-space:pre-wrap;margin:5px 0}.profile-activity small,.profile-activity a{color:var(--muted);font-size:11px}.profile-empty{text-align:center;color:var(--muted);padding:30px 10px}.profile-empty h3{margin:18px 0 8px;font-size:17px}@media (width<=1100px){.profile-layout{grid-template-columns:260px minmax(0,1fr)}.profile-projects{grid-template-columns:1fr}}@media (width<=767px){.profile-layout{grid-template-columns:1fr}.profile-main{grid-row:1}.profile-identity{flex-wrap:wrap;gap:16px;padding:0 20px 24px}.profile-portrait{width:88px;height:88px}.profile-name{flex:1}.profile-name h2{font-size:21px}.profile-actions{width:100%;margin:0}.profile-actions>*{flex:1}.profile-banner{height:120px;padding:20px}.profile-stats{grid-template-columns:repeat(2,1fr);padding:20px}.profile-stats>div:nth-child(2){border:0}.profile-tabs{gap:0}.profile-tabs button{flex:1;padding:12px}}.creator-page{gap:24px;display:grid}.creator-page .page-header{margin:0}.creator-cover{color:#fff;background:#142a32;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:340px;display:flex;position:relative;overflow:hidden}.creator-cover>img{object-fit:cover;object-position:center 45%;width:100%;height:100%;position:absolute;inset:0}.creator-cover:after{content:"";background:linear-gradient(#071922b3,#07192266 25%,#071922ed);position:absolute;inset:0}.creator-cover-top,.creator-cover-content{z-index:1;align-items:center;gap:24px;padding:28px 32px;display:flex;position:relative}.creator-cover-top{letter-spacing:2px;justify-content:space-between;font-size:10px}.creator-cover-top>span:last-child{letter-spacing:0;background:#142a32;border:1px solid #ffffff80;border-radius:20px;padding:6px 10px}.creator-avatar{border:4px solid #fff;border-radius:50%;flex-shrink:0;width:96px;height:96px}.creator-cover-content h2{letter-spacing:-1px;color:#fff;margin:4px 0 10px;font-size:34px}.creator-cover-content p{margin:0;font-size:12px}.creator-cover-content div>span{align-items:center;gap:6px;font-size:12px;display:flex}.creator-follow{color:#142a32;background:#fff;border:1px solid #fff;align-items:center;gap:8px;margin-inline-start:auto;display:flex}.creator-follow:hover,.creator-follow:focus-visible{color:#142a32;background:#e0f3ed;border-color:#e0f3ed}.creator-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:24px;display:grid}.creator-sidebar,.creator-main{gap:24px;min-width:0;display:grid}.creator-bio{color:var(--muted);font-size:13px;line-height:1.9}.creator-tags{flex-wrap:wrap;gap:6px;display:flex}.creator-tags span{background:var(--canvas);border:1px solid var(--line);border-radius:20px;padding:5px 9px;font-size:10px}.creator-contact{align-items:center;gap:8px;margin-top:22px;font-size:12px;display:flex}.creator-counts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.creator-counts strong,.creator-counts span{display:block}.creator-counts strong{font-size:22px}.creator-counts span{color:var(--muted);margin-top:5px;font-size:10px}.creator-circle{gap:20px;display:grid}.creator-circle a{color:var(--text);align-items:center;gap:10px;display:flex}.creator-circle a>span:not(.avatar){flex:1;min-width:0}.creator-circle strong,.creator-circle small{font-size:11px;display:block}.creator-circle small{color:var(--muted);margin-top:4px;font-size:10px}.creator-demo{color:var(--muted);padding:0 6px;font-size:11px;line-height:1.8}.creator-tabs{border-bottom:1px solid var(--line);gap:20px;display:flex}.creator-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 0 16px;font-size:13px;display:flex}.creator-tabs button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.creator-tabs span{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:1px 5px;font-size:10px}.creator-composer>div{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.creator-composer small{color:var(--muted)}.creator-post{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.creator-post header{align-items:center;gap:12px;padding:24px 24px 0;display:flex}.creator-post header strong,.creator-post header small{display:block}.creator-post header strong{font-size:12px}.creator-post header small{color:var(--muted);margin-top:4px;font-size:10px}.creator-post header>span:last-child{color:var(--muted);margin-inline-start:auto;font-size:10px}.creator-post-copy{padding:24px}.creator-post-copy h2{margin-bottom:12px;font-size:21px}.creator-post-copy p{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.9}.creator-post-image{background:var(--canvas);border:0;width:100%;padding:0;display:block}.creator-post-image img{object-fit:cover;width:100%;height:300px}.creator-post footer{border-top:1px solid var(--line);justify-content:space-between;padding:14px 24px;display:flex}.creator-post footer button{color:var(--muted);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.creator-post footer button[aria-pressed=true]{color:var(--accent);background:var(--canvas)}.creator-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.creator-gallery button{border:1px solid var(--line);background:var(--canvas);color:var(--text);text-align:start;border-radius:10px;padding:0;overflow:hidden}.creator-gallery img{object-fit:cover;width:100%;height:220px}.creator-gallery span{align-items:center;gap:8px;padding:13px;font-size:12px;display:flex}.creator-connections{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.creator-connections a{text-align:center;border:1px solid var(--line);color:var(--text);border-radius:12px;flex-direction:column;align-items:center;padding:24px 12px;display:flex}.creator-connections .avatar{width:64px;height:64px}.creator-connections h3{margin:16px 0 6px;font-size:15px}.creator-connections p{color:var(--muted);margin:0 0 8px;font-size:11px}.creator-connections small{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.creator-connections a>span:last-child{color:var(--accent);align-items:center;gap:6px;margin-top:20px;font-size:11px;display:flex}.creator-lightbox{object-fit:contain;max-width:100%;max-height:70vh;margin:auto;display:block}@media (width>=1500px){.creator-layout{grid-template-columns:330px minmax(0,1fr)}.creator-gallery,.creator-connections{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1000px){.creator-layout{grid-template-columns:250px minmax(0,1fr)}.creator-cover-content h2{font-size:28px}.creator-tabs{gap:14px}}@media (width<=767px){.creator-layout{grid-template-columns:1fr}.creator-main{grid-row:1}.creator-cover-top,.creator-cover-content{gap:14px;padding:22px}.creator-cover-content{flex-wrap:wrap}.creator-cover-content>div{flex:1;min-width:140px}.creator-avatar{width:72px;height:72px}.creator-cover-content h2{font-size:25px}.creator-follow{margin-inline-start:0}.creator-cover-top{letter-spacing:1px;font-size:8px}.creator-post header,.creator-post-copy{padding:18px}.creator-post header{padding-bottom:0}.creator-post header>span:last-child{display:none}.creator-post-image img{height:220px}.creator-gallery{gap:10px}.creator-gallery img{height:150px}.creator-gallery span{padding:10px;font-size:10px}.creator-tabs{justify-content:space-between;gap:8px}.creator-tabs button{font-size:12px}.creator-connections{grid-template-columns:1fr}}
