*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%;height:-webkit-fill-available;overflow-x:hidden}body{width:100%;height:100%;min-height:100vh;min-height:-webkit-fill-available;font-family:Arial,Helvetica,sans-serif;background:#0f0f0f;color:#fff;overflow-x:hidden;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}#root{min-height:100vh;min-height:100dvh;overflow-x:hidden}.auth-container{min-height:100vh;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Arial,sans-serif}.auth-container h2{color:#fff;margin-bottom:30px;font-size:28px}.auth-card{width:320px}.auth-card input{width:100%;height:48px;padding:0 14px;margin-bottom:20px;background:#111;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px;outline:none;transition:.2s ease;box-sizing:border-box}.auth-card input:focus{border-color:#3b82f6}.password-field{position:relative;width:100%;margin-bottom:20px}.password-field input{padding-right:50px;margin-bottom:0}.eye-btn{position:absolute;top:0;right:12px;height:100%;width:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#aaa;font-size:18px}.eye-btn:hover{color:#fff}.auth-card form button[type=submit]{width:100%;height:48px;border-radius:8px;border:none;background:linear-gradient(90deg,#2563eb,#06b6d4);color:#fff;font-weight:600;cursor:pointer;transition:.2s ease}.auth-card form button[type=submit]:hover{opacity:.9}.auth-container p{margin-top:18px;color:#aaa;font-size:14px;text-align:center}.auth-container a{color:#3b82f6;text-decoration:none}.auth-container a:hover{text-decoration:none}.error-message{margin-top:15px;padding:10px 14px;border-radius:8px;background:#ff4d4f1a;border:1px solid rgba(255,77,79,.4);color:#ff4d4f;font-size:14px;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.comment-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;justify-content:center;align-items:flex-end;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.comment-modal-container{background:#000;width:100%;max-width:600px;max-height:85vh;border-radius:20px 20px 0 0;display:flex;flex-direction:column;animation:slideUp .3s ease-out;box-shadow:0 -4px 30px #00000080}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.comment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #272727;background:#000;z-index:10;border-radius:20px 20px 0 0;flex-shrink:0}.comment-modal-header h3{margin:0;color:#fff;font-size:18px;font-weight:600}.close-modal-btn{background:none;border:none;color:#71767b;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s;border-radius:50%}.close-modal-btn:hover{color:#fff;background:#1a1a1a}.comment-modal-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.comment-modal-content .comment-section{height:100%;max-height:none;border-top:none;padding:0;display:flex;flex-direction:column;overflow:hidden}.comment-modal-content .comments-list{flex:1;overflow-y:auto;padding:16px 20px;min-height:0}.comment-modal-content .add-comment{flex-shrink:0;padding:16px 20px;background:#000;border-top:1px solid #272727;margin:0}.comment-modal-content .comments-list::-webkit-scrollbar{width:6px}.comment-modal-content .comments-list::-webkit-scrollbar-track{background:#000}.comment-modal-content .comments-list::-webkit-scrollbar-thumb{background:#272727;border-radius:3px}.comment-modal-content .comments-list::-webkit-scrollbar-thumb:hover{background:#3a3a3a}@media(max-width:600px){.comment-modal-container{max-width:100%;max-height:90vh}}@media(min-width:768px){.comment-modal-overlay{align-items:center}.comment-modal-container{border-radius:20px;max-height:80vh}.comment-modal-header{border-radius:20px 20px 0 0}}.video-feed{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 10px 40px;background:#000;min-height:100vh}.video-card{width:100%;max-width:480px;background:#1a1a1a!important;border:1px solid #333;border-radius:20px;overflow:hidden}.video-wrapper{position:relative;width:100%;background:#000}.video-player{width:100%;height:auto;max-height:75vh;display:block;object-fit:cover;background:#000;border-radius:14px 14px 0 0}.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#00000014;cursor:pointer;z-index:5}.play-button{width:64px;height:64px;border-radius:50%;background:#090909f2;color:#ece2e2;font-size:26px;display:flex;align-items:center;justify-content:center;padding-left:4px;box-shadow:0 8px 24px #00000040;transition:transform .2s ease;border:2px solid #fff}.caption-section-new{padding:12px 16px 4px;background:transparent!important;width:100%;box-sizing:border-box}.caption-container{display:flex;align-items:baseline;gap:6px;overflow:hidden;white-space:nowrap}.caption-one-line{font-size:14px;color:#fff;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.caption-expanded{font-size:14px;color:#fff;line-height:1.4;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;display:block}.caption-short{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.caption-full{display:block;background:transparent}.more-btn{color:#fff9;font-size:14px;cursor:pointer;font-weight:500;flex-shrink:0;white-space:nowrap;text-decoration:none}.more-btn:hover{color:#fff}.post-caption-top{background:transparent;padding:12px 16px 10px;border-radius:16px 16px 0 0;font-size:14px;color:#fff;line-height:1.6}.post-user-bar{position:relative;height:90px!important;overflow:hidden;display:flex;align-items:flex-end;padding:0 14px 12px;background:transparent;margin:9px;border-radius:14px}.post-cover-fallback{position:absolute;top:0;left:0;width:100%;height:100%;background:#e3dddd;z-index:0}.post-bar-overlay{display:none!important}.post-user-row{position:relative;z-index:2;display:flex;align-items:center;gap:12px;background:transparent}.post-profile-img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2.5px solid #fff;flex-shrink:0;box-shadow:0 2px 8px #0006}.post-profile-fallback{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;border:2.5px solid #fff;flex-shrink:0}.post-user-details{display:flex;flex-direction:column;gap:2px;background:transparent}.post-username{color:#fff;font-weight:700;font-size:15px;font-style:italic;background:transparent}.post-displayname{color:#ffffffe6;font-size:12px;background:transparent}.post-action-btn{display:flex;flex-direction:row;align-items:center;gap:6px;cursor:pointer;padding:6px 10px;border-radius:20px;transition:background .2s,transform .2s;-webkit-tap-highlight-color:transparent}.post-action-btn:active{transform:scale(.9);background:#ffffff14}.action-divider{display:none}.post-action-btn.liked .action-count{color:#f44}.post-action-btn.liked svg{animation:likedPulse .3s ease}.action-bar-new{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:10px 16px;background:transparent;gap:18px}.action-btn-new{display:flex;flex-direction:row;align-items:center;gap:6px;cursor:pointer;padding:6px 10px;border-radius:20px;transition:transform .2s;background:transparent}.action-btn-new:active{transform:scale(.9)}.action-btn-new .icon{font-size:18px}.action-btn-new .label{font-size:13px;color:#ccc;font-weight:600}.action-btn-new .count{font-size:13px;color:#fff;font-weight:700}.action-btn-new.liked-glow .count{color:#f44}@media(max-width:480px){.action-btn-new{padding:6px 8px;gap:4px}.action-btn-new .icon{font-size:16px}.action-btn-new .label,.action-btn-new .count{font-size:12px}}.comment-section{background:#000;padding:16px;border-top:1px solid #272727;max-height:600px;overflow-y:auto}.comment-section{background:#000;padding:0;border-top:none;display:flex;flex-direction:column;height:100%;overflow:hidden}.comments-list{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column;gap:0;min-height:0}.comment{padding:12px 0;border-bottom:1px solid #1a1a1a}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.comment-header strong{color:#fff;font-size:14px;font-weight:600}.comment-actions{display:flex;align-items:center;gap:12px}.comment-time{color:#71767b;font-size:12px}.comment-content{color:#fff;font-size:14px;margin:8px 0;line-height:1.5;word-wrap:break-word}.reply-btn{background:none;border:none;color:#71767b;font-size:13px;cursor:pointer;padding:4px 0;font-weight:600;transition:color .2s}.reply-btn:hover{color:#fff}.delete-btn{background:none;border:none;color:#71767b;font-size:20px;cursor:pointer;padding:0;width:20px;height:20px;line-height:1;transition:color .2s;font-weight:300}.delete-btn:hover{color:#f44}.reply-input-container{display:flex;gap:6px;margin-top:12px;padding-left:12px}.reply-input-container input{flex:1;padding:8px 14px;background:#1a1a1a;border:1px solid #272727;border-radius:20px;color:#fff;font-size:13px;outline:none}.reply-input-container input:focus{border-color:#0095f6}.reply-input-container button{padding:8px 16px;background:#0095f6;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600;transition:background .2s}.reply-input-container button:last-child{background:#272727}.reply-input-container button:hover{opacity:.8}.replies{margin-left:0;margin-top:12px;padding-left:48px;border-left:2px solid #272727}.reply{padding:8px 0;margin-bottom:8px}.reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.reply-header strong{color:#fff;font-size:13px;font-weight:600}.reply-time{color:#71767b;font-size:11px}.reply-content{color:#fff;font-size:13px;line-height:1.4;word-wrap:break-word}.load-more-btn{width:100%;padding:12px;margin:16px 0;background:#1a1a1a;color:#fff;border:1px solid #272727;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s}.load-more-btn:hover{background:#272727}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.no-comments{text-align:center;color:#71767b;font-size:14px;padding:32px 20px;margin:0}.add-comment{display:flex;gap:8px;padding:16px 20px;background:#000;border-top:1px solid #272727;flex-shrink:0}.add-comment input{flex:1;padding:10px 16px;background:#1a1a1a;border:1px solid #272727;border-radius:24px;color:#fff;font-size:14px;outline:none;transition:border-color .2s}.add-comment input:focus{border-color:#0095f6}.add-comment button{padding:10px 20px;background:#0095f6;color:#fff;border:none;border-radius:24px;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s}.add-comment button:hover{background:#007acc}.add-comment button:disabled{opacity:.5;cursor:not-allowed}.add-comment button:active{transform:scale(.95)}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-track{background:#000}.comments-list::-webkit-scrollbar-thumb{background:#272727;border-radius:3px}.comments-list::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.comment-container{display:flex;gap:12px;width:100%}.comment-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;overflow:hidden;background:#1a1a1a}.reply-avatar{width:28px;height:28px}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#9f84e3;font-weight:600;font-size:14px}.reply-avatar .avatar-fallback{font-size:12px}.comment-body{flex:1;min-width:0}@media(max-width:768px){.video-feed{padding:12px 10px 30px;gap:15px}}.video-card:hover{border-color:#555;box-shadow:0 4px 20px #ffffff12;transition:all .3s ease}.post-action-btn svg,.post-action-btn svg *,.action-btn-new svg,.action-btn-new svg *{background:transparent!important;background-color:transparent!important}.video-wrapper{border-radius:14px 14px 0 0;overflow:hidden;margin:6px 6px 0;width:calc(100% - 12px)}.post-image-wrapper{border-radius:14px;overflow:hidden;margin:0 6px}.post-card:hover,.video-card:hover{border-color:#e7d9d9;box-shadow:0 6px 24px #ffffff14;transition:all .3s ease}@media(max-width:768px){.video-feed{padding:0;gap:12px;width:100vw;margin:0}.video-card{max-width:calc(100% - 8px);width:100%;margin:0;border-radius:20px;border:1px solid #333;border-left:none;border-right:none}.video-card:active{border-color:#999;box-shadow:0 4px 20px #ffffff26;transform:scale(.99);transition:all .1s ease}.video-wrapper{margin:0;width:100%;border-radius:0}.post-user-bar{margin-left:0;margin-right:0}}.post-user-bar{cursor:pointer}.post-feed{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 10px 40px;background:#000;min-height:100vh;border-radius:6px}.post-feed-loading{height:100vh;display:flex;align-items:center;justify-content:center;background:#000}.post-loading-spinner{width:44px;height:44px;border:3px solid #333;border-top:3px solid #fff;border-radius:50%;animation:postSpin 1s linear infinite}@keyframes postSpin{to{transform:rotate(360deg)}}.post-feed-empty{height:100vh;display:flex;align-items:center;justify-content:center;font-size:18px;color:#888}.post-card{width:100%;max-width:480px;background:#1a1a1a!important;border:1px solid #333;border-radius:20px;overflow:hidden}.post-card:hover{border-color:#e7d9d9;box-shadow:0 6px 24px #ffffff14;transition:all .3s ease}.post-caption-top{background:transparent!important;padding:12px 16px 10px;border-radius:16px 16px 0 0;font-size:14px;color:#fff;line-height:1.6}.caption-short{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;background:transparent}.caption-full{display:block}.post-more-btn{color:#fff9;cursor:pointer;font-size:13px;font-weight:600}.post-image-wrapper{position:relative;width:calc(100% - 12px);margin:8px 6px 0;border-radius:14px;overflow:hidden;background:#000}.post-image{width:100%;max-height:480px;object-fit:cover;display:block}.video-wrapper{border-radius:14px 14px 0 0;overflow:hidden;margin:8px 6px 0;width:calc(100% - 12px)}.post-user-bar{position:relative;height:130px;overflow:hidden;display:flex;align-items:center;padding:0 14px;margin:6px;border-radius:14px;cursor:pointer}.post-cover-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;border-radius:14px}.post-cover-fallback{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#2a2a4a,#1a3a5a);z-index:0;border-radius:14px}.post-bar-overlay{display:block!important;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000000d,#0000008c);z-index:1;border-radius:14px}.post-user-row{position:relative;z-index:2;display:flex;align-items:center;gap:12px;background:transparent;width:100%;margin-bottom:0;align-self:center;margin-top:0}.post-profile-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #fff;flex-shrink:0;box-shadow:0 2px 12px #00000080}.post-profile-fallback{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:26px;border:3px solid #fff;flex-shrink:0;box-shadow:0 2px 12px #00000080}.post-user-details{display:flex;flex-direction:column;gap:4px;background:transparent;margin-top:12px}.post-username{color:#fff;font-weight:700;font-size:16px;font-style:italic;background:transparent;text-shadow:0 1px 6px rgba(0,0,0,.9)}.post-displayname{color:#ffffffe6;font-size:13px;background:transparent;text-shadow:0 1px 6px rgba(0,0,0,.9)}.post-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:10px 16px;background:transparent!important;border-radius:0 0 16px 16px;gap:18px}.post-action-btn{display:flex;flex-direction:row;align-items:center;gap:6px;cursor:pointer;padding:6px 10px;border-radius:20px;transition:background .2s,transform .2s;-webkit-tap-highlight-color:transparent;background:transparent}.post-action-btn:active{transform:scale(.9)}.post-action-btn svg,.post-action-btn svg *{background:transparent!important;background-color:transparent!important}.action-count{font-size:13px;font-weight:700;color:#ccc;min-width:8px}.action-label{font-size:13px;font-weight:600;color:#ccc}.post-action-btn.liked .action-count{color:#f3e8e8}.post-time-display{color:#ffffff80!important;font-size:11px;background:transparent!important;margin-left:auto;white-space:nowrap;align-self:center}@media(max-width:768px){.post-feed{padding:0;gap:12px;width:100vw;margin:0}.post-image{border-radius:14px}.post-card{max-width:100%;width:100%;margin:0;border-radius:20px;border:1px solid #333;border-left:none;border-right:none}.post-card:active{border-color:#999;box-shadow:0 4px 20px #ffffff26;transform:scale(.99);transition:all .1s ease}.post-image-wrapper{margin:8px 6px 0;width:calc(100% - 12px);border-radius:14px;overflow:hidden}.post-user-bar{height:130px;margin:6px;border-radius:12px;padding:0 12px;align-items:center}.post-profile-img,.post-profile-fallback{width:75px;height:75px}.post-user-row{margin-top:0}.post-actions{gap:12px;padding:8px 12px}}.banner-container{width:100%;height:72vh;min-height:400px;max-height:680px;position:relative;overflow:hidden;border-radius:16px;background:#000;border:1px solid #cbc6c6;box-shadow:0 10px 30px #0009;margin:20px 12px 10px;width:calc(100% - 24px);box-sizing:border-box}.banner-media{position:absolute;top:30px;left:0;width:100%;height:calc(100% - 95px);object-fit:contain;z-index:1}.banner-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:30px 24px;box-sizing:border-box;background:linear-gradient(to top,#000000e6,#0003 60%,#0000);position:relative;z-index:2;pointer-events:none}.banner-caption-section{display:flex;flex-direction:column;margin-bottom:8px;pointer-events:all;background:transparent}.banner-caption-short{color:#f1f1f1;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;background:transparent}.banner-caption-full{color:#f1f1f1;font-size:14px;white-space:normal;line-height:1.4;background:transparent}.banner-more-btn{color:#ffffffb3;font-size:13px;cursor:pointer;pointer-events:all;margin-top:2px;background:transparent}.banner-bottom-btns{display:flex;gap:12px;margin-top:10px;background:transparent}.banner-story-circle{position:absolute;top:16px;left:16px;z-index:20;cursor:pointer;display:flex;align-items:center;justify-content:center;background:transparent}.story-ring{width:56px;height:56px;border-radius:50%;padding:3px;display:flex;align-items:center;justify-content:center;background:transparent}.active-ring{border:3px solid #fff}.no-ring{border:2px dashed rgba(255,255,255,.6)}.story-profile-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.story-profile-fallback{width:100%;height:100%;border-radius:50%;background:#f5f5f5;color:#9c9cf0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}.story-plus{position:absolute;bottom:0;right:0;background:#e50914;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.banner-eligible-info{position:absolute;top:20px;left:82px;z-index:20;display:flex;flex-direction:column;justify-content:center}.banner-user-info{position:absolute;top:16px;left:16px;z-index:20;display:flex;flex-direction:column;justify-content:center}.banner-not-eligible-btn{position:absolute;top:16px;right:16px;z-index:20;width:36px;height:36px;background:transparent;color:#fff;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;cursor:pointer}.banner-username{color:#fff;font-size:14px;font-weight:700;background:transparent}.banner-fans-count{background:linear-gradient(90deg,#dee6ee,#8a7bae,#7f86d8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;font-size:12px}.banner-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;cursor:pointer;z-index:5}.banner-play-icon{width:64px;height:64px;border-radius:50%;background:#fff3;color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;padding-left:4px;border:2px solid #fff}.banner-progress-bar{position:absolute;bottom:12px;left:16px;right:16px;height:3px;background:#ffffff4d;border-radius:2px;z-index:20;cursor:pointer}.banner-progress-fill{height:100%;background:#fff;border-radius:2px;transition:none}.banner-owner-bar{position:relative;width:100%;height:72px;border-radius:8px;overflow:hidden;margin-bottom:8px;cursor:pointer;display:flex;align-items:center;padding:0 14px;box-sizing:border-box;pointer-events:all}.banner-cover-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;border-radius:8px}.banner-cover-fallback{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:0}.banner-cover-overlay{position:absolute;inset:0;background:transparent;z-index:1}.banner-owner-row{position:relative;z-index:2;display:flex;align-items:center;gap:12px;background:transparent}.banner-owner-profile-img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #fff;flex-shrink:0}.banner-owner-fallback{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;border:2px solid #fff;flex-shrink:0}.banner-owner-details{display:flex;flex-direction:column;gap:2px;background:transparent}.banner-displayname{color:#fffc;font-size:12px;background:transparent}.my-banner-overlay{position:absolute;inset:0;background:#000;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;overflow:hidden}.my-banner-media{position:relative;top:0;left:0;width:100%;height:90%;object-fit:contain}.my-banner-views{color:#fff;font-size:14px;position:absolute;bottom:16px}.modal-close{position:absolute;top:12px;right:12px;background:none;border:none;color:#fff;font-size:20px;cursor:pointer;z-index:110}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:#1a1a1a;border-radius:12px;padding:24px;width:90%;max-width:480px;max-height:80vh;overflow-y:auto;position:relative}.modal-title{color:#fff;margin-bottom:16px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.post-thumb{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer}.post-thumb:hover{border:2px solid #fff}.thumb-media{width:100%;height:100%;object-fit:cover}.post-type-tag{position:absolute;bottom:4px;left:4px;background:#0009;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px}.preview-box{width:100%;height:260px;border-radius:8px;overflow:hidden;background:#000}.preview-media{width:100%;height:100%;object-fit:cover}.preview-actions{display:flex;justify-content:space-between;margin-top:16px}.back-btn{padding:10px 20px;background:#333;color:#fff;border:none;border-radius:8px;cursor:pointer}.send-btn{padding:10px 20px;background:#e50914;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700}.banner-actions{position:absolute;right:12px;bottom:220px;display:flex;flex-direction:column;align-items:center;gap:24px;z-index:20;background:transparent;pointer-events:all}.banner-action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;background:transparent;border:none;padding:0;-webkit-tap-highlight-color:transparent;transition:transform .2s}.banner-action-btn:active{transform:scale(.9)}.banner-action-count{font-size:13px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.9);background:transparent}.banner-action-btn.liked svg{animation:likedPulse .3s ease}.banner-action-btn svg{background:transparent!important}.banner-action-divider{display:none}.banner-eligibility-error{position:absolute;top:58px;right:8px;background:#39393ad9;color:#f3eaea;font-size:12px;padding:6px 10px;border-radius:8px;z-index:25;max-width:200px;text-align:center}.modal-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid #333;padding-bottom:8px}.modal-tab{flex:1;padding:10px;background:transparent;color:#ffffff80;border:none;font-size:14px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent}.modal-tab.active{color:#fff;border-bottom:2px solid #fff}.gallery-upload-box{display:flex;align-items:center;justify-content:center;height:200px;border:2px dashed rgba(255,255,255,.3);border-radius:12px;margin:16px 0}.gallery-upload-label{color:#fff;font-size:16px;cursor:pointer;padding:12px 24px;background:#ffffff1a;border-radius:8px}.home-feed-wrap{width:100%;max-width:520px;padding:16px 12px;box-sizing:border-box;background:#000;min-height:100vh;flex-direction:column;display:flex;align-items:stretch;margin-left:220px}@media(max-width:768px){.home-feed-wrap{margin-left:0;max-width:100%;padding:8px 0 70px;box-sizing:border-box;align-items:stretch}}.app-name-header{width:96%;margin:0 auto;padding:6px 0 4px;display:flex;justify-content:center;align-items:center}.app-name{color:#fff;font-size:26px;font-weight:800;font-family:Georgia,serif;letter-spacing:2px;font-style:italic;background:linear-gradient(90deg,#fff,#8a7bae);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.profile-container{max-width:700px;margin:0 auto;background:#574949;overflow:hidden;box-shadow:0 4px 18px #b71d1d14}.cover-image{height:200px;background-color:#fff;background-size:cover;background-position:center;position:relative;box-shadow:inset 0 10px 25px #00000040}.cover-bit{position:absolute;top:18px;right:18px;padding:8px 16px;border-radius:20px;border:none;background:#fff;font-size:14px;cursor:pointer;box-shadow:0 2px 6px #00000026}.cover-bit:hover{background:#f0f0f0}.profile-image{position:absolute;bottom:-60px;left:30px;width:120px;height:120px;border-radius:50%;border:5px solid white;object-fit:cover;background:#e8f4ff;box-shadow:inset 0 -40pxpx 65px #00000040}.fallback-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 10px 25px #00000040}.initial{font-size:48px;font-weight:700;color:#1da1f2;background:none}.profile-details{padding:90px 30px 30px}.profile-details h2{margin:0;font-size:22px;font-weight:600}.username{margin-top:4px;color:#9c8e8e;font-size:14px}.bio{margin-top:12px;color:#9c8e8e;font-size:15px}.profile-image :hover{transform:scale(1.05);transition:.25s ease}.profile-actions{display:flex;gap:12px;max-width:700 px;margin:0 auto;padding:0 16px 16px;position:relative;border:none!important}.profile-actions .btn{flex:1;padding:8px 0;border:none;background:#282525;color:#f5f5f5;font-weight:700;cursor:pointer;text-align:center;border-radius:10px;font-size:14px;margin-bottom:0}.profile-actions .btn:hover{background:#e0e0e0}*{background-color:#000;color:#f0f8ff}.username-row{display:flex;align-items:center;gap:30px;margin-bottom:8px}.username{margin:0}.fans{font-size:14px;color:#6e6464}.fans-count{background:linear-gradient(90deg,#dee6ee,#8a7bae,#7f86d8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;background-size:200% 200%;animation:gradientMove 3s ease infinite}@keyframes gradientMove{0%{background-position:0% 50%}to{background-position:100% 50%}}.profile-tabs{display:flex;border-bottom:1px solid #333;border-top:none!important;margin-top:0;padding-top:0}.tab-btn{flex:1;padding:12px 0;background:transparent!important;border:none;color:#888!important;font-size:14px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;text-align:center}.tab-btn:hover{color:#fff!important}.tab-active{color:#fff!important;border-bottom:2px solid #fff!important}.all-feed{display:flex;flex-direction:column;gap:0;background:#000!important}.all-feed-item{background:#111!important;border-bottom:1px solid #222;padding-bottom:12px}.all-feed-user{display:flex;align-items:center;gap:10px;padding:12px 14px 10px;background:transparent!important}.all-feed-avatar{width:38px;height:38px;border-radius:50%;background:#333!important;color:#fff!important;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.all-feed-userinfo{display:flex;flex-direction:column;background:transparent!important}.all-feed-username{color:#fff!important;font-weight:700;font-size:14px;background:transparent!important}.all-feed-type{color:#888!important;font-size:11px;background:transparent!important;text-transform:uppercase}.all-feed-image{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#000!important}.all-feed-video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#000!important}.all-feed-caption{padding:10px 14px 0;background:transparent!important}.all-feed-caption p{color:#fff!important;font-size:14px;line-height:1.4;margin:0 0 6px;background:transparent!important}.all-feed-caption span{color:#888!important;font-size:12px;background:transparent!important}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:0}.post-grid-item{cursor:pointer;overflow:hidden;background:#000!important;border-radius:0;position:relative}.post-grid-item:hover{opacity:.85}.square-media{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#000!important}.grid-video-wrapper{position:relative;width:100%}.grid-video{width:100%;aspect-ratio:9/16;object-fit:cover;display:block;background:#000!important;border-radius:0}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;color:#fff;background:#0006!important;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding-left:3px;pointer-events:none}.grid-views-overlay{position:absolute;bottom:6px;left:6px;color:#fff!important;font-size:12px;font-weight:600;background:transparent!important;display:flex;align-items:center;gap:4px;pointer-events:none}.grid-item-info{display:none}.no-posts{grid-column:span 3;text-align:center;padding:40px;color:#888!important;background:transparent!important;font-size:15px}.viewer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2!important;z-index:9999;display:flex;align-items:center;justify-content:center}.viewer-close{position:absolute;top:20px;right:24px;background:transparent!important;border:none;color:#fff!important;font-size:32px;cursor:pointer;z-index:10000;line-height:1}.viewer-counter{position:absolute;top:24px;left:50%;transform:translate(-50%);color:#fff!important;background:transparent!important;font-size:14px;font-weight:600}.viewer-prev,.viewer-next{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff26!important;border:none;color:#fff!important;font-size:48px;width:50px;height:80px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10000;transition:background .2s}.viewer-prev{left:16px}.viewer-next{right:16px}.viewer-prev:hover,.viewer-next:hover{background:#ffffff4d!important}.viewer-content{display:flex;flex-direction:column;align-items:center;max-width:500px;width:90%;background:transparent!important}.viewer-image{width:100%;max-height:75vh;object-fit:contain;border-radius:12px;background:#000!important}.viewer-video{width:100%;max-height:80vh;border-radius:12px;background:#000!important;object-fit:contain}.viewer-caption{margin-top:16px;text-align:center;background:transparent!important;width:100%;padding:0 16px}.viewer-caption p{color:#fff!important;font-size:15px;line-height:1.5;margin:0 0 8px;background:transparent!important}.viewer-caption span{color:#aaa!important;font-size:13px;background:transparent!important}.all-feed-avatar-img{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #333}.book-section{display:flex;flex-direction:column;align-items:center;padding:30px 0 40px;gap:14px;background:#000!important}.book-img{width:350px;cursor:pointer;border-radius:8px;transition:transform .3s ease,filter .3s ease;filter:drop-shadow(-8px 10px 20px rgba(0,0,0,.8));animation:bookFloat 3s ease-in-out infinite}.book-img:hover{transform:scale(1.08) translateY(-6px);filter:drop-shadow(-10px 14px 28px rgba(0,0,0,.9));animation:none}@keyframes bookFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.book-tap-label{font-size:12px;color:#f5f5f5!important;letter-spacing:2px;background:#000!important;animation:tapPulse 2s ease-in-out infinite}@keyframes tapPulse{0%,to{opacity:.4}50%{opacity:1}}.book-close-bar{display:flex;justify-content:flex-end;padding:8px 16px 0;background:#000!important}.book-close-bar-btn{background:#111!important;border:1px solid #8b4513!important;color:#d4622a!important;padding:6px 20px!important;border-radius:20px!important;cursor:pointer!important;font-size:13px!important;font-weight:600!important}.book-close-bar-btn:hover{background:#8b4513!important;color:#fff!important}.website-url{color:#1da1f2;font-size:14px;text-decoration:none;margin-top:5px;display:block}.website-url:hover{text-decoration:none}.sidebar{width:70px;min-width:70px;flex-shrink:0;height:100vh;position:fixed;top:0;left:0;background:#000;color:#fff;padding:15px 8px;z-index:100;overflow:hidden;transition:width .2s ease}.sidebar:hover{width:220px}.logo{margin-bottom:30px;font-size:20px;white-space:nowrap}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{display:flex;align-items:center;gap:15px;padding:14px 12px;border-radius:8px;cursor:pointer;white-space:nowrap}.sidebar li:hover{background:#151313}.icon{font-size:24px;min-width:28px;text-align:center;flex-shrink:0}.text{display:inline-block;opacity:0;transform:translate(-10px);transition:opacity .2s ease,transform .2s ease;color:inherit}.sidebar:hover .text{opacity:1;transform:translate(0)}.sidebar-link{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.clickable{cursor:pointer}.create-options{margin-left:35px;display:flex;flex-direction:column;gap:8px}.create-options div{padding:6px 10px;background:#111;border-radius:6px;cursor:pointer;font-size:14px;white-space:nowrap}.create-options div:hover{background:#222}.create-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:transparent;z-index:1000}.create-modal{width:480px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 12px 40px #57555540}.create-header{display:flex;align-items:center;justify-content:center;position:relative;padding:12px 16px;border-bottom:1px solid #e5e5e5}.create-title{font-weight:600;font-size:16px;color:#262626}.close-btn{position:absolute;left:12px;background:none;border:none;font-size:18px;cursor:pointer;color:#262626}.close-btn:hover{opacity:.6}.media-preview{padding:18px;background:#f5f5f5;display:flex;justify-content:center;align-items:center}.media-preview img,.media-preview video{width:100%;max-height:420px;object-fit:contain;border-radius:16px}.caption-input{width:100%;border:none;outline:none;padding:14px;font-size:14px;resize:none;background:#fff;color:#000;border-top:1px solid #e6e6e6;box-sizing:border-box}.post-btn{width:calc(100% - 24px);margin:12px;padding:12px;border:none;border-radius:24px;background:linear-gradient(135deg,#9ec3dc,#0077e6);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.bottom-nav,.mobile-topbar{display:none}@media(max-width:768px){.sidebar{display:none}.mobile-topbar{display:flex;position:fixed;top:0;left:0;right:0;height:56px;background:#000;align-items:center;justify-content:space-between;padding:0 16px;z-index:9998;transition:transform .3s ease,opacity .3s ease}.topbar-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.topbar-visible{transform:translateY(0);opacity:1;pointer-events:all}.topbar-left{display:flex;align-items:center;gap:8px}.topbar-symbol{font-size:22px;color:#fff}.topbar-name{font-size:20px;font-weight:700;color:#fff;letter-spacing:.3px}.topbar-right{display:flex;align-items:center;gap:20px}.top-action-btn{background:transparent!important;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent}.top-action-btn svg{background:transparent!important}.bottom-nav{display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:420px;height:62px;border-radius:50px;background:#1a1a1a!important;align-items:center;justify-content:space-around;padding:0 10px;z-index:9999;box-shadow:inset 0 2px 4px #ffffff59,inset 0 -1px 3px #ffffff26,inset 0 0 30px #ffffff14,0 10px 40px #000c,0 0 0 1px #ffffff1a}.bottom-nav-item{display:flex;align-items:center;justify-content:center;flex:1;color:#5a6472;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.bottom-nav-item.active{color:#fff}.bottom-nav-icon{display:flex;align-items:center;justify-content:center;font-size:26px;color:inherit;transition:transform .15s;background:transparent!important}.bottom-nav-item.active .bottom-nav-icon{transform:scale(1.2);color:#fff}.bottom-nav *{background:transparent!important}.fab-backdrop{position:fixed;inset:0;background:#000000a6;z-index:9990;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fab-btn{position:fixed;bottom:90px;right:20px;width:56px;height:56px;border-radius:50%;background:#3a3a3a!important;color:#fff;display:flex;align-items:center;justify-content:center;z-index:9995;cursor:pointer;transition:transform .3s ease,opacity .3s ease}.fab-option-icon svg,.fab-option-icon svg *,.fab-option-icon path,.fab-btn svg,.fab-btn svg *,.fab-btn path{background:transparent!important;background-color:transparent!important;fill:#fff!important}.fab-visible{transform:scale(1);opacity:1;pointer-events:all}.fab-hidden{transform:scale(0);opacity:0;pointer-events:none}.fab-options{position:fixed;bottom:160px;right:20px;display:flex;flex-direction:column;gap:18px;z-index:9995;pointer-events:none;opacity:0;transform:translateY(20px);transition:opacity .25s ease,transform .25s ease}.fab-options-open{pointer-events:all;opacity:1;transform:translateY(0)}.fab-option{display:flex;align-items:center;justify-content:flex-end;gap:12px;cursor:pointer}.fab-option-label{color:#fff;font-size:15px;font-weight:500;background:transparent!important;padding:7px 16px;border-radius:20px;box-shadow:0 1px 4px #000c}.fab-option-icon{width:50px;height:50px;border-radius:50%;background:#3a3a3a!important;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #0006;transition:transform .15s ease;flex-shrink:0}.fab-option:active .fab-option-icon{transform:scale(.9)}.fab-options-open .fab-option:nth-child(1){transition-delay:.05s}.fab-options-open .fab-option:nth-child(2){transition-delay:.1s}.fab-options-open .fab-option:nth-child(3){transition-delay:.15s}}.search-overlay{position:fixed;inset:0;background:#0009;z-index:9999;display:flex}.search-panel{width:500px;height:100vh;background:#000;padding:20px;overflow:hidden;display:flex;flex-direction:column;position:relative;z-index:10000}.search-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.search-header h2{color:#fff;margin:0}.search-close-btn{background:transparent;border:none;color:#fff;font-size:22px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s;-webkit-tap-highlight-color:transparent;flex-shrink:0}.search-close-btn:hover{background:#ffffff1a}.search-close-btn:active{background:#fff3;transform:scale(.9)}.search-input-wrapper{position:relative}.search-input{width:100%;padding:12px 40px 12px 14px;border-radius:6px;border:1px solid transparent;background:#262626;color:#fff;outline:none;box-sizing:border-box}.search-input:focus{border-color:#0095f6;box-shadow:0 0 0 3px #0095f640,0 0 12px #0095f626;background:#1a1a1a}.close-bit{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#f5f5f5;font-weight:700;cursor:pointer;z-index:10}body{background-color:#000;color:#f0f8ff}.search-results{margin-top:12px;flex:1;overflow-y:auto}.search-user{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;cursor:pointer}.search-user:hover{background-color:#1a1a1a}.search-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.search-user-info{display:flex;flex-direction:column}.search-username{font-weight:600;color:#f5f5f5}.search-displayname{font-size:13px;color:#aaa}.search-loading,.search-empty{color:#aaa;text-align:center;margin-top:20px;font-size:14px;padding:10px}::-webkit-scrollbar{width:0px;background:transparent}*{scrollbar-width:none;-ms-overflow-style:none}@media(max-width:768px){.search-overlay{left:0!important;width:100%!important}.search-panel{width:100%!important}.search-close-btn{width:40px;height:40px;font-size:24px}}.chat-page{display:flex;height:100vh;width:calc(100%-72px);margin-left:72px;background:#0b141a;color:#e9edef;font-family:Segoe UI,sans-serif;overflow:hidden;position:relative;z-index:1}.chat-left{width:420px;background:#111b21;flex-shrink:0;box-sizing:border-box;border-right:1px solid #696d6e;display:flex;flex-direction:column}.chat-left-header{padding:20px;box-sizing:border-box;font-size:20px;font-weight:600;border-bottom:1px solid #2a3942;display:flex;justify-content:space-between;align-items:center}.new-chat-btn{background:transparent;border:none;font-size:20px;cursor:pointer;color:#373a3a}.chat-user-list{flex:1;overflow-y:auto}.chat-user{display:flex;gap:12px;padding:16px 20px;cursor:pointer;transition:background .2s;width:100%;box-sizing:border-box;border-bottom:1px solid #1e2d35;border:1px solid #3a474f;background:transparent;border-radius:8px;margin-bottom:2px}.chat-user:hover{background-color:#2a3942;background:#202c33}.chat-avatar{width:45px;height:45px;background:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff}.chat-user-info{flex:1;min-width:0;background:transparent}.chat-username{font-weight:600;margin-bottom:4px;background:transparent}.chat-last-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#8696a0}.unread-badge{background:#dae2e2;color:#000;padding:2px 7px;border-radius:50%;font-size:12px;font-weight:700}.chat-right{flex:1;display:flex;flex-direction:column;background:#0b141a}.ig-message-container{display:flex;flex-direction:column;padding:10px;max-width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.message-day-label{align-self:center;text-align:center;margin:16px 0;font-size:12px;color:#aaa}.ig-message{max-width:70%;width:fit-content;padding:8px 12px;margin:4px 0;font-size:14px;line-height:1.4;position:relative;display:flex;align-items:flex-end;gap:6px;transition:transform .1s ease;box-sizing:border-box}.ig-message:hover{transform:scale(1.01)}.ig-message-text{word-wrap:break-word;white-space:pre-wrap;display:inline;background:transparent;color:#f5f5f5}.ig-message-time{font-size:10px;opacity:.7;white-space:nowrap;flex-shrink:0;line-height:1}.ig-my{align-self:flex-end;background:linear-gradient(90deg,#899398,#62596b);color:#000;border-radius:18px 18px 4px;margin-left:40px}.ig-my .ig-message-time{color:#322e2e;background:transparent}.ig-their{align-self:flex-start;background-color:#262626;color:#f5f5f5;border-radius:18px 18px 18px 4px;margin-right:40px}.ig-their .ig-message-time{color:#ffe7e780;background:transparent}@media(max-width:480px){.ig-message{max-width:85%}}.chat-messages{flex:1;overflow-y:auto;padding:20px;scroll-behavior:smooth;display:flex;flex-direction:column}.message-date-divider{text-align:center;font-size:12px;color:#888;margin:10px 0;background:#f0f0f0;padding:2px 10px;border-radius:10px;display:inline-block}.chat-input{display:flex;align-items:center;gap:8px;padding:10px;border-top:1px solid #2f2f2f;background:#202123}.message-input{flex:1;height:42px;padding:0 16px;border-radius:20px;border:1px solid transparent;outline:none;background:#2a2b2e;color:#fff;font-size:14px}.message-input::placeholder{color:#9b9b9b}.message-input:focus{border-color:#0095f6;box-shadow:0 0 0 3px #0095f640,0 0 12px #0095f626;background:#1a1a1a}.send-arrow{width:38px;height:38px;border-radius:50%;border:none;background:#8e7171;color:#0b0a0a;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.send-arrow:hover{background:gray}.no-chat-selected{flex:1;display:flex;align-items:center;justify-content:center;color:#8696a0;font-size:18px}.chat-header{height:60px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid #2f2f2f;background:transparent}.chat-header-user{display:flex;align-items:center;gap:12px;background:transparent}.chat-back-btn{display:none;background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0 10px 0 0}.chat-user-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;background:transparent}.chat-time{font-size:12px;color:#8696a0;white-space:nowrap}.chat-last-message{font-size:13px;color:#8696a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px;flex:1;background:transparent}.unread-badge{background:#7e8b89;color:#fff;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.chat-header-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#444}.chat-header-info{display:flex;flex-direction:column;justify-content:center;background:transparent}.chat-header-username{color:#fff;font-size:15px;font-weight:800;line-height:1.2;background:transparent}.chat-page .search-overlay{left:72px;width:calc(100% - 72px)}.chat-page .search-panel{width:460px}.chat-last-row{background:transparent}@media(max-width:768px){.chat-page{margin-left:0;width:100%;height:100vh}.chat-left{width:100%;min-width:100%;border-right:none}.chat-page.chat-open .chat-left{display:none}.chat-page.chat-open .chat-right{width:100%}.chat-page .search-overlay{left:0;width:100%}.chat-page .search-panel{width:100%}.chat-back-btn{display:block}}.reels-feed{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none}.reels-feed::-webkit-scrollbar{display:none}.reel-card{position:relative;height:100vh;width:100%;max-width:420px;margin:0 auto;scroll-snap-align:start;overflow:hidden}.reel-video-wrapper{position:relative;width:100%;height:100%;background:#000;display:flex;align-items:center;object-fit:center}.reel-video{width:100%;height:100%;object-fit:contain}.cover-mode{width:100%;height:100%;object-fit:cover}.contain-mode{max-width:100%;max-height:100%;object-fit:contain}.reel-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background:#000;display:flex;align-items:center;justify-content:center;color:#000;font-size:28px}.reel-actions{position:absolute;right:12px;bottom:180px;display:flex;flex-direction:column;align-items:center;gap:24px;z-index:20;background:transparent}.reel-action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;background:transparent;border:none;padding:0;-webkit-tap-highlight-color:transparent;transition:transform .2s}.reel-action-btn:active{transform:scale(.9)}.reel-action-count{font-size:13px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.9);background:transparent}.reel-action-btn.liked svg{animation:likedPulse .3s ease}.reel-action-btn.liked .reel-action-count{color:#fff}@keyframes likedPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.reel-bottom-overlay{position:absolute;bottom:20px;left:14px;right:14px;display:flex;flex-direction:column;gap:10px;z-index:15;background:transparent}.reel-user-info{position:relative;height:90px;border-radius:12px;overflow:hidden;display:flex;align-items:center;padding:0 14px}.reel-cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reel-user-info:before{content:"";position:absolute;inset:0;background:#00000073}.reel-user-content{position:relative;display:flex;align-items:center;gap:12px;z-index:2;background:transparent}.reel-profile-img{width:54px;height:54px;border-radius:50%;border:2px solid #fff;object-fit:cover}.reel-profile-fallback{width:54px;height:54px;border-radius:50%;background:#444;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px}.reel-user-details{display:flex;flex-direction:column;background:transparent}.reel-username{color:#fff;font-weight:700;font-size:16px;background:transparent}.reel-displayname{color:#ffffffd9;font-size:13px;background:transparent}.caption-section-new{display:flex;flex-direction:column;background:transparent}.caption-container{display:flex;align-items:center;gap:6px;background:transparent}.caption-one-line{color:#f1f1f1;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%;background:transparent}.caption-expanded{color:#f1f1f1;font-size:15px;white-space:normal;background:transparent}.more-btn{color:#ffffffb3;font-size:13px;cursor:pointer;background:transparent}@media(max-width:768px){.reel-actions{bottom:170px}}.reel-action-btn svg{background:transparent!important}.reel-action-btn{background:transparent!important}.reel-actions svg{background:transparent!important}.reel-user-info{cursor:pointer}.edit-container{min-height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;padding:40px 20px}.edit-card{background:#111;padding:40px;border-radius:20px;width:100%;max-width:500px;box-shadow:0 0 30px #ffffff0d;animation:fadeIn .4s ease-in-out}.edit-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:30px;width:100%}.edit-header-spacer{width:36px;height:36px;flex-shrink:0;background:transparent}.edit-header h2{color:#fff;font-size:22px;letter-spacing:1px;margin:0;flex:1;text-align:center;background:transparent}.edit-close-btn{background:transparent!important;background-color:transparent!important;border:none!important;color:#fff!important;font-size:22px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex!important;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s;-webkit-tap-highlight-color:transparent}.edit-close-btn:hover{background:#ffffff1a!important}.edit-close-btn:active{transform:scale(.9)}.edit-card label{color:#bbb;font-size:14px;margin-bottom:6px;display:block}.edit-card input,.edit-card textarea{width:100%;padding:12px 15px;margin-bottom:20px;background:transparent;border:1px solid #fff;border-radius:10px;color:#fff;font-size:14px;transition:.3s ease;box-sizing:border-box}.edit-card textarea{resize:none;height:80px}.edit-card input:focus,.edit-card textarea:focus{outline:none;border:1px solid #00f2ff;box-shadow:0 0 10px #00f2ff99}.edit-card button[type=submit]{width:100%;padding:12px;border:none;border-radius:10px;background:linear-gradient(135deg,#00f2ff,#007bff)!important;color:#000!important;font-weight:700;font-size:15px;cursor:pointer;transition:.3s ease}.edit-card button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00f2ff80}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cover-preview{width:100%;height:180px;background-color:#1a1a1a;border:2px dashed #444;border-radius:15px;cursor:pointer;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;color:#888;transition:.3s;position:relative}.cover-preview:hover{border-color:#00f2ff}.profile-preview{width:100px;height:100px;border-radius:50%;background-color:transparent;border:3px solid #00f2ff;cursor:pointer;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;color:#999;font-size:28px;font-weight:700;transition:.3s;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.profile-preview:hover{transform:scale(1.05) translate(-50%)}.gc-page{width:100%;height:100dvh;background:#000!important;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box;padding:0;margin:0}.gc-wrapper{width:100%;max-width:800px;height:100dvh;background:#000!important;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.gc-header{width:100%;height:60px;min-height:60px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2f2f2f;background:#111b21!important;flex-shrink:0;box-sizing:border-box}.gc-title{font-size:18px;font-weight:700;color:#fff!important;background:transparent!important}.gc-status{font-size:13px;font-weight:600;background:transparent!important}.gc-status.online{color:#00e676}.gc-status.offline{color:#f44}.gc-messages{flex:1;overflow-y:auto;padding:20px;scroll-behavior:smooth;display:flex;flex-direction:column;background:#000!important;min-height:0}.gc-messages::-webkit-scrollbar{display:none}.gc-empty{text-align:center;color:#8696a0!important;font-size:14px;margin-top:40px;background:transparent!important}.gc-day-label{align-self:center;text-align:center;margin:16px 0;font-size:12px;color:#aaa!important;background:transparent!important}.gc-row{display:flex;align-items:flex-end;gap:8px;margin:4px 0;background:transparent!important;width:100%}.gc-row-me{flex-direction:row-reverse}.gc-row-other{flex-direction:row}.gc-avatar{width:32px;height:32px;flex-shrink:0;background:transparent!important}.gc-avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover}.gc-avatar-fallback{width:32px;height:32px;border-radius:50%;background:#333!important;display:flex;align-items:center;justify-content:center;color:#fff!important;font-weight:700;font-size:13px}.gc-bubble-wrap{display:flex;flex-direction:column;max-width:70%;gap:2px;background:transparent!important}.gc-msg{max-width:100%;width:fit-content;padding:8px 12px;margin:4px 0;font-size:14px;line-height:1.4;position:relative;display:flex;align-items:flex-end;gap:6px;box-sizing:border-box;word-break:break-word;overflow-wrap:anywhere}.gc-msg-me{align-self:flex-end;background:linear-gradient(90deg,#899398,#62596b)!important;color:#000!important;border-radius:18px 18px 4px;margin-left:40px}.gc-msg-other{align-self:flex-start;background:#262626!important;color:#f5f5f5!important;border-radius:18px 18px 18px 4px;margin-right:40px}.gc-msg-text{word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap;background:transparent!important}.gc-msg-me .gc-msg-text{color:#fff!important}.gc-msg-other .gc-msg-text{color:#f5f5f5!important}.gc-msg-time{font-size:10px;opacity:.7;white-space:nowrap;flex-shrink:0;line-height:1;background:transparent!important}.gc-msg-me .gc-msg-time{color:#040404!important}.gc-msg-other .gc-msg-time{color:#ffe7e780!important}.gc-input-bar{display:flex;align-items:center;gap:8px;padding:10px;border-top:1px solid #2f2f2f;background:#202123!important;flex-shrink:0;position:sticky;box-sizing:border-box}@media(max-width:768px){.gc-page{padding:0;height:100dvh}.gc-wrapper{max-width:100%;border-radius:0;height:100dvh}.gc-bubble-wrap{max-width:80%}.gc-msg{max-width:85%}}