.social-page,.profile-page{max-width:1180px;margin:auto;padding:70px 6vw 100px}.social-hero{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:30px 0 70px}.social-hero h1{font:700 clamp(46px,6vw,76px)/1 "Space Grotesk";letter-spacing:-.055em;margin:12px 0 20px}.social-hero h1 em{font-style:normal;background:linear-gradient(100deg,#fff,#9da8ff,#f0a9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.social-hero p{color:#9299aa;max-width:620px;font-size:17px}.social-layout,.profile-columns{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px}.composer,.side-card,.post-card,.empty-card{border:1px solid rgba(255,255,255,.09);background:#0d111c;border-radius:20px}.composer{padding:20px}.composer-top,.composer-bottom,.post-head,.post-actions,.profile-meta,.profile-stats,.result-stats{display:flex;align-items:center;justify-content:space-between;gap:12px}.composer-top{color:#dfe2ea}.composer-top span{font-size:12px;color:#9effb5}.composer textarea{width:100%;min-height:100px;resize:vertical;margin-top:14px;border:1px solid #303648;background:#070a11;color:#fff;border-radius:14px;padding:15px;font:inherit;outline:none}.composer textarea:focus{border-color:#8e99ff}.composer-bottom{margin-top:10px}.composer-bottom small,.post-head time,.post-user small,.person-card small{color:#737b8d;font-size:11px}.feed-head{display:flex;justify-content:space-between;align-items:end;margin:48px 0 20px}.feed-head h2{font:700 30px "Space Grotesk";margin:8px 0 0}.feed-list{display:grid;gap:14px}.post-card{padding:20px}.post-user{display:flex;align-items:center;gap:10px}.post-user span{display:flex;flex-direction:column}.post-user b{font-size:13px}.post-content{font-size:16px;line-height:1.65;color:#e8eaf0;white-space:pre-wrap;margin:20px 0}.post-game{display:inline-block;background:#171d2d;color:#bfc7dc;border-radius:99px;padding:7px 10px;font-size:11px}.post-actions{justify-content:flex-start;border-top:1px solid rgba(255,255,255,.07);padding-top:13px;margin-top:18px}.post-actions button{background:transparent;color:#8992a7;font-size:12px;padding:5px 8px;border-radius:9px}.post-actions button:hover,.post-actions button.liked{background:#181e30;color:#fff}.comments{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.07)}.comment{display:flex;gap:10px;padding:10px 0;color:#cfd4df;font-size:12px}.comment p{margin:3px 0;color:#9098aa}.comment-form{display:flex;gap:8px;margin-top:10px}.comment-form input{flex:1;background:#111625;border:1px solid #303648;border-radius:10px;color:#fff;padding:10px}.comment-form button{background:#f5f7fb;color:#080b14;border-radius:10px;padding:9px 13px;font-weight:700}.side-card{padding:20px;margin-bottom:14px}.side-card h3{font:700 20px "Space Grotesk";margin:8px 0 18px}.side-card p{color:#858da0;font-size:13px;line-height:1.7}.discover-list{display:grid;gap:12px}.person-card{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.person-card>div:nth-child(2){min-width:0}.person-card b{font-size:12px}.person-card p{margin:3px 0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.follow-btn{background:#f5f7fb;color:#080b14;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:800}.follow-btn.following{background:#1b2131;color:#dce1ed;border:1px solid rgba(255,255,255,.12)}.avatar.sm{width:36px;height:36px;border-radius:11px}.avatar.md{width:46px;height:46px;border-radius:14px}.avatar-img{object-fit:cover;display:block}.profile-hero{border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;background:#0d111c;margin-bottom:28px}.cover{height:230px;background:linear-gradient(120deg,#171c32,#0b0e18);background-size:cover;background-position:center}.profile-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;padding:0 30px 25px;align-items:center}.big-avatar{width:104px;height:104px;border-radius:28px;background:#f5f7fb;color:#080b14;display:grid;place-items:center;margin-top:-52px;border:6px solid #0d111c;overflow:hidden}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-avatar-letter{font:700 42px "Space Grotesk"}.profile-info h1{font:700 34px "Space Grotesk";letter-spacing:-.03em;margin:18px 0 0}.handle{font-size:12px;color:#777f92;margin-top:2px}.profile-info p{color:#9aa2b4;margin:10px 0}.profile-meta{justify-content:flex-start;color:#777f92;font-size:11px}.profile-actions{display:flex;gap:8px}.profile-stats{border-top:1px solid rgba(255,255,255,.07);padding:18px 30px;justify-content:flex-start}.profile-stats b{font:700 20px "Space Grotesk";min-width:100px}.profile-stats span{display:block;color:#737b8d;font:400 10px "DM Sans";margin-top:2px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.result-stats div{background:#141927;border-radius:12px;padding:12px 6px;text-align:center}.result-stats b{display:block;font:700 18px "Space Grotesk"}.result-stats span{font-size:9px;color:#737b8d}.activity-list{display:grid;gap:7px}.activity-row{display:flex;justify-content:space-between;gap:8px;padding:10px;border-radius:9px;background:#111625;font-size:11px}.activity-row span{color:#737b8d}.interest-list{display:flex;flex-wrap:wrap;gap:7px}.interest-pill{padding:7px 10px;border-radius:99px;background:#171d2d;color:#cbd1df;font-size:11px}.empty-card{padding:35px;text-align:center;display:flex;flex-direction:column;gap:8px;color:#aeb5c5}.empty-card b{font:700 18px "Space Grotesk"}.edit-box{max-height:90vh;overflow:auto}.edit-box label{display:block;color:#8992a7;font-size:11px;margin:13px 0}.edit-box input,.edit-box textarea{display:block;width:100%;margin-top:6px;background:#111625;border:1px solid #303648;color:#fff;border-radius:10px;padding:11px}.edit-box textarea{min-height:80px;resize:vertical}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.edit-box>.primary-btn{width:100%;margin-top:12px}@media(max-width:850px){.social-layout,.profile-columns{grid-template-columns:1fr}.social-hero{display:block}.social-hero .primary-btn{display:inline-block;margin-top:10px}.profile-main{grid-template-columns:auto 1fr}.profile-actions{grid-column:2}.cover{height:180px}}@media(max-width:560px){.social-page,.profile-page{padding-left:5vw;padding-right:5vw}.profile-main{padding-left:18px;padding-right:18px;grid-template-columns:1fr}.big-avatar{margin-top:-45px}.profile-actions{grid-column:auto}.profile-stats{padding-left:18px;padding-right:18px}.profile-stats b{min-width:80px}.edit-grid{grid-template-columns:1fr}.social-hero h1{font-size:45px}}