@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}:root{--background:#ffffff;--foreground:#171717;--border-color:#dbdbdb;--secondary-text:#8e8e8e;--hover-bg:#f5f5f5;--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--safe-area-inset-right:env(safe-area-inset-right,0px)}@keyframes heartLike{0%{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(.95)}45%{transform:scale(1.1)}60%{transform:scale(.98)}to{transform:scale(1)}}@keyframes heartUnlike{0%{transform:scale(1)}50%{transform:scale(.8);opacity:.7}to{transform:scale(1)}}@keyframes heartPulse{0%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(237,73,86,0))}50%{transform:scale(1.05);filter:drop-shadow(0 0 12px rgba(237,73,86,.6))}to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(237,73,86,.4))}}.like-button,.like-button *{will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}body,html{max-width:100vw;overflow-x:hidden;height:100dvh;background:#ffffff!important;overscroll-behavior-y:contain}body{color:var(--foreground);background:var(--background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch}.feed-container,.main-content,.reels-feed{transform:translateZ(0);will-change:scroll-position}*{box-sizing:border-box;padding:0;margin:0}*,img{max-width:100%}img{height:auto;display:block}.loading-spinner,.loading-spinner-large{animation:spin 1s linear infinite}.mobile-header,.mobile-nav,.post,.story-item{animation:fadeIn .3s ease-out}a{color:inherit;text-decoration:none}.home-container{display:flex;height:100dvh;overflow:hidden}.sidebar{width:245px;height:100dvh;position:fixed;left:0;top:0;background:var(--background);border-right:1px solid var(--border-color);z-index:100;padding:8px 12px 20px}.sidebar-content{display:flex;flex-direction:column;height:100%}.logo{padding:25px 12px 16px;margin-bottom:19px}.logo h2{font-size:24px;font-weight:700}.nav-menu{flex-grow:1}.nav-item{display:flex;align-items:center;padding:12px;margin:4px 0;border-radius:8px;cursor:pointer;transition:background-color .2s ease;text-decoration:none;color:inherit}.nav-item:hover{background-color:var(--hover-bg)}.nav-item.active{font-weight:700}.nav-icon{font-size:24px;margin-right:16px;width:24px;display:flex;justify-content:center}.nav-text{font-size:16px}.more-btn,.more-section{margin-top:auto}.more-section{position:relative}.more-menu{position:absolute;bottom:100%;left:0;right:0;background:var(--background);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);margin-bottom:8px;z-index:1000;padding:8px 0;min-width:220px}.more-menu-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s ease}.more-menu-item:hover{background-color:var(--hover-bg)}.more-menu-item .nav-icon{font-size:16px;margin-right:12px;width:16px;display:flex;justify-content:center}.more-menu-item .nav-text{font-size:14px;color:var(--foreground)}.more-menu-divider{border:none;border-top:1px solid var(--border-color);margin:8px 0}.logout-item{color:var(--foreground)}.logout-item:hover{background-color:#fef2f2}.logout-item:hover .nav-text{color:#dc2626}@media (max-width:1024px){.more-menu{min-width:180px}.more-menu-item .nav-text{display:none}.more-menu-item{justify-content:center;padding:12px}}.clickable-username{cursor:pointer;transition:opacity .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.clickable-username:hover{opacity:.7}.clickable-avatar{cursor:pointer;transition:transform .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.clickable-avatar:hover{transform:scale(1.05)}.clickable-story{cursor:pointer;transition:transform .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.clickable-story:hover{transform:scale(1.05)}.clickable-story:hover .story-username{color:var(--secondary-text)}.username.clickable-username{font-weight:600;color:var(--foreground)}.username.clickable-username:hover{text-decoration:underline;opacity:.8}.comment-username.clickable-username{font-weight:600;color:var(--foreground)}.comment-username.clickable-username:hover{text-decoration:underline;opacity:.8}.story-item.clickable-story:hover .story-avatar{transform:scale(1.1)}.post-avatar.clickable-avatar:hover .avatar-placeholder,.story-item.clickable-story:hover .avatar-placeholder{background:none;color:white}.clickable-avatar:active,.clickable-story:active,.clickable-username:active{transform:scale(.95);opacity:.6}.clickable-avatar:focus,.clickable-story:focus,.clickable-username:focus{outline:2px solid #0095f6;outline-offset:2px;border-radius:4px}.clickable-avatar,.clickable-story,.clickable-username{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.clickable-username{min-height:auto;min-width:auto;display:inline}.avatar-placeholder,.post-avatar,.story-avatar{transition:all .2s ease}@media (max-width:1024px){.clickable-avatar,.clickable-story{min-height:48px;min-width:48px}.clickable-username{padding:4px 8px;margin:-4px -8px;border-radius:4px}.clickable-username:hover{background-color:var(--hover-bg)}}.user-not-found{text-align:center;padding:60px 20px;max-width:400px;margin:0 auto}.user-not-found h2{font-size:22px;font-weight:300;margin-bottom:16px;color:var(--foreground)}.user-not-found p{color:var(--secondary-text);line-height:20px;margin-bottom:20px}.user-not-found button{background:#0095f6;color:white;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.user-not-found button:hover{background:#1877f2}@media (max-width:1024px){.user-not-found{padding:80px 20px 120px;max-width:100%}.user-not-found h2{font-size:20px}.user-not-found p{font-size:14px;line-height:18px}.user-not-found button{padding:12px 24px;font-size:16px;min-height:44px}}.profile-back-btn{display:none;align-items:center;padding:16px 20px;cursor:pointer;font-size:16px;font-weight:600;color:var(--foreground);border-bottom:1px solid var(--border-color);margin-bottom:20px}.profile-back-btn:hover{background-color:var(--hover-bg)}.verified-badge{color:#1DA1F2;font-size:16px;margin-left:8px}.follow-btn{background:#0095f6;color:white;border:none}.follow-btn:hover{background:#1877f2}.bio-link{color:#00376b;text-decoration:none;font-weight:500}.bio-link:hover{text-decoration:underline}.post-thumbnail:hover .thumbnail-placeholder{transform:scale(1.05)}.thumbnail-placeholder{transition:transform .3s ease}@media (max-width:1024px){.profile-back-btn{display:flex}.profile-container{padding-top:0}.profile-header{padding:16px 20px}.verified-badge{font-size:14px}}.loading-posts{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center}.loading-spinner-large{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid #0095f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-posts p{color:var(--secondary-text);font-size:14px;margin:0}.end-of-feed{text-align:center;padding:40px 20px;color:var(--secondary-text)}.end-of-feed p{margin:0 0 8px;font-size:14px;line-height:18px}.end-of-feed p:first-child{font-weight:600;font-size:16px;color:var(--foreground);margin-bottom:8px}.post{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{transform:translateY(20px)}to{transform:translateY(0)}}.post-skeleton{background:var(--background);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;margin-bottom:24px}.skeleton-header{display:flex;align-items:center;padding:14px 16px;gap:12px}.skeleton-avatar{width:32px;height:32px;border-radius:50%}.skeleton-avatar,.skeleton-text{background:var(--hover-bg);animation:pulse 2s ease-in-out infinite}.skeleton-text{height:12px;border-radius:6px}.skeleton-text.short{width:60%}.skeleton-text.long{width:80%}.skeleton-image{width:100%;aspect-ratio:1;background:var(--hover-bg);animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.6}}.comments-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.comments-modal{position:relative;background:var(--background);border-radius:12px;max-width:1200px;max-height:898px;width:100%;height:100%;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.3)}.comments-modal-close{position:absolute;top:16px;right:16px;background:rgba(0,0,0,.8);color:white;border:none;border-radius:50%;width:32px;height:32px;font-size:16px;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.comments-modal-close:hover{background:rgba(0,0,0,.9)}.comments-modal-content{display:flex;height:100%}.comments-modal-image{flex:1 1;background:#000;min-width:0}.comments-modal-image,.modal-image-container{display:flex;align-items:center;justify-content:center}.modal-image-container{width:100%;height:100%}.modal-image-placeholder{max-width:100%;max-height:100%;font-size:120px;color:#666;display:flex;align-items:center;justify-content:center}.comments-modal-sidebar{width:500px;display:flex;flex-direction:column;border-left:1px solid var(--border-color);background:var(--background)}.comments-modal-header{padding:16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-post-header{display:flex;align-items:center;gap:12px}.modal-post-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);padding:2px;cursor:pointer}.modal-post-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;background:var(--background);display:flex;align-items:center;justify-content:center;font-size:14px;border:2px solid var(--background)}.modal-post-info{flex-grow:1;display:flex;flex-direction:column}.modal-username{font-weight:600;font-size:14px;color:var(--foreground);cursor:pointer}.modal-username:hover{text-decoration:underline}.modal-location{font-size:12px;color:var(--secondary-text)}.modal-options-btn{background:none;border:none;font-size:16px;cursor:pointer;padding:8px;color:var(--foreground)}.comments-modal-comments{flex:1 1;overflow-y:auto;padding:16px;scroll-behavior:smooth}.modal-comment{display:flex;gap:12px;margin-bottom:16px;align-items:flex-start}.modal-comment-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);padding:2px;cursor:pointer;flex-shrink:0}.modal-comment-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-placeholder-small{background:var(--background);font-size:14px;border:2px solid var(--background)}.modal-comment-content{flex:1 1;min-width:0}.modal-comment-text{margin-bottom:4px;line-height:18px}.modal-comment-username{font-weight:600;font-size:14px;color:var(--foreground);margin-right:8px;cursor:pointer}.modal-comment-username:hover{text-decoration:underline}.modal-comment-message{font-size:14px;color:var(--foreground);word-wrap:break-word}.modal-comment-meta{display:flex;gap:16px;align-items:center}.modal-comment-reply,.modal-comment-time{font-size:12px;color:var(--secondary-text)}.modal-comment-reply{background:none;border:none;cursor:pointer;font-weight:600}.modal-comment-reply:hover{color:var(--foreground)}.modal-comment-like{background:none;border:none;cursor:pointer;padding:4px;margin-left:8px}.comment-heart{font-size:12px;color:var(--secondary-text);transition:color .2s ease}.modal-comment-like:hover .comment-heart{color:#ed4956}.comments-modal-actions{display:flex;justify-content:space-between;align-items:center;padding:6px 16px;border-top:1px solid var(--border-color);flex-shrink:0}.modal-action-buttons{display:flex;gap:16px}.modal-action-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:8px;transition:transform .2s ease}.modal-action-btn:hover{transform:scale(1.1)}.modal-action-btn.liked{animation:likeAnimation .4s ease}.modal-bookmark{background:none;border:none;font-size:24px;cursor:pointer;padding:8px}.comments-modal-likes{padding:0 16px 8px;flex-shrink:0}.modal-likes-count{font-weight:600;font-size:14px;color:var(--foreground)}.comments-modal-timestamp{padding:0 16px 16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-post-time{font-size:10px;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.2px}.comments-modal-form{padding:16px;flex-shrink:0}.modal-comment-input-container{display:flex;align-items:center;gap:16px}.modal-comment-input{flex:1 1;border:none;outline:none;font-size:14px;color:var(--foreground);background:transparent;resize:none;min-height:18px}.modal-comment-input::placeholder{color:var(--secondary-text)}.modal-comment-submit{background:none;border:none;color:#0095f6;font-size:14px;font-weight:600;cursor:pointer;opacity:.3;transition:opacity .2s ease}.modal-comment-submit.active:hover{color:#1877f2}.modal-comment-submit:disabled{cursor:not-allowed}@media (max-width:1024px){.comments-modal{max-width:900px;max-height:700px}.comments-modal-sidebar{width:400px}.comments-modal-backdrop{padding:0}.comments-modal{max-width:100%;max-height:100%;height:100dvh;border-radius:0}.comments-modal-content{flex-direction:column}.comments-modal-image{flex:0 0 50%;min-height:300px}.comments-modal-sidebar{width:100%;flex:1 1;border-left:none;border-top:1px solid var(--border-color)}.modal-image-placeholder{font-size:80px}}@media (max-width:480px){.comments-modal-image{flex:0 0 40%;min-height:250px}.modal-image-placeholder{font-size:60px}.comments-modal-sidebar{font-size:14px}}.scroll-to-top{position:fixed;bottom:20px;right:20px;width:48px;height:48px;background:#0095f6;color:white;border:none;border-radius:50%;font-size:20px;cursor:pointer;box-shadow:0 4px 12px rgba(0,149,246,.3);z-index:1000;transform:translateY(20px);transition:all .3s ease}.scroll-to-top.visible{transform:translateY(0)}.scroll-to-top:hover{background:#1877f2;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,149,246,.4)}.main-content{margin-left:245px;width:calc(100% - 245px);height:100dvh;overflow-y:auto;background:var(--background)}.feed-container{max-width:470px;margin:0 auto;padding:24px 0}.stories-section{display:flex;gap:16px;margin-bottom:24px;border:1px solid var(--border-color);border-radius:8px;padding:16px;background:var(--background);overflow-x:auto}.story-item{display:flex;flex-direction:column;align-items:center;flex-shrink:0;cursor:pointer}.story-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);padding:2px;margin-bottom:8px;overflow:hidden}.story-avatar-img{object-fit:cover}.avatar-placeholder,.story-avatar-img{width:100%;height:100%;border-radius:50%}.avatar-placeholder{background:var(--background);display:flex;align-items:center;justify-content:center;font-size:20px;border:2px solid var(--background);overflow:hidden;position:relative}.story-username{font-size:12px;color:var(--foreground);max-width:60px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-posts{display:flex;flex-direction:column;gap:24px}.post{border:1px solid var(--border-color);border-radius:8px;background:var(--background);overflow:hidden}.post-header{display:flex;align-items:center;padding:14px 16px;gap:12px}.post-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);padding:2px;overflow:hidden}.post-avatar .avatar-placeholder{font-size:14px;border:2px solid var(--background);overflow:hidden}.post-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.suggestion-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);padding:2px;overflow:hidden;flex-shrink:0}.suggestion-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.post-info{flex-grow:1;display:flex;flex-direction:column}.username{font-weight:600;font-size:14px;color:var(--foreground)}.location{font-size:12px;color:var(--secondary-text)}.post-options{font-size:16px;cursor:pointer;padding:8px}.post-image{width:100%;aspect-ratio:1;background:#f8f8f8;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--secondary-text)}.post-actions{display:flex;justify-content:space-between;align-items:center;padding:6px 16px}.action-buttons{display:flex;gap:16px}.action-btn{font-size:24px;cursor:pointer;padding:8px;transition:transform .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.action-btn:hover{transform:scale(1.1)}.action-btn.liked{animation:likeAnimation .4s ease}@keyframes likeAnimation{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.bookmark{font-size:24px;cursor:pointer;padding:8px;transition:transform .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bookmark:hover{transform:scale(1.1)}.post-engagement{padding:0 16px;margin-bottom:8px}.likes{font-weight:600;font-size:14px}.post-caption{padding:0 16px;margin-bottom:8px;font-size:14px;line-height:18px}.post-caption .username{margin-right:8px}.caption-text{color:var(--foreground)}.post-comments{padding:0 16px;margin-bottom:8px}.view-comments{color:var(--secondary-text);font-size:14px;cursor:pointer;display:block;margin-bottom:4px}.comment{font-size:14px;line-height:18px}.comment-username{margin-right:8px}.comment-text{color:var(--foreground)}.post-time{padding:0 16px 12px;font-size:10px;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.2px}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--background);border-top:1px solid var(--border-color);z-index:1000;height:calc(50px + var(--safe-area-inset-bottom));padding-bottom:var(--safe-area-inset-bottom)}.mobile-nav-content{display:flex;justify-content:space-around;align-items:center;height:100%;max-width:100%;margin:0 auto;padding:0 16px}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1;color:var(--foreground);text-decoration:none;transition:opacity .2s ease;padding:8px 4px;min-height:44px;min-width:44px;background:none;border:none}.mobile-nav-item:hover{opacity:.7}.mobile-nav-icon{font-size:24px;margin-bottom:2px}.mobile-nav-text{font-size:10px;font-weight:400;display:none}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;background:var(--background);border-bottom:1px solid var(--border-color);z-index:999;height:calc(54px + var(--safe-area-inset-top));padding:var(--safe-area-inset-top) 16px 0 16px}.mobile-header-content{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:100%}.mobile-logo{font-size:24px;font-weight:700;color:var(--foreground)}.mobile-actions{display:flex;align-items:center;gap:16px}.mobile-action-btn{background:none;border:none;font-size:24px;color:var(--foreground);cursor:pointer;padding:8px;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}@media (max-width:1024px){.sidebar{width:72px}.logo h2,.nav-text{display:none}.main-content{margin-left:72px;width:calc(100% - 72px)}.feed-container{max-width:500px;padding:16px}.profile-header{gap:40px}.profile-avatar-large{width:120px;height:120px}.avatar-placeholder-large{font-size:48px}.profile-stats{gap:30px}.sidebar{display:none!important}.mobile-header,.mobile-nav{display:block}.main-content{margin-left:0;width:100%;padding-top:calc(54px + var(--safe-area-inset-top));padding-bottom:calc(50px + var(--safe-area-inset-bottom));min-height:calc(100dvh - 104px - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))}.feed-container{max-width:100%;padding:0}.post,.stories-section{border-radius:0;border-left:none;border-right:none}.stories-section{border-top:none;margin-bottom:0;padding:12px 16px}.post{margin-bottom:0;border-bottom:8px solid #f8f8f8}.post:last-child{border-bottom:none;margin-bottom:50px}.story-item{min-width:60px}.story-avatar{width:60px;height:60px}.avatar-placeholder{font-size:24px}.story-username{font-size:11px;max-width:60px}.post-header{padding:12px 16px}.post-actions,.post-caption,.post-comments,.post-engagement,.post-time{padding-left:16px;padding-right:16px}.action-btn,.bookmark{font-size:28px;padding:12px 8px}.profile-container{padding:70px 16px 66px}.profile-header{gap:16px;margin-bottom:24px;flex-direction:row;align-items:flex-start}.profile-avatar-large{width:77px;height:77px;float:none!important;margin-left:0!important}.avatar-placeholder-large{font-size:30px}.profile-info{gap:16px;flex:1 1}.profile-username{font-size:20px}.profile-username-section{flex-direction:column;align-items:flex-start;gap:8px}.profile-stats{gap:20px;justify-content:flex-start}.stat-number{font-size:16px}.stat-label{font-size:14px}.profile-bio{max-width:100%}.profile-nav{margin-bottom:16px}.profile-nav-item{padding:12px 16px;font-size:11px}.posts-grid{gap:1px}.thumbnail-placeholder{font-size:24px}.explore-container{padding:70px 8px 66px}.search-input-container{max-width:100%}.search-input{padding:12px 16px 12px 44px;font-size:16px}.stories-grid{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:4px}.explore-story{min-width:60px}.story-placeholder{font-size:18px}.explore-grid{gap:1px}.thumbnail-placeholder-explore{font-size:24px}.reels-container{margin-left:0;padding-top:0}.reel-video{max-width:100%;border-radius:0}.reel-sidebar-actions{right:8px;bottom:80px;gap:16px}.reel-avatar{width:40px;height:40px}.avatar-placeholder-small{font-size:16px}.action-icon{font-size:28px}.reel-info{bottom:16px;left:12px;right:60px}.reel-username{font-size:14px}.reel-caption{font-size:13px}}@media (max-width:480px){.mobile-nav-text{display:none}.mobile-nav-item{padding:4px}.mobile-nav-icon{font-size:22px}.mobile-logo{font-size:20px}.mobile-action-btn{font-size:22px;padding:6px}.profile-header{gap:16px;padding:16px;margin-bottom:60px;text-align:center;min-height:200px}.profile-header,.profile-info{flex-direction:column;align-items:center}.profile-info{order:-1;width:100%;display:flex}.profile-username-section{justify-content:center;margin-bottom:16px;flex-direction:column;gap:4px}.profile-username{order:1;position:absolute;top:16px;left:46px;margin:0}.mobile-back-button{position:absolute;top:20px;left:5px;background:none;border:none;cursor:pointer;padding:0;color:#262626;z-index:10;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.mobile-only{display:none}@media (max-width:480px){.mobile-only{display:flex!important}}.profile-avatar-large{order:2;position:absolute;top:60px;left:16px;width:86px;height:86px}.avatar-placeholder-large{font-size:32px}.profile-info{flex:1 1;gap:12px}.profile-username-section{flex-direction:row;align-items:center;gap:8px}.profile-username{font-size:20px;font-weight:600}.edit-profile-btn{padding:6px 16px;font-size:14px;font-weight:600;background:#f0f0f0;border:1px solid #dbdbdb;border-radius:6px;color:#262626;min-width:90px}.edit-profile-btn.follow-button{background:#4a5df9;border-color:#4a5df9;color:white;font-weight:600}.edit-profile-btn.follow-button.following{background:#f0f0f0;border-color:#dbdbdb;color:#262626}.settings-btn{font-size:20px;padding:4px;background:none;border:none;position:absolute;top:12px;right:16px;color:#262626}.profile-header{position:relative}.profile-stats{gap:24px;margin:8px 0;position:absolute;top:85px;left:120px;width:calc(100% - 140px);justify-content:flex-start}.stat-number{font-size:16px;font-weight:600}.stat-label{font-size:14px;color:#8e8e8e}.bio-name{font-weight:600;margin-bottom:2px;top:60px;left:130px;width:calc(100% - 140px)}.bio-name,.bio-text{font-size:14px;position:absolute;text-align:left}.bio-text{line-height:18px;top:160px;left:0!important;width:100%;padding-left:16px;padding-right:16px;margin:0}.stat-number{font-size:14px}.stat-label{font-size:12px}.story-item{min-width:50px}.story-avatar{width:50px;height:50px}.avatar-placeholder{font-size:20px}.story-username{font-size:10px;max-width:50px}.action-btn,.bookmark{font-size:24px;padding:8px 4px;min-height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center}.action-buttons{gap:8px}.action-btn:active,.bookmark:active{transform:scale(.9)}}@media (max-width:1024px) and (orientation:landscape){.mobile-header{height:48px}.mobile-nav{height:44px}.main-content{padding-top:calc(48px + var(--safe-area-inset-top));padding-bottom:calc(44px + var(--safe-area-inset-bottom));min-height:calc(100dvh - 92px - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))}.explore-container,.profile-container{padding-top:64px;padding-bottom:60px}.stories-section{padding:8px 16px}}@media (max-width:1024px){.clickable-avatar,.clickable-story{min-height:48px;min-width:48px}.clickable-username{padding:8px 4px;margin:-8px -4px;border-radius:4px;min-height:32px;display:inline-flex;align-items:center}.mobile-action-btn,.mobile-nav-item,.nav-item{min-height:44px;min-width:44px}.post-actions{padding:12px 16px}.action-buttons{gap:16px}.action-btn,.bookmark,.mobile-header,.mobile-nav{-webkit-user-select:none;-moz-user-select:none;user-select:none}.main-content,.reels-feed{-webkit-overflow-scrolling:touch}.sidebar{width:72px}.logo h2,.nav-text{display:none}.main-content{margin-left:72px;width:calc(100% - 72px)}.sidebar{display:none}.main-content{margin-left:0;width:100%}.feed-container{max-width:100%;padding:0}.post,.stories-section{border-radius:0;border-left:none;border-right:none}}.image-placeholder{background:#f8f8f8}.profile-container{max-width:935px;margin:0 auto;padding:30px 20px}.profile-header{display:flex;margin-bottom:44px;gap:70px}.profile-avatar-large{width:150px;height:150px;border-radius:50%;background:var(--background);padding:3px;flex-shrink:0;overflow:hidden;float:right;margin-left:85px}@media (min-width:768px){.profile-avatar-large{margin-top:55px}}@media (min-width:1025px){.profile-bio,.profile-stats,.profile-username-section{margin-left:35px}}.avatar-placeholder-large{width:100%;height:100%;border-radius:50%;background:var(--background);display:flex;align-items:center;justify-content:center;font-size:60px;border:3px solid var(--background);color:var(--secondary-text);overflow:hidden;position:relative;transition:transform .2s ease}.profile-avatar-large.has-story-ring{padding:5px;background:linear-gradient(135deg,#833AB4,#C13584,#E1306C,#FD1D1D,#F56040,#F77737,#FCAF45,#FFDC80);border-radius:50%}.profile-avatar-large.has-story-ring .avatar-placeholder-large{border:3px solid white!important}.profile-avatar-large.has-story-ring-seen{padding:5px;background:#e5e7eb;border-radius:50%}.profile-avatar-large.has-story-ring-seen .avatar-placeholder-large{border:3px solid white!important}.avatar-placeholder-large.has-story .avatar-image,.avatar-placeholder-large.has-story>span{position:relative;z-index:2;border-radius:50%}.avatar-placeholder-large.has-story:hover{transform:scale(1.02)}.profile-info{flex-grow:1;display:flex;flex-direction:column;gap:20px;margin-top:20px}.profile-username-section{display:flex;align-items:center;gap:20px}.profile-username{font-size:28px;font-weight:300;color:var(--foreground);margin:0}.edit-profile-btn{padding:6px 14px;background:#f0f2f5;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.edit-profile-btn:hover{background:#e4e6eb}.follow-button-wrapper-mobile{width:100%;display:flex;align-items:center}.follow-button-wrapper-mobile>div{width:100%!important;display:flex!important;align-items:center}.follow-button-wrapper-mobile button{width:100%!important}.follow-button-wrapper-mobile button,.settings-btn{display:flex;align-items:center;justify-content:center}.settings-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s ease;color:#262626}.settings-btn:hover{background:var(--hover-bg)}.profile-stats{display:flex;gap:40px}.stat{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-number{font-size:18px;font-weight:600;color:var(--foreground)}.stat-label{font-size:16px;color:var(--foreground)}.profile-bio{max-width:350px}.bio-name{font-weight:600;margin-bottom:4px}.bio-name,.bio-text{font-size:16px;color:var(--foreground)}.bio-text{line-height:20px;white-space:pre-line}.profile-nav{margin-bottom:1.5px}.profile-nav,.profile-nav-item{display:flex;justify-content:center}.profile-nav-item{align-items:center;padding:16px 80px;cursor:pointer;border-top:1px solid transparent;color:var(--secondary-text);font-size:12px;font-weight:600;letter-spacing:1px;transition:color .2s ease}.profile-nav-item.active{color:var(--foreground);position:relative}.profile-nav-item.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:55px;height:2px;background:var(--foreground)}.profile-nav-item .nav-icon{font-size:24px;display:inline-block;line-height:1;margin:0}.profile-nav-item .nav-icon svg{display:block;margin:0 auto}@media (max-width:768px){.profile-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));grid-gap:0;gap:0}.profile-nav-item{padding:12px 0;justify-content:center;margin-top:12px}}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px}@media (max-width:1024px){.posts-grid{padding-bottom:50px}}.post-thumbnail{aspect-ratio:1;position:relative;cursor:pointer;overflow:hidden}.thumbnail-placeholder{width:100%;height:100%;background:#f8f8f8;display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--secondary-text)}.thumbnail-image{width:100%;height:100%;position:relative}.thumbnail-image video{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block!important}@supports (-webkit-touch-callout:none){.thumbnail-image video{-webkit-appearance:none;background-color:transparent;outline:none}}.post-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.post-thumbnail:hover .post-overlay{opacity:1}.post-stats{display:flex;gap:30px;color:white}.stat-item{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600}.stat-icon{font-size:18px}@media (max-width:1024px){.profile-container{padding:16px}.profile-header{gap:30px;margin-bottom:32px}.profile-avatar-large{width:90px;height:90px}.avatar-placeholder-large{font-size:30px}.profile-username{font-size:24px}.profile-username-section{flex-direction:column;align-items:flex-start;gap:12px}.profile-stats{gap:50px}.stat-number{font-size:16px}.stat-label{font-size:14px}.posts-grid{gap:1px}.thumbnail-placeholder{font-size:24px}}.reels-container{overflow:hidden;background:#000}.reels-feed{height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none}.reels-feed::-webkit-scrollbar{display:none}.reel-item{scroll-snap-align:start;display:flex;align-items:center;justify-content:center}.reel-item,.reel-video{height:100dvh;position:relative}.reel-video{width:100%;max-width:405px;background:#1a1a1a;border-radius:0}.video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;position:relative}.play-icon{font-size:64px;margin-bottom:16px;opacity:.8}.video-info{font-size:18px;color:rgba(255,255,255,.7)}.reel-sidebar-actions{position:absolute;right:12px;bottom:100px;gap:24px;z-index:10}.reel-sidebar-actions,.reel-user-info{display:flex;flex-direction:column;align-items:center}.reel-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);padding:2px;margin-bottom:8px}.avatar-placeholder-small{width:100%;height:100%;border-radius:50%;background:#000;display:flex;align-items:center;justify-content:center;font-size:20px;border:2px solid #000;color:white}.reel-actions{gap:20px}.reel-action,.reel-actions{display:flex;flex-direction:column;align-items:center}.reel-action{cursor:pointer;transition:transform .2s ease}.reel-action:hover{transform:scale(1.1)}.action-icon{font-size:32px;margin-bottom:4px;filter:drop-shadow(0 0 8px rgba(0,0,0,.5))}.action-count{font-size:12px;color:white;font-weight:600;text-shadow:0 0 8px rgba(0,0,0,.8)}.reel-info{position:absolute;bottom:24px;left:16px;right:80px;color:white;z-index:10}.reel-username{font-size:16px;font-weight:600;margin-bottom:8px}.reel-caption,.reel-username{text-shadow:0 0 8px rgba(0,0,0,.8)}.reel-caption{font-size:14px;line-height:18px;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reel-audio{display:flex;align-items:center;gap:8px;font-size:13px;opacity:.9;text-shadow:0 0 8px rgba(0,0,0,.8)}.audio-icon{font-size:16px}.audio-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}@media (max-width:1024px){.reels-container{margin-left:0}.reel-video{max-width:100%;border-radius:0}.reel-sidebar-actions{right:8px;bottom:80px;gap:16px}.reel-avatar{width:40px;height:40px}.avatar-placeholder-small{font-size:16px}.action-icon{font-size:28px}.reel-info{bottom:16px;left:12px;right:60px}.reel-username{font-size:14px}.reel-caption{font-size:13px}}.explore-container{max-width:935px;margin:0 auto;padding:24px 20px}.explore-search{margin-bottom:24px;display:flex;justify-content:center}.search-input-container{position:relative;width:100%;max-width:268px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--secondary-text);font-size:16px}.search-input{width:100%;padding:8px 16px 8px 44px;border:1px solid var(--border-color);border-radius:8px;background:var(--hover-bg);font-size:14px;outline:none;transition:border-color .2s ease}.search-input:focus{border-color:var(--secondary-text);background:var(--background)}.search-input::placeholder{color:var(--secondary-text)}.explore-stories{margin-bottom:12px}.stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:8px;gap:8px;max-width:100%;overflow-x:auto;padding-bottom:8px}.explore-story{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;min-width:80px}.story-thumbnail{width:100%;height:100%;background:#f8f8f8}.story-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--secondary-text)}.story-overlay{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;gap:8px}.story-avatar-small{width:24px;height:24px;border-radius:50%;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);padding:1px}.avatar-placeholder-tiny{width:100%;height:100%;border-radius:50%;background:var(--background);display:flex;align-items:center;justify-content:center;font-size:8px;border:1px solid var(--background)}.story-username-small{color:white;font-size:12px;font-weight:600;text-shadow:0 0 4px rgba(0,0,0,.8)}.explore-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:0;gap:0;width:100%}.explore-left,.explore-right,.explore-section{display:contents}.explore-post{position:relative;cursor:pointer;overflow:hidden;background:#f8f8f8;border:1px solid #fff;box-sizing:border-box;aspect-ratio:1}.explore-post.small{width:100%;height:100%}.explore-post.large-reel{width:100%;height:100%;aspect-ratio:9/16;grid-row:span 2}.post-thumbnail-explore{width:100%;height:100%}.thumbnail-placeholder-explore{width:100%;height:100%;background:#f8f8f8;font-size:40px;color:var(--secondary-text)}.post-overlay-explore,.thumbnail-placeholder-explore{display:flex;align-items:center;justify-content:center}.post-overlay-explore{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);transition:opacity .2s ease}.post-stats-explore{display:flex;gap:30px;color:white}.stat-item-explore{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600}.stat-icon-explore{font-size:18px}.multiple-indicator,.video-indicator{position:absolute;top:8px;right:8px;color:white;font-size:16px;text-shadow:0 0 4px rgba(0,0,0,.8)}@media (max-width:1024px){.explore-container{padding:16px 8px}.search-input-container{max-width:100%}.stories-grid{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:4px}.explore-story{min-width:60px}.story-placeholder{font-size:18px}.explore-section{height:400px;margin-bottom:0;gap:0}.explore-grid,.explore-left,.explore-right{gap:0}.explore-post.small{aspect-ratio:1}.explore-post.large-reel{aspect-ratio:9/16;max-width:200px}.thumbnail-placeholder-explore{font-size:24px}.post-stats-explore{gap:20px}.stat-item-explore{font-size:14px}.stat-icon-explore{font-size:16px}}@media (max-width:480px){.explore-container{padding:12px 4px}.explore-section{height:320px;gap:0;margin-bottom:0}.explore-grid,.explore-left,.explore-right{gap:0}.explore-post.small{aspect-ratio:1}.explore-post.large-reel{aspect-ratio:9/16;max-width:150px}.thumbnail-placeholder-explore{font-size:20px}}@media (max-width:1024px){.auth-container{padding:16px;min-height:100dvh}.auth-wrapper{flex-direction:column;gap:24px;max-width:100%}.auth-phone{display:none}.auth-form-container{max-width:100%;width:100%}.auth-card{border:none;border-radius:0;padding:32px 24px 24px;box-shadow:none}.auth-logo h1{font-size:48px;margin-bottom:24px}.auth-input{padding:14px 16px}.auth-button,.auth-input{font-size:16px;border-radius:6px}.auth-button{padding:12px 16px}.signup-prompt{padding:24px 16px;border:1px solid var(--border-color);border-radius:0;margin-top:0}.app-download{margin-top:24px}.download-button{max-width:200px}}@media (max-width:480px){.auth-container{padding:8px}.auth-card{padding:24px 16px 16px}.auth-logo h1{font-size:42px}.auth-input{padding:12px 14px}.auth-button{padding:10px 14px}.signup-prompt{padding:20px 12px}}.auth-container{min-height:100dvh;background:var(--background);flex-direction:column;padding:32px 0}.auth-container,.auth-wrapper{display:flex;align-items:center;justify-content:center}.auth-wrapper{gap:32px;width:100%;max-width:935px;margin-bottom:32px}.auth-phone{flex-shrink:0;position:relative}.phone-mockup{width:380px;height:580px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 580"><defs><style>.a{fill:%23262626;}.b{fill:%23fff;}</style></defs><path class="a" d="M380,480c0,55.23-44.77,100-100,100H100C44.77,580,0,535.23,0,480V100C0,44.77,44.77,0,100,0H280c55.23,0,100,44.77,100,100V480z"/><path class="b" d="M340,440c0,22.09-17.91,40-40,40H80c-22.09,0-40-17.91-40-40V140c0-22.09,17.91-40,40-40H300c22.09,0,40,17.91,40,40V440z"/></svg>') 50%/cover}.phone-mockup,.phone-screen{display:flex;align-items:center;justify-content:center}.phone-screen{width:250px;height:445px;background:#000;border-radius:20px;overflow:hidden}.phone-content{width:100%;height:100%;background:var(--background);position:relative}.app-preview{padding:20px;height:100%;display:flex;flex-direction:column}.preview-header{margin-bottom:24px;text-align:center}.preview-logo{font-size:24px;font-weight:700;color:var(--foreground);font-family:inherit}.preview-posts{display:flex;flex-direction:column;gap:20px}.preview-post{display:flex;align-items:center;gap:12px}.preview-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);flex-shrink:0}.preview-content{flex-grow:1;display:flex;flex-direction:column;gap:6px}.preview-line{height:12px;background:#f0f0f0;border-radius:6px;width:100%}.preview-line.short{width:60%}.auth-form-container{gap:10px;width:100%;max-width:350px}.auth-card,.auth-form-container{display:flex;flex-direction:column}.auth-card{background:var(--background);border:1px solid var(--border-color);border-radius:1px;padding:24px 24px 16px;align-items:center}.auth-logo{margin-bottom:32px}.auth-logo h1{font-size:51px;font-weight:400;color:var(--foreground);font-family:inherit;margin:0;letter-spacing:-1px}.auth-form{width:100%;display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.input-group,.password-input{position:relative}.auth-input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:3px;background:var(--hover-bg);font-size:14px;outline:none;transition:border-color .2s ease;box-sizing:border-box}.auth-input:focus{border-color:var(--secondary-text);background:var(--background)}.auth-input::placeholder{color:var(--secondary-text);font-size:12px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;color:var(--foreground);padding:4px}.auth-button,.password-toggle{border:none;font-size:14px;font-weight:600;cursor:pointer}.auth-button{width:100%;padding:8px 16px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;box-sizing:border-box}.auth-button.primary{background:#0095f6;color:white;margin-bottom:16px}.auth-button.primary:hover:not(:disabled){background:#1877f2}.auth-button.primary:disabled{background:#0095f6;opacity:.3;cursor:not-allowed}.auth-button.facebook{background:transparent;color:#385185;border:none;margin-bottom:8px}.auth-button.facebook:hover{opacity:.8}.facebook-icon{font-size:16px}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}.auth-divider{display:flex;align-items:center;margin:18px 0;width:100%}.divider-line{flex:1 1;height:1px;background:var(--border-color)}.divider-text{padding:0 18px;color:var(--secondary-text);font-size:13px;font-weight:600}.forgot-password{color:#00376b;font-size:12px;text-decoration:none;margin-top:16px}.forgot-password:hover{text-decoration:underline}.signup-prompt{text-align:center;padding:20px}.signup-prompt p{font-size:14px;color:var(--foreground);margin:0}.signup-link{color:#0095f6;font-weight:600;text-decoration:none}.signup-link:hover{text-decoration:underline}.app-download{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:16px}.app-download p{font-size:14px;color:var(--foreground);margin:0}.download-buttons{display:flex;gap:8px}.download-btn{display:block;height:40px}.download-btn img{height:100%;width:auto}.auth-footer{margin-top:32px;width:100%;max-width:935px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:0 16px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.footer-links a{color:var(--secondary-text);font-size:12px;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-bottom{display:flex;gap:16px;color:var(--secondary-text);font-size:12px}@media (max-width:875px){.auth-phone{display:none}.auth-wrapper{justify-content:center;padding:0 16px}}@media (max-width:450px){.auth-container{padding:16px 0}.auth-form-container{max-width:100%}.auth-card{padding:24px 16px 16px}.auth-card,.signup-prompt{border:none;background:transparent}.signup-prompt{padding:20px 16px}.footer-links{display:none}.footer-bottom{flex-direction:column;align-items:center;gap:4px}}.signup-subtitle{font-size:17px;font-weight:600;margin:0 40px 16px;line-height:20px}.signup-subtitle,.terms-text{text-align:center;color:var(--secondary-text)}.terms-text{font-size:12px;line-height:16px;margin:16px 0 0}.learn-more-link,.terms-link{color:var(--foreground);text-decoration:none}.learn-more-link:hover,.terms-link:hover{text-decoration:underline}.auth-button:focus,.auth-input:focus,.password-toggle:focus{outline:2px solid #0095f6;outline-offset:2px}.auth-input.error{border-color:#ed4956}.error-message{color:#ed4956;font-size:12px;margin-top:4px;text-align:left}.auth-input.success{border-color:#00ba7c}.input-group.loading{position:relative}.input-group.loading:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-top-color:var(--secondary-text);border-radius:50%;animation:spin 1s linear infinite}.lock-icon{font-size:96px;margin-bottom:16px}.forgot-title{font-size:16px;font-weight:600;color:var(--foreground);margin:0 0 16px;text-align:center}.forgot-subtitle{font-size:14px;color:var(--secondary-text);text-align:center;line-height:18px;margin:0 0 24px}.create-account-link{color:var(--foreground);font-size:14px;font-weight:600;text-decoration:none;text-align:center;display:block;margin-top:16px}.create-account-link:hover{text-decoration:underline}.back-to-login{color:var(--foreground);font-size:14px;text-decoration:none;display:block;text-align:center}.back-to-login:hover{text-decoration:underline}.success-icon{font-size:96px;margin-bottom:16px}.success-title{font-size:16px;font-weight:600;color:var(--foreground);margin:0 0 16px;text-align:center}.success-message{font-size:14px;color:var(--secondary-text);text-align:center;line-height:18px;margin:0 0 24px}.error-message{background-color:#ff5757}.auth-form .success-message,.error-message{color:white;text-align:center;margin-bottom:16px}.auth-form .success-message{background-color:#22c55e;padding:12px 16px;border-radius:8px;font-size:14px}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;background:var(--background);color:var(--foreground)}.auth-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-top:3px solid var(--foreground);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.auth-loading p{font-size:16px;color:var(--secondary-text)}.comment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.comment-modal{background:white;border-radius:12px;width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.1)}.comment-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);background:white}.comment-modal-header h3{font-size:18px;font-weight:600;margin:0}.close-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--secondary-text);transition:all .2s ease}.close-button:hover{background:var(--hover-bg);color:var(--foreground)}.comment-modal-post{padding:16px 20px;border-bottom:1px solid var(--border-color);background:#fafafa}.comment-modal-post .post-user{display:flex;align-items:center;gap:12px;margin-bottom:8px}.comment-modal-post .post-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden}.comment-modal-post .post-user-info .username{font-weight:600;font-size:14px}.comment-modal-post .post-caption{margin-top:8px}.comment-modal-post .caption-text{font-size:14px;line-height:1.4}.comments-list{flex:1 1;overflow-y:auto;padding:16px 20px;max-height:400px}.comment-item{display:flex;gap:12px;margin-bottom:16px}.comment-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.comment-avatar .avatar-img{width:100%;height:100%;object-fit:cover}.comment-avatar .avatar-placeholder{width:100%;height:100%;background:var(--hover-bg);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:var(--secondary-text)}.comment-content{flex:1 1}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.comment-username{font-weight:600;font-size:14px}.comment-time{font-size:12px;color:var(--secondary-text)}.comment-text{font-size:14px;line-height:1.4;margin:0 0 8px}.comment-actions{display:flex;align-items:center;gap:12px}.comment-like{background:none;border:none;cursor:pointer;padding:4px;color:var(--secondary-text);transition:color .2s ease}.comment-like:hover{color:var(--foreground)}.comment-likes{font-size:12px;color:var(--secondary-text)}.no-comments{font-size:14px;padding:40px 20px}.loading,.no-comments{text-align:center;color:var(--secondary-text)}.loading{padding:20px}.comment-input-section{border-top:1px solid var(--border-color);padding:16px 20px;background:white}.comment-input-container{display:flex;align-items:center;gap:12px}.input-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.input-avatar .avatar-img{width:100%;height:100%;object-fit:cover}.input-avatar .avatar-placeholder{width:100%;height:100%;background:var(--hover-bg);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:var(--secondary-text)}.input-wrapper{flex:1 1;display:flex;align-items:center;gap:12px}.comment-textarea{flex:1 1;border:none;outline:none;resize:none;font-family:inherit;font-size:14px;line-height:1.4;padding:8px 0;background:transparent}.comment-textarea::placeholder{color:var(--secondary-text)}.submit-comment{background:none;border:none;color:#0095f6;font-weight:600;font-size:14px;cursor:pointer;padding:0;transition:opacity .2s ease}.submit-comment:disabled{opacity:.3;cursor:not-allowed}.submit-comment:not(:disabled):hover{opacity:.7}.add-comment-section{padding:8px 16px;border-top:1px solid var(--border-color)}.add-comment-section .comment-input-container{display:flex;align-items:center;gap:12px}.add-comment-section .comment-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;flex-shrink:0}.comment-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.comment-avatar-placeholder{width:100%;height:100%;background:var(--hover-bg);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;color:var(--secondary-text)}.comment-input{flex:1 1;border:none;outline:none;font-family:inherit;font-size:14px;padding:8px 0;background:transparent}.comment-input::placeholder{color:var(--secondary-text)}.comment-submit{background:none;border:none;color:#0095f6;font-weight:600;font-size:14px;cursor:pointer;padding:0;transition:opacity .2s ease}.comment-submit:hover{opacity:.7}@media (max-width:1024px){.comment-modal{width:95%;max-height:95vh}.comment-input-section,.comment-modal-header,.comment-modal-post,.comments-list{padding:12px 16px}}.avatar-upload-container{display:flex;flex-direction:column;align-items:center;gap:12px}.avatar-upload{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);padding:2px;transition:transform .2s ease}.avatar-upload:hover:not(.disabled){transform:scale(1.05)}.avatar-upload.disabled{opacity:.6;cursor:not-allowed!important}.avatar-display{width:100%;height:100%;border-radius:50%;overflow:hidden;background:white;display:flex;align-items:center;justify-content:center}.avatar-image{width:100%!important;height:100%!important;object-fit:cover;border-radius:50%;display:block}.avatar-display,.comment-avatar .avatar-placeholder,.post-avatar .avatar-placeholder,.profile-avatar-large .avatar-placeholder-large,.story-avatar .avatar-placeholder{overflow:hidden}.avatar-placeholder{background:#f8f8f8;border:2px dashed #ddd;transition:all .2s ease}.avatar-upload:hover .avatar-placeholder{border-color:#007bff;background:#f0f8ff}.upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:opacity .2s ease;color:white}.upload-icon,.upload-spinner{animation:none}.upload-spinner{animation:spin 1s linear infinite}.avatar-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.avatar-action-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:60px}.avatar-action-btn:disabled{opacity:.6;cursor:not-allowed}.upload-btn{background:#007bff;color:white}.upload-btn:hover:not(:disabled){background:#0056b3}.remove-btn{background:#dc3545;color:white}.remove-btn:hover:not(:disabled){background:#c82333}.upload-error{color:#dc3545;font-size:12px;text-align:center;max-width:200px;line-height:1.4}.avatar-upload.small{width:32px;height:32px}.avatar-upload.medium{width:80px;height:80px}.avatar-upload.large{width:150px;height:150px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.edit-profile-modal{background:white;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5}.modal-header h2{margin:0;font-size:18px;font-weight:600}.close-btn{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn:hover{background:#f5f5f5;color:#333}.modal-content{padding:24px}.modal-error,.modal-loading{padding:40px 24px;text-align:center;color:#666}.profile-section{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e5e5}.section-label{font-weight:600;color:#333;font-size:16px}.form-section{gap:20px}.form-group,.form-section{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-weight:500;color:#333;font-size:14px}.form-group input,.form-group textarea{padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s ease;background:white}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.username-input-group{position:relative}.username-status{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:500}.username-status.checking{color:#666}.username-status.available{color:#28a745}.username-status.taken{color:#dc3545}.char-count{font-size:12px;color:#666;text-align:right}.error-message{background:#f8d7da;color:#721c24;padding:12px 16px;border-radius:8px;border:1px solid #f5c6cb;font-size:14px;margin-top:16px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e5e5e5}.cancel-btn,.save-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;min-width:80px}.cancel-btn{background:#f8f9fa;color:#333;border:1px solid #ddd}.cancel-btn:hover:not(:disabled){background:#e9ecef}.save-btn{background:#007bff;color:white}.save-btn:hover:not(:disabled){background:#0056b3}.cancel-btn:disabled,.save-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:1024px){.edit-profile-modal{margin:10px;max-width:none;width:calc(100% - 20px)}.modal-header{padding:16px 20px}.modal-content{padding:20px}.profile-section{margin-bottom:24px;padding-bottom:20px}.modal-actions{flex-direction:column;gap:8px}.cancel-btn,.save-btn{width:100%;padding:12px 20px}}.profile-main-content{flex:1 1;display:flex;justify-content:center;padding-top:8px;padding-bottom:0;margin-left:245px}@media (max-width:1024px){.profile-main-content{margin-left:0}}@media (max-width:480px){.profile-main-content{padding-top:0;padding-bottom:0}}.explore-main-content{flex:1 1;display:flex;justify-content:center;margin-left:245px}.explore-loading{align-items:center;padding-top:0;padding-bottom:0}@media (max-width:1024px){.explore-main-content{margin-left:0}}.reels-main-content{flex:1 1;display:flex;justify-content:center;align-items:center;padding:0;overflow:hidden;margin-left:245px}@media (max-width:1024px){.reels-main-content{margin-left:0}}.reels-container{width:350px;height:100dvh}.reel-video-container,.reels-container{position:relative;display:flex;align-items:center;justify-content:center}.reel-video-container{width:100%;height:620px;background-color:#1a1a1a;border-radius:8px;overflow:hidden}@media (max-width:1024px){.reels-container{width:100vw;height:100dvh}.reel-video-container{width:100%;height:100%;border-radius:0}}.explore-page-title,.explore-search-mobile{display:none}@media (max-width:768px){.explore-search-mobile{display:block}}.explore-profiles-section{display:none}@supports (-webkit-touch-callout:none){button{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}*{-webkit-tap-highlight-color:transparent!important}.modal-close-btn,.post-reel-label{color:#000000!important}.create-post-modal button[style*="color: white"]{color:white!important}}@media (max-width:768px){.explore-main-content{padding:0;margin:0}.explore-main-content>div{padding:0!important;box-shadow:none!important;max-width:100%!important}.explore-grid-container{margin:0;padding:0}.explore-main-content .block.md\\:hidden input{background:#f1f1f1;border:none;border-radius:8px;padding:8px 12px;font-size:14px;color:#262626}.explore-main-content .block.md\\:hidden input::placeholder{color:#8e8e8e}}@keyframes slideInFromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideOutFromSidebar{0%{transform:translateX(0)}to{transform:translateX(73px)}}@keyframes expandDrawer{0%{width:0;opacity:0}to{width:400px;opacity:1}}@keyframes heartPop{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}30%{transform:translate(-50%,-50%) scale(.95)}45%{transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@keyframes heartParticle{0%{opacity:1;transform:translate(-50%,-50%) scale(0) rotate(0deg)}15%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-10deg)}to{opacity:0;transform:translate(-50%,-50%) scale(.3) translateY(-30px) rotate(20deg)}}@keyframes likeButtonPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1.1)}}@keyframes followPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}