*{box-sizing:border-box}body,html{margin:0;background:#fff;color:#111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.content,.shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;width:245px;height:100vh;border-right:1px solid #ddd;padding:34px 20px 24px;background:#fff;z-index:50}.wordmark{font-family:Georgia,serif;font-style:italic;font-size:27px;font-weight:700;display:block;margin:0 4px 34px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.navItem{border:0;background:none;display:flex;align-items:center;gap:16px;padding:12px;border-radius:9px;font-size:16px;cursor:pointer;width:100%}.activeNav,.navItem:hover{background:#f5f5f5}.activeNav{font-weight:700}.more{position:absolute;bottom:25px}.profile{width:min(935px,calc(100vw - 290px));margin-left:max(285px,calc((100vw - 935px + 245px)/2));padding:45px 0}.profileHead{display:grid;grid-template-columns:290px 1fr;min-height:180px}.avatarWrap{width:155px;height:155px;border-radius:50%;margin:auto;overflow:hidden;background:#eee}.avatarMedia,.avatarMedia .mediaFallback,.avatarMedia img{width:100%;height:100%;border-radius:50%}.avatarMedia .mediaFallback{font-size:12px}.topline{display:flex;align-items:center;gap:9px;margin-top:10px}.topline h1{font-size:20px;font-weight:400;margin:0}.verified{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#0095f6;color:#fff;font-size:11px;font-weight:800}.buttonLink,.follow,.secondary{border:0;border-radius:8px;padding:8px 18px;font-weight:650;cursor:pointer}.follow{background:#0095f6;color:#fff}.secondary{background:#efefef}.stats{display:flex;gap:38px;margin:25px 0 18px}.bio{font-size:14px;line-height:20px}.bio>b,.category{display:block}.category{color:#737373}.highlights{height:130px;display:flex;gap:43px;padding:12px 35px}.highlight{text-align:center;font-size:12px}.highlightRing{width:75px;height:75px;border:1px solid #ccc;border-radius:50%;padding:4px;margin-bottom:7px}.highlightRing span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#f3f3f3;font-size:28px}.tabs{border-top:1px solid #ddd;display:flex;justify-content:center;gap:60px}.tabs>*{height:52px;border:0;background:none;font-size:11px;font-weight:650;letter-spacing:1px;color:#777;display:flex;align-items:center;gap:6px}.tabs .active{border-top:1px solid #111;color:#111;margin-top:-1px}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px}.tile{aspect-ratio:1;position:relative;overflow:hidden;background:#eee}.mediaBox{background:#efefef;overflow:hidden}.mediaBox,.mediaBox img{position:relative;width:100%;height:100%}.mediaBox img{object-fit:cover;z-index:2}.mediaFallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#777;background:linear-gradient(135deg,#dedede,#f6f6f6);letter-spacing:1px}.hover,.mediaFallback{position:absolute;inset:0}.hover{z-index:4;background:#0007;color:#fff;display:none;place-items:center;font-weight:700}.tile:hover .hover{display:grid}.page{margin-left:245px;padding:35px 40px;max-width:1300px}.page.narrow{max-width:820px}.pageTitle{border-bottom:1px solid #eee;margin-bottom:22px}.pageTitle h1{font-size:22px}.exploreGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:250px;grid-gap:3px;gap:3px}.exploreItem.tall{grid-row:span 2}.reelsPage{margin-left:245px;padding:28px;display:flex;flex-direction:column;align-items:center;gap:25px;background:#fafafa}.reelCard{width:430px;height:760px;background:#111;position:relative;border-radius:9px;overflow:hidden}.reelCard .mediaBox img{object-fit:contain}.reelOverlay{position:absolute;z-index:5;left:20px;right:20px;bottom:20px;color:#fff;text-shadow:0 1px 5px #000}.reelOverlay button{background:none;border:0;color:white;font-size:18px}.messagesPage{margin-left:245px;height:100vh;display:grid;grid-template-columns:320px 1fr}.chatList{border-right:1px solid #ddd;padding:20px}.chatList button{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border:0;background:none;border-radius:8px}.chatActive{background:#f4f4f4!important}.miniAvatar{width:36px;height:36px;border-radius:50%;background:#eee;display:grid;place-items:center}.chatPane{display:flex;flex-direction:column}.chatPane header{height:70px;border-bottom:1px solid #ddd;display:flex;align-items:center;padding:0 20px}.chatBody{flex:1 1;padding:25px}.bubble{margin-left:auto;background:#efefef;border-radius:18px;padding:10px 14px;max-width:60%;width:max-content}.chatPane form{border-top:1px solid #ddd;padding:16px;display:flex;gap:8px}.chatPane input,.commentForm input{flex:1 1;border:1px solid #ddd;border-radius:20px;padding:10px 14px}.chatPane form button,.commentForm button{border:0;background:none;color:#0095f6;font-weight:700}.notifications{display:flex;flex-direction:column}.notification{display:grid;grid-template-columns:45px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:14px 4px;border-bottom:1px solid #eee}.notification small{color:#777}.createCard{border:1px solid #ddd;border-radius:12px;padding:24px}.uploadDrop{height:320px;border:2px dashed #ccc;border-radius:12px;display:grid;place-items:center;text-align:center;color:#777;margin-bottom:15px}.createCard textarea{width:100%;min-height:110px;border:1px solid #ddd;border-radius:9px;padding:12px;margin-bottom:12px}.success{padding:30px;background:#f4f4f4;border-radius:10px}.postPage{min-height:100vh;background:#111d;display:grid;place-items:center;padding:40px}.close{position:fixed;right:25px;top:12px;color:white;font-size:42px;z-index:20}.postCard{width:min(1120px,94vw);height:min(730px,88vh);display:grid;grid-template-columns:2fr 1fr;background:#fff}.postMedia{background:#111;overflow:hidden}.postMedia .mediaBox img{object-fit:contain}.postMeta{padding:18px;display:flex;flex-direction:column;gap:18px}.postAuthor{display:flex;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid #eee}.postAuthor button{border:0;background:none;color:#0095f6;font-weight:700}.location{color:#777;font-size:12px;margin-top:3px}.commentList{overflow:auto;flex:1 1}.commentList p{font-size:14px}.postActions{border-top:1px solid #eee;padding-top:12px;display:flex}.postActions button{border:0;background:none;font-size:28px;padding:0 12px 0 0}.postActions .save{margin-left:auto}.postMeta small{color:#777}.commentForm{display:flex;border-top:1px solid #eee;padding-top:12px}.storyPage{min-height:100vh;background:#1e1e1e;color:white;display:flex;flex-direction:column;align-items:center;padding:20px}.storyProgress{width:min(420px,90vw);display:flex;gap:4px}.storyProgress span{height:3px;background:white;flex:1 1;border-radius:2px}.storyHeader{width:min(420px,90vw);display:flex;align-items:center;gap:9px;padding:12px 0}.storyHeader small{color:#bbb}.storyMedia{width:min(420px,90vw);height:740px;position:relative;background:#111;border-radius:10px;overflow:hidden}.storyMedia .mediaBox img{object-fit:contain}.storyLabel{position:absolute;z-index:4;bottom:40px;left:0;right:0;text-align:center;font-size:28px;font-weight:700}.notFound{padding:80px;font-size:20px}@media(max-width:800px){.sidebar{width:100%;height:52px;bottom:0;top:auto;border-right:0;border-top:1px solid #ddd;padding:0}.more,.navItem span,.wordmark{display:none}.sidebar nav{width:100%;height:100%;flex-direction:row;justify-content:space-around;align-items:center}.sidebar nav .navItem:nth-child(2),.sidebar nav .navItem:nth-child(5){display:none}.navItem{width:auto}.profile{width:100%;margin:0;padding:20px 0 62px}.profileHead{grid-template-columns:110px 1fr;padding:0 15px;min-height:145px}.avatarWrap{width:85px;height:85px}.topline{flex-wrap:wrap}.topline h1{font-size:18px}.stats{gap:15px;margin:15px 0}.bio,.stats{font-size:13px}.highlights{overflow-x:auto;padding-left:15px;gap:20px}.grid{gap:2px}.messagesPage,.page,.reelsPage{margin-left:0;padding-bottom:65px}.page{padding:20px 12px 65px}.exploreGrid{grid-auto-rows:130px}.reelCard{width:min(100%,430px);height:calc(100vh - 90px)}.messagesPage{grid-template-columns:115px 1fr}.chatList{padding:8px}.chatList h2{font-size:12px}.chatList button span:last-child{display:none}.postPage{padding:0}.postCard{grid-template-columns:1fr;height:auto;width:100%;min-height:100vh}.postMedia{height:55vh}.close{z-index:30}.storyMedia{height:calc(100vh - 110px)}}