.social-page{background-color:#fafafa;min-height:100vh;padding:100px 0 40px;position:relative}.social-feed-container{background-color:#fff;border-radius:12px;max-width:1200px;margin:0 auto;padding:0 20px;overflow:hidden;box-shadow:0 2px 12px #00000014}.profile-header{background-color:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:24px;display:flex}.profile-info{align-items:center;gap:16px;display:flex}.profile-avatar{background:linear-gradient(135deg,var(--accent-color),#b38f2d);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-family:Raleway,sans-serif;font-size:1.1rem;font-weight:600;display:flex}.profile-details h1{color:#262626;margin:0 0 2px;font-family:Raleway,sans-serif;font-size:1.1rem;font-weight:600}.post-count{color:#8e8e8e;margin:0;font-family:Raleway,sans-serif;font-size:.9rem}.follow-button{color:#fff;background-color:#1877f2;border-radius:6px;padding:8px 16px;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s}.follow-button:hover{background-color:#166fe5;transform:translateY(-1px)}.posts-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;width:100%;padding:16px;display:grid}.post-card{cursor:pointer;border-radius:8px;flex-direction:column;height:100%;min-height:400px;transition:all .3s;display:flex;position:relative;overflow:hidden}.post-card.post{aspect-ratio:1}.post-card.reel{aspect-ratio:9/16}.post-card.small.post,.post-card.medium.post{grid-column:span 1}.post-card.large.post{grid-column:span 2}.post-card.small.reel,.post-card.medium.reel,.post-card.large.reel{grid-column:span 1}.post-skeleton{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;gap:12px;width:100%;height:100%;padding:12px;display:flex;position:relative;overflow:hidden}.post-skeleton:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:1.5s infinite shimmerWave;position:absolute;top:0;left:-100%}.skeleton-header{align-items:center;gap:12px;display:flex}.skeleton-avatar{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:50%;width:32px;height:32px;animation:1.5s infinite shimmer}.skeleton-text{flex-direction:column;flex:1;gap:6px;display:flex}.skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:6px;height:12px;animation:1.5s infinite shimmer}.skeleton-line.short{width:60%}.skeleton-line.shorter{width:40%}.skeleton-line.medium{width:80%}.skeleton-line.long{width:100%}.skeleton-image{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:200px;animation:1.5s infinite shimmer;display:flex;position:relative}.skeleton-loading-spinner{opacity:.6;animation:2s linear infinite rotate}.skeleton-footer{flex-direction:column;gap:12px;display:flex}.skeleton-actions{gap:12px;margin-bottom:8px;display:flex}.skeleton-action-btn{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:50%;width:24px;height:24px;animation:1.5s infinite shimmer}.instagram-post{opacity:0;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;width:100%;height:100%;transition:all .5s;display:flex;transform:scale(.95)}.instagram-post.loaded{opacity:1;transform:scale(1)}.post-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.post-profile{align-items:center;gap:12px;display:flex}.post-avatar{background:linear-gradient(135deg,var(--accent-color),#b38f2d);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-family:Raleway,sans-serif;font-size:.8rem;font-weight:600;display:flex}.post-username{color:#262626;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:600}.post-menu{color:#8e8e8e;cursor:pointer;font-size:1.2rem}.post-image{flex:1;min-height:200px;max-height:300px;position:relative}.post-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;inset:0}.post-card:hover .post-image img{transform:scale(1.05)}.post-actions{padding:12px 16px 8px}.action-buttons{gap:16px;display:flex}.action-btn{cursor:pointer;color:#262626;background:0 0;border:none;padding:4px;transition:all .2s}.action-btn:hover{color:var(--accent-color);transform:scale(1.1)}.like-btn:hover{color:#e91e63}.post-info{padding:0 16px 16px;font-family:Raleway,sans-serif}.post-likes{color:#262626;margin-bottom:8px;font-size:.9rem;font-weight:600}.post-caption{color:#262626;margin-bottom:8px;font-size:.9rem;line-height:1.4}.post-caption .username{margin-right:8px;font-weight:600}.post-comments{color:#8e8e8e;cursor:pointer;margin-bottom:8px;font-size:.9rem}.post-comments:hover{color:#262626}.post-time{color:#8e8e8e;text-transform:uppercase;font-size:.8rem}.embed-instructions{background-color:#fff;border-radius:12px;max-width:1200px;margin:40px auto 0;padding:0 20px;box-shadow:0 2px 12px #00000014}.embed-instructions .container{text-align:center;padding:30px}.embed-instructions h3{color:var(--text-color);margin-bottom:15px;font-family:Playfair Display,serif;font-size:1.5rem}.embed-instructions p{color:var(--text-light);font-family:Raleway,sans-serif;font-size:1rem;line-height:1.6}.animate-on-scroll{opacity:0;transition:opacity .8s,transform .8s}.animate-on-scroll.visible{opacity:1}.fade-in.animate-on-scroll{transform:translateY(20px)}.fade-in.animate-on-scroll.visible{transform:translateY(0)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmerWave{0%{left:-100%}to{left:100%}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1200px){.post-card.large.post{grid-column:span 1}}@media (max-width:768px){.social-page{padding:80px 0 40px}.social-feed-container{margin:0 10px}.profile-header{padding:20px}.profile-info{gap:12px}.profile-avatar{width:40px;height:40px;font-size:1rem}.profile-details h1{font-size:1rem}.posts-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px}.post-card.post{aspect-ratio:1}.post-card.reel{aspect-ratio:9/16}.embed-instructions .container{padding:20px}}@media (max-width:576px){.social-page{padding:70px 0 30px}.posts-grid{grid-template-columns:repeat(1,1fr);gap:12px;padding:12px}.profile-header{text-align:center;flex-direction:column;gap:16px}.post-card.post{aspect-ratio:1}.post-card.reel{aspect-ratio:9/16;max-height:80vh}}.loading-container{text-align:center;color:#666;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#e4405f;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:20px;display:flex}.error-container h2{color:#e4405f;margin-bottom:20px}.error-container pre{white-space:pre-wrap;color:#666;text-align:left;background:#f8f8f8;border-radius:8px;width:100%;max-width:600px;margin:20px 0;padding:20px;font-family:monospace}.post-reel{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.reel-video{object-fit:cover;width:100%;height:100%}.reel-overlay{opacity:0;background:linear-gradient(#0000 50%,#00000080);flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.post-card:hover .reel-overlay{opacity:1}.reel-play-button{cursor:pointer;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .3s;display:flex}.reel-play-button:hover{transform:scale(1.1)}.reel-views{color:#fff;align-items:center;gap:4px;font-size:.9rem;font-weight:500;display:flex;position:absolute;bottom:20px;right:20px}