@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap";.offline-upload-indicator{position:fixed;top:60px;right:66px;z-index:1000;max-width:320px}.network-status{display:flex;align-items:center;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:8px}.network-status.online{background:#d4edda;color:#155724;width:32em}.network-status.offline{background:#f8d7da;width:32em;color:#721c24}.status-dot{width:8px;height:8px;border-radius:50%;margin-right:6px}.network-status.online .status-dot{background:#28a745}.network-status.offline .status-dot{background:#dc3545}.queue-count{margin-left:6px;opacity:.8}.upload-item{background:#fff;border-radius:8px;padding:12px;margin-bottom:8px;box-shadow:0 2px 10px #0000001a;border-left:4px solid #007bff;width:24em}.upload-item.queued{border-left-color:#ffc107}.upload-item.failed{border-left-color:#dc3545}.upload-item.retrying{border-left-color:#fd7e14}.upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.upload-text{font-weight:600;font-size:14px;color:#333}.upload-time{font-size:11px;color:#999}.upload-caption{font-size:12px;color:#666;display:block;margin-bottom:8px}.upload-error{font-size:11px;color:#dc3545;background:#f8d7da;padding:4px 8px;border-radius:4px;margin-top:4px}.upload-progress{height:4px;background:#e9ecef;border-radius:2px;overflow:hidden;margin-bottom:8px}.upload-progress-bar{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);transition:width .3s ease}.upload-actions{display:flex;gap:8px;flex-wrap:wrap}.retry-button,.remove-button,.cancel-button{padding:4px 8px;border:none;border-radius:4px;font-size:11px;cursor:pointer;font-weight:600;transition:background-color .2s ease}.retry-button{background:#007bff;color:#fff}.retry-button:hover{background:#0056b3}.remove-button{background:#6c757d;color:#fff}.remove-button:hover{background:#545b62}.cancel-button{background:#dc3545;color:#fff}.cancel-button:hover{background:#c82333}.retry-button:disabled,.remove-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}.retry-button.loading,.cancel-button.loading{position:relative}.retry-button.loading:after,.cancel-button.loading:after{content:"";position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.admin-post-card{background:linear-gradient(to right,#f8f9fa,#e9ecef);border-radius:12px;margin:20px 0;box-shadow:0 4px 6px #0000001a;overflow:hidden;border:2px solid #e3e3e3}.admin-post-header{padding:16px;background:linear-gradient(135deg,#144033,#1a5242);color:#fff}.admin-profile-section{display:flex;align-items:center;gap:12px}.admin-badge{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:6px 12px;border-radius:20px;font-size:.9rem}.admin-icon{font-size:1.2rem}.admin-info h3{margin:0;font-size:1.1rem;font-weight:600}.admin-timestamp{font-size:.8rem;opacity:.8}.admin-post-content{position:relative;width:100%}.admin-post-media{width:100%;height:auto;object-fit:cover}.admin-post-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#144033cc);padding:20px;color:#fff}.admin-post-message{font-size:1.1rem;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.admin-post-footer{padding:16px}.admin-caption{margin:0;font-size:.95rem;color:#4a4a4a}.admin-dashboard{max-width:1200px;margin:0 auto;padding:20px;background-color:#f8f9fa;border-radius:12px;box-shadow:0 2px 4px #0000001a}.user-count-section{background:linear-gradient(135deg,#144033,#1a5242);padding:30px;border-radius:12px;text-align:center;color:#fff;margin-bottom:30px}.user-count-section h2{margin:0 0 15px;font-size:24px;font-weight:600}.user-count-number{font-size:48px;font-weight:700;margin:15px 0;color:#fff}.admin-post-section{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.admin-post-section h2{margin:0 0 20px;font-size:24px;color:#144033}.admin-post-form{display:flex;flex-direction:column;gap:20px}.admin-post-form input[type=text],.admin-post-form textarea{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s ease}.admin-post-form input[type=text]:focus,.admin-post-form textarea:focus{border-color:#144033;outline:none}.admin-post-form textarea{min-height:120px;resize:vertical}.admin-post-form input[type=file]{padding:10px;border:2px dashed #e0e0e0;border-radius:8px;cursor:pointer}.media-preview{margin-top:10px;border-radius:8px;overflow:hidden;max-width:400px}.media-preview img{width:100%;height:auto;object-fit:cover}.admin-post-form button{background:linear-gradient(135deg,#144033,#1a5242);color:#fff;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .3s ease}.admin-post-form button:hover{opacity:.9}.admin-post-form button:disabled{background:#ccc;cursor:not-allowed}.loader-container{display:flex;justify-content:center;align-items:center;min-height:200px}.loader{border:4px solid #f3f3f3;border-top:4px solid #144033;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.error-message{background-color:#fee2e2;border:1px solid #ef4444;color:#dc2626;padding:16px;border-radius:8px;margin:20px 0;text-align:center}@media (max-width: 768px){.admin-dashboard{padding:15px}.user-count-section,.admin-post-section{padding:20px}.user-count-number{font-size:36px}.admin-post-form input[type=text],.admin-post-form textarea{font-size:14px}}.admin-post-form input[type=text]:hover,.admin-post-form textarea:hover{border-color:#1a5242}.admin-post-form input[type=file]:hover{border-color:#144033;background-color:#f8f9fa}:root{--profile-bg: #ffffff;--text-primary: #333333;--text-secondary: #666666;--border-color: #eeeeee;--button-bg: #ffffff;--button-primary1: #FDBC2E;--button-text: #333333;--card-bg: #ffffff;--hover-bg: #f8f9fa;--shadow-color: rgba(0, 0, 0, .1);--subscriber-bg: #f8f9fa;--subscriber-text: #ffd700;--active-tab-border: #0C3A2D;--story-ring-gradient: linear-gradient(45deg, #f09433 0%, #00FF00 25%, #ffd700 50%, #ffd700 75%, #00FF00 100%);--story-ring-active: linear-gradient(45deg, #00FF00, #00C000);--popup-overlay: rgba(0, 0, 0, .5);--popup-handle: #444444}[data-theme=dark]{--profile-bg: #1a1a1a;--text-primary: #ffffff;--text-secondary: #b3b3b3;--border-color: #2d2d2d;--button-bg: #2d2d2d;--button-primary: #FDBC2E;--button-text: #ffffff;--card-bg: #2d2d2d;--hover-bg: #363636;--shadow-color: rgba(0, 0, 0, .3);--subscriber-bg: #363636;--subscriber-text: #ffd700;--active-tab-border: #FDBC2E;--popup-overlay: rgba(0, 0, 0, .7);--popup-handle: #666666}.profile-container{max-width:800px;margin:auto;background-color:var(--profile-bg);box-shadow:0 4px 10px var(--shadow-color);overflow:hidden;font-family:Roboto,sans-serif}.profile-header{display:flex;align-items:center;justify-content:center;position:relative;padding:10px 0}.back-arrow{position:absolute;right:10px;cursor:pointer;color:var(--text-primary)}.profile-username{font-weight:700;color:var(--text-primary);margin-bottom:-4px;position:absolute}.profile-stats-row{display:flex;justify-content:space-evenly;align-items:center;padding:20px 0}.Dp{width:130px;height:130px;border-radius:50%;object-fit:cover}.stat{text-align:center}.stat-value{display:block;font-weight:700;font-size:18px;color:var(--text-primary)}.stat-label{color:var(--text-secondary);font-size:14px}.profile-name{text-align:center;margin:10px 0 5px;font-size:24px;color:var(--text-primary)}.profile-tag{display:block;text-align:center;color:var(--text-primary);margin-bottom:10px}.profile-bio{text-align:center;margin:0 0 15px;color:var(--text-primary);font-size:14px}.profile-actions{display:flex;justify-content:center;gap:10px;margin-bottom:15px}.Message-button,.wallet-button{padding:8px 20px;border-radius:25px;font-weight:700;cursor:pointer}.Message-button{background-color:var(--button-bg);color:var(--button-text);border:2px solid var(--border-color);width:170px;height:40px}.wallet-button{background-color:var(--button-primary);color:#fff;border:none;width:130px;height:50px}.subscribers{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;margin-bottom:15px;background-color:var(--subscriber-bg);color:var(--subscriber-text);border-radius:5px}.subscriber-avatars{display:flex}.subscriber-avatar{width:34px;height:34px;border-radius:50%;margin-right:-8px;border:2px solid var(--profile-bg)}.profile-tabs button.active{color:var(--text-primary);border-bottom:2px solid #0C3A2D;border-radius:0}.bio-area{padding:20px;background-color:var(--card-bg);border-bottom:1px solid var(--border-color)}.profile-tabs{display:flex;justify-content:center;background-color:var(--card-bg);border-bottom:1px solid var(--border-color)}.profile-tabs button{background:none;border:none;font-size:16px;padding:10px 20px;cursor:pointer;color:var(--text-primary);transition:color .3s}.profile-tabs button:hover{color:var(--button-primary1)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background-color:var(--card-bg);padding:2px}.post{aspect-ratio:1 / 1;overflow:hidden}.post.large{grid-column:span 2;grid-row:span 2}.post-grid{display:grid;gap:3px;background-color:var(--card-bg);padding:2px;transition:all .3s ease}.post-grid.default,.post-grid.compact{grid-template-columns:repeat(3,1fr)}.post{aspect-ratio:1 / 1;overflow:hidden;transition:all .3s ease}.post img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.post img:hover{transform:scale(1.05)}.post-grid.default .post.large{grid-column:span 2;grid-row:span 2}.post-grid.compact .post.large{grid-column:span 1;grid-row:span 1}.post-grid.transitioning .post{opacity:0;transform:scale(.8)}.post-grid.transitioning{pointer-events:none}@media (max-width: 768px){.profile-header{height:60px;flex-direction:column;align-items:center}.profile-actions{margin-top:20px}.profile-tabs button{font-size:14px;padding:8px 15px}.profile-bio{text-align:center;margin:0 0 15px;color:var(--text-secondary);font-size:14px;padding-left:12%;width:85%}}@media (max-width: 480px){.profile-pic{width:80px;height:80px}.profile-details h2{font-size:20px}.profile-tabs button{font-size:12px;padding:5px 10px}}.highlights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px}.highlight-item{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:10px}.highlight-item.large{grid-column:span 2;grid-row:span 2}.highlight-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.highlight-item:hover img{transform:scale(1.05)}.highlight-name{position:absolute;bottom:10px;left:10px;background-color:#000000b3;color:#fff;padding:5px 10px;border-radius:15px;font-size:12px}.toggle-view-button{width:50%;display:block;margin:10px auto;padding:5px 10px;background-color:#f0f0f0;border:none;border-radius:5px;cursor:pointer}.post-grid.highlights{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.highlights-grid{grid-template-columns:repeat(3,1fr)}.highlight-item.large{grid-column:span 2;grid-row:span 2}}@media (max-width: 480px){.highlights-grid{grid-template-columns:repeat(2,1fr)}.highlight-item.large{grid-column:span 2;grid-row:span 2}}.profile-picture-container{position:relative;cursor:pointer}.story-ring{width:136px;height:136px;border-radius:50%;padding:3px;background:var(--story-ring-gradient)}.story-ring.active{background:var(--story-ring-active)}.Dp{width:130px;height:130px;border-radius:50%;object-fit:cover;border:3px solid white}.profile-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 10px var(--shadow-color);z-index:10;min-width:150px}.profile-dropdown button{display:flex;align-items:center;width:100%;padding:10px;border:none;background:none;text-align:left;cursor:pointer;transition:background-color .2s;color:var(--text-primary)}.profile-dropdown button:hover{background-color:var(--hover-bg)}.profile-dropdown button svg{margin-right:8px}.popup-content{background-color:#fff;width:90%;max-width:400px;border-radius:10px;padding:20px;position:relative;color:var(--text-primary);margin-bottom:20px;transform:translateY(100%);opacity:0;transition:transform .5s ease-out,opacity .5s ease-out}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--popup-overlay);display:flex;justify-content:center;align-items:flex-end;z-index:1000}.popup-overlay .popup-content.show{transform:translateY(0);opacity:1}.popup-handle{width:40px;height:4px;background-color:#444;border-radius:2px;margin:0 auto 10px}.popup-item{display:flex;align-items:center;padding:10px;border-radius:5px;cursor:pointer}.popup-item:hover{background-color:#333}.popup-item img.profile-image{width:40px;height:40px;border-radius:50%;margin-right:10px}.popup-item .check-icon{margin-left:auto}.popup-item.add-account{border-top:1px solid #444;margin-top:10px;padding-top:10px}.arrow-down-icon{margin-left:5px;transition:transform .3s}.arrow-down-icon.open{transform:rotate(180deg)}.content-container{height:calc(100vh - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch}.posts-container{transition:transform .3s ease-out}.toggle-view-button{opacity:0;transform:translateY(-20px);animation:slideDown .3s ease-out forwards;background-color:#ffffffe6;border:1px solid #eee;border-radius:20px;padding:8px 16px;margin:10px auto;display:block;cursor:pointer;box-shadow:0 2px 5px #0000001a}@keyframes slideDown{to{opacity:1;transform:translateY(0)}}:root{--psm-background-color: white;--psm-text-color: #000;--psm-text-secondary: #6b7280;--psm-border-color: #e5e7eb;--psm-header-bg: white;--psm-card-bg: white;--psm-icon-color: #a1a1a1;--psm-hover-bg: #f3f4f6;--psm-secondary-text: #6b7280;--psm-button-primary: #FDBC2E;--psm-button-text: white;--psm-button-hover: #e5a819;--psm-interaction-hover: #f3f4f6;--psm-button-secondary: #0a4103;--psm-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--psm-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--psm-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--psm-gradient-overlay: linear-gradient(to bottom, rgba(0,0,0,.5) 0%, transparent 100%);--psm-gradient-overlay-reverse: linear-gradient(to top, rgba(0,0,0,.5) 0%, transparent 100%);--psm-transition-fast: .2s ease;--psm-transition-normal: .3s ease;--psm-spacing-xs: .25rem;--psm-spacing-sm: .5rem;--psm-spacing-md: 1rem;--psm-spacing-lg: 1.5rem;--psm-radius-sm: .25rem;--psm-radius-md: .5rem;--psm-radius-lg: 1rem;--psm-radius-full: 9999px}[data-theme=dark]{--psm-background-color: #121212;--psm-text-color: #ffffff;--psm-text-secondary: #a1a1a1;--psm-border-color: #2d2d2d;--psm-header-bg: #1a1a1a;--psm-card-bg: #1a1a1a;--psm-icon-color: #d1d1d1;--psm-hover-bg: #2d2d2d;--psm-secondary-text: #a1a1a1;--psm-button-primary: #FDBC2E;--psm-button-hover: #ffd15f;--psm-interaction-hover: #2d2d2d;--psm-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--psm-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--psm-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--psm-gradient-overlay: linear-gradient(to bottom, rgba(0,0,0,.7) 0%, transparent 100%);--psm-gradient-overlay-reverse: linear-gradient(to top, rgba(0,0,0,.7) 0%, transparent 100%)}.psm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.psm-modal-container{background-color:#ffffffe6;border-radius:20px;box-shadow:var(--psm-shadow-lg);width:100%;max-width:480px;padding:0;overflow:hidden;border:1px solid rgba(0,0,0,.1)}[data-theme=dark] .psm-modal-container{background-color:#1a1a1af2;border:1px solid var(--psm-border-color)}.psm-modal-content{padding:24px;display:flex;flex-direction:column}.psm-modal-header{display:flex;align-items:center;margin-bottom:20px;position:relative}.psm-close-modal{position:absolute;left:0;background:none;border:none;cursor:pointer;color:var(--psm-icon-color);transition:color var(--psm-transition-normal)}.psm-close-modal:hover{color:var(--psm-text-color)}.psm-modal-header h2{margin:0 auto;font-weight:600;font-size:20px;color:var(--psm-text-color)}.psm-error-alert{display:flex;align-items:center;background-color:#fff0f0;border:1px solid #ff4d4f;color:#ff4d4f;padding:12px;border-radius:10px;margin-bottom:16px}[data-theme=dark] .psm-error-alert{background-color:#ff4d4f1a;border:1px solid #ff4d4f}.psm-error-alert svg{margin-right:10px}.psm-success-message{background-color:#f6ffed;border:1px solid #52c41a;color:#52c41a;padding:12px;border-radius:10px;text-align:center;margin-bottom:16px}[data-theme=dark] .psm-success-message{background-color:#52c41a1a;border:1px solid #52c41a}.psm-profile-preview{display:flex;align-items:center;background-color:#f5f5f7;border-radius:12px;padding:16px;margin-bottom:20px}[data-theme=dark] .psm-profile-preview{background-color:var(--psm-card-bg);border:1px solid var(--psm-border-color)}.psm-profile-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-right:16px;border:2px solid var(--psm-border-color)}.psm-profile-details{flex-grow:1}.psm-profile-details h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--psm-text-color)}.psm-profile-details p{margin:4px 0;color:var(--psm-text-secondary);font-size:14px}.psm-share-title{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--psm-text-color)}.psm-share-options{display:flex;justify-content:space-around;margin-top:8px;margin-bottom:24px;gap:12px}.psm-share-button{background-color:#f5f5f7;border:none;border-radius:50%;width:60px;height:60px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color var(--psm-transition-normal);flex-shrink:0}[data-theme=dark] .psm-share-button{background-color:var(--psm-hover-bg)}.psm-share-button:hover{background-color:#e0e0e6;transform:translateY(-2px)}[data-theme=dark] .psm-share-button:hover{background-color:var(--psm-interaction-hover)}.psm-share-button svg{color:var(--psm-button-secondary);width:24px;height:24px}.psm-share-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.psm-share-button:disabled:hover{transform:none}.psm-modal-footer{display:flex;justify-content:center;padding-top:16px;border-top:1px solid var(--psm-border-color)}.psm-cancel-button{background-color:var(--psm-button-secondary);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:background-color var(--psm-transition-normal);min-width:100px}.psm-cancel-button:hover{background-color:#0a5203;transform:translateY(-1px)}.psm-loading{pointer-events:none;opacity:.7}@media (max-width: 480px){.psm-modal-container{width:95%;margin:0 10px;border-radius:16px}.psm-modal-content{padding:20px}.psm-profile-preview{flex-direction:column;text-align:center;padding:20px}.psm-profile-avatar{margin-right:0;margin-bottom:16px;width:100px;height:100px}.psm-share-options{gap:8px}.psm-share-button{width:72px;height:55px}.psm-share-button svg{width:20px;height:20px}.psm-modal-header h2{font-size:18px}}@media (max-width: 360px){.psm-share-options{flex-wrap:wrap;justify-content:center;gap:12px}.psm-share-button{width:50px;height:50px}}@keyframes psm-fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.psm-modal-container{animation:psm-fadeIn .2s ease-out}.psm-share-button:focus,.psm-cancel-button:focus,.psm-close-modal:focus{outline:2px solid var(--psm-button-primary);outline-offset:2px}@media (prefers-contrast: high){.psm-modal-container{border:2px solid var(--psm-text-color)}.psm-share-button{border:1px solid var(--psm-text-color)}}.ecm-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;min-height:300px;width:100%;max-width:400px;margin:0 auto}.ecm-content{text-align:center;width:100%;position:absolute;display:flex;flex-direction:column;left:2px;top:34em;padding:2rem}.ecm-icon-wrapper{margin-bottom:1.5rem}.ecm-icon{width:48px;height:48px}.ecm-icon-premium{color:#fdbc2e}.ecm-icon-reels,.ecm-icon-posts{color:#0a4103}.ecm-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.ecm-description{color:#4b5563;margin-bottom:1.5rem;line-height:1.5;font-size:19px}.ecm-create-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background-color:#0a4103;color:#fff;border-radius:9999px;text-decoration:none;font-weight:500;transition:background-color .2s ease;box-shadow:0 2px 4px #3b82f64d}.ecm-create-button:hover{background-color:#0a4103}.ecm-plus-icon{width:20px;height:20px;margin-right:.5rem}.ecm-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;width:100%}.ecm-footer-text{font-size:.875rem;color:#6b7280}@media (max-width: 640px){.ecm-container{min-height:250px}.ecm-icon{width:40px;height:40px}.ecm-title{font-size:1.125rem}}.profile-stats-row{display:flex;justify-content:space-evenly;align-items:center;padding:20px 0;width:100%;max-width:800px;margin:0 auto}.profile-stat-item{text-align:center;transition:transform .2s ease}.profile-stat-item:hover{transform:scale(1.05)}.profile-stat-value{display:block;font-weight:700;font-size:18px;color:var(--text-primary, #333333)}.profile-stat-label{color:var(--text-secondary, #666666);font-size:14px}.profile-stats-picture-wrapper{position:relative;cursor:pointer}.profile-story-ring{width:136px;height:136px;border-radius:50%;padding:3px;background:linear-gradient(45deg,#f09433,#0f0,gold,gold,#0f0)}.profile-story-ring.active{background:linear-gradient(45deg,#0f0,#00c000)}.profile-stats-image{width:130px;height:130px;border-radius:50%;object-fit:cover;border:3px solid white}.profile-camera-button{position:absolute;bottom:5px;right:5px;background-color:#fff;border-radius:50%;padding:6px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.profile-camera-button:hover{transform:scale(1.1)}.profile-camera-icon{color:#333}.profile-loading-spinner{width:130px;height:130px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.profile-error-message{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);color:red;font-size:12px;background-color:#ffffffe6;padding:4px 8px;border-radius:4px;white-space:nowrap}.profile-cursor-pointer{cursor:pointer}@media (max-width: 768px){.profile-stats-image{width:100px;height:100px}.profile-story-ring{width:106px;height:106px}.profile-stat-value{font-size:16px}.profile-stat-label{font-size:12px}}.status-progress-container{display:flex;gap:4px;width:100%;padding:8px 8px 0}.progress-segment-background{height:4px;background-color:#fff6;flex:1;border-radius:9999px;overflow:hidden}.progress-segment-fill{height:100%;background-color:#fff;transition:width .1s linear;border-radius:9999px}.status-view{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000f2;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity .3s ease;touch-action:none}.status-view.visible{opacity:1}.status-content-wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;background-color:transparent;transform:translate(0);opacity:1;will-change:transform,opacity;touch-action:none}.status-content-wrapper.transitioning{opacity:.5}.status-content-wrapper.next{transform:translate(-100%)}.status-content-wrapper.prev{transform:translate(100%)}.status-content{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.status-content img,.status-content video{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease,opacity .3s ease-in-out}.transitioning .status-content img,.transitioning .status-content video{opacity:.8}.nav-control{position:absolute;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .2s ease,background-color .2s ease;background-color:#00000080;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer}.left-nav{left:10px}.right-nav{right:10px}.status-content-wrapper:hover .nav-control{opacity:.7}.nav-control:hover{opacity:1;background-color:#000c}.delete-button{position:absolute;top:10px;right:10px;opacity:.7;transition:opacity .2s ease,color .2s ease;padding:8px;border-radius:50%;background-color:#00000080;border:none;cursor:pointer;color:#fff;z-index:10;width:auto}.delete-button:hover{opacity:1;color:#f44}.status-caption{position:absolute;bottom:140px;left:0;right:0;padding:20px;background:transparent;color:#fff;font-size:14px;line-height:1.4;opacity:1}.status-time-remaining{position:absolute;top:10px;left:10px;color:#fff;background-color:#00000080;padding:4px 8px;border-radius:12px;font-size:12px;transition:opacity .3s ease}.status-actions{position:absolute;bottom:0;left:0;right:0;background-color:transparent;padding:20px;display:flex;flex-direction:row;gap:12px;transform:translateY(0);transition:opacity .3s ease;z-index:10}.status-actions:before{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(transparent,#00000080);pointer-events:none;z-index:-1}.action-icons{display:flex;gap:24px;color:#fff;padding-bottom:8px}.action-buttonEV{background:none;border:none;cursor:pointer;color:#fff;font-size:24px;padding:0;display:flex;align-items:center;gap:8px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.action-buttonEV:hover{transform:scale(1.1)}.action-buttonEV.liked{color:#ed4956;animation:likeAnimation .45s cubic-bezier(.175,.885,.32,1.275) both}@keyframes likeAnimation{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.like-count{font-size:14px;font-weight:600;margin-left:6px}.message-inputEV{width:100%;position:relative}.message-inputEV input{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:24px;background-color:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:14px;transition:all .2s ease}.message-inputEV input::placeholder{color:#ffffff80}.message-inputEV input:focus{outline:none;border-color:#fff6;background-color:#0009}.status-content:after{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(transparent,#00000080);pointer-events:none}.status-view{animation:fadeIn .3s ease}@media (max-width: 768px){.status-content-wrapper{width:100%;height:100vh}.nav-control{width:32px;height:32px}.status-caption{bottom:80px}}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;z-index:10;opacity:.7;transition:opacity .2s ease;width:auto}.close-button:hover{opacity:1}.status-header{position:absolute;top:20px;left:0;right:0;padding:15px;display:flex;align-items:center;gap:12px;z-index:2;background:linear-gradient(to bottom,#00000080,#0000)}.status-header .user-profile{width:40px;height:40px;border-radius:50%;border:2px solid #ffffff;object-fit:cover}.status-header .user-info{flex-grow:1;color:#fff}.status-header .username{font-weight:600;font-size:14px;margin-bottom:2px}.status-header .timestamp{font-size:12px;opacity:.8}.status-actions:empty{display:none}.touch-area-left,.touch-area-right{position:absolute;top:0;bottom:0;width:30%;z-index:2}.touch-area-left{left:0}.touch-area-right{right:0}.view-stats{display:flex;align-items:center;justify-content:flex-start;padding:12px;color:#fff}.view-counter{display:flex;align-items:center;gap:8px;font-size:16px;color:#fff;background-color:#00000080;padding:8px 16px;border-radius:20px}.view-counter svg{font-size:18px}.view-counter span{font-weight:600}.status-view[data-is-current-user=true] .status-actions{justify-content:flex-end;padding-bottom:40px}.pause-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#00000080;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;z-index:10}.pause-icon{display:flex;gap:6px}.pause-bar{width:6px;height:24px;background-color:#fff;border-radius:3px}.status-ring-container{position:relative;cursor:pointer;display:inline-block}.status-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;padding:2px}.status-ring.active{background:linear-gradient(135deg,#7afb24,#efec46)}.status-ring.viewed{background:#d1d5db}.status-ring-inner{background-color:#fff;border-radius:9999px;padding:2px;width:100%;height:100%}.status-profile-image{border-radius:9999px;object-fit:cover;width:100%;height:100%}.status-ring-sm{width:2rem;height:2rem}.status-ring-md{width:3rem;height:3rem}.status-ring-lg{width:6rem;height:6rem}.status-ring-xl{width:8rem;height:8rem}.wallet-ui{display:flex;justify-content:space-around;align-items:center;background-color:transparent;padding:0;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex-direction:row;width:28em}.Wallet-L{color:#9b9b9b;text-decoration:none}.wallet-info{display:flex;flex-direction:column;align-items:flex-start}.wallet-info2{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:2em}.wallet-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:#161616}.wallet-title2{font-size:1.2rem;font-weight:600;margin-bottom:-.5rem;color:#9b9b9b;margin-left:auto}.wallet-balance-P{font-size:2rem;font-weight:700;margin-bottom:.25rem;color:orange}.wallet-available{font-size:.875rem;color:#666}.wallet-action{background-color:orange;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;width:auto}.wallet-action2{background-color:orange;color:#000;border:none;border-radius:28px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;width:auto;margin-top:1em}.wallet-action:hover{background-color:#ff8c00}.back-arrow-Ap{margin-left:10em;font-size:2em;color:var(--text-color)}.profile-picture-container{position:relative;width:7rem;height:7rem;margin-bottom:var(--spacing-md);margin-left:-1em;background-color:var(--card-bg)}.camera2{font-size:23em}.dropdown-button2{display:flex;align-items:center;gap:var(--spacing-sm);width:-moz-fit-content;width:fit-content;padding:var(--spacing-sm) var(--spacing-md);border:none;background-color:transparent;text-align:left;cursor:pointer;left:4em;bottom:-21px;height:44px;border-radius:50%;position:absolute;font-size:24px;color:var(--text-color);background-color:#ffba00}.dropdown-button:hover{background-color:var(--hover-bg)}.pp2-link{text-decoration:none;color:orange}.pp2-container-link{margin-left:25px}.Message-button1{color:var(--button-text);outline:#ffa500;background-color:transparent;border:2px solid var(--border-color);width:170px;height:40px}.profile-stats-container{position:relative}.admin-actions-warning-btn{margin-top:12px;width:100%;padding:12px 16px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff6b6b4d}.admin-actions-warning-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b66}.admin-actions-warning-btn:active{transform:translateY(0)}.admin-actions-warning-btn .warning-icon{font-size:18px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.admin-actions-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}.admin-actions-modal{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:20px 24px;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.close-modal-btn{background:none;border:none;font-size:32px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-modal-btn:hover{background:#f5f5f5;color:#1a1a1a}.modal-content{flex:1;overflow-y:auto;padding:24px}.account-status-warning{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:20px;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;box-shadow:0 4px 12px #ff6b6b4d}.account-status-warning .warning-icon{font-size:32px;flex-shrink:0}.warning-content h3{margin:0 0 8px;font-size:18px;font-weight:700}.warning-content p{margin:0;font-size:14px;line-height:1.5;opacity:.95}.actions-list{display:flex;flex-direction:column;gap:16px}.no-actions{text-align:center;color:#666;padding:40px 20px;font-size:14px}.action-item{background:#f8f9fa;border-radius:12px;padding:16px;border-left:4px solid #ff6b6b}.action-header{display:flex;gap:12px;margin-bottom:12px}.action-icon{font-size:24px;flex-shrink:0;margin-top:2px}.action-icon.delete{color:#ff6b6b}.action-icon.disable{color:#d63031}.action-info{flex:1}.action-info h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#1a1a1a}.action-date{font-size:13px;color:#666}.action-details,.admin-notes{margin-top:12px;padding-top:12px;border-top:1px solid #e5e5e5}.action-reason,.action-content-type,.action-content-id{margin:8px 0;font-size:14px;color:#333;line-height:1.5}.action-content-id code{background:#e9ecef;padding:2px 8px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:12px}.notes-text{margin-top:8px;padding:12px;background:#fff;border-radius:8px;font-size:14px;color:#555;line-height:1.6}.modal-footer{padding:16px 24px;border-top:1px solid #e5e5e5;background:#f8f9fa}.contact-support-btn{width:100%;padding:12px;background:#007bff;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.contact-support-btn:hover{background:#0056b3;transform:translateY(-1px)}.contact-support-btn:active{transform:translateY(0)}@media (max-width: 768px){.admin-actions-modal{max-height:90vh;margin:10px}.modal-header{padding:16px 20px}.modal-header h2{font-size:18px}.modal-content{padding:20px}.account-status-warning{flex-direction:column;text-align:center}.action-item{padding:14px}}@keyframes skeletonLoading{0%{background-color:#e3e3e399}50%{background-color:#e3e3e3cc}to{background-color:#e3e3e399}}.skeleton{animation:skeletonLoading 1.5s infinite}.skeleton-menu{width:24px;height:24px;border-radius:4px}.skeleton-username{width:120px;height:18px;border-radius:4px}.skeleton-stat-value{width:40px;height:18px;border-radius:4px;margin-bottom:4px}.skeleton-stat-label{width:60px;height:14px;border-radius:4px}.skeleton-dp{width:80px;height:80px;border-radius:50%}.skeleton-name{width:150px;height:24px;border-radius:4px;margin:16px auto 8px}.skeleton-tag{width:80px;height:16px;border-radius:4px;margin:0 auto 12px}.skeleton-bio{width:80%;height:32px;border-radius:4px;margin:0 auto 20px}.skeleton-subscribers{display:flex;gap:-8px}.skeleton-subscriber{width:32px;height:32px;border-radius:50%}.skeleton-button{width:120px;height:36px;border-radius:18px}.skeleton-wallet{width:100%;height:120px;border-radius:8px;margin:16px 0}.skeleton-tab{width:80px;height:16px;border-radius:4px}.skeleton-post{aspect-ratio:1;border-radius:4px;width:100%}.profile-container .skeleton{margin:0 auto}.profile-stats-row .skeleton{margin:0}.profile-tabs{display:flex;justify-content:space-around;border-bottom:1px solid #eee}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:1px}@media (max-width: 640px){.skeleton-dp{width:100%;height:100%}.skeleton-name{width:120px}.skeleton-bio{width:90%}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:#fff;border-radius:8px;padding:20px;width:300px;box-shadow:0 4px 6px #0000001a}.popup-handle{width:40px;height:4px;background:#e0e0e0;margin:0 auto 15px;border-radius:2px}.popup-item{display:flex;align-items:center;padding:10px;border-bottom:1px solid #f0f0f0}.profile-image{width:40px;height:40px;border-radius:50%;margin-right:10px}.check-icon{margin-left:auto;color:green}.add-account{color:#666;cursor:pointer}.add-icon{margin-right:10px}.open-popup-button{padding:10px;background-color:#f0f0f0;border:none;border-radius:5px;cursor:pointer}.auth-prompt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:#0006;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;animation:auth-modal-fade-in .3s ease-out forwards}.auth-prompt-modal{background:#ffffffe6;border-radius:16px;width:90%;max-width:400px;padding:24px;box-shadow:0 15px 50px #0000001a,0 5px 15px #00000014;text-align:center;border:1px solid rgba(0,0,0,.05);transform:scale(.9);animation:auth-modal-scale-in .3s ease-out forwards}.auth-prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.auth-prompt-title{font-size:1.4rem;font-weight:600;color:#1d1d1f;letter-spacing:-.022em;margin:0}.auth-prompt-close{background:none;border:none;cursor:pointer;color:#86868b;transition:all .2s ease;opacity:.7;padding:0;width:auto}.auth-prompt-close:hover{color:#124a3a;opacity:1;transform:rotate(90deg)}.auth-prompt-message{color:#1d1d1f;margin-bottom:24px;line-height:1.5;opacity:.8}.auth-prompt-actions{display:flex;flex-direction:column;gap:12px}.auth-prompt-signin{background:#124a3a;color:#fff;border:none;border-radius:8px;padding:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;letter-spacing:-.022em}.auth-prompt-signin:hover{background:#0e3c2e;transform:translateY(-2px);box-shadow:0 4px 10px #124a3a33}.auth-prompt-register{background:none;border:2px solid #124a3a;color:#124a3a;border-radius:8px;padding:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;letter-spacing:-.022em}.auth-prompt-register:hover{background:#124a3a0d;transform:translateY(-2px)}@keyframes auth-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes auth-modal-scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.carousel-dots-container{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 0;margin:0;width:100%}.carousel-dot{width:24px;height:2px;border-radius:1px;background-color:#d1d5db;transition:background-color .3s ease;cursor:pointer;border:none;padding:0;margin:0;position:relative;overflow:hidden}.carousel-dot.active{background-color:#fdbc2e}.carousel-dot:hover{opacity:.8}@media (max-width: 640px){.carousel-dots-container{gap:4px;padding:8px 0}.carousel-dot{width:16px;height:2px}}#thread-repost-modal-root{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:2147483647!important;pointer-events:none}#thread-repost-modal-root .thread-repost-modal-backdrop{pointer-events:auto}.thread-repost-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2147483647;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:thread-repost-fadeIn .2s ease-out;overscroll-behavior:contain}@keyframes thread-repost-fadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}}.thread-repost-modal-content{background:#fff;border-radius:16px;width:90%;max-width:520px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:thread-repost-slideIn .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;position:relative;z-index:1;transform-origin:center;will-change:transform,opacity}@keyframes thread-repost-slideIn{0%{opacity:0;transform:scale(.8) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}.thread-repost-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.thread-repost-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827;display:flex;align-items:center;gap:8px}.thread-repost-modal-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0}.thread-repost-content-type-icon{width:20px;height:20px}.thread-repost-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.thread-repost-close-btn:hover:not(:disabled){background-color:#f3f4f6;color:#374151;transform:scale(1.1)}.thread-repost-close-btn:disabled{opacity:.5;cursor:not-allowed}.thread-repost-modal-body{padding:24px;overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain}.thread-repost-caption-section{margin-bottom:24px}.thread-repost-caption-section label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.thread-repost-caption-input{width:100%;min-height:80px;padding:12px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;background-color:#fff;color:#111827;box-sizing:border-box}.thread-repost-caption-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.thread-repost-caption-input::placeholder{color:#9ca3af}.thread-repost-character-count{text-align:right;font-size:12px;color:#6b7280;margin-top:6px}.thread-repost-preview-section{margin-bottom:16px}.thread-repost-preview-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.thread-repost-preview-label span:first-child{font-size:14px;font-weight:500;color:#374151}.thread-repost-video-indicator{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280;background-color:#f3f4f6;padding:4px 8px;border-radius:6px}.thread-repost-preview-container{border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;background-color:#f9fafb;position:relative}.thread-repost-mini-post{padding:16px;background-color:#fff}.thread-repost-mini-post-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.thread-repost-mini-post-profile-pic{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb;flex-shrink:0}.thread-repost-mini-post-username{font-weight:600;color:#111827;font-size:14px;line-height:1.2}.thread-repost-mini-post-media-container{position:relative;margin-bottom:12px;border-radius:8px;overflow:hidden;background-color:#f3f4f6}.thread-repost-mini-post-media{width:100%;height:auto;max-height:200px;object-fit:cover;display:block;transition:filter .3s ease}.thread-repost-mini-post-media.blurred{filter:blur(10px)}.thread-repost-mini-post-premium-overlay,.thread-repost-blurred-media-container{position:relative}.thread-repost-premium-content-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;background:#000c;color:#fbbf24;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500}.thread-repost-premium-lock-icon{width:18px;height:18px}.thread-repost-premium-text{color:#fbbf24}.thread-repost-mini-post-footer{margin-top:8px}.thread-repost-mini-post-caption{font-size:14px;color:#374151;line-height:1.4;margin:0}.thread-repost-mini-post-caption .thread-repost-mini-post-username{margin-right:6px}.thread-repost-mini-reel{padding:16px;background-color:#fff}.thread-repost-mini-reel-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.thread-repost-mini-reel-media-container{position:relative;margin-bottom:12px;border-radius:8px;overflow:hidden;background-color:#000}.thread-repost-mini-reel-media{width:100%;height:200px;object-fit:cover;display:block}.thread-repost-mini-reel-media.blurred{filter:blur(10px)}.thread-repost-mini-reel-premium-overlay{position:relative}.thread-repost-mini-reel-footer{margin-top:8px}.thread-repost-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.thread-repost-cancel-button{padding:10px 20px;border:2px solid #e5e7eb;background-color:#fff;color:#374151;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.thread-repost-cancel-button:hover{border-color:#d1d5db;background-color:#f9fafb}.thread-repost-confirm-button{padding:10px 20px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;min-width:140px;justify-content:center}.thread-repost-confirm-button:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b5b95);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.thread-repost-confirm-button:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.thread-repost-confirm-button.reel-variant{background:linear-gradient(135deg,#f093fb,#f5576c)}.thread-repost-confirm-button.reel-variant:hover:not(:disabled){background:linear-gradient(135deg,#ed64a6,#e53e3e);box-shadow:0 4px 12px #f093fb4d}@media (max-width: 640px){.thread-repost-modal-content{width:95%;margin:20px;max-height:85vh}.thread-repost-modal-header,.thread-repost-modal-body,.thread-repost-modal-footer{padding:16px}.thread-repost-modal-header h3{font-size:16px}.thread-repost-modal-footer{flex-direction:column}.thread-repost-cancel-button,.thread-repost-confirm-button{width:100%;justify-content:center}.thread-repost-mini-post-media,.thread-repost-mini-reel-media{max-height:150px}}@media (prefers-color-scheme: dark){.thread-repost-modal-content{background:#1f2937}.thread-repost-modal-header{background:#111827;border-bottom-color:#374151}.thread-repost-modal-header h3{color:#f9fafb}.thread-repost-close-btn{color:#9ca3af}.thread-repost-close-btn:hover{background-color:#374151;color:#d1d5db}.thread-repost-caption-section label{color:#d1d5db}.thread-repost-caption-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}.thread-repost-caption-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.thread-repost-character-count{color:#9ca3af}.thread-repost-preview-label span:first-child{color:#d1d5db}.thread-repost-video-indicator{background-color:#374151;color:#9ca3af}.thread-repost-preview-container{border-color:#4b5563;background-color:#111827}.thread-repost-mini-post,.thread-repost-mini-reel{background-color:#1f2937}.thread-repost-mini-post-username{color:#f9fafb}.thread-repost-mini-post-caption{color:#d1d5db}.thread-repost-modal-footer{background:#111827;border-top-color:#374151}.thread-repost-cancel-button{background-color:#374151;border-color:#4b5563;color:#d1d5db}.thread-repost-cancel-button:hover{background-color:#4b5563;border-color:#6b7280}}.thread-repost-modal-content:focus{outline:none}.thread-repost-caption-input:focus,.thread-repost-cancel-button:focus,.thread-repost-confirm-button:focus,.thread-repost-close-btn:focus{outline:2px solid #667eea;outline-offset:2px}.thread-repost-premium-lock-icon{animation:thread-repost-pulse 2s infinite}@keyframes thread-repost-pulse{0%,to{opacity:1}50%{opacity:.7}}.likes-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.likes-modal-container{background:#fff;border-radius:16px;width:100%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s ease-out}.likes-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e5e5e5;background:#fff;position:sticky;top:0;z-index:10}.likes-modal-title{font-size:18px;font-weight:700;color:#333;margin:0}.likes-modal-close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease;width:fit-content}.likes-modal-close-btn:hover{background-color:#f5f5f5;color:#333}.likes-modal-search{padding:16px 20px;border-bottom:1px solid #e5e5e5;background:#fff;position:sticky;top:65px;z-index:9}.likes-modal-search-container{position:relative;display:flex;align-items:center}.likes-modal-search-icon{position:absolute;left:12px;color:#999;pointer-events:none}.likes-modal-search-input{width:100%;padding:12px 12px 12px 40px;border:1px solid #ddd;border-radius:25px;font-size:14px;outline:none;background-color:#f8f9fa;transition:all .2s ease}.likes-modal-search-input:focus{border-color:#1da1f2;background-color:#fff;box-shadow:0 0 0 3px #1da1f21a}.likes-modal-content{flex:1;overflow-y:auto;min-height:200px}.likes-modal-users-list{padding:8px 0}.likes-modal-empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#666;font-size:14px;text-align:center}.likes-modal-user-item{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f5f5f5}.likes-modal-user-item:hover{background-color:#f8f9fa}.likes-modal-user-item:last-child{border-bottom:none}.likes-modal-user-info{display:flex;align-items:center;flex:1;min-width:0}.likes-modal-avatar-container{position:relative;margin-right:12px;flex-shrink:0}.likes-modal-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #f0f0f0}.likes-modal-verified-badge{position:absolute;bottom:-2px;right:-2px;background:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid white}.likes-modal-user-details{display:flex;flex-direction:column;min-width:0;flex:1}.likes-modal-username{font-weight:600;color:#333;font-size:15px;display:flex;align-items:center;gap:4px;margin-bottom:2px}.inline-verified{flex-shrink:0}.likes-modal-like-time{font-size:13px;color:#666}.likes-modal-follow-btn{padding:8px 20px;width:fit-content;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid;min-width:90px;flex-shrink:0}.likes-modal-follow-btn.follow{background-color:#1da1f2;width:fit-content;color:#fff;border-color:#1da1f2}.likes-modal-follow-btn.follow:hover{background-color:#1991db;border-color:#1991db}.likes-modal-follow-btn.following{background-color:#fff;color:#333;border-color:#ddd}.likes-modal-follow-btn.following:hover{background-color:#fee;border-color:#f5c6cb;color:#dc3545}.likes-modal-follow-btn.following:hover:after{content:"Unfollow"}.likes-modal-follow-btn:disabled{opacity:.6;cursor:not-allowed}@media (prefers-color-scheme: dark){.likes-modal-container{background:#1a1a1a;color:#fff}.likes-modal-title{color:#fff}.likes-modal-header,.likes-modal-search{background:#1a1a1a;border-bottom-color:#333}.likes-modal-search-input{background-color:#2a2a2a;border-color:#444;color:#fff}.likes-modal-search-input:focus{background-color:#333}.likes-modal-user-item{border-bottom-color:#333}.likes-modal-user-item:hover{background-color:#2a2a2a}.likes-modal-username{color:#fff}.likes-modal-follow-btn.following{background-color:#2a2a2a;color:#fff;border-color:#444}}@media (max-width: 640px){.likes-modal-overlay{padding:0}.likes-modal-container{border-radius:16px 16px 0 0;max-height:90vh;width:100%;margin-top:auto}.likes-modal-header{padding:16px 20px}.likes-modal-title{font-size:16px}.likes-modal-user-item{padding:16px 20px}.likes-modal-avatar{width:40px;height:40px}.likes-modal-follow-btn{padding:6px 16px;font-size:13px;min-width:80px}}.comment-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;display:flex;justify-content:center;align-items:flex-end}.comment-drawer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top-left-radius:12px;border-top-right-radius:12px;width:100%;height:80vh;max-height:90vh;z-index:1001;display:flex;flex-direction:column;transform:translateY(0);transition:transform .3s ease-out;will-change:transform}.comment-drawer.dragging{transition:none}.comment-drawer.closing{transform:translateY(100%)}.comment-drawer-header{padding:16px;border-bottom:1px solid #efefef;display:flex;align-items:center;justify-content:center;position:relative;color:#999}.comment-drawer-header h3{margin:0;font-size:16px;font-weight:600}.comment-drawer-content{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.comment-drawer-close{position:absolute;left:50%;transform:translate(-50%);bottom:18px;background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#999;font-size:2em}.clorD{color:#505050}.comment-drawer-close:hover{opacity:.7}body.drawer-open{overflow:hidden}@media (min-width: 768px){.comment-drawer{max-width:500px;margin:0 auto}}.comment-section-container{display:flex;flex-direction:column;height:100vh;background-color:var(--background-color);border-top:1px solid var(--border-color);position:relative;overflow:hidden;transition:transform .3s ease-in-out}.comments-scroll-area{flex-grow:1;overflow-y:auto;padding:1.5rem;margin-bottom:80px;scroll-behavior:smooth;transition:padding .3s ease}.comment{display:flex;flex-direction:column;margin-bottom:1.5rem;padding:1rem;border-radius:12px;background:var(--hover-bg);transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center;position:relative}.comment:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.comment.highlighted{background:var(--highlight-bg);border-left:4px solid var(--button-primary2);animation:highlight-pulse 2s ease-in-out}.user-infoCS{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;transition:opacity .2s ease}.profile-pic{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);transition:transform .3s ease,border-color .3s ease}.profile-pic:hover{transform:scale(1.05)}.user-infoCS h3{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0}.user-infoCS p{font-size:.8rem;color:var(--text-secondary);margin:0}.comment-content{font-size:.95rem;color:var(--text-primary);line-height:1.5;margin-bottom:.75rem}.comment-actions{display:flex;gap:1rem;padding-top:.5rem;border-top:1px solid var(--border-color);transition:opacity .3s ease}.like-btn,.reply-btn,.delete-btn,.bookmark-btn,.share-btn,.edit-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border:none;background:transparent;color:var(--text-secondary);font-size:.85rem;border-radius:20px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.like-btn:hover,.reply-btn:hover,.delete-btn:hover,.bookmark-btn:hover,.share-btn:hover,.edit-btn:hover{background:var(--background-color);color:var(--text-primary);transform:translateY(-1px)}.bookmark-btn.filled{color:var(--button-primary2)}.reaction-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.reaction-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:16px;background:var(--hover-bg);border:1px solid var(--border-color);transition:all .2s ease}.reaction-btn:hover{background:var(--background-color);transform:scale(1.05)}.add-reaction-btn{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--hover-bg);border:1px solid var(--border-color)}.comment-input-containerCS{position:fixed;bottom:0;left:0;right:0;background:var(--background-color);border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease-in-out,opacity .3s ease;padding:1rem;z-index:1000}.comment-input-wrapper{display:flex;align-items:flex-end;gap:.75rem;max-width:768px;margin:0 auto}.input-container{flex-grow:1;position:relative}.reply-indicator{position:absolute;top:-20px;left:0;font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.reply-indicator button{background:none;border:none;padding:2px;cursor:pointer;color:var(--text-secondary)}.comment-input{width:100%;padding:.75rem 3rem .75rem 1rem;border:1px solid var(--border-color);border-radius:24px;background:var(--hover-bg);color:var(--text-primary);font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:44px;resize:none;overflow-y:hidden}.comment-input:focus{outline:none;border-color:var(--button-primary2);box-shadow:0 0 0 2px rgba(var(--button-primary2-rgb),.1)}.comment-input-actions{position:absolute;right:8px;bottom:8px;display:flex;gap:.5rem}.voice-button{padding:.5rem;border:none;border-radius:50%;background:var(--button-primary2);color:var(--button-text);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.voice-button:hover{transform:scale(1.05);background:var(--button-primary2-hover)}.voice-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.voice-button-container{position:relative}.recording-indicator{position:absolute;top:-30px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.25rem .5rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:16px;color:#ff3b30;font-size:.8rem;white-space:nowrap}.replies-container{margin-left:0rem;padding-left:0rem;border-left:2px solid var(--border-color);margin-top:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.reply{padding:.75rem;display:flex;flex-direction:column;margin-bottom:.75rem;background:var(--background-color);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideIn .3s ease-out}.replyig-toCS{position:absolute;top:-20px;left:0;font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.reply-close-btn{background:none;border:none;padding:2px;cursor:pointer;color:var(--text-secondary);width:fit-content}.reply:hover{transform:translate(4px);background:var(--hover-bg)}.voice-confirmation{position:fixed;bottom:80px;left:0;right:0;padding:1rem;background:var(--background-color);border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.voice-controls{display:flex;gap:1rem;align-items:center;padding:.75rem}.voice-controls audio{flex-grow:1;height:36px;border-radius:18px}.confirm-button,.cancel-buttonCS{padding:.75rem;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.confirm-button{background:var(--button-primary2);color:var(--button-text);width:fit-content}.cancel-buttonCS,.cancel-buttonC{background:var(--button-secondary1);color:var(--button-text);width:fit-content}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes highlight-pulse{0%{background:var(--highlight-bg)}50%{background:var(--hover-bg)}to{background:var(--highlight-bg)}}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff80;display:flex;align-items:center;justify-content:center}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--button-primary2);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.edit-history{font-size:.8rem;color:var(--text-secondary);margin-top:.5rem}.edit-timestamp{font-style:italic}.record-now-tooltip{position:absolute;background:var(--background-color);padding:.5rem;border-radius:4px;box-shadow:0 2px 8px #0000001a;font-size:.8rem;z-index:100;top:15px}.mentioned-user{color:#3b82f6;font-weight:500;text-decoration:none}.mentioned-user:hover{text-decoration:underline}._voicePromptContainer_bdnii_1{display:flex;align-items:center;justify-content:center;position:fixed;bottom:6rem;left:0;right:0;padding:1rem;z-index:50}._voicePrompt_bdnii_1{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1rem;max-width:24rem;margin:0 auto;display:flex;align-items:center;gap:.75rem;animation:_bounce_bdnii_1 1s infinite}._micIconContainer_bdnii_51{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:#e6f2ff;border-radius:9999px}._micIcon_bdnii_51{width:1.25rem;height:1.25rem;color:#144033}._promptText_bdnii_83{flex:1;font-size:.875rem;color:#4b5563}._closeButtonV_bdnii_95{color:#9ca3af;width:fit-content}._closeButtonV_bdnii_95:hover{color:#4b5563}@keyframes _bounce_bdnii_1{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.comment-section-container{width:100%;max-width:600px;margin:0 auto;background-color:var(--background-color);border-radius:8px;overflow:hidden}.comments-scroll-area{max-height:400px;overflow-y:auto;padding:16px}.skeleton-comment{background-color:var(--interaction-hover);border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 2px 4px #0000001a}.skeleton-header{display:flex;align-items:center;margin-bottom:12px}.skeleton-avatar{width:40px;height:40px;background-color:var(--interaction-hover);border-radius:50%;margin-right:12px;animation:pulse 1.5s infinite}.skeleton-text{background-color:var(--interaction-hover);height:16px;margin-bottom:8px;border-radius:4px;animation:pulse 1.5s infinite}.skeleton-text.short{width:100px}.skeleton-text.long{width:200px}.comment-input-container{padding:16px;background-color:var(--background-color);border-top:1px solid #f0f0f0}.comment-input-wrapper{display:flex;align-items:center}.audio-wave-player{display:inline-flex;align-items:center;border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-md);max-width:300px;width:100%}.play-pause-button{background-color:var(--button-secondary1);color:var(--button-text);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:var(--spacing-sm);transition:background-color var(--transition-fast)}.play-pause-button:hover{background-color:var(--button-hover)}.wave-container{flex-grow:1;height:20px;display:flex;align-items:center}.wave-svg{width:123%;height:31px;overflow:visible;transform:scale(1.1)}.wave-bar{transition:height var(--transition-fast),opacity var(--transition-fast)}.time-display{color:var(--text-color);font-size:.75rem;margin-left:var(--spacing-sm);min-width:40px;text-align:right}.mention-input-container{position:relative;width:100%}.mention-input{width:100%;padding:8px 16px;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease;font-size:14px}.mention-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.mention-input:disabled{background-color:#f1f5f9;cursor:not-allowed}.mention-suggestions{position:absolute;z-index:10;width:256px;max-height:192px;overflow-y:auto;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;margin-top:4px}.mention-suggestion-item{display:flex;align-items:center;padding:8px 16px;cursor:pointer;transition:background-color .2s ease}.mention-suggestion-item:hover{background-color:#f8fafc}.mention-suggestion-avatar{width:24px;height:24px;border-radius:50%;margin-right:8px;object-fit:cover}.mention-suggestion-username{font-size:14px;font-weight:500;color:#1e293b}.mention-suggestions::-webkit-scrollbar{width:6px}.mention-suggestions::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.mention-suggestions::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.mention-suggestions::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root{--background-color: white;--text-color: #000;--text-secondary: #6b7280;--border-color: #e5e7eb;--header-bg: white;--card-bg: white;--icon-color: #a1a1a1;--hover-bg: #f3f4f6;--button-primary: #fdbc2e;--button-hover: #e5a819;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--transition-normal: .3s ease;--radius-md: .5rem}[data-theme=dark]{--background-color: #121212;--text-color: #ffffff;--text-secondary: #a1a1a1;--border-color: #2d2d2d;--header-bg: #1a1a1a;--card-bg: #1a1a1a;--icon-color: #d1d1d1;--hover-bg: #2d2d2d;--button-hover: #ffd15f;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4)}.modal-overlaySP{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:flex-end;z-index:9999;opacity:1;transition:opacity .3s ease}.modal-overlaySP.closing{opacity:0}.modal-containerSP{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:500px;max-height:85vh;overflow-y:auto;transform:translateY(0);transition:transform .3s ease}.modal-containerSP.closing{transform:translateY(100%)}.modal-contentSP{padding:0 20px 20px;position:relative}.drag-handle{width:40px;height:4px;background:#e0e0e0;border-radius:2px;margin:12px auto}.modal-headerSP{display:flex;justify-content:space-between;align-items:center;padding:20px 0 15px;border-bottom:1px solid #f0f0f0;margin-bottom:20px}.modal-headerSP h2{margin:0;font-size:18px;font-weight:600;color:#333}.close-button{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#f5f5f5;border-radius:50%}.error-alert{background:#fee;border:1px solid #fcc;color:#c00;padding:12px;border-radius:8px;margin-bottom:15px;display:flex;align-items:center;gap:8px;font-size:14px}.success-message{background:#efe;border:1px solid #cfc;color:#060;padding:12px;border-radius:8px;margin-bottom:15px;display:flex;align-items:center;gap:8px;font-size:14px}.post-preview{background:#f8f9fa;border-radius:12px;padding:15px;margin-bottom:25px}.preview-content{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.preview-imageSP{width:50px;height:50px;border-radius:8px;object-fit:cover;flex-shrink:0}.preview-text{flex:1}.preview-text strong{color:#333;font-weight:600;display:block;margin-bottom:4px}.preview-text p{color:#666;font-size:14px;margin:0;line-height:1.4}.share-section{margin-bottom:30px}.share-section h3{font-size:16px;font-weight:600;color:#333;margin:0 0 15px}.social-share-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.social-button{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid #e0e0e0;border-radius:10px;background:#fff;color:#333;font-size:14px;cursor:pointer;transition:all .2s ease}.social-button:hover{background:#f5f5f5;transform:translateY(-1px)}.social-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.social-button.facebook:hover{background:#1877f2;color:#fff;border-color:#1877f2}.social-button.whatsapp:hover{background:#25d366;color:#fff;border-color:#25d366}.social-button.email:hover{background:#ea4335;color:#fff;border-color:#ea4335}.social-button.link:hover{background:#666;color:#fff;border-color:#666}.followers-section h3{font-size:16px;font-weight:600;color:#333;margin:0 0 15px}.search-container{position:relative;margin-bottom:15px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#666}.search-input{width:100%;padding:12px 12px 12px 40px;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;background:#f8f9fa;box-sizing:border-box}.search-input:focus{outline:none;border-color:#007bff;background:#fff}.users-list{max-height:200px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:10px;background:#fff}.loading-state,.empty-state{padding:20px;text-align:center;color:#666;font-size:14px}.user-item{display:flex;align-items:center;gap:12px;padding:12px 15px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid #f0f0f0}.user-item:last-child{border-bottom:none}.user-item:hover{background:#f8f9fa}.user-item.selected{background:#e3f2fd;border-color:#2196f3}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-infoSP{flex:1;display:flex;flex-direction:column}.user-name{font-weight:600;color:#333;font-size:14px}.user-fullname{color:#666;font-size:12px}.select-indicator{color:#2196f3;flex-shrink:0}.modal-footer{display:flex;gap:12px;padding-top:20px;border-top:1px solid #f0f0f0}.cancel-button,.submit-button{flex:1;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-button{background:#f8f9fa;border:1px solid #e0e0e0;color:#666}.cancel-button:hover{background:#e9ecef}.submit-button{background:#007bff;border:1px solid #007bff;color:#fff}.submit-button:hover:not(:disabled){background:#0056b3;border-color:#0056b3}.modal-overlayS{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:50;display:flex;justify-content:center;align-items:flex-end;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-backdropS{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080}.modal-containerS{position:fixed;bottom:58px;left:0;right:0;width:100%;max-width:500px;margin:0 auto}.modal-contentS{position:relative;width:100%;background:#fff;border-radius:40px 40px 0 0;padding:24px;transform:translateY(0);transition:transform .3s ease-out;touch-action:none;max-height:91vh;overflow-y:auto;will-change:transform}.modal-contentS.dragging{transition:none}.modal-contentS.closing{transform:translateY(100%)}.modal-contentS::-webkit-scrollbar{display:none}.modal-contentS{-ms-overflow-style:none;scrollbar-width:none}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.close-buttons{position:absolute;bottom:29em;left:157px;background:none;border:none;color:#67676d;cursor:pointer;font-size:20px}.modal-headerSM{margin-bottom:16px;display:flex;flex-direction:column;align-content:center;align-items:center}.creator-info{margin-bottom:16px;display:flex;flex-direction:column;align-content:center;align-items:center;color:#111827}.creator-info h2{color:#111827}.modal-title{font-size:1.25rem;font-weight:600;color:#111827}.subscription-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.subscription-option{display:flex;align-items:center;padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s}.subscription-option:hover{border-color:#144033}.subscription-option.selected{border-color:#144033;background-color:#f3f4f6}.option-radio{width:1.25rem;height:1.25rem;border:2px solid #144033;border-radius:50%;margin-right:1rem;display:flex;align-items:center;justify-content:center}.radio-inner{width:.75rem;height:.75rem;border-radius:50%;background-color:#144033;opacity:0;transition:opacity .2s}.subscription-option.selected .radio-inner{opacity:1}.option-details{display:flex;flex-direction:column;flex:1}.option-duration{font-weight:500;color:#111827}.option-price{font-weight:600;color:#144033;font-size:1.125rem}.price-period{font-size:.875rem;color:#6b7280;font-weight:400;margin-left:.25rem}.modal-description{margin-bottom:1.5rem}.description-text{font-size:.875rem;color:#4b5563;text-align:center;margin-bottom:1rem}.benefits-list{list-style:none;padding:0;margin:0}.benefits-list li{display:flex;align-items:center;font-size:.875rem;color:#4b5563;margin-bottom:.75rem}.benefits-list li:before{content:"•";margin-right:.5rem}.button-container{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;flex-direction:column-reverse}.button{flex:1;padding:.5rem 1rem;border-radius:9999px;font-weight:500;transition:background-color .2s;border:none;cursor:pointer}.cancel-buttonS{background-color:#f3f4f6;color:#111827}.cancel-buttonS:hover{background-color:#e5e7eb}.confirm-buttonS{background-color:#fdbc2e;color:#fff}.confirm-buttonS:hover{background-color:#fdbc2e}.pmd-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;display:flex;align-items:flex-end;animation:pmdFadeIn .3s ease-out}@keyframes pmdFadeIn{0%{opacity:0}to{opacity:1}}.pmd-container{width:100%;max-width:100%;background:#fff;border-radius:20px 20px 0 0;padding:8px 0 20px;transform:translateY(100%);transition:transform .3s ease-out;box-shadow:0 -4px 20px #00000026}.pmd-container.pmd-open{transform:translateY(0)}.pmd-handle{display:flex;justify-content:center;padding:8px 0 16px}.pmd-handle-bar{width:40px;height:4px;background-color:#ddd;border-radius:2px}.pmd-content{padding:0 16px}.pmd-list{list-style:none;padding:0;margin:0}.pmd-item{display:flex;align-items:center;gap:12px;padding:16px 20px;font-size:16px;font-weight:500;color:#333;cursor:pointer;border-radius:12px;transition:background-color .2s ease;margin-bottom:4px}.pmd-item:hover{background-color:#f5f5f5}.pmd-item:active{background-color:#e8e8e8}.pmd-icon{font-size:22px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.pmd-text{flex:1}.pmd-item.pmd-item-delete,.pmd-item.pmd-item-delete .pmd-icon{color:#ff3b30}.pmd-item.pmd-item-report,.pmd-item.pmd-item-report .pmd-icon{color:#ff9500}.pmd-item.pmd-item-cancel{justify-content:center;margin-top:12px;border:1px solid #ddd;color:#666;font-weight:600}.pmd-item.pmd-item-cancel .pmd-icon{color:#666}.pmd-item.pmd-item-cancel:hover{background-color:#f9f9f9}@media (prefers-color-scheme: dark){.pmd-container{background:#1c1c1e;box-shadow:0 -4px 20px #00000080}.pmd-handle-bar{background-color:#48484a}.pmd-item{color:#fff}.pmd-item:hover{background-color:#2c2c2e}.pmd-item:active{background-color:#3a3a3c}.pmd-item.pmd-item-cancel{color:#fff;border-color:#48484a}.pmd-item.pmd-item-cancel .pmd-icon{color:#fff}.pmd-item.pmd-item-cancel:hover{background-color:#2c2c2e}}@media (min-width: 768px){.pmd-container{max-width:500px;margin:0 auto 20px;border-radius:20px}.pmd-overlay{align-items:flex-end;padding-bottom:20px}}.prm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:10000;animation:prm-fade-in .3s ease-out}@keyframes prm-fade-in{0%{opacity:0}to{opacity:1}}.prm-drawer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 -4px 20px #0003;transform:translateY(100%);transition:transform .3s ease-out}.prm-drawer-open{transform:translateY(0)}.prm-handle{padding:12px 0 8px;display:flex;justify-content:center;cursor:pointer}.prm-handle-bar{width:40px;height:4px;background-color:#ddd;border-radius:2px}.prm-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 16px;border-bottom:1px solid #e0e0e0;position:relative}.prm-back-btn,.prm-close-btn{background:none;border:none;padding:8px;cursor:pointer;color:#333;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;z-index:1;width:fit-content}.prm-back-btn:hover,.prm-close-btn:hover{background-color:#f5f5f5}.prm-back-btn:disabled,.prm-close-btn:disabled{opacity:.5;cursor:not-allowed}.prm-title{font-size:18px;font-weight:600;color:#333;margin:0;position:absolute;left:50%;transform:translate(-50%);max-width:60%;text-align:center;line-height:1.3}.prm-content{overflow-y:auto;padding:20px;flex:1}.prm-step{animation:prm-slide-in .3s ease-out}@keyframes prm-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.prm-description{color:#666;font-size:14px;line-height:1.6;margin-bottom:20px}.prm-categories-list{display:flex;flex-direction:column;gap:1px;background-color:#e0e0e0;border-radius:12px;overflow:hidden}.prm-category-item{background:#fff;border:none;border-radius:0;padding:16px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background-color .2s;font-size:15px;text-align:left}.prm-category-item:hover{background-color:#f8f8f8}.prm-category-item:active{background-color:#f0f0f0}.prm-category-icon{min-width:32px;display:flex;align-items:center;justify-content:center;color:#555}.prm-category-label{flex:1;color:#333;font-weight:500}.prm-chevron{color:#999}.prm-summary{background:#f8f8f8;padding:16px;border-radius:12px;margin-bottom:24px}.prm-summary-label{font-size:13px;color:#666;margin:0 0 8px}.prm-summary-category{font-size:15px;color:#333;font-weight:600;margin:0}.prm-textarea-container{margin-bottom:24px}.prm-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.prm-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:120px;transition:border-color .2s;box-sizing:border-box}.prm-textarea:focus{outline:none;border-color:#0095f6}.prm-textarea:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.prm-char-count{text-align:right;font-size:12px;color:#999;margin-top:4px}.prm-warning-box{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px;margin-bottom:16px}.prm-warning-text{font-size:13px;color:#991b1b;font-weight:500;margin:0;line-height:1.5}.prm-submit-btn{width:100%;padding:14px;background:#0095f6;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-bottom:16px}.prm-submit-btn:hover:not(:disabled){background:#0084e3}.prm-submit-btn:active:not(:disabled){background:#07c}.prm-submit-btn:disabled{opacity:.6;cursor:not-allowed}.prm-disclaimer{font-size:12px;color:#999;line-height:1.5;margin:0;text-align:center}.prm-confirmation{text-align:center;padding:20px 0}.prm-check-circle{width:80px;height:80px;background:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#fff;animation:prm-scale-in .4s ease-out}@keyframes prm-scale-in{0%{transform:scale(0)}to{transform:scale(1)}}.prm-confirmation-title{font-size:22px;font-weight:600;color:#333;margin:0 0 12px}.prm-confirmation-text{font-size:15px;color:#666;line-height:1.6;margin-bottom:24px}.prm-info-box{background:#f8f8f8;padding:20px;border-radius:12px;text-align:left;margin-bottom:24px}.prm-info-title{font-size:15px;font-weight:600;color:#333;margin:0 0 12px}.prm-info-list{margin:0;padding-left:20px;list-style:none}.prm-info-list li{font-size:14px;color:#666;line-height:1.8;position:relative}.prm-info-list li:before{content:"•";position:absolute;left:-16px;color:#0095f6;font-weight:700}.prm-done-btn{width:100%;padding:14px;background:#333;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s}.prm-done-btn:hover{background:#555}.prm-done-btn:active{background:#222}.prm-content::-webkit-scrollbar{width:8px}.prm-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.prm-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.prm-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 600px){.prm-drawer{max-height:90vh;border-radius:16px 16px 0 0}.prm-title{font-size:16px;max-width:50%}.prm-content{padding:16px}}@media (min-width: 768px){.prm-overlay{display:flex;align-items:center;justify-content:center;padding:20px}.prm-drawer{position:relative;bottom:auto;left:auto;right:auto;max-width:500px;max-height:80vh;border-radius:16px;transform:translateY(0);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.prm-drawer-open{animation:prm-desktop-slide-in .3s ease-out}@keyframes prm-desktop-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.prm-handle{display:none}}:root{--background-color: white;--text-color: #000;--text-secondary: #6b7280;--border-color: #e5e7eb;--header-bg: white;--card-bg: white;--icon-color: #a1a1a1;--hover-bg: #f3f4f6;--secondary-text: #6b7280;--button-primary2: #FDBC2E;--button-text: white;--button-hover: #e5a819;--interaction-hover: #f3f4f6;--button-secondary1: #0a4103;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--gradient-overlay: linear-gradient(to bottom, rgba(0,0,0,.5) 0%, transparent 100%);--gradient-overlay-reverse: linear-gradient(to top, rgba(0,0,0,.5) 0%, transparent 100%);--transition-fast: .2s ease;--transition-normal: .3s ease;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px}[data-theme=dark]{--background-color: #121212;--text-color: #ffffff;--text-secondary: #a1a1a1;--border-color: #2d2d2d;--header-bg: #1a1a1a;--card-bg: #1a1a1a;--icon-color: #d1d1d1;--hover-bg: #2d2d2d;--secondary-text: #a1a1a1;--button-primary: #FDBC2E;--button-hover: #ffd15f;--interaction-hover: #2d2d2d;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--gradient-overlay: linear-gradient(to bottom, rgba(0,0,0,.7) 0%, transparent 100%);--gradient-overlay-reverse: linear-gradient(to top, rgba(0,0,0,.7) 0%, transparent 100%)}.post-container{max-width:32rem;margin:0 auto;background-color:var(--background-color);min-height:100vh;bottom:50px;transition:background-color var(--transition-normal)}.profile-section{display:flex;align-items:center;gap:var(--spacing-md);position:relative}.profile-column{position:relative;display:flex;align-items:center;justify-content:center}.dot{margin-top:var(--spacing-md);padding:0;font-size:15px;position:absolute;bottom:3px;right:7px}.profile-picture{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);object-fit:cover;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.follow-button-icon-PC{position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;border-radius:var(--radius-full);background-color:var(--button-primary2);border:2px solid var(--background-color);color:#fff;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:all var(--transition-fast);transition:all .2s ease;opacity:1;visibility:visible;font-size:10px}.nav-item-create-button{background-color:transparent}.post-card{position:relative;background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-md);transition:background-color var(--transition-normal)}.user-infoP{position:relative;margin-right:2px;margin-bottom:2px}.profile-sectionRP{display:flex;align-items:stretch;gap:10px;flex-direction:row}.profile-picture{width:2.5rem;height:2.5rem;border-radius:9999px;object-fit:cover;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.username-timePC{display:flex;flex-direction:column;gap:0;margin-right:63px;align-items:center}.user-info h3{font-size:16px;font-weight:700;color:var(--text-color);margin-bottom:-2px;margin-right:auto}.username-timePC{display:flex;color:var(--text-color);flex-direction:column;gap:0;align-items:flex-start;text-align:left}.usernamePC{font-weight:600;margin-top:7px;margin-right:auto;color:var(--text-color);font-size:13px;position:absolute}.time-postedPC{display:flex;color:var(--text-secondary);font-size:12px;margin-right:-21px;position:absolute;margin-top:29px;text-align:left}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.back-button{cursor:pointer;margin-right:var(--spacing-md);width:24px;height:24px}.subscribe-button2{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--hover-bg);border-radius:var(--radius-full);border:none;font-size:.875rem;font-weight:500;cursor:pointer;color:var(--text-color);transition:background-color var(--transition-fast)}.subscribe-button{margin-left:2px}.options-buttonPC{padding:var(--spacing-sm);border-radius:var(--radius-full);border:none;background:transparent;cursor:pointer;color:var(--icon-color);transition:background-color var(--transition-fast)}.options-buttonPC:hover{background-color:var(--hover-bg)}.dot{font-size:15px;position:absolute;bottom:3px;right:7px}.post-image-container{width:100%;position:relative;background-color:var(--background-color);-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.carousel-container{width:100%;scrollbar-width:none;-ms-overflow-style:none}.media-content{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:13px;object-fit:cover;background-color:#000;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.carousel-item{flex-shrink:0;scroll-snap-align:start}.post-media{width:100%;height:100%;object-fit:cover;border-radius:13px;display:block;max-height:600px;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.media-navigation{position:absolute;bottom:var(--spacing-md);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-md);z-index:2}.image-counter{background:#00000080;color:var(--button-text);padding:4px 8px;border-radius:var(--radius-lg);font-size:12px;margin-bottom:29em;margin-left:auto}.like-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;animation:likeAnimation 1s ease-out;pointer-events:none}.heart-icon{font-size:80px;color:#fff;filter:drop-shadow(0 0 10px rgba(0,0,0,.5))}@keyframes likeAnimation{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}30%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.interaction-buttons{display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);align-items:center}.left-interactions{display:flex;gap:var(--spacing-md)}.right-interactions{display:flex}.icon-button svg{width:1.5rem;height:1.5rem;color:var(--icon-color)}.dot1{margin-top:0;align-items:center}.dot .user-infoP{margin-right:2px;margin-bottom:2px}.icon-button span{margin-left:var(--spacing-xs);font-size:.875rem;color:var(--text-color)}.icon-button{padding:var(--spacing-xs);border-radius:var(--radius-full);border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast)}.icon{width:1.5rem;height:1.5rem;color:var(--icon-color)}.post-caption{padding-bottom:48px;font-size:.95em;color:var(--text-color)}.caption-username{font-weight:600;margin-right:var(--spacing-sm);color:var(--text-color)}.posts-section{margin-top:60px;border-top:1px solid var(--border-color);scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.posts-section::-webkit-scrollbar{width:6px}.posts-section::-webkit-scrollbar-track{background:transparent}.posts-section::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.posts-section::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.close-buttonC{background-color:transparent;font-size:2em;color:var(--text-color)}.profile-section{display:flex;align-items:flex-start;gap:10px;justify-content:flex-start;flex-direction:row}.options-menurPC{background:none;border:none;font-size:20px;cursor:pointer;padding:5px 10px;color:var(--text-color)}.options-buttonRP{background:none;width:fit-content;border:none;font-size:1.5rem;cursor:pointer;color:var(--icon-color)}.columnC{display:flex;flex-direction:column;align-items:center}.Back-C{margin:0}.donation-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--card-bg);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000}.donation-content{display:flex;flex-direction:column;align-items:center}.donation-input{margin:var(--spacing-sm) 0;padding:var(--spacing-md);width:200px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--background-color);color:var(--text-color)}.popup-actions{display:flex;justify-content:space-between;width:100%}.submit-donation{background-color:var(--button-primary);color:var(--button-text);padding:var(--spacing-md) var(--spacing-lg);border:none;cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.cancel-donation{background-color:#f44336;color:var(--button-text);padding:var(--spacing-md) var(--spacing-lg);border:none;cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.post-caption-PC{font-size:.95em;padding:13px;color:var(--text-color)}.profile-sectionPC{display:flex;align-items:flex-start;gap:10px;justify-content:flex-start;flex-wrap:nowrap;flex-direction:row}.options-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--icon-color)}.dropdown-menu-home{position:absolute;top:100%;right:0;background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-md);z-index:100;width:150px;padding:var(--spacing-md);border-radius:var(--radius-md)}.dropdown-menu-home ul{list-style-type:none;padding:0;margin:0}.dropdown-menu-home ul li{padding:var(--spacing-md);cursor:pointer;color:var(--text-color)}.dropdown-menu-home ul li:hover{background-color:var(--hover-bg)}.options-button{margin-left:auto;margin-right:var(--spacing-md)}.reel-post{border-bottom:1px solid var(--border-color);background-color:#000}.dropdown-menu-homeR{position:absolute;top:100%;right:0;background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-md);z-index:100;width:150px;padding:var(--spacing-md);border-radius:var(--radius-md)}.dropdown-menu-homeR ul li{padding:var(--spacing-md);cursor:pointer;list-style:none;color:var(--text-color)}.user-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.action-button-2,.action-button-3{background:transparent;border:none;color:#fff;cursor:pointer;font-size:1.5rem}.follow-button{background:transparent;border:1px solid white;color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer;margin-left:auto}.reel-interactions{position:absolute;right:1rem;bottom:3rem;display:flex;flex-direction:column;gap:0px;z-index:5}.reel-action-button-home{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);background:transparent;border:none;color:var(--button-text);cursor:pointer;font-size:25px}.reel-action-button-home .icon{width:1.75rem;height:1.75rem;stroke:var(--button-text)}.botton-items{display:flex;flex-direction:row-reverse;margin-right:var(--spacing-lg)}.vn-button{margin-left:33px;margin-bottom:33px;position:absolute}.icon-button2{font-size:30px;position:absolute;bottom:5px;right:1px;border:var(--button-primary) 5px solid;border-radius:var(--radius-full);padding:var(--spacing-md)}.interaction-count{font-size:.75rem;color:var(--button-text)}.icon-button-reel{background-color:transparent;font-size:25px}.bottom-reel-btns{display:flex;flex-direction:row}.record-btn{margin:0}.r-captions{margin-right:50px;position:relative}.reel-caption{position:absolute;bottom:13px;left:0;right:0;padding:var(--spacing-md);background:var(--gradient-overlay-reverse);color:var(--button-text);z-index:2}.liked-by{font-size:.75rem;opacity:.9;margin-top:var(--spacing-sm)}.reel-header .options-button{background:transparent;border:none;padding:.5rem;cursor:pointer;width:35px}.comment-section{margin-top:var(--spacing-md)}.drawer{position:fixed;border-radius:var(--radius-md) var(--radius-md) 0 0;bottom:0;right:0;width:100%;height:50vh;background-color:var(--card-bg);border-top:1px solid var(--border-color);z-index:1000;overflow-y:auto;box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}@media (min-width: 768px){.drawer{width:50%;height:100vh;right:0;top:0;border-left:1px solid var(--border-color);border-top:none}}.post-media{width:100%;height:auto;object-fit:cover;max-height:600px}.media-navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 10px;pointer-events:none}.nav-button{background:#00000080;color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:background-color .2s}.nav-button:hover{background:#000000b3}.target-post{scroll-margin-top:80px}.highlight-post{animation:highlightPost 2s ease-out}@keyframes highlightPost{0%{background-color:#007bff1a;transform:scale(1.02)}to{background-color:transparent;transform:scale(1)}}.post-wrapper{transition:all .3s ease-out}.simple-social-likes{display:flex;align-items:center;padding:8px 16px;gap:8px}.social-avatars{display:flex;align-items:center}.mini-avatar{width:20px;height:20px;border-radius:50%;border:2px solid white;object-fit:cover;cursor:pointer;transition:transform .2s ease;position:relative}.mini-avatar:hover{transform:scale(1.1);z-index:10!important}.social-likes-text{font-size:13px;color:#65676b;font-weight:400;line-height:1.3}.social-likes-text:hover{color:#050505;cursor:pointer}@media (max-width: 480px){.simple-social-likes{padding:6px 12px}.mini-avatar{width:18px;height:18px}.social-likes-text{font-size:12px}}.rrm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:10000;animation:rrm-fade-in .3s ease-out}@keyframes rrm-fade-in{0%{opacity:0}to{opacity:1}}.rrm-drawer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 -4px 20px #0003;transform:translateY(100%);transition:transform .3s ease-out}.rrm-drawer-open{transform:translateY(0)}.rrm-handle{padding:12px 0 8px;display:flex;justify-content:center;cursor:pointer}.rrm-handle-bar{width:40px;height:4px;background-color:#ddd;border-radius:2px}.rrm-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 16px;border-bottom:1px solid #e0e0e0;position:relative}.rrm-back-btn,.rrm-close-btn{background:none;border:none;padding:8px;cursor:pointer;color:#333;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;z-index:1;width:fit-content}.rrm-back-btn:hover,.rrm-close-btn:hover{background-color:#f5f5f5}.rrm-title{font-size:18px;font-weight:600;color:#333;margin:0;position:absolute;left:50%;transform:translate(-50%);max-width:60%;text-align:center;line-height:1.3}.rrm-content{overflow-y:auto;padding:20px;flex:1}.rrm-step{animation:rrm-slide-in .3s ease-out}@keyframes rrm-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.rrm-description{color:#666;font-size:14px;line-height:1.6;margin-bottom:20px}.rrm-categories-list{display:flex;flex-direction:column;gap:1px;background-color:#e0e0e0;border-radius:12px;overflow:hidden}.rrm-category-item{background:#fff;border:none;border-radius:0;padding:16px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background-color .2s;font-size:15px;text-align:left}.rrm-category-item:hover{background-color:#f8f8f8}.rrm-category-item:active{background-color:#f0f0f0}.rrm-category-icon{min-width:32px;display:flex;align-items:center;justify-content:center;color:#555}.rrm-category-label{flex:1;color:#333;font-weight:500}.rrm-chevron{color:#999}.rrm-summary{background:#f8f8f8;padding:16px;border-radius:12px;margin-bottom:24px}.rrm-summary-label{font-size:13px;color:#666;margin:0 0 8px}.rrm-summary-category{font-size:15px;color:#333;font-weight:600;margin:0}.rrm-textarea-container{margin-bottom:24px}.rrm-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.rrm-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:120px;transition:border-color .2s;box-sizing:border-box}.rrm-textarea:focus{outline:none;border-color:#0095f6}.rrm-char-count{text-align:right;font-size:12px;color:#999;margin-top:4px}.rrm-submit-btn{width:100%;padding:14px;background:#0095f6;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s}.rrm-submit-btn:hover:not(:disabled){background:#0084e3}.rrm-submit-btn:active:not(:disabled){background:#07c}.rrm-submit-btn:disabled{opacity:.6;cursor:not-allowed}.rrm-disclaimer{font-size:12px;color:#999;line-height:1.5;margin-top:16px;text-align:center}.rrm-confirmation{text-align:center;padding:20px 0}.rrm-check-circle{width:80px;height:80px;background:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#fff;animation:rrm-scale-in .4s ease-out}@keyframes rrm-scale-in{0%{transform:scale(0)}to{transform:scale(1)}}.rrm-confirmation-title{font-size:22px;font-weight:600;color:#333;margin:0 0 12px}.rrm-confirmation-text{font-size:15px;color:#666;line-height:1.6;margin-bottom:24px}.rrm-info-box{background:#f8f8f8;padding:20px;border-radius:12px;text-align:left;margin-bottom:24px}.rrm-info-title{font-size:15px;font-weight:600;color:#333;margin:0 0 12px}.rrm-info-list{margin:0;padding-left:20px;list-style:none}.rrm-info-list li{font-size:14px;color:#666;line-height:1.8;position:relative}.rrm-info-list li:before{content:"•";position:absolute;left:-16px;color:#0095f6;font-weight:700}.rrm-done-btn{width:100%;padding:14px;background:#333;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s}.rrm-done-btn:hover{background:#555}.rrm-done-btn:active{background:#222}@media (max-width: 600px){.rrm-drawer{max-height:90vh;border-radius:16px 16px 0 0}.rrm-title{font-size:16px;max-width:50%}}.social-likes-container{display:flex;align-items:center;gap:8px;margin:8px 0;padding:0 16px;min-height:24px}.social-likes-avatars{display:flex;position:relative;flex-shrink:0}.social-likes-avatar{position:relative;width:20px;height:20px;border:none;background:none;padding:0;margin-right:-6px;cursor:pointer;transition:transform .2s ease,z-index .2s ease}.social-likes-avatar:hover{transform:scale(1.1);z-index:10!important}.social-likes-avatar:last-child{margin-right:0}.social-likes-avatar-img{width:100%;height:100%;border-radius:50%;border:1px solid #ffffff;object-fit:cover;background-color:#f0f0f0}.connection-indicator{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;border:1px solid #ffffff}.connection-indicator.mutual{background-color:#4caf50}.connection-indicator.following{background-color:#2196f3}.connection-indicator.follower{background-color:#ff9800}.social-likes-text-container{flex:1;min-width:0;margin-left:4px}.social-likes-text{font-size:13px;color:#262626;line-height:1.4}.social-likes-username,.social-likes-others{background:none;border:none;padding:0;font-size:inherit;font-weight:600;color:#262626;cursor:pointer;text-decoration:none;transition:opacity .2s ease}.social-likes-username:hover,.social-likes-others:hover{opacity:.7}.social-likes-others{color:#8e8e8e;font-weight:400}.social-likes-text-container{display:flex;align-items:flex-start}@media (prefers-color-scheme: dark){.social-likes-text,.social-likes-username{color:#f5f5f5}.social-likes-others{color:#a8a8a8}.social-likes-avatar-img,.connection-indicator{border-color:#262626}}@media (max-width: 768px){.social-likes-container{padding:0 12px;gap:6px}.social-likes-avatar{width:18px;height:18px;margin-right:-5px}.connection-indicator{width:6px;height:6px}.social-likes-text{font-size:12px}.reel-post .social-likes-container{padding:4px 8px;margin:2px 0}}.post-card.reel-post{position:relative;width:100%;aspect-ratio:9/16;background-color:#000;overflow:hidden;margin-bottom:16px;border-radius:12px}.reel-container{position:relative;width:100%;height:100%}.video-wrapper{width:100%;height:100%;position:relative;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.reel-video{width:100%;height:100%;object-fit:cover;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.options-buttonRC{background-color:none}.reel-header-RP{position:absolute;top:0;left:0;right:0;padding:16px;display:flex;align-items:center;justify-content:space-between;z-index:3}.profile-sectionRP{display:flex;align-items:center;gap:12px}.profile-picture{width:40px;height:40px;border-radius:50%;border:2px solid white;object-fit:cover}.profile-picture.loading{opacity:.7}.username-info{display:flex;flex-direction:column;gap:4px}.username-reel-home{color:#fff;font-weight:600;font-size:16px;display:flex;align-items:center;gap:144px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.username-reel-post{position:absolute}.follow-button-RP{background:transparent;border:1px solid white;color:#fff;padding:4px 12px;border-radius:16px;margin-left:16em;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.follow-button-RP.following{background:#fff;color:#000}.follow-button-RP:hover{background:#fff3}.audio-info{display:flex;align-items:center;gap:4px;color:#ffffffe6;font-size:14px}.music-note{font-size:16px}.reel-interactions-RP{position:absolute;right:3px;bottom:13em;display:flex;flex-direction:column;gap:2px;z-index:4}.reel-action-button-home{background:transparent;border:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:8px;font-size:24px;transition:transform .2s ease}.reel-action-button-home:hover{transform:scale(1.1)}.interaction-count{font-size:14px;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.icon-button{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;transition:transform .2s ease}.icon-button:hover{transform:scale(1.1)}.reel-caption-RP{position:absolute;bottom:10em;left:-10px;right:0;padding:16px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:3}.caption-text{margin:0 0 3em;font-size:14px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;cursor:pointer}.caption-text.expanded{-webkit-line-clamp:unset}.caption-text strong{font-weight:600}.comments-link{color:#ffffffb3;font-size:14px;margin:0;cursor:pointer}.like-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;animation:heartBurst .8s ease-out forwards}.video-end-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10}.dotRP{font-size:15px;position:absolute;bottom:-16px;right:7px}.overlay-buttons{display:flex;flex-direction:column-reverse;gap:16px}.replay-button-RP,.view-in-reels-button-RP{padding:12px 24px;border-radius:20px;border:none;font-weight:600;cursor:pointer;transition:transform .2s ease}.replay-button-RP{background:transparent;color:#fff}.view-in-reels-button-RP{background:#fff;color:#000}.replay-button-RP:hover,.view-in-reels-button-RP:hover{transform:scale(1.05)}.reel-caption-RP .social-likes-container{margin-bottom:8px;padding:0}.reel-caption-RP .social-likes-text{font-size:13px;color:#fffc}.reel-caption-RP .social-likes-username{color:#fff!important;font-weight:600}@media screen and (max-width: 375px){.reel-interactions-RP{position:absolute;right:8px;bottom:184px}.reel-caption-RP{position:absolute;bottom:62px;left:16px;right:70px;padding:0}}@media screen and (min-width: 376px) and (max-width: 480px){.reel-interactions-RP{position:absolute;right:8px;bottom:276px}.reel-caption-RP{position:absolute;bottom:188px;left:16px;right:70px;padding:0}}@media screen and (min-width: 481px) and (max-width: 767px){.reel-interactions-RP{position:absolute;right:12px;bottom:160px}.reel-caption-RP{position:absolute;bottom:160px;left:16px;right:80px;padding:0}}@media screen and (min-width: 768px) and (max-width: 1024px){.reel-interactions-RP{position:absolute;right:16px;bottom:180px}.reel-caption-RP{position:absolute;bottom:180px;left:24px;right:90px;padding:0}}@media screen and (min-width: 1025px){.reel-interactions-RP{position:absolute;right:24px;bottom:200px}.reel-caption-RP{position:absolute;bottom:200px;left:24px;right:100px;padding:0}}.post-container{max-width:32rem;margin:0 auto;background-color:#fff;min-height:100vh;font-family:Roboto,sans-serif}.main-header-E{display:flex;justify-content:center;padding:-0rem 1rem;background-color:#fff;position:fixed;font-size:13px;top:0;left:50%;height:44px;transform:translate(-50%);z-index:19;width:100%;max-width:35rem;transition:transform .3s ease;align-items:center;flex-direction:row;align-content:flex-end;padding:0;justify-content:space-between}.back-button-E{padding:.5rem;border-radius:9999px;border:none;background:transparent;cursor:pointer;width:30px}.back-button-E:hover{background-color:#f3f4f6}.header-spacer{width:2rem}.post-card{border-bottom:1px solid #e5e7eb;padding-bottom:1rem}.post-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}.profile-picture{width:2.5rem;height:2.5rem;border-radius:9999px;object-fit:cover}.username-time{display:flex;align-items:center;gap:.5rem}.username{font-weight:600}.time-posted{color:#6b7280;font-size:.875rem}.header-actions{display:flex;align-items:center;gap:.5rem}.subscribe-button{padding:.25rem 1rem;background-color:#f3f4f6;border-radius:9999px;border:none;font-size:.875rem;font-weight:500;cursor:pointer}.subscribe-button:hover{background-color:#e5e7eb}.options-button{padding:.5rem;border-radius:9999px;border:none;background:transparent;cursor:pointer}.options-button:hover{background-color:#f3f4f6}.post-image-container{width:100%}.post-image{width:100%;max-height:500px;object-fit:cover}.interaction-buttons{display:flex;gap:1rem;padding:.75rem 1rem}.icon-button{padding:.5rem;border-radius:9999px;border:none;background:transparent;cursor:pointer}.icon-button:hover{background-color:#f3f4f6}.icon{width:1.5rem;height:1.5rem}.post-caption{padding:0 1rem}.posts-section{border-top:1px solid #e5e7eb}.reel-post{border-bottom:1px solid #e5e7eb;background-color:#000}.reel-container{width:100%;aspect-ratio:9/16;position:relative;background-color:#000;overflow:hidden}.reel-overlay{position:absolute;top:0;left:0;right:0;padding:1rem;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,transparent 100%);z-index:2}.reel-header{display:flex;justify-content:space-between;align-items:center;color:#fff}.profile-section{display:flex;align-items:center;gap:.75rem}.audio-info{font-size:.8rem;opacity:.9;display:flex;align-items:center;gap:.25rem}.music-note{font-size:1rem}.reel-interactions{position:absolute;right:3px;bottom:38px;display:flex;flex-direction:column;gap:2px;z-index:3}.reel-action-button{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:transparent;border:none;color:#fff;cursor:pointer}.reel-action-button .icon{width:1.75rem;height:1.75rem;stroke:#fff}.reel-caption{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 100%);color:#fff;z-index:2}.caption-username{font-weight:600;margin-right:.5rem}.liked-by{font-size:.75rem;opacity:.9;margin-top:.5rem}.reel-header .options-button{background:transparent;border:none;padding:.5rem;cursor:pointer}.reel-header .options-button svg{stroke:#fff}.search-container{position:relative;width:100%;max-width:600px;margin:0 auto 20px}.search-bar{width:100%;padding:10px;position:relative}.search-bar input{width:100%;padding:12px 20px 12px 44px;border:1px solid #ddd;border-radius:24px;font-size:16px;outline:none}.search-icon{position:absolute;left:24px;top:50%;transform:translateY(-50%);color:#8e8e8e}.clear-input{position:absolute;right:24px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;color:#8e8e8e}.search-filters{display:flex;gap:8px;padding:0 10px;margin-bottom:12px}.filter-button{display:flex;align-items:center;gap:4px;padding:8px 16px;border:1px solid #ddd;border-radius:20px;background:#fff;cursor:pointer;transition:all .2s}.filter-button.active{background:#0095f6;color:#fff;border-color:#0095f6}.filter-button:hover{background:#f8f8f8}.filter-button.active:hover{background:#0095f6}.recent-searches-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #efefef}.recent-searches-header h3{margin:0;font-size:16px;font-weight:600}.clear-button{background:none;border:none;color:#0095f6;font-weight:600;cursor:pointer;padding:4px 8px}.search-result-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:background-color .2s}.search-result-content{display:flex;align-items:center;flex:1}.search-result-item:hover{background-color:#f5f5f5}.search-result-avatar{width:40px;height:40px;border-radius:50%;margin-right:12px;object-fit:cover}.search-result-info{flex:1}.search-result-username{font-weight:600;color:#262626}.search-result-name{font-size:14px;color:#8e8e8e}.remove-search{background:none;border:none;padding:4px;color:#8e8e8e;cursor:pointer;opacity:0;transition:opacity .2s}.search-result-item:hover .remove-search{opacity:1}.no-results{padding:16px;text-align:center;color:#8e8e8e}.premium-likes-container{width:100%!important;max-width:100%!important;margin:0!important;padding:12px 0!important;box-sizing:border-box!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;background:transparent!important;border:none!important;outline:none!important;display:flex!important;flex-direction:column!important;gap:8px!important;position:relative!important;z-index:1!important}.premium-likes-container .premium-activity-section{width:100%!important;display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;padding:0!important;border:none!important;background:transparent!important;box-sizing:border-box!important;position:relative!important}.premium-likes-container .premium-likes-avatars,.premium-likes-container .premium-unlocked-avatars{display:flex!important;align-items:center!important;margin:0!important;padding:0!important;border:none!important;background:transparent!important;position:relative!important;flex-shrink:0!important}.premium-likes-container .premium-likes-avatar,.premium-likes-container .premium-unlocked-avatar{width:28px!important;height:28px!important;border-radius:50%!important;border:2px solid #ffffff!important;background:#f0f0f0!important;margin:0 0 0 -8px!important;padding:0!important;cursor:pointer!important;transition:transform .2s ease!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;box-shadow:0 1px 3px #0000001f!important}.premium-likes-container .premium-likes-avatar:first-child,.premium-likes-container .premium-unlocked-avatar:first-child{margin-left:0!important}.premium-likes-container .premium-likes-avatar:hover,.premium-likes-container .premium-unlocked-avatar:hover{transform:scale(1.1)!important;z-index:10!important;border-color:#007bff!important}.premium-likes-container .premium-likes-avatar:focus,.premium-likes-container .premium-unlocked-avatar:focus{outline:2px solid #007bff!important;outline-offset:2px!important}.premium-likes-container .premium-likes-avatar-img,.premium-likes-container .premium-unlocked-avatar-img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block!important;margin:0!important;padding:0!important;border:none!important;background:#f8f9fa!important}.premium-likes-container .premium-unlocked-avatar .unlock-indicator{position:absolute!important;bottom:-2px!important;right:-2px!important;width:14px!important;height:14px!important;background:#fff!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:8px!important;border:1px solid #e1e5e9!important;box-shadow:0 1px 2px #0000001a!important;z-index:2!important}.premium-likes-container .premium-likes-text-container,.premium-likes-container .premium-unlocked-text-container{flex:1!important;margin:0!important;padding:0!important;border:none!important;background:transparent!important;min-width:0!important}.premium-likes-container .premium-likes-text,.premium-likes-container .premium-unlocked-text{font-size:12.6px!important;line-height:1.4!important;color:#262626!important;margin:0!important;padding:0!important;border:none!important;background:transparent!important;font-weight:400!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.premium-likes-container .premium-likes-username,.premium-likes-container .premium-unlocked-username{font-size:12.6px!important;font-weight:600!important;color:#262626!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important;cursor:pointer!important;text-decoration:none!important;font-family:inherit!important;line-height:inherit!important;display:inline!important;transition:color .2s ease!important}.premium-likes-container .premium-likes-username:hover,.premium-likes-container .premium-unlocked-username:hover{color:#007bff!important;text-decoration:underline!important}.premium-likes-container .premium-likes-username:focus,.premium-likes-container .premium-unlocked-username:focus{outline:1px solid #007bff!important;outline-offset:1px!important}.premium-likes-container .premium-likes-others,.premium-likes-container .premium-unlocked-others{font-size:9px!important;font-weight:400!important;color:#8e8e8e!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important;cursor:pointer!important;text-decoration:none!important;font-family:inherit!important;line-height:inherit!important;display:inline!important;transition:color .2s ease!important}.premium-likes-container .premium-likes-others:hover,.premium-likes-container .premium-unlocked-others:hover{color:#262626!important;text-decoration:underline!important}.premium-likes-container .premium-likes-others:focus,.premium-likes-container .premium-unlocked-others:focus{outline:1px solid #007bff!important;outline-offset:1px!important}@media (max-width: 480px){.premium-likes-container .premium-likes-avatar,.premium-likes-container .premium-unlocked-avatar{width:24px!important;height:24px!important;margin-left:-6px!important}.premium-likes-container .premium-likes-avatar:first-child,.premium-likes-container .premium-unlocked-avatar:first-child{margin-left:0!important}.premium-likes-container .premium-unlocked-avatar .unlock-indicator{width:12px!important;height:12px!important;font-size:7px!important}.premium-likes-container .premium-likes-text,.premium-likes-container .premium-unlocked-text,.premium-likes-container .premium-likes-username,.premium-likes-container .premium-unlocked-username,.premium-likes-container .premium-likes-others,.premium-likes-container .premium-unlocked-others{font-size:11.7px!important}.premium-likes-container .premium-activity-section{gap:10px!important}}@media (prefers-color-scheme: dark){.premium-likes-container .premium-likes-text,.premium-likes-container .premium-unlocked-text,.premium-likes-container .premium-likes-username,.premium-likes-container .premium-unlocked-username{color:#fff!important}.premium-likes-container .premium-likes-others,.premium-likes-container .premium-unlocked-others{color:#a8a8a8!important}.premium-likes-container .premium-likes-others:hover,.premium-likes-container .premium-unlocked-others:hover{color:#fff!important}.premium-likes-container .premium-likes-avatar,.premium-likes-container .premium-unlocked-avatar{border-color:#333!important}.premium-likes-container .premium-unlocked-avatar .unlock-indicator{background:#333!important;border-color:#555!important}}@media (prefers-contrast: high){.premium-likes-container .premium-likes-avatar,.premium-likes-container .premium-unlocked-avatar{border-width:3px!important}.premium-likes-container .premium-likes-username:focus,.premium-likes-container .premium-unlocked-username:focus,.premium-likes-container .premium-likes-others:focus,.premium-likes-container .premium-unlocked-others:focus{outline-width:2px!important}}.premium-likes-container *,.premium-likes-container *:before,.premium-likes-container *:after{box-sizing:border-box!important}.premium-likes-container{all:unset!important;width:100%!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:12px 0!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}.premium-likes-container span{font-family:inherit!important;font-size:inherit!important;position:absolute;color:inherit!important;font-weight:inherit!important;text-decoration:none!important;border:none!important;background:transparent!important;display:inline!important;vertical-align:baseline!important;white-space:normal!important}.premium-likes-container .premium-likes-text span,.premium-likes-container .premium-unlocked-text span{display:inline!important;white-space:normal!important}.premium-likes-container .premium-likes-text-container span,.premium-likes-container .premium-unlocked-text-container span{word-spacing:normal!important;letter-spacing:normal!important}.premium-likes-text-container{display:flex;align-items:flex-start;gap:4px;position:relative}.premium-likes-text{font-size:11.7px;color:#262626}.small-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover}.reel-post-UR{width:100%;max-width:600px;margin:20px auto;border:1px solid #ddd;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 2px 8px #0000001a;font-family:Arial,sans-serif}.username-reel-UR{font-weight:600;font-size:.9rem;color:#fff}.reel-interactionsUR{position:absolute;right:-1rem;bottom:12rem;display:flex;flex-direction:column;gap:1px;z-index:5}.reel-captionUR{position:absolute;bottom:72px;left:0;right:0;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 100%);color:#fff;z-index:12}.reel-header-UR{display:flex;justify-content:flex-start;color:var(--button-text);align-content:space-between;flex-wrap:wrap;flex-direction:row}.profile-sectionUR{display:flex;align-items:center;gap:.75rem;position:absolute;z-index:11}.username-info{display:flex;flex-direction:column}.username{font-weight:600;font-size:.9rem}.profile-picture{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:15px;border:2px solid #fdbc2e}.user-info h3{margin:0;font-size:16px;color:#333}.user-info span{font-size:12px;color:#999}.reel-container-UR{position:relative;width:100%;padding-top:177.78%;overflow:hidden}.reel-content-UR{position:absolute;top:0;left:0;width:100%;height:100%}.video-wrapper-UR{position:relative;width:100%;height:100%}.reel-action-button-homeURP{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs);background:transparent;border:none;color:var(--button-text);cursor:pointer;font-size:25px}.reel-overlay-homeUR{position:absolute;top:0;left:0;right:0;padding:var(--spacing-md);background:var(--gradient-overlay);z-index:14}.locked .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000fa;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:10}.locked .unlock-button{background-color:#fdbc2e;color:#fff;border:none;padding:10px 20px;border-radius:25px;font-size:16px;cursor:pointer;transition:background-color .3s;width:14em}.locked .unlock-button:hover{background-color:#e6a817}.overlay{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000000b3}.unlock-icon{font-size:3rem;margin-bottom:15px;color:#fdbc2e}.unlock-button,.confirm-button,.cancel-button{background-color:#fdbc2e;color:#fff;border:none;padding:10px 20px;border-radius:20px;font-size:1rem;cursor:pointer;transition:background-color .3s}.unlock-button:hover,.confirm-button:hover{background-color:#e6a817}.cancel-button{background-color:transparent;border:2px solid white;margin-top:10px}.cancel-button:hover{background-color:#ffffff1a}.price-confirmation p{font-size:18px;margin-bottom:10px}.price-confirmation .confirm-button,.price-confirmation .cancel-button{padding:10px 15px;margin:5px;border-radius:25px;font-size:14px;cursor:pointer}.price-confirmation .confirm-button{background-color:#fdbc2e;color:#fff;border:none}.price-confirmation .cancel-button{background-color:transparent;color:#fff;border:2px solid #fff}.reel-interactionsUR .caption{padding:15px}.caption p{margin:0;font-size:14px;color:#555}.caption strong{font-weight:700;color:#333}.interaction-buttons{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-top:1px solid #f0f0f0}.interaction-buttons button{background:none;border:none;cursor:pointer;display:flex;align-items:center;font-size:14px;color:#555;transition:color .3s}.reel-action-button-home-UR{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);background:transparent;border:none;color:var(--button-text);cursor:pointer;font-size:25px}.interaction-count{font-size:.75rem;color:#fff}.interaction-buttons button:hover{color:#fdbc2e}.interaction-buttons .like-button span,.interaction-buttons .comment-button span{margin-left:5px}.interaction-buttons .mic-button,.interaction-buttons .share-button,.interaction-buttons .donate-button{font-size:20px;color:#555}.interaction-buttons .mic-button:hover,.interaction-buttons .share-button:hover,.interaction-buttons .donate-button:hover{color:#fdbc2e}.drawer h3{text-align:center;color:#6d6d6d}.close-buttonC{background-color:transparent;font-size:2em;padding:0}.comment-input-container{position:fixed;bottom:0;margin-bottom:48px;left:0;right:0;background-color:#fff;border-top:1px solid #e0e0e0;padding:12px 20px}.comment-input-container{position:fixed;bottom:0;margin-bottom:4px;left:0;right:0;background-color:#fff;border-top:1px solid #e0e0e0;padding:12px 20px}.icon-button{padding:var(--spacing-xs);border-radius:var(--radius-full);border:none;background:transparent;cursor:pointer;display:flex;color:#000;align-items:center;justify-content:center;transition:background-color var(--transition-fast)}.icon-button:hover{background-color:var(--hover-bg)}.premium-indicator{margin-left:5px;font-size:.8rem;color:#fdbc2e;vertical-align:super}.premium-tag{position:absolute;top:10px;right:10px;background-color:#fdbc2ecc;color:#fff;padding:5px 10px;border-radius:15px;font-size:.8rem;font-weight:700}video::-webkit-media-controls{display:flex;justify-content:flex-end;align-items:flex-end;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%)}video::-webkit-media-controls-enclosure{width:100%;max-width:none}video::-internal-media-controls-download-button{display:none}.unlockable-post{position:relative;background:var(--card-bg);box-shadow:var(--shadow-md);color:var(--text-color);transition:background-color var(--transition-normal),color var(--transition-normal)}.post-content.blurred{pointer-events:none}.post-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-sm)}.profile-section{display:flex;align-items:flex-start;gap:10px;justify-content:flex-start}.profile-picture{width:40px;height:40px;border-radius:50%;object-fit:cover}.username-time{display:flex;align-items:center;gap:5px}.usernameUp{font-weight:600;margin-top:7px;margin-right:auto;color:var(--text-color);font-size:12px}.time-posted{color:var(--text-secondary);display:flex;font-size:12px;margin-right:-58px;position:absolute;margin-top:56px;text-align:left}.header-actions{display:flex;align-items:center;gap:15px}.follow-button-iconUp{position:absolute;bottom:-2px;right:40px;width:20px;height:20px;border-radius:var(--radius-full);background-color:var(--button-primary2);border:2px solid var(--background-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;padding:0;cursor:pointer;transition:all var(--transition-fast);transition:all .2s ease;opacity:1;visibility:visible}.follow-button-icon .plus-icon{width:12px;height:12px;color:var(--button-text)}.follow-button-icon.following{opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.follow-button-icon:hover{transform:scale(1.1)}.media-navigation-dots{display:flex;justify-content:center;margin-top:10px}.media-navigation-dots .dot{width:8px;height:8px;border-radius:50%;background-color:#ccc;margin:0 5px;cursor:pointer;transition:background-color .3s ease}.media-navigation-dots .dot.active{background-color:#333}.media-counter{position:absolute;bottom:10px;right:10px;background-color:#00000080;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px}.options-menu{position:relative}.options-buttonUC{background:none;border:none;font-size:20px;cursor:pointer;padding:5px 10px;color:var(--text-color)}.dropdown-menu1{position:absolute;right:0;top:100%;background:var(--card-bg);border-radius:4px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);z-index:1000}.dropdown-menu1 ul{list-style:none;padding:0;margin:0}.dropdown-menu1 li{padding:10px 20px;cursor:pointer;color:var(--text-color)}.dropdown-menu1 li:hover{background-color:var(--hover-bg)}.post-media{width:100%;height:auto;display:block;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.interaction-buttons{display:flex;justify-content:space-between;padding:12px;border-top:1px solid var(--border-color)}.left-interactions,.right-interactions{display:flex;gap:15px}.icon-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:1.2em;color:var(--text-color)}.icon-button.disabled{opacity:.5;cursor:not-allowed}.post-caption{padding-inline:13px;padding-bottom:30px;font-size:.95em;color:var(--text-color)}.unlock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe8;display:flex;align-items:center;justify-content:center;z-index:10}.unlock-content{text-align:center;color:var( --button-primary2);display:flex;flex-direction:column;align-items:center}.unlock-icon{font-size:2.5em;margin-bottom:15px}.unlock-button{padding:10px 20px;background:var(--button-primary2);color:var(--text-color);border:none;border-radius:4px;cursor:pointer;font-weight:600;margin-bottom:10px}.unlock-button:hover{background-color:var(--button-primary-hover)}.premium-price{margin-bottom:15px;font-size:1.2em;color:var(--text-color);font-weight:700}.unlock-actions{display:flex;gap:10px}.cancel-button{padding:10px 20px;background:transparent;color:#fff;border:1px solid white;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s}.cancel-button:hover{background-color:#fff3}.post-image-container{position:relative;width:100%}.media-wrapper{position:relative;width:100%;transition:filter .3s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.media-wrapper.blurred{filter:blur(3px)}.unlock-button.loading{opacity:.7;cursor:not-allowed}.comments-link{color:var(--text-secondary);cursor:pointer;margin-top:8px}.comments-link:hover{text-decoration:underline}.drawer{background:var(--card-bg);color:var(--text-color);border-left:1px solid var(--border-color)}.payment-error{color:var(--error);margin-top:8px;font-size:.9em}.follower-activity-container{margin:10px 0;padding:0 15px}.follower-activity-loading{padding:10px 15px;color:#888;font-size:.9rem}.activity-summary{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer;border-radius:8px;transition:background-color .2s ease}.activity-summary:hover{background-color:#0000000d}.dark .activity-summary:hover{background-color:#ffffff0d}.activity-avatars{display:flex;position:relative}.activity-avatar{width:24px;height:24px;border-radius:50%;border:2px solid white;object-fit:cover;margin-right:-8px;background:#f0f0f0}.dark .activity-avatar{border-color:#333}.activity-text{font-size:.9rem;color:#666;flex:1}.dark .activity-text{color:#aaa}.activity-toggle{font-size:.8rem;color:#888;transition:transform .2s ease}.activity-details{background:#00000005;border-radius:12px;padding:15px;margin-top:8px;border:1px solid rgba(0,0,0,.1)}.dark .activity-details{background:#ffffff05;border-color:#ffffff1a}.activity-section{margin-bottom:15px}.activity-section:last-child{margin-bottom:0}.activity-section h4{margin:0 0 10px;font-size:.9rem;font-weight:600;color:#333}.dark .activity-section h4{color:#ddd}.activity-list{display:flex;flex-direction:column;gap:8px}.activity-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;background:#fff;border:1px solid rgba(0,0,0,.08);transition:all .2s ease}.dark .activity-item{background:#ffffff0d;border-color:#ffffff14}.activity-item:hover{background:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.dark .activity-item:hover{background:#ffffff14;box-shadow:0 2px 8px #0000004d}.activity-item-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#f0f0f0}.activity-item-info{flex:1;display:flex;flex-direction:column;gap:2px}.activity-username{font-weight:600;font-size:.9rem;color:#333}.dark .activity-username{color:#ddd}.activity-meta{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#666}.dark .activity-meta{color:#888}.activity-time{font-weight:500}.activity-relationship{opacity:.8}.activity-action{font-size:1.2rem;opacity:.8}@media (max-width: 480px){.activity-summary{padding:6px 0}.activity-text{font-size:.85rem}.activity-details{padding:12px}.activity-item{padding:6px;gap:10px}.activity-item-avatar{width:28px;height:28px}.activity-username{font-size:.85rem}.activity-meta{font-size:.75rem}}.activity-details{animation:expandActivity .3s ease-out;transform-origin:top}@keyframes expandActivity{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}.activity-item[data-relationship=mutual]{border-left:3px solid #4CAF50}.dark .activity-item[data-relationship=mutual]{border-left-color:#66bb6a}.pp2-post-header-container{display:flex;align-items:center;padding:2px 8px;background-color:#fff;box-shadow:0 2px 4px #0000000d}.pp2-post-header-back-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;margin-right:15px;color:#333}.pp2-post-header-profile-pic{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:10px}.pp2-post-header-username{margin-left:9em;font-weight:600;font-size:16px;color:#333;flex-grow:1;position:absolute;text-align:center}.pp2-post-header-title{font-size:18px;font-weight:700;color:#000;margin-left:auto}.explore-page-v2{display:flex;flex-direction:column;width:100%;max-width:480px;margin:95px auto 0;background-color:#fff;color:#333;padding-bottom:60px;min-height:100vh}.explore-tabs{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px;border-bottom:1px solid rgba(0,0,0,.1);position:sticky;top:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.tab-buttons-container{display:flex}.tab-button{background:transparent;border:none;color:#000000b3;font-size:16px;font-weight:600;padding:8px 20px;cursor:pointer;transition:all .3s ease;position:relative}.tab-button:hover{color:#000000e6}.tab-button.active{color:#000}.tab-button.active:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:20px;height:3px;background-color:#000;border-radius:3px;transition:all .3s ease}.search-button{background:transparent;border:none;color:#333;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:background-color .3s ease}.search-button:hover{background-color:#0000000d}.trending-reels-section{width:100%;position:relative;margin:20px 0;padding:0 5px}.section-scroll-container{display:flex;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;gap:12px;padding:5px 0}.section-scroll-container::-webkit-scrollbar{display:none}.trending-reel-item{flex:0 0 auto;width:250px;height:420px;border-radius:6px;overflow:hidden;position:relative;box-shadow:0 8px 20px #00000026;transition:transform .3s ease,box-shadow .3s ease}.trending-reel-item:hover{transform:translateY(-5px);box-shadow:0 12px 25px #0003}.reel-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.reel-info{position:absolute;top:15px;left:15px;z-index:2;padding:10px;border-radius:8px;width:calc(100% - 30px)}.reel-hashtag{font-size:20px;font-weight:700;margin-bottom:5px;text-shadow:1px 1px 3px rgba(255,255,255,.7);color:#fff}.reel-stats{font-size:14px;opacity:.8;text-shadow:1px 1px 3px rgba(255,255,255,.7);color:#fff}.reel-profile{gap:9px;position:absolute;bottom:15px;left:0;right:0;display:flex;flex-direction:row;align-items:center;z-index:2;padding:15px;color:#fff}.reel-avatar{width:40px;height:40px;border-radius:50%;border:2px solid white;object-fit:cover;box-shadow:0 2px 8px #0000004d}.reel-username{font-weight:600;font-size:14px;margin-bottom:2px;text-shadow:1px 1px 3px rgba(0,0,0,.7);flex:1}.reel-followers{font-size:12px;opacity:.8;text-shadow:1px 1px 3px rgba(0,0,0,.7)}.reel-engagement{display:flex;gap:15px;margin-left:auto}.reel-engagement span{display:flex;align-items:center}.reel-engagement span:before{content:"♥";margin-right:5px;font-size:14px}.posts-section1{padding:0 8px}.posts-section1 h3{font-size:20px;font-weight:600;margin-bottom:15px;position:relative;padding-bottom:10px;color:#333}.posts-section1 h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg,#333,transparent);border-radius:3px}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.posts-grid :nth-child(1){grid-column:span 2;grid-row:span 2}.post-grid-item{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:8px;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.post-grid-item:first-child{aspect-ratio:2/2}.post-grid-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.post-grid-item:hover:after{opacity:1}.post-grid-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.post-grid-item:hover img{transform:scale(1.08)}.post-grid-item:hover{box-shadow:0 8px 20px #0003}.error-message{color:#ff3b30;text-align:center;padding:20px;width:100%;background-color:#ff3b301a;border-radius:8px;margin-top:20px}.loading-more{text-align:center;padding:20px;width:100%;color:#777}.no-more-content{text-align:center;padding:20px;width:100%;color:#0009;font-style:italic;margin-top:20px;border-top:1px solid rgba(0,0,0,.1)}@keyframes pulse{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}.loading-more{animation:pulse 1.5s infinite}@media (max-width: 480px){.trending-reel-item{width:310px;height:400px}.reel-hashtag{font-size:18px}.posts-grid{gap:6px}}@media (max-width: 360px){.trending-reel-item{width:210px;height:350px}.tab-button{padding:8px 12px;font-size:14px}.posts-section h3{font-size:18px}.posts-grid{gap:4px}}.post-hover-info{position:absolute;bottom:0;left:0;right:0;padding:15px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);color:#fff;opacity:0;transition:opacity .3s ease;z-index:3}.post-grid-item:hover .post-hover-info{opacity:1}.post-engagement-stats{display:flex;justify-content:space-between;font-size:14px}.post-engagement-stats span{display:flex;align-items:center;gap:4px}.trending-reels-section h3{font-size:20px;font-weight:600;margin-bottom:15px;position:relative;padding-bottom:10px;padding-left:8px;color:#333}.trending-reels-section h3:after{content:"";position:absolute;bottom:0;left:8px;width:40px;height:3px;background:linear-gradient(90deg,#333,transparent);border-radius:3px}.fade-enter{opacity:0;transform:translateY(10px)}.fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.fade-exit{opacity:1;transform:translateY(0)}.fade-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .3s,transform .3s}.for-you-container{display:flex;flex-direction:column;width:100%}.stories-section{margin:20px 0 15px;width:100%}.stories-section h3{font-size:20px;font-weight:600;margin-bottom:15px;position:relative;padding-bottom:10px;padding-left:8px;color:#333}.stories-section h3:after{content:"";position:absolute;bottom:0;left:8px;width:40px;height:3px;background:linear-gradient(90deg,#333,transparent);border-radius:3px}.stories-container{display:flex;overflow-x:auto;gap:15px;padding:5px 8px;scrollbar-width:none;-ms-overflow-style:none}.stories-container::-webkit-scrollbar{display:none}.story-item{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;width:80px}.story-avatar-ring{width:70px;height:70px;border-radius:50%;padding:3px;background:linear-gradient(45deg,#fa7e1e,#d62976,#962fbf);margin-bottom:6px}.story-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid white}.story-username{font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#333}.mixed-content-section{margin:20px 0;width:100%}.mixed-content-section h3{font-size:20px;font-weight:600;margin-bottom:15px;position:relative;padding-bottom:10px;padding-left:8px;color:#333}.mixed-content-section h3:after{content:"";position:absolute;bottom:0;left:8px;width:40px;height:3px;background:linear-gradient(90deg,#333,transparent);border-radius:3px}.mixed-content-container{display:flex;overflow-x:auto;gap:15px;padding:5px 8px;scrollbar-width:none;-ms-overflow-style:none}.mixed-content-container::-webkit-scrollbar{display:none}.mixed-content-item{flex:0 0 auto;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 6px 16px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.mixed-content-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.mixed-content-item.video-item{width:220px;height:360px}.mixed-content-item.image-item{width:280px;height:360px}.mixed-content-media{width:100%;height:100%;object-fit:cover}.mixed-content-overlay{position:absolute;top:10px;right:10px;background-color:#0009;color:#fff;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500}.mixed-content-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center}.mixed-content-user{display:flex;align-items:center;gap:8px}.mixed-content-avatar{width:30px;height:30px;border-radius:50%;border:2px solid white;object-fit:cover}.mixed-content-stats{font-size:14px}.vertical-posts-section{margin:20px 0;width:100%}.vertical-posts-section h3{font-size:20px;font-weight:600;margin-bottom:15px;position:relative;padding-bottom:10px;padding-left:8px;color:#333}.vertical-posts-section h3:after{content:"";position:absolute;bottom:0;left:8px;width:40px;height:3px;background:linear-gradient(90deg,#333,transparent);border-radius:3px}.vertical-posts-container{display:flex;flex-direction:column;gap:20px;padding:0 8px}.vertical-post-item{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.vertical-post-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.vertical-post-header{display:flex;align-items:center;padding:12px;gap:12px}.vertical-post-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.vertical-post-user-info{display:flex;flex-direction:column}.vertical-post-username{font-weight:600;font-size:14px}.vertical-post-time{font-size:12px;color:#777}.vertical-post-media-container{width:100%;height:375px}.vertical-post-media{width:100%;height:100%;object-fit:cover}.vertical-post-actions{padding:12px;border-bottom:1px solid rgba(0,0,0,.05)}.vertical-post-engagement{display:flex;gap:20px}.vertical-post-engagement span{font-size:14px;font-weight:500}.vertical-post-caption{padding:12px;font-size:14px;line-height:1.4;color:#333}.caption-username{font-weight:600;margin-right:5px}.explore-content{width:100%}@media (max-width: 480px){.mixed-content-item.video-item{width:200px;height:330px}.mixed-content-item.image-item{width:250px;height:330px}.story-avatar-ring{width:65px;height:65px}.story-item{width:70px}.vertical-post-media-container{height:320px}}@media (max-width: 360px){.mixed-content-item.video-item{width:180px;height:300px}.mixed-content-item.image-item{width:220px;height:300px}.story-avatar-ring{width:60px;height:60px}.story-item{width:65px}.vertical-post-media-container{height:270px}}.thread-skeleton-container{width:100%;max-width:600px;margin:0 auto}.thread-skeleton-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.skeleton-user-info{display:flex;align-items:center;gap:12px}.skeleton-avatar{width:40px;height:40px;border-radius:50%;background:#e0e0e0}.skeleton-text-container{display:flex;flex-direction:column;gap:4px}.skeleton-username{width:100px;height:16px;background:#e0e0e0;border-radius:4px}.skeleton-timestamp{width:60px;height:12px;background:#e0e0e0;border-radius:4px}.skeleton-menu-button{width:32px;height:32px;border-radius:50%;background:#e0e0e0}.skeleton-content{display:flex;flex-direction:column;gap:16px}.skeleton-caption{display:flex;flex-direction:column;gap:8px}.skeleton-line-long{width:75%;height:16px;background:#e0e0e0;border-radius:4px}.skeleton-line-medium{width:50%;height:16px;background:#e0e0e0;border-radius:4px}.skeleton-media{width:100%;aspect-ratio:1;background:#e0e0e0;border-radius:8px}.skeleton-interactions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.skeleton-buttons{display:flex;gap:24px}.skeleton-button{width:32px;height:32px;border-radius:50%;background:#e0e0e0}.skeleton-stats{display:flex;gap:16px;margin-top:8px}.skeleton-stat{width:64px;height:12px;background:#e0e0e0;border-radius:4px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.thread-skeleton-card [class^=skeleton-]{animation:pulse 1.5s ease-in-out infinite}.thread-container{width:100%;max-width:600px;margin:0 auto}.thread-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.thread-header{display:flex}.Thread-profile-section{padding:6px;display:flex;align-items:center;gap:2px;position:relative}.thread-media{margin-top:12px;border-radius:8px;overflow:hidden}.carousel{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:8px}.carousel-container{width:100%;height:100%;overflow-x:auto;display:flex;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.carousel-container::-webkit-scrollbar{display:none}.carousel-item1{flex-shrink:0;scroll-snap-align:start;border-radius:8px;overflow:hidden}.carousel-image{width:100%;height:100%;object-fit:cover}.carousel-indicators{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:2}.carousel-indicator{width:6px;height:6px;border-radius:50%;background:#ffffff80;border:none;padding:0;margin:0;cursor:pointer}.carousel-indicator.active{background:#fff}.thread-caption{margin-bottom:12px;font-size:20px;line-height:1.5;width:90%;padding-left:8%}.interaction-buttons{display:flex;padding:12px 16px;gap:16px;border-top:1px solid #eee}.interaction-button{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:#666}.interaction-button.liked{color:#f44}.interaction-button span{font-size:14px}.mini-post{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background-color:#fff}.mini-post-header{padding:.75rem;display:flex;align-items:center;gap:.5rem}.mini-post-profile-pic{width:2rem;height:2rem;border-radius:9999px;object-fit:cover}.mini-post-username{font-weight:500;font-size:.875rem;color:#1f2937}.mini-post-media-container{position:relative;width:100%;padding-bottom:100%}.mini-post-media{border-radius:12px;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.mini-post-footer{padding:.75rem}.mini-post-actions{display:flex;gap:1rem;margin-bottom:.5rem;justify-content:flex-end;padding-top:10px}.mini-post-action{display:flex;align-items:center;gap:.25rem;color:#4b5563}.mini-post-caption{font-size:.875rem;color:#1f2937}.repost-preview-container{margin-top:1rem;border:1px solid #e5e7eb;border-radius:8px;background-color:#f9fafb;width:90%;margin-left:8%;margin-bottom:15px}.mini-reel{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background-color:#fff;margin-bottom:1rem}.mini-reel-header{padding:.75rem;display:flex;align-items:center;gap:.5rem}.mini-reel-media-container{position:relative;width:100%;padding-bottom:177.78%;background-color:#000;border-radius:12px}.mini-reel-media{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.mini-reel-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(transparent,#00000080);color:#fff}.mini-reel-actions{display:flex;gap:1rem;margin-bottom:.5rem}.mini-reel-footer{padding:.75rem}.repost-preview-container .mini-reel{margin-bottom:0}.repost-preview-container .mini-reel-media-container{max-height:60vh}.video-container{position:relative;width:100%;background:#000;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.thread-video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.video-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,#00000080);z-index:2}.video-controls{display:flex;gap:16px;color:#fff}.video-control-button{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.video-control-button:hover{background:#ffffff1a}.video-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:#000000b3;padding:1rem;border-radius:8px;text-align:center}.video-debug{position:absolute;top:10px;left:10px;color:#fff;background:#00000080;padding:5px;border-radius:4px;font-size:12px;z-index:3}.mini-post-premium-overlay{position:relative;width:100%;height:100%}.blurred-media-container{width:100%;height:100%;overflow:hidden}.carousel-image.blurred,.thread-video.blurred{filter:blur(20px);transform:scale(1.1)}.premium-content-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fdbc2e;text-align:center;z-index:2;padding:1rem;border-radius:12px}.premium-lock-icon{font-size:2rem;margin-bottom:.5rem;color:#fdbc2e}.premium-text{font-weight:600;margin-bottom:.25rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.pluc-thread-comments-root .pluc-thread-comments-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;transition:opacity .3s ease}.pluc-thread-comments-root .pluc-thread-comments-overlay.pluc-thread-hidden{opacity:0;pointer-events:none}.pluc-thread-comments-root .pluc-thread-comments-overlay.pluc-thread-visible{opacity:1}.pluc-thread-comments-root .pluc-thread-comments-container{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;max-height:80vh;min-height:50vh;display:flex;flex-direction:column;transform:translateY(0);transition:transform .3s ease}.pluc-thread-comments-root .pluc-thread-comments-container.pluc-thread-dragging{transition:none}.pluc-thread-comments-root .pluc-thread-comments-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e1e1e1;background:#fff;border-radius:20px 20px 0 0;flex-shrink:0}.pluc-thread-comments-root .pluc-thread-comments-title{font-size:18px;font-weight:600;margin:0;color:#333}.pluc-thread-comments-root .pluc-thread-close-button{background:none;border:none;padding:8px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;transition:background-color .2s ease}.pluc-thread-comments-root .pluc-thread-close-button:hover{background-color:#f0f0f0}.pluc-thread-comments-root .pluc-thread-comments-content{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.pluc-thread-comments-root .pluc-thread-comments-integrated{width:100%;margin-top:16px;border-top:1px solid #e1e1e1;padding-top:16px;display:flex;flex-direction:column;height:400px}.pluc-thread-comments-root .pluc-thread-comment-form{display:flex;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid #f0f0f0;background:#fff;flex-direction:row;flex-shrink:0;order:2}.pluc-thread-comments-root .pluc-thread-comment-form-integrated{padding:16px 0;border-top:1px solid #e1e1e1;margin-top:16px;margin-bottom:0;order:2}.pluc-thread-comments-root .pluc-thread-comment-input{flex:1;border:1px solid #e1e1e1;border-radius:20px;padding:10px 16px;font-size:14px;outline:none;transition:border-color .2s ease;resize:none;min-height:40px;max-height:120px}.pluc-thread-comments-root .pluc-thread-comment-input:focus{border-color:#1da1f2;box-shadow:0 0 0 2px #1da1f21a}.pluc-thread-comments-root .pluc-thread-comment-input::placeholder{color:#999}.pluc-thread-comments-root .pluc-thread-post-button{background:#1da1f2;color:#fff;border:none;border-radius:20px;padding:8px 20px;font-weight:600;font-size:14px;cursor:pointer;transition:background-color .2s ease;width:fit-content}.pluc-thread-comments-root .pluc-thread-post-button:disabled{background:#ccc;cursor:not-allowed;width:fit-content}.pluc-thread-comments-root .pluc-thread-post-button:hover:not(:disabled){background:#1991db;width:fit-content}.pluc-thread-comments-root .pluc-thread-post-button-small{padding:6px 16px;font-size:13px;min-width:50px}.pluc-thread-comments-root .pluc-thread-profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.pluc-thread-comments-root .pluc-thread-profile-image-small{width:32px;height:32px}.pluc-thread-comments-root .pluc-thread-comments-list{flex:1;overflow-y:auto;padding:0 20px;order:1;min-height:0}.pluc-thread-comments-root .pluc-thread-comments-list-integrated{padding:0;max-height:none;overflow-y:auto;flex:1;order:1;margin-bottom:16px}.pluc-thread-comments-root .pluc-thread-loading-comments,.pluc-thread-comments-root .pluc-thread-no-comments{text-align:center;padding:40px 20px;color:#666}.pluc-thread-comments-root .pluc-thread-loading-comments p,.pluc-thread-comments-root .pluc-thread-no-comments p{margin:0;font-size:14px}.pluc-thread-comments-root .pluc-thread-comment-item{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-bottom:1px solid #f0f0f0}.pluc-thread-comments-root .pluc-thread-comment-item-integrated{border-bottom:1px solid #e1e1e1}.pluc-thread-comments-root .pluc-thread-comment-item-reply{margin-left:32px;padding:12px 0;border-bottom:1px solid #f5f5f5}.pluc-thread-comments-root .pluc-thread-comment-item:last-child{border-bottom:none}.pluc-thread-comments-root .pluc-thread-comment-content{flex:1;min-width:0}.pluc-thread-comments-root .pluc-thread-comment-bubble{background:#f8f9fa;border-radius:16px;padding:12px 16px;margin-bottom:8px;word-wrap:break-word}.pluc-thread-comments-root .pluc-thread-comment-item-integrated .pluc-thread-comment-bubble{background:transparent;padding:0;border-radius:0;margin-bottom:6px}.pluc-thread-comments-root .pluc-thread-comment-author{font-weight:600;font-size:14px;color:#333;margin-bottom:4px}.pluc-thread-comments-root .pluc-thread-comment-bubble p{margin:0;font-size:14px;line-height:1.4;color:#333}.pluc-thread-comments-root .pluc-thread-comment-actions{display:flex;align-items:center;gap:16px;font-size:13px;color:#666}.pluc-thread-comments-root .pluc-thread-comment-time{color:#999;font-size:12px}.pluc-thread-comments-root .pluc-thread-like-button,.pluc-thread-comments-root .pluc-thread-reply-button,.pluc-thread-comments-root .pluc-thread-delete-button{background:none;border:none;color:#666;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:12px;display:flex;width:fit-content;align-items:center;gap:4px;transition:all .2s ease}.pluc-thread-comments-root .pluc-thread-like-button:hover,.pluc-thread-comments-root .pluc-thread-reply-button:hover{background-color:#1da1f21a;color:#1da1f2}.pluc-thread-comments-root .pluc-thread-delete-button:hover{background-color:#f443361a;color:#f44336}.pluc-thread-comments-root .pluc-thread-like-button span{font-size:12px;font-weight:500}.pluc-thread-comments-root .pluc-thread-reply-form{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:12px 0}.pluc-thread-comments-root .pluc-thread-reply-input{flex:1;border:1px solid #e1e1e1;border-radius:16px;padding:8px 12px;font-size:13px;outline:none;transition:border-color .2s ease}.pluc-thread-comments-root .pluc-thread-reply-input:focus{border-color:#1da1f2;box-shadow:0 0 0 2px #1da1f21a}.pluc-thread-comments-root .pluc-thread-replies-container{margin-top:8px;border-left:2px solid #f0f0f0;margin-left:16px;padding-left:16px}.pluc-thread-comments-root .pluc-thread-replies-container .pluc-thread-comment-item{padding:8px 0}.pluc-thread-comments-root .pluc-thread-replies-container .pluc-thread-comment-bubble{background:#f5f5f5}.pluc-thread-comments-root .pluc-thread-comment-item-integrated .pluc-thread-replies-container .pluc-thread-comment-bubble{background:#f8f9fa;border-radius:12px;padding:10px 14px}@media (max-width: 768px){.pluc-thread-comments-root .pluc-thread-comments-container{max-height:85vh}.pluc-thread-comments-root .pluc-thread-comment-form{padding:12px 16px;margin-bottom:2em}.pluc-thread-comments-root .pluc-thread-comments-list{padding:0 16px}.pluc-thread-comments-root .pluc-thread-comment-input,.pluc-thread-comments-root .pluc-thread-reply-input{font-size:16px}.pluc-thread-comments-root .pluc-thread-comments-integrated{height:500px}}.thread-header-container{display:flex;align-items:center;justify-content:space-between;padding:1rem}.thread-header-profile-section{display:flex;align-items:center;gap:.75rem}.thread-header-avatar-container{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden}.thread-header-avatar{width:100%;height:100%;object-fit:cover}.thread-header-info{display:flex;align-items:center;gap:.5rem}.thread-header-username{font-weight:600;font-size:.95rem;color:#087208}.thread-header-separator{color:#6b7280}.thread-header-timestamp{color:#6b7280;font-size:.95rem}.thread-header-menu-container{position:relative}.thread-header-menu-button{padding:.5rem;border-radius:50%;background-color:transparent;transition:background-color .2s}.thread-header-menu-button:hover{background-color:#f3f4f6}.thread-header-menu-icon{width:1.25rem;height:1.25rem;color:#4b5563}.thread-header-dropdown{position:absolute;right:0;top:100%;margin-top:.5rem;width:12rem;background-color:#fff;border-radius:.5rem;box-shadow:0 2px 8px #00000026;border:1px solid #e5e7eb;padding:.25rem 0;z-index:50}.thread-header-delete-button,.thread-header-report-button{width:100%;text-align:left;padding:.5rem 1rem;transition:background-color .2s}.thread-header-delete-button{color:#dc2626}.thread-header-report-button{color:#374151}.thread-header-delete-button:hover,.thread-header-report-button:hover{background-color:#f3f4f6}.thread-header-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.thread-header-modal{background-color:#fff;border-radius:.75rem;padding:1.5rem;max-width:24rem;width:calc(100% - 2rem);margin:0 1rem}.thread-header-modal-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.thread-header-modal-text{color:#6b7280;margin-bottom:1.5rem}.thread-header-modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.thread-header-modal-cancel,.thread-header-modal-delete{padding:.5rem 1rem;border-radius:.5rem;transition:all .2s}.thread-header-modal-cancel{border:1px solid #e5e7eb}.thread-header-modal-cancel:hover{background-color:#f3f4f6}.thread-header-modal-delete{background-color:#dc2626;color:#fff}.thread-header-modal-delete:hover{background-color:#b91c1c}.thread-interactions-container{display:flex;align-items:center;gap:1.25rem;padding:.75rem 1rem}.thread-interactions-button{display:flex;align-items:center;width:fit-content;gap:.5rem;padding:.375rem;border-radius:.375rem;transition:all .2s ease;background:none;border:none;cursor:pointer}.thread-interactions-button:hover{background-color:#0000000d}.thread-interactions-button:disabled{opacity:.5;cursor:not-allowed}.thread-interactions-icon{width:1.5rem;height:1.5rem;stroke-width:2}.thread-interactions-heart-active{fill:#ef4444;stroke:#ef4444}.thread-interactions-count{font-size:.875rem;color:#4b5563}.thread-interactions-liked{color:#ef4444}.thread-interactions-donate{color:#fbff1c}.thread-interactions-donate:hover{background-color:#6366f11a}.thread-interactions-donate .thread-interactions-icon{stroke:#000}@keyframes thread-interactions-like-animation{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.thread-interactions-liked .thread-interactions-icon{animation:thread-interactions-like-animation .3s ease}.tab-nav__container{position:fixed;top:0;left:0;right:0;transform:translateY(0);transition:transform .3s ease-in-out;background-color:#fff;z-index:995}.tab-nav__hidden{transform:translateY(-100%)}.tab-nav__visible{transform:translateY(0)}.tab-nav__wrapper{padding:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eaeaea;box-shadow:0 2px 4px #0000001a}.tab-nav__buttons-container{display:flex;gap:1rem;margin:-14px}.tab-nav__button{padding:.5rem;border:none;background:none;cursor:pointer;font-size:1rem;color:#666;transition:color .2s ease}.tab-nav__button:hover{color:#000}.tab-nav__button--active{color:#000;font-weight:600;position:relative}.tab-nav__button--active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:#000}.tab-nav__search-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;background:none;cursor:pointer;color:#666;transition:all .2s ease;width:fit-content}.tab-nav__search-button:hover{background-color:#f5f5f5;color:#000}.str-main-container{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a}.str-section-title{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin-bottom:16px}.str-items-wrapper{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none}.str-items-wrapper::-webkit-scrollbar{display:none}.str-item-container{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;min-width:80px;transition:transform .2s ease}.str-item-container:hover{transform:scale(1.05)}.str-ring-wrapper{position:relative;padding:2px;border-radius:50%;background:#e5e5e5}.str-ring-active{background:linear-gradient(135deg,#7afb24,#efec46)}.str-ring-unviewed{background:linear-gradient(135deg,#b5d1a2,#e6e4a6)}.str-ring-viewed{background:#e5e5e5}.str-ring-inner{background:#fff;padding:2px;border-radius:50%}.str-user-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover}.str-user-name{font-size:.75rem;color:#4a4a4a;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.str-add-button{width:64px;height:64px;border-radius:50%;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.str-add-plus{font-size:24px;color:#666}.str-add-item:hover .str-add-button{background-color:#ebebeb}.str-add-ring{background:#e5e5e5}.str-ring-active,.str-ring-unviewed{background-size:200% 200%;animation:strGradient 4s ease infinite}@keyframes strGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 640px){.str-main-container{padding:12px}.str-user-avatar,.str-add-button{width:56px;height:56px}.str-item-container{min-width:70px}}.explore-masonry-wrapper{padding:1px 10px;width:100%}.explore-masonry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:5px}.masonry-item{cursor:pointer;border-radius:16px;overflow:hidden;position:relative;background:#fff;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.masonry-item:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.masonry-content{position:relative;width:100%;height:100%}.masonry-image{width:100%;object-fit:cover;border-radius:16px;display:block}.masonry-overlay{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);display:flex;justify-content:space-between;align-items:center;opacity:0;transition:opacity .2s ease}.masonry-item:hover .masonry-overlay{opacity:1}.user-info{display:flex;align-items:center;gap:8px}.user-avatar{width:24px;height:24px;border-radius:50%;border:2px solid white}.username{color:#fff;font-size:12px;font-weight:500}.like-button{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;padding:4px;transition:transform .2s ease}.like-button:hover{transform:scale(1.2)}@media (max-width: 480px){.explore-masonry-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 481px) and (max-width: 768px){.explore-masonry-grid{grid-template-columns:repeat(3,1fr)}}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.welcome-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f7fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:scaleIn .6s ease-out}.welcome-header{display:flex;justify-content:center;width:100%;margin-bottom:40px;padding:0 24px;animation:fadeSlideUp .8s ease-out}.txt-gradient{background:linear-gradient(135deg,#0c3a2d,#fdbc2e,#0c3a2d);background-size:200% 200%;animation:gradientFlow 6s ease infinite;background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:600}.logo-text img{width:55%;margin-left:24%;transition:transform .3s ease;animation:scaleIn .8s ease-out}.logo-text img:hover{transform:scale(1.02)}.welcome-content{width:100%;max-width:460px;text-align:center;padding:0 24px}.welcome-content .top-content{animation:fadeSlideUp .8s ease-out .2s backwards}.welcome-content h1{font-size:40px;font-weight:700;margin-bottom:16px;letter-spacing:-.5px;line-height:1.1}.wc-p{font-size:19px;line-height:1.5;margin-bottom:40px;color:#1d1d1f;font-weight:800}.welcome-btn{display:block;width:100%;margin-bottom:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.welcome-btn:nth-child(1){animation:fadeSlideUp .6s ease-out .4s backwards}.welcome-btn:last-of-type{animation:fadeSlideUp .6s ease-out 1s backwards}button{width:100%;border-radius:980px;padding:12px 24px;font-size:17px;cursor:pointer;border:none;outline:none;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.button-outline{background-color:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #e5e5e5;color:#1d1d1f;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000a}.button-outline:hover{background-color:#ffffffe6;transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #00000014}.button-yellow{background-color:#fdbc2e;color:#000;box-shadow:0 2px 8px #fdbc2e4d;animation:softPulse 3s infinite}.button-yellow:hover{background-color:#ffc542;transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #fdbc2e66}.button-green{background-color:#0c3a2d;color:#fff;box-shadow:0 2px 8px #0c3a2d4d}.button-green:hover{background-color:#124a3a;transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #0c3a2d66}.button-yellow:active,.button-green:active,.button-google:active{transform:translateY(1px) scale(.98)}.icon{margin-right:8px;width:20px;height:20px}.button-google{animation:fadeSlideUp .6s ease-out .6s backwards}.divider{margin:32px 0;border:none;height:1px;background:linear-gradient(to right,transparent,rgba(0,0,0,.1),transparent)}.footer-text1{font-size:14px;color:#86868b;line-height:1.4;animation:fadeSlideUp .6s ease-out 1.2s backwards}.footer-link{color:#06c;font-weight:500;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#0077e6;text-decoration:underline}.ors{margin:23px;animation:fadeSlideUp .6s ease-out .8s backwards}@media (max-width: 768px){.welcome-content h1{font-size:32px}.wc-p{font-size:23px}button{font-size:16px}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes softPulse{0%{box-shadow:0 2px 8px #fdbc2e4d}50%{box-shadow:0 4px 12px #fdbc2e80}to{box-shadow:0 2px 8px #fdbc2e4d}}.pluc-onboard-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;animation:pluc-onboard-fadeIn .3s ease-out}.pluc-onboard-modal__container{background-color:#fff;border-radius:28px;width:90%;max-width:360px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;padding:32px 16px;box-shadow:0 12px 32px #00000040;animation:pluc-onboard-dropDown .5s cubic-bezier(.175,.885,.32,1.275)}.pluc-onboard-modal__logo{display:flex;justify-content:center;align-items:center;margin-bottom:24px}.pluc-onboard-modal__logo img{width:120px;height:auto}.pluc-onboard-modal__content{width:100%;overflow:hidden;padding:0;margin-bottom:24px}.pluc-onboard-modal__slides{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%;height:100%}.pluc-onboard-modal__slide{flex:0 0 100%;min-width:100%;display:flex;justify-content:center;align-items:center}.pluc-onboard-modal__slide-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px;max-width:320px}.pluc-onboard-modal__icon-container{width:160px;height:160px;display:flex;justify-content:center;align-items:center;margin-bottom:16px;background-color:#f0fdf4;border-radius:50%;transition:transform .3s ease-out}.pluc-onboard-modal__icon-container:hover{transform:scale(1.05)}.pluc-onboard-modal__icon{width:80px;height:80px}.pluc-onboard-modal__icon--green{color:#0c3a2d}.pluc-onboard-modal__icon--gold{color:#fdbc2e}.pluc-onboard-modal__title{margin-top:8px;font-size:28px;font-weight:700;color:#0c3a2d;letter-spacing:-.5px;margin-bottom:12px}.pluc-onboard-modal__description{font-size:16px;line-height:1.5;color:#4b5563;margin-bottom:20px;max-width:280px}.pluc-onboard-modal__highlight{padding:10px 20px;background-color:#f0fdf4;border-radius:24px;margin-bottom:8px;box-shadow:0 4px 8px #0c3a2d1a;transition:transform .2s ease}.pluc-onboard-modal__highlight:hover{transform:translateY(-2px)}.pluc-onboard-modal__highlight-text{color:#0c3a2d;font-weight:600;font-size:14px}.pluc-onboard-modal__progress{display:flex;gap:8px;margin:0 0 24px;justify-content:center}.pluc-onboard-modal__progress-dot{height:8px;width:8px;border-radius:4px;background-color:#e5e7eb;transition:all .3s ease}.pluc-onboard-modal__progress-dot--active{width:24px;background-color:#0c3a2d}.pluc-onboard-modal__navigation{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 16px}.pluc-onboard-modal__nav-button{border-radius:50%;background-color:#fff;cursor:pointer;color:#0c3a2d;display:flex;justify-content:center;align-items:center;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.pluc-onboard-modal__nav-button--disabled{color:#d1d5db;cursor:not-allowed;opacity:.5}.pluc-onboard-modal__nav-button--disabled:hover{background-color:#fff;transform:none;box-shadow:0 2px 4px #0000000d}.pluc-onboard-modal__get-started-btn{background-color:#fdbc2e;color:#0c3a2d;border:none;border-radius:24px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #fdbc2e4d;transition:all .3s ease;animation:softPulse 3s infinite}.pluc-onboard-modal__get-started-btn:hover{background-color:#ffc542;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #fdbc2e66}@keyframes pluc-onboard-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pluc-onboard-dropDown{0%{opacity:0;transform:translateY(-40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.reels-container{height:100vh;width:100vw;background-color:#000;overflow-y:scroll;scroll-snap-type:y mandatory;position:relative;font-family:Roboto,sans-serif;-ms-overflow-style:none;scrollbar-width:none}.reel-container{height:100vh;width:100%;position:relative;scroll-snap-align:start;overflow:hidden}.reel-video{width:100%;height:100%;object-fit:cover}.reel-overlay-R{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;padding:20px}.reel-header{display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.reel-header.hidden{transform:translateY(-100%);opacity:0}.reel-header.visible{transform:translateY(0);opacity:1}.heart-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10}.animated-heart{animation:heartBurst .8s ease-out;opacity:.8}@keyframes heartBurst{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.back-button1{border:none;background-color:transparent;color:#fff;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:20px}.reel-actions{position:absolute;right:12px;bottom:120px;display:flex;flex-direction:column;gap:16px;z-index:3}.action-button-R{background:transparent;border:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:29px;cursor:pointer;padding:8px;border-radius:50%}.action-button-R:hover{transform:scale(1.1)}.action-button-2{background:none;color:#fff;display:flex;flex-direction:column;font-size:25px;font-weight:500;align-items:center;gap:4px;cursor:pointer;margin-left:-1px}.action-button-3{background:none;color:#fff;display:flex;flex-direction:column;font-size:25px;font-weight:500;align-items:center;gap:4px;cursor:pointer;margin-left:16px}.action-button-R span{font-size:12px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5)}.action-button-R.liked svg{fill:#ff4060;stroke:#ff4060}.reel-footerR{position:absolute;bottom:44px;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);padding:20px 16px max(20px,env(safe-area-inset-bottom));color:#fff}.user-infoR{display:flex;align-items:center;gap:12px;margin-bottom:12px}.caption{margin-bottom:.5rem;font-size:.9rem}.audio-info{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.action-button-R{background:transparent;border:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer}.action-button-2{background:transparent;border:none;color:#fff;cursor:pointer;font-size:1.5rem}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.usernamereel{font-weight:600;font-size:.9rem}.follow-button-R{background:#fff3;border:1px solid rgba(255,255,255,.8);color:#fff;padding:6px 16px;border-radius:20px;width:fit-content;font-size:14px;font-weight:500;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.follow-button-R:hover{background:#ffffff4d;transform:translateY(-1px)}.reels-container{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory}.user-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 4px #0003;transition:transform .2s ease}.user-avatar:hover{transform:scale(1.1)}.usernamereel{color:#fff;font-weight:600;font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.caption-container{position:relative;margin-bottom:12px;margin-right:64px}.caption{color:#fff;font-size:14px;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;transition:all .3s ease}.caption.collapsed{-webkit-line-clamp:1}.caption.expanded{-webkit-line-clamp:unset}.caption-expand{color:#ffffff80;background:none;border:none;padding:0;font-size:14px;cursor:pointer;margin-top:4px}.caption-expand:hover{color:#fff}.audio-info{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px}.sound-button{background:transparent;border-radius:50%;padding:8px}.reels-container::-webkit-scrollbar{display:none}.reels-container{-ms-overflow-style:none;scrollbar-width:none}@keyframes pulseHeart{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.action-button.liked svg{animation:pulseHeart .3s ease}@supports (padding: max(0px)){.reel-footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}}.reel-footer .comments-drawer{position:fixed;bottom:0;left:0;right:0;height:70vh;background-color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;z-index:1000;padding:20px;transform:translateY(0);transition:transform .3s ease-in-out}.comments-drawer.closed{transform:translateY(100%)}.comments-header{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:20px}.comments-header h3{margin:0;color:#000}.close-button{position:absolute;right:0;top:0;background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:5px}.close-button:hover{color:#000}.drawer{position:fixed;bottom:0;left:0;right:0;height:70vh;background:#fff;border-radius:16px 16px 0 0;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.drawer-header{padding:16px;border-bottom:1px solid #eee;display:flex;justify-content:space-around;align-items:center;background:#fff;flex-direction:column-reverse}.drawer-content{flex:1;overflow-y:auto}.comment-section-container{display:flex;flex-direction:column;height:100%;background:#fff}.comments-scroll-area{flex:1;overflow-y:auto;padding:16px}.comment-input-container{position:fixed;bottom:0;margin-bottom:48px;left:0;right:0;background-color:#fff;border-top:1px solid #e0e0e0}.comment-input-wrapper{display:flex;align-items:center;gap:12px;background:#f8f8f8;border-radius:24px}.comment-input{flex:1;border:none;background:transparent;padding:8px 0;font-size:14px}.comment-input:focus{outline:none}.profile-pic{width:32px;height:32px;border-radius:50%;object-fit:cover}.comment-input-actions{display:flex;gap:8px}.voice-button{background:none;border:none;padding:8px;cursor:pointer;color:#666}.voice-button:disabled{opacity:.5;cursor:not-allowed}.comment{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #eee}.user-info{display:flex;align-items:center;gap:8px;margin-bottom:8px}.user-info h3{margin:0;font-size:14px;font-weight:600}.user-info p{margin:0;font-size:12px;color:#666}.comment-content{font-size:14px;margin:8px 0}.voice-message{margin:8px 0}.reel-skeleton-container{height:100vh;width:100%;background-color:#1a1a1a;position:relative;animation:pulse 1.5s infinite}.reel-skeleton-content{height:100%;width:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between}.reel-skeleton-header{padding:20px;display:flex;justify-content:space-between;align-items:center}.skeleton-back-button,.skeleton-camera-button{width:40px;height:40px;border-radius:50%;background-color:#333}.reel-skeleton-actions{position:absolute;right:12px;bottom:120px;display:flex;flex-direction:column;gap:16px}.skeleton-action-button{width:40px;height:40px;border-radius:50%;background-color:#333}.skeleton-sound-button{width:40px;height:40px;border-radius:50%;background-color:#333;margin-top:8px}.reel-skeleton-footer{padding:20px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.skeleton-user-info{display:flex;align-items:center;gap:12px;margin-bottom:16px}.skeleton-avatar{width:40px;height:40px;border-radius:50%;background-color:#333}.skeleton-username{width:120px;height:20px;border-radius:4px;background-color:#333}.skeleton-follow-button{width:80px;height:32px;border-radius:16px;background-color:#333;margin-left:12px}.skeleton-caption{margin:16px 0}.skeleton-text-line{height:16px;background-color:#333;border-radius:4px;margin-bottom:8px;width:100%}.skeleton-text-line.short{width:70%}.skeleton-audio-info{display:flex;align-items:center;gap:8px}.skeleton-audio-icon{width:24px;height:24px;border-radius:50%;background-color:#333}.skeleton-audio-text{width:140px;height:16px;border-radius:4px;background-color:#333}@keyframes pulse{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}.reels-loading{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory}.reels-loading .reel-skeleton-container{scroll-snap-align:start}.reels-loading::-webkit-scrollbar{display:none}.reels-loading{-ms-overflow-style:none;scrollbar-width:none}.reel-like-avatars-wrapper{margin-top:8px;padding:0 16px}.reel-like-avatars-container{display:flex;align-items:center;position:relative;height:32px;margin-bottom:4px}.reel-like-avatar-item{position:relative;cursor:pointer;transition:transform .2s ease}.reel-like-avatar-item:hover{transform:scale(1.1)!important}.reel-like-avatar-image{width:28px;height:28px;border-radius:50%;border:2px solid white;object-fit:cover;background-color:#333}.reel-like-avatar-verified{position:absolute;bottom:-2px;right:-2px;background:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.reel-like-avatar-more{width:28px;height:28px;border-radius:50%;background:#fff3;border:2px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.reel-like-avatar-more:hover{background:#ffffff4d}.reel-like-avatar-more-text{font-size:10px;font-weight:700;color:#fff}.reel-like-avatars-tooltip{opacity:.8}.reel-like-avatars-label{font-size:12px;color:#ccc;line-height:1.2}@media (max-width: 768px){.reel-like-avatar-image,.reel-like-avatar-more{width:24px;height:24px}.reel-like-avatar-verified{width:14px;height:14px}.reel-like-avatar-more-text{font-size:9px}.reel-like-avatars-label{font-size:11px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;text-align:center;box-shadow:0 2px 10px #0000001a;max-width:400px;width:90%}.modal-close-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:20px;font-size:16px}.modal-close-button:hover{background-color:#0056b3}.empty-content-card{width:100%;position:absolute;display:flex;max-width:24rem;margin:0 auto;background-color:#fff;box-shadow:0 4px 6px #0000001a;border-radius:.5rem;padding:1.5rem;text-align:center;align-items:center;flex-direction:column}.empty-content-card .username{font-size:1.25rem;font-weight:700;color:#2c3e50;margin-bottom:1rem}.empty-content-card .icon-container{display:flex;justify-content:center;margin-bottom:1rem}.empty-content-card .icon-container svg{font-size:4rem;color:#a0aec0}.empty-content-card .message{color:#718096;font-size:1rem}.user-actions{display:flex;justify-content:center;flex-direction:row-reverse;align-items:center;gap:12px;padding:0 20px;max-width:600px;margin:24px auto}.user-wallet-button2{height:44px;border-radius:25px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;gap:8px;border:none;width:107px;padding:0 20px;white-space:nowrap;box-shadow:0 1px 2px #0000000d;align-items:center;background-color:var(--button-primary2)}.user-wallet-button{height:44px;border-radius:8px;font-weight:500;font-size:14px;width:107px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;border:none;padding:0 20px;white-space:nowrap;box-shadow:0 1px 2px #0000000d}.user-wallet-button svg{width:18px;height:18px}.user-wallet-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.user-wallet-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.user-wallet-button:nth-child(1){background-color:#fff;border:1px solid #e0e0e0;color:#333;min-width:110px;flex:0 0 auto}.user-wallet-button:nth-child(1):hover{background-color:#f8f8f8}.user-wallet-button:nth-child(1) svg{color:#666}.user-wallet-button:nth-child(2){background-color:#2d2d2d;color:#fff;min-width:130px;flex:0 0 auto}.user-wallet-button:nth-child(2):hover{background-color:#404040}.user-wallet-button:nth-child(3){background:linear-gradient(135deg,gold,#ffc000);color:#000;font-weight:600;position:relative;overflow:hidden;flex:1;max-width:200px;height:48px;font-size:15px}.user-wallet-button:nth-child(3):before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transition:left .5s ease}.user-wallet-button:nth-child(3):hover:before{left:100%}.user-wallet-button:nth-child(3):hover{background:linear-gradient(135deg,#ffe44d,gold);box-shadow:0 4px 15px #ffd7004d}.user-wallet-button:nth-child(3) svg{color:#000;width:20px;height:20px}.user-wallet-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.follow-subscribe-button{position:relative;display:flex;align-items:center;gap:8px}.follow-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;margin-top:4px;overflow:hidden}.dropdown-item{width:100%;padding:12px 16px;border:none;background:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f8f8f8}.subscribe-item{color:#333;border-bottom:1px solid #f0f0f0}.unfollow-item{color:#dc2626}.unfollow-item:hover{background-color:#fef2f2}.dropdown-item:disabled{opacity:.6;cursor:not-allowed}.dropdown-item:disabled:hover{background-color:transparent}@media (prefers-color-scheme: dark){.follow-dropdown{background:#2d2d2d;border-color:#404040}.dropdown-item{color:#fff}.dropdown-item:hover{background-color:#404040}.subscribe-item{border-bottom-color:#404040}.unfollow-item{color:#ef4444}.unfollow-item:hover{background-color:#3f1f1f}}@media (max-width: 480px){.user-actions{flex-direction:column;align-items:stretch;gap:10px;padding:0 16px}.user-wallet-button{width:100%;max-width:none}.user-wallet-button:nth-child(1),.user-wallet-button:nth-child(2),.user-wallet-button:nth-child(3){min-width:0}}.user-profile-wrapper{max-width:800px;margin:auto;background-color:#fff;box-shadow:0 4px 10px #0000001a;overflow:hidden;font-family:Roboto,sans-serif}.user-profile-header{display:flex;align-items:center;justify-content:center;position:relative;padding:10px 0}.return-icon{position:absolute;left:10px;cursor:pointer}.user-handle{font-weight:700}.user-stats-container{display:flex;justify-content:space-evenly;align-items:center;padding:20px 0}.user-avatar-profile{width:130px;height:130px;border-radius:50%;object-fit:cover}.user-stat{text-align:center}.user-stat-number{display:block;font-weight:700;font-size:18px}.user-stat-text{color:#666;font-size:14px}.user-full-name{text-align:center;margin:10px 0 5px;font-size:24px}.user-profession{display:block;text-align:center;color:#666;margin-bottom:10px}.user-description{text-align:center;margin:0 0 15px;color:#333;font-size:14px}.user-actions{display:flex;justify-content:center;gap:10px;margin-bottom:15px;flex-direction:row}.subscribe-button1,.user-wallet-button{padding:8px 20px;border-radius:25px;font-weight:700;cursor:pointer}.subscribe-button1{background-color:gold;color:#fff;width:130px;height:45px;border:1px solid #ffd700}.user-wallet-button{border:1px solid #ddd;background-color:#333;color:#fff;border:none;width:107px;height:45px}.user-engagement{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;margin-bottom:15px;background-color:#f8f9fa;color:gold;border-radius:5px}.subscriber-preview{display:flex}.subscriber-preview-image{width:34px;height:34px;border-radius:50%;margin-right:-8px;border:2px solid white}.user-content-navigation{display:flex;justify-content:center;padding:15px 0;background-color:#fff;border-bottom:1px solid #eee}.user-content-navigation button{background:none;border:none;font-size:16px;padding:10px 20px;cursor:pointer;color:#333;transition:color .3s}.user-content-navigation button:hover{color:#0f3460}.user-gallery{display:grid;gap:3px;background-color:#f8f9fa;padding:2px;transition:all .3s ease}.user-gallery.standard,.user-gallery.condensed{grid-template-columns:repeat(3,1fr)}.gallery-item{aspect-ratio:1 / 1;overflow:hidden;transition:all .3s ease;position:relative}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery-item img:hover{transform:scale(1.05)}.user-gallery.standard .gallery-item.featured{grid-column:span 2;grid-row:span 2}.user-gallery.condensed .gallery-item.featured{grid-column:span 1;grid-row:span 1}.user-gallery.animating .gallery-item{opacity:0;transform:scale(.8)}.user-gallery.animating{pointer-events:none}@media (max-width: 768px){.user-profile-header{height:60px;flex-direction:column;align-items:center}.user-actions{margin-top:20px}.user-content-navigation button{font-size:14px;padding:8px 15px}.user-description{text-align:center;margin:0 0 15px;color:#333;font-size:14px;padding-left:12%;width:85%}}@media (max-width: 480px){.user-avatar{width:80px;height:80px}.user-full-name{font-size:20px}.user-content-navigation button{font-size:12px;padding:5px 10px}}.user-content-tabs{display:flex;justify-content:center;gap:1rem;border-bottom:1px solid #eee;padding-bottom:0}.tab{background:none;border:none;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;position:relative;color:#666;transition:color .3s ease}.tab.active{color:#000;font-weight:500}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#000;transition:background-color .3s ease}.tab:hover{color:#000}.reel-content,.premium-content{display:flex;justify-content:center;align-items:center;min-height:200px;color:#666}.reels-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1rem}.reel-item{position:relative;aspect-ratio:9 / 16;background:#000;border-radius:8px;overflow:hidden}.reel-video{width:100%;height:100%;object-fit:cover;cursor:pointer}.reel-overlay{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(transparent,#000000b3);color:#fff;z-index:1}.reel-views{font-size:.875rem}.content-type-overlay{position:absolute;top:.5rem;right:.5rem;background-color:#00000080;border-radius:50%;padding:.25rem;z-index:1}.gallery-item{position:relative}.blurred-lock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:10;cursor:not-allowed}@keyframes other_profile_shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.other_profile_skeleton_base{background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:1000px 100%;animation:other_profile_shimmer 2s infinite linear}.other_profile_container{max-width:800px;margin:auto;padding:16px;background-color:#fff}.other_profile_header{height:40px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:24px}.other_profile_back_button{width:32px;height:32px;border-radius:50%;position:absolute;left:10px}.other_profile_username{width:120px;height:20px;border-radius:4px}.other_profile_stats{display:flex;justify-content:space-evenly;align-items:center;margin-bottom:32px}.other_profile_stat_item{display:flex;flex-direction:column;align-items:center;gap:8px}.other_profile_stat_number{width:60px;height:16px;border-radius:4px}.other_profile_stat_label{width:80px;height:14px;border-radius:4px}.other_profile_avatar{width:130px;height:130px;border-radius:50%}.other_profile_info{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.other_profile_name{width:180px;height:24px;border-radius:4px}.other_profile_profession{width:140px;height:16px;border-radius:4px}.other_profile_description{width:80%;height:32px;border-radius:4px;margin:8px 0}.other_profile_buttons{display:flex;justify-content:center;gap:12px;padding:0 20px;max-width:600px;margin:24px auto}.other_profile_button{height:44px;border-radius:8px}.other_profile_button:nth-child(1){width:110px}.other_profile_button:nth-child(2){width:130px}.other_profile_button:nth-child(3){width:160px;height:48px}.other_profile_tabs{display:flex;justify-content:center;gap:32px;margin:24px 0;padding-bottom:16px;border-bottom:1px solid #eee}.other_profile_tab{width:60px;height:16px;border-radius:4px}.other_profile_content_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:2px}.other_profile_grid_item{aspect-ratio:1;border-radius:4px}@media (max-width: 480px){.other_profile_buttons{flex-direction:column;align-items:stretch}.other_profile_button{width:100%!important}.other_profile_description{width:90%}}.create-post-container{max-width:600px;margin:auto auto 3em;background:#fffffffa;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.create-post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.media-counterN2{font-size:14px;color:#555;text-align:center;margin-bottom:10px}.create-post-header h2{font-size:24px;font-weight:600;color:#1d1d1f;letter-spacing:-.5px}.close-btnN{background-color:transparent;margin-left:-90px;color:#1d1d1f;transition:opacity .2s ease}.close-btnN:hover{opacity:.7}.btn{padding:8px 18px;border:none;border-radius:980px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.btn-primary{background-color:#020e0d;color:#fff}.btn-primary1{background-color:var(--primary-color);color:#fff;width:10em}.btn-primary:hover{background-color:#020e0d;transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.upload-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:60vh;border:2px dashed #dedede;border-radius:14px;cursor:pointer;transition:all .3s ease;background:#f5f5f7}.upload-placeholder:hover{border-color:#020e0d;background:#f0f0f3}.carousel{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;width:100%;gap:0;padding:0;background:#f5f5f7;border-radius:14px;scroll-behavior:smooth}.carousel::-webkit-scrollbar{display:none}.carousel-item{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative}.carousel-media{width:100%;height:100%;object-fit:cover;border-radius:8px}.remove-media-button{position:absolute;top:10px;right:10px;background-color:#0000;color:#fff;border:none;border-radius:50%;width:65px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;font-size:15em}.remove-media-button:hover{background-color:#000000b3}.add-media-item{display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;border:2px dashed #ccc;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.add-media-item:hover{background-color:#e0e0e0}.add-media-item span{font-size:24px;color:#666}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background-color:#ffffffe6;color:#1d1d1f;border:none;height:32px;width:32px;border-radius:50%;font-size:18px;cursor:pointer;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 2px 8px #0000001a;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin-left:15em;margin-top:7em}.carousel-button:hover{background-color:#fff;transform:translateY(-50%) scale(1.05)}.post-options-nav{display:flex;margin-top:1.5rem;background:#f5f5f7;border-radius:12px;padding:4px;gap:4px}.post-options-nav button{flex:1;border-radius:8px;padding:12px;border:none;cursor:pointer;transition:all .2s ease;color:#86868b;background:transparent}.post-options-nav button.active{background:#fff;color:#020e0d;box-shadow:0 2px 8px #0000000d}.location-input,.date-time-picker,.caption-input,.tags-section input{width:100%;padding:12px 16px;margin-top:12px;border:1px solid #dedede;border-radius:12px;transition:all .2s ease;font-size:15px;background:#f5f5f7}.location-input:focus,.date-time-picker:focus,.caption-input:focus,.tags-section input:focus{border-color:#020e0d;background:#fff;outline:none;box-shadow:0 0 0 4px #0066cc1a}.tag{background-color:#f5f5f7;color:#1d1d1f;border-radius:980px;padding:6px 12px;font-size:13px;display:flex;align-items:center;gap:6px;transition:all .2s ease}.tag button{color:#86868b;font-size:16px;padding:0;display:flex;align-items:center}.tag:hover{background-color:#e8e8ed}.filters-section input[type=range]{width:100%;height:4px;background:#dedede;border-radius:2px;margin:16px 0}.filters-section input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000001a;border:1px solid #dedede}.ratio-options{display:flex;gap:8px;margin-bottom:1rem;overflow-x:auto;padding:4px}.ratio-options button{padding:8px 16px;border:1px solid #dedede;border-radius:980px;background:#fff;cursor:pointer;transition:all .2s ease;font-size:13px;white-space:nowrap}.ratio-options button.active{background:#020e0d;color:#fff;border-color:#020e0d}.visibility-section{display:flex;gap:24px;margin-top:20px;padding:16px;background:#f5f5f7;border-radius:12px}.visibility-section label{display:flex;align-items:center;gap:8px;font-size:15px;color:#1d1d1f}.error-message{color:#ff3b30;font-size:14px;margin-top:16px;padding:12px;background:#ff3b301a;border-radius:8px}.premium-price-section{margin:1rem 0;padding:0 1rem}.premium-price-input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.upload-progress-container{width:100%;margin-top:1rem}.upload-progress-bar{width:100%;height:.625rem;background-color:#e5e7eb;border-radius:9999px;overflow:hidden}.upload-progress-fill{height:100%;background-color:#0a4103;border-radius:9999px;transition:width .3s ease-out}.upload-progress-text{font-size:.875rem;color:#4b5563;margin-top:.25rem;text-align:center}.success-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.success-modal{background-color:#fff;border-radius:12px;padding:30px;width:90%;max-width:400px;text-align:center;box-shadow:0 5px 15px #0000004d;animation:slideUp .4s ease-out}.success-icon{font-size:60px;color:#4caf50;margin-bottom:15px}.success-modal h2{margin-bottom:10px;color:#333}.success-modal p{margin-bottom:25px;color:#666}.modal-buttons{display:flex;justify-content:center}.modal-buttons button{padding:10px 20px;border-radius:20px;border:none;background-color:#4caf50;color:#fff;font-weight:700;cursor:pointer;transition:background-color .3s}.modal-buttons button:hover{background-color:#45a049}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.enhanced-user-lists-container{display:flex;flex-direction:column;height:100vh;background-color:#fafbfc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.enhanced-user-lists-header{display:flex;align-items:center;padding:16px;background-color:#fff;border-bottom:1px solid #E8EAED;position:sticky;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.enhanced-back-button{width:fit-content;height:40px;border-radius:20px;background-color:#f8f9fa;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-right:16px;box-shadow:0 1px 2px #0000000d;transition:background-color .2s ease;padding:8px 12px}.enhanced-back-button:hover{background-color:#f1f3f4}.enhanced-header-title{font-size:20px;font-weight:600;color:#1f2937;margin:0;letter-spacing:.3px}.enhanced-tabs-container{display:flex;background-color:#fff;border-bottom:1px solid #F1F3F4;padding:0 16px;position:sticky;top:73px;z-index:90;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.enhanced-tabs-container::-webkit-scrollbar{display:none}.enhanced-tab-button{padding:12px 16px;font-size:14px;font-weight:600;color:#6b7280;background:none;border:none;cursor:pointer;position:relative;transition:color .2s ease;letter-spacing:.3px;white-space:nowrap;min-width:fit-content;display:flex;align-items:center;gap:8px}.enhanced-tab-button:hover{color:#374151}.enhanced-tab-button.enhanced-tab-active{color:#144033}.enhanced-tab-button.enhanced-tab-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#144033;border-radius:2px 2px 0 0}.enhanced-search-container{display:flex;align-items:center;background-color:#fff;margin:12px 16px;padding:12px 16px;border-radius:16px;border:1px solid #E8EAED;box-shadow:0 2px 4px #0000000a;transition:border-color .2s ease,box-shadow .2s ease}.enhanced-search-container:focus-within{border-color:#144033;box-shadow:0 2px 8px #1440331a}.enhanced-search-input{flex:1;font-size:16px;color:#1f2937;font-weight:400;letter-spacing:.2px;border:none;outline:none;background:transparent}.enhanced-search-input::placeholder{color:#8e8e8e}.enhanced-users-list{flex:1;overflow-y:auto;padding:8px 16px 24px;background-color:#fafbfc}.enhanced-user-item{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:14px 16px;margin:4px 0;border-radius:12px;border:1px solid #F1F3F4;cursor:pointer;box-shadow:0 1px 3px #00000008;transition:all .2s ease}.enhanced-user-item:hover{border-color:#e8eaed;box-shadow:0 2px 6px #0000000f;transform:translateY(-1px)}.enhanced-user-info{display:flex;align-items:center;flex:1;gap:14px}.enhanced-user-avatar{width:48px;height:48px;border-radius:24px;background-color:#f8f9fa;border:2px solid #FFFFFF;object-fit:cover;flex-shrink:0}.enhanced-user-details{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.enhanced-user-name-section{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:2px}.enhanced-username{font-size:16px;font-weight:600;color:#1f2937;letter-spacing:.1px}.enhanced-full-name{font-size:14px;color:#6b7280;font-weight:400;letter-spacing:.1px}.enhanced-category-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:500;background-color:#f0f9ff;color:#0284c7;border:1px solid #E0F2FE}.enhanced-category-badge:has(.enhanced-mutual){background-color:#fdf2f8;color:#be185d;border-color:#fce7f3}.enhanced-category-badge:has(.enhanced-follower){background-color:#ecfdf5;color:#059669;border-color:#d1fae5}.enhanced-category-text{font-size:11px;text-transform:uppercase;letter-spacing:.5px}.enhanced-category-icon{width:12px;height:12px;flex-shrink:0}.enhanced-category-icon.enhanced-mutual{color:#be185d}.enhanced-category-icon.enhanced-following{color:#0284c7}.enhanced-category-icon.enhanced-follower{color:#059669}.enhanced-follow-button{padding:8px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:80px;width:fit-content;letter-spacing:.1px}.enhanced-follow-button.enhanced-not-following{background-color:#144033;color:#fff;border:1px solid #144033}.enhanced-follow-button.enhanced-not-following:hover{background-color:#0f352a;border-color:#0f352a}.enhanced-follow-button.enhanced-following{background-color:#fff;color:#6b7280;border:1px solid #E5E7EB}.enhanced-follow-button.enhanced-following:hover{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.enhanced-follow-button.enhanced-following:hover:after{content:"Unfollow"}.enhanced-follow-button.enhanced-following:hover .enhanced-follow-text{display:none}.enhanced-subscriber-details{margin-top:4px}.enhanced-subscription-plan{font-size:12px;color:#144033;font-weight:600;letter-spacing:.1px;margin-bottom:2px}.enhanced-subscription-dates{font-size:12px;color:#6b7280;font-weight:400;letter-spacing:.1px}.enhanced-loading-state,.enhanced-empty-state{flex:1;display:flex;justify-content:center;align-items:center;padding:60px 32px;background-color:#fafbfc}.enhanced-loading-state{font-size:16px;color:#6b7280;font-weight:500}.enhanced-empty-state p{font-size:16px;color:#6b7280;text-align:center;font-weight:500;letter-spacing:.2px;line-height:24px;margin:0}.enhanced-loading-spinner{width:32px;height:32px;border:3px solid #F3F4F6;border-top:3px solid #144033;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.enhanced-users-list::-webkit-scrollbar{width:6px}.enhanced-users-list::-webkit-scrollbar-track{background:#f9fafb}.enhanced-users-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.enhanced-users-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 480px){.enhanced-user-lists-header{padding:12px 16px}.enhanced-header-title{font-size:18px}.enhanced-search-container{margin:12px;padding:10px 14px}.enhanced-users-list{padding:8px 12px 24px}.enhanced-tabs-container{padding:0 12px}.enhanced-tab-button{padding:10px 12px;font-size:13px}.enhanced-user-item{padding:12px 14px}.enhanced-user-avatar{width:44px;height:44px;border-radius:22px}.enhanced-username{font-size:15px}.enhanced-full-name{font-size:13px}.enhanced-category-badge{font-size:11px;padding:3px 6px}.enhanced-follow-button{padding:6px 12px;font-size:13px;min-width:70px}}.enhanced-separator{height:1px;background-color:#f1f3f4;margin:8px 16px}.enhanced-section-header{font-size:16px;font-weight:700;color:#374151;padding:12px 20px;background-color:#f9fafb;letter-spacing:.3px}.enhanced-fade-in{opacity:1;transition:opacity .3s ease}.enhanced-fade-out{opacity:.6;transition:opacity .3s ease}.enhanced-accessible-touchable{min-height:44px;min-width:44px}.suggested-users-divider{display:flex;align-items:center;padding:20px;gap:12px}.divider-line{flex:1;height:1px}.divider-text{color:#8b949e;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.suggested-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;background-color:#307c004b;border-radius:12px;font-size:11px;font-weight:600;color:#fff}.followed-by-mutuals-text{color:#8b949e;font-size:13px;margin-top:2px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.enhanced-empty-state{text-align:center;padding:60px 20px;color:#8b949e}.enhanced-empty-state p{font-size:20px;margin:0}.profile-edit-container{background-color:#fff;min-height:100vh;color:#e9edef;position:relative;overflow:hidden}.profile-header-section{display:flex;align-items:center;padding:16px;background-color:#e9edef;gap:24px}.profile-header-section h1{margin:0;font-size:20px;font-weight:500;color:#202c33}.back-icon{cursor:pointer;color:#202c33}.profile-picture-section{padding:24px 0;display:flex;justify-content:center;background-color:#fff}.profile-picture-editer{position:relative;width:200px;height:200px}.profile-picture-editer img{width:100%;height:100%;border-radius:50%;object-fit:cover}.camera-button{position:absolute;bottom:0;right:0;width:54px;height:54px;border-radius:50%;background-color:#0c3a2d;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0006}.profile-fields{padding:8px 0}.profile-field{display:flex;align-items:flex-start;padding:16px;cursor:pointer;position:relative;transition:background-color .2s}.profile-field:hover{background-color:#202c33}.field-icon{width:24px;height:24px;margin-right:16px;margin-top:4px;color:#8696a0}.field-content{flex:1}.field-content label{font-size:14px;color:#8696a0;margin-bottom:4px;display:block}.field-value{font-size:17px;color:#292929;margin:4px 0}.field-hint{font-size:13px;color:#292929;margin:4px 0 0}.edit-icon{width:20px;height:20px;color:#0c3a2d;margin-left:12px;margin-top:4px}.edit-screen{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#e9edef;z-index:10;animation:slideIn .3s ease-out}.edit-header{display:flex;align-items:center;padding:16px;background-color:#e9edef;gap:16px}.edit-title{flex:1;font-size:20px;color:#292929}.save-button{background:none;border:none;color:#ffc542;font-size:16px;cursor:pointer;padding:8px 16px}.save-button:disabled{color:#292929;cursor:not-allowed}.edit-content{padding:24px 16px}.edit-input{width:100%;background-color:transparent;border:none;border-bottom:2px solid #ffc542;color:#e9edef;font-size:17px;padding:8px 0;margin-bottom:8px}.edit-input:focus{outline:none}.edit-hint{font-size:13px;color:#8696a0;margin:8px 0}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.main-profile{transition:transform .3s ease-out}.main-profile.slide-out{transform:translate(-30%)}.registration-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--background-color);font-family:Inter,sans-serif}.form-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:40px;width:100%;max-width:500px;animation:fadeIn .5s ease-out}.form-title{text-align:center;color:var(--text-color);margin-bottom:30px;font-weight:600}.form-group{margin-bottom:20px;position:relative;transition:all .3s ease}.form-label{display:block;margin-bottom:8px;color:var(--text-color);font-weight:400}.required-asterisk{color:var(--error-color);margin-left:4px}.form-input{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .3s ease;position:relative;z-index:2}.form-group.focused .form-label{color:var(--primary-color)}.input-shine{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;border-radius:8px;z-index:1}.form-group.valid-input .input-shine:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(115deg,transparent 0%,var(--secondary-color) 50%,transparent 100%);transform:rotate(-45deg);animation:shine 2s infinite linear}@keyframes shine{0%{left:-100%;top:-100%}to{left:100%;top:100%}}.error-message{color:var(--error-color);font-size:14px;margin-top:8px;display:flex;align-items:center;animation:shake .4s linear}.error-icon{background-color:var(--error-color);color:#fff;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;font-weight:700}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.submit-buttonR{width:100%;padding:15px;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-weight:600;gap:10px}.submit-buttonR:disabled{background-color:#bdc3c7;cursor:not-allowed}.submit-buttonR:not(:disabled):hover{background-color:#0a41036c;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.button-arrow{width:24px;height:24px}.input-wrapper{position:relative}.birthday-input-container{display:flex;gap:10px;width:100%}.birthday-select-wrapper{position:relative;flex:1}.birthday-select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:14px;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s,box-shadow .2s}.birthday-select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.birthday-select-wrapper:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #666;pointer-events:none}.birthday-select:disabled{background-color:#f5f5f5;cursor:not-allowed}.valid-input .birthday-select{border-color:#28a745}.valid-input .input-shine{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fffc,#fff0);animation:shine 1.5s ease-in-out;pointer-events:none}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.gender-selector-dropdown{position:relative;width:100%}.gender-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;cursor:pointer;background-color:#fff;text-align:left;transition:border-color .2s ease,box-shadow .2s ease}.gender-dropdown-trigger:hover{border-color:#9ca3af}.gender-dropdown-trigger:focus{outline:2px solid #3b82f6;outline-offset:2px;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.gender-options{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;max-height:200px;overflow-y:auto;animation:slideDown .2s ease-out}.gender-option{width:100%;padding:12px 16px;text-align:left;border:none;background-color:#fff;cursor:pointer;font-size:14px;border-bottom:1px solid #f3f4f6;transition:background-color .15s ease}.gender-option:hover{background-color:#f9fafb}.gender-option:focus{background-color:#f3f4f6;outline:none}.gender-option:last-child{border-bottom:none;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.gender-option:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.gender-option.selected{background-color:#f3f4f6;font-weight:500}.chevron-icon{transition:transform .2s ease;color:#6b7280}.gender-dropdown-trigger[aria-expanded=true] .chevron-icon{transform:rotate(180deg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.gender-options{max-height:160px}.gender-option{padding:14px 16px;font-size:16px}}@media (prefers-color-scheme: dark){.gender-dropdown-trigger,.gender-options,.gender-option{background-color:#374151;color:#f9fafb;border-color:#4b5563}.gender-option:hover{background-color:#4b5563}.gender-option:focus,.gender-option.selected{background-color:#4b5563}.chevron-icon{color:#9ca3af}}@media (prefers-contrast: high){.gender-dropdown-trigger,.gender-options{border:2px solid #000}.gender-option:hover{background-color:#000;color:#fff}}:root{--primary-color: #FDBC2E;--secondary-color: #0C3A2D;--error-color: #e74c3c;--background-color: #f7f9fc;--text-color: #2c3e50}*{box-sizing:border-box;margin:0;padding:0}.profile-setup-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--background-color);font-family:Inter,sans-serif}.profile-setup-wrapper{background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;padding:26px;width:100%;max-width:500px;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-setup-title{text-align:center;color:var(--text-color);margin-bottom:30px;font-weight:600}.tag-warning{display:flex;align-items:center;background-color:#ffecb3;color:#664d03;padding:10px;border-radius:4px;margin-bottom:10px;animation:fadeOut 3s}.tag-warning .warning-icon{margin-right:10px;color:#ffc107}@keyframes fadeOut{0%{opacity:1}90%{opacity:1}to{opacity:0}}.profile-picture-section{display:flex;justify-content:center;margin-bottom:30px}.file-input{display:none}.profile-picture-upload{width:200px;height:200px;border-radius:50%;border:3px dashed var(--input-border-color);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.profile-picture-upload:hover{border-color:var(--primary-color)}.profile-picture-upload.has-preview{border:none}.profile-picture-placeholder{display:flex;flex-direction:column;align-items:center;color:var(--text-color)}.profile-picture-placeholder svg{width:50px;height:50px;color:var(--input-border-color);margin-bottom:10px}.profile-picture-preview{width:100%;height:100%;object-fit:cover;border-radius:50%}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:10px;color:var(--text-color);font-weight:500}.form-input{width:100%;padding:12px 15px;border:2px solid var(--input-border-color);border-radius:8px;font-size:16px;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3498db33}.form-actions{display:flex;justify-content:space-between;gap:15px;flex-direction:column}.btn{flex:1;padding:15px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#2980b9;transform:translateY(-2px)}.btn-secondary{background-color:#e0e4e7;color:var(--text-color)}.btn-secondary:hover{background-color:#d3d8de}.btn svg{width:24px;height:24px}.tag-selector-dropdown{position:relative}.tag-dropdown-trigger{width:100%;padding:10px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.tag-selector{position:absolute;top:100%;left:0;width:100%;background-color:#fff;border:1px solid #ccc;border-top:none;max-height:300px;overflow-y:auto;z-index:10}.tag-category{border-bottom:1px solid #eee}.category-button{width:100%;padding:10px;background-color:#f8f8f8;border:none;text-align:left;cursor:pointer}.tag-options{display:none}.tag-options.expanded{display:block}.tag-option{width:100%;padding:8px 10px;border:none;background-color:#fff;text-align:left;cursor:pointer}.tag-option:hover{background-color:#f0f0f0}.tag-option.selected{background-color:#e0e0e0}.character-count{display:block;text-align:right;color:#666;font-size:.8em;margin-top:5px}.bio-input-wrapper{position:relative}.character-count{position:absolute;bottom:-20px;right:0;font-size:12px;color:#666}.bio-input{resize:vertical;min-height:100px}.register-container{background-color:#f7fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.register-form-wrapper{background-color:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 4px 24px #00000014;width:100%;max-width:32rem;transition:transform .3s ease,box-shadow .3s ease}.register-form-wrapper:hover{transform:translateY(-2px);box-shadow:0 6px 28px #0000001a}.register-header{display:flex;align-items:center;position:relative}.back-arrow{width:1.75rem;height:1.75rem;color:#1d1d1f;cursor:pointer;transition:all .2s ease;position:absolute;left:0}.back-arrow:hover{transform:translate(-2px);color:#000}.register-title{font-size:28px;font-weight:600;text-align:center;flex-grow:1;margin-top:2.3rem;letter-spacing:-.5px;color:#1d1d1f}.profile-upload-section{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.profile-picture-container{position:relative;width:7rem;height:7rem;margin-bottom:1rem}.profile-preview{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 12px #00000014}.profile-placeholder{width:100%;height:100%;border-radius:50%;background-color:#f2f2f7;display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 4px 12px #00000014}.camera-icon{width:2.5rem;height:2.5rem;color:#86868b}.upload-button{position:absolute;bottom:0;right:0;background-color:#fff;border-radius:50%;padding:.625rem;box-shadow:0 2px 8px #0000001f;cursor:pointer;transition:all .2s ease}.upload-button:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000029}.register-form,.form-fields{display:flex;flex-direction:column;gap:1.5rem}.form-input,.form-textarea,.country-select,.phone-input{width:100%;padding:.75rem 1rem;border:1px solid #e5e5e5;border-radius:12px;font-size:17px;transition:all .2s ease;background-color:#fffc;color:#1d1d1f}.form-input:focus,.form-textarea:focus,.country-select:focus,.phone-input:focus{outline:none;border-color:#fdbc2e;box-shadow:0 0 0 4px #fdbc2e26}.form-textarea{resize:vertical;min-height:4rem;line-height:1.5;height:2rem}.phone-input-group{display:flex;gap:.75rem}.country-select{width:35%}.phone-input{width:65%}input[type=date]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:17px;color:#1d1d1f;padding:.75rem 1rem;border:1px solid #e5e5e5;border-radius:12px;background-color:#fffc;cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer}input[type=date]:hover,input[type=date]:focus{border-color:#fdbc2e;box-shadow:0 0 0 4px #fdbc2e26}input[type=date]:before{content:attr(placeholder);color:gray;margin-right:5px}input[type=date]:focus:before{content:none}.chevron-icon.rotate-180{transform:rotate(-270deg)}.error-message{color:#ff3b30;font-size:14px;margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.submit-button{width:100%;background-color:#fdbc2e;color:#000;padding:.875rem 1.5rem;border-radius:9px;font-size:17px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #fdbc2e4d}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #fdbc2e66;background-color:#ffc542}.submit-button:disabled{opacity:.6;cursor:not-allowed}.register-footer{margin-top:2rem;text-align:center}.login-text{font-size:15px;color:#86868b}.login-link{color:#06c;font-weight:500;text-decoration:none;transition:color .2s ease}.login-link:hover{color:#0077e6;text-decoration:underline}.terms-text{margin-top:.75rem;font-size:13px;color:#86868b;line-height:1.4}@media (max-width: 640px){.register-title{font-size:24px}.form-input,.form-textarea,.country-select,.phone-input,input[type=date],.submit-button{font-size:16px}}:root{--light-bg: #ffffff;--light-text-primary: #202c33;--light-text-secondary: #8696a0;--light-border: #e9edef;--light-hover: #f0f2f5;--light-input-bg: #e9edef}[data-theme=dark]{--dark-bg: #111b21;--dark-text-primary: #e9edef;--dark-text-secondary: #aebac1;--dark-border: #222e35;--dark-hover: #202c33;--dark-input-bg: #202c33}.settings-container{background-color:var(--light-bg);min-height:100vh;color:var(--light-text-primary);margin-bottom:49px}[data-theme=dark] .settings-container{background-color:var(--dark-bg);color:var(--dark-text-primary)}.settings-header{display:flex;align-items:center;padding:10px 16px;background-color:var(--light-input-bg);gap:24px}[data-theme=dark] .settings-header{background-color:var(--dark-input-bg)}.back-icon{cursor:pointer;color:var(--light-text-secondary)}[data-theme=dark] .back-icon{color:var(--dark-text-secondary)}.search-input-settings{flex:1;background-color:var(--light-input-bg);border:none;color:var(--light-text-primary);font-size:16px;padding:8px 12px;border-radius:8px}[data-theme=dark] .search-input-settings{background-color:var(--dark-input-bg);color:var(--dark-text-primary)}.search-input::placeholder{color:var(--light-text-secondary)}[data-theme=dark] .search-input::placeholder{color:var(--dark-text-secondary)}.profile-section-settings{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;border-bottom:1px solid var(--light-border)}[data-theme=dark] .profile-section-settings{border-bottom:1px solid var(--dark-border)}.profile-info{display:flex;align-items:center;gap:16px}.profile-image-Settings{width:117px;height:73px;border-radius:50%;object-fit:cover}.profile-text h2{margin:0;font-size:18px;color:var(--light-text-primary)}[data-theme=dark] .profile-text h2{color:var(--dark-text-primary)}.profile-text p{margin:4px 0 0;font-size:14px;color:var(--light-text-primary)}[data-theme=dark] .profile-text p{color:var(--dark-text-primary)}.profile-actions{color:var(--light-text-primary)}.profile-share-icon{cursor:pointer;width:32px;height:26px;color:var(--light-text-primary);margin-right:315px;position:absolute;margin-bottom:-5px}[data-theme=dark] .profile-share-icon,[data-theme=dark] .profile-actions{color:var(--dark-text-primary)}.qr-icon{cursor:pointer;color:var(--light-text-primary)}[data-theme=dark] .qr-icon{color:var(--dark-text-primary)}.settings-options{padding:8px 0}.settings-option{display:flex;align-items:center;padding:16px;cursor:pointer;transition:background-color .2s}.settings-option:hover{background-color:var(--light-hover)}[data-theme=dark] .settings-option:hover{background-color:var(--dark-hover)}.option-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--light-text-primary);margin-right:16px}[data-theme=dark] .option-icon{color:var(--dark-text-primary)}.option-content{flex:1}.option-content h3{margin:0;font-size:17px;font-weight:500;color:var(--light-text-primary)}[data-theme=dark] .option-content h3{color:var(--dark-text-primary)}.option-content p{margin:4px 0 0;font-size:14px;color:var(--light-text-secondary)}[data-theme=dark] .option-content p{color:var(--dark-text-secondary)}.qr-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.qr-modal{background-color:#fff;border-radius:12px;padding:24px;max-width:320px;width:90%;box-shadow:0 2px 10px #0000001a}.qr-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.qr-modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.close-button{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-button:hover{background-color:#f5f5f5}.qr-content{display:flex;flex-direction:column;align-items:center;gap:20px}.qr-code-container{background-color:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px #0000000d}.qr-profile-info{text-align:center}.qr-profile-info .username{font-weight:500;margin:0 0 4px}.qr-profile-info .scan-text{color:#666;font-size:.875rem;margin:0}.qr-button{background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.qr-button:hover{background-color:#f5f5f5}.create-thread-container{max-width:600px;margin:0 auto;padding:16px}.create-thread-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e0e0e0;margin-bottom:20px}.back-button{background:none;border:none;cursor:pointer;padding:8px}.post-button{background-color:#0095f6;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer}.post-button:disabled{opacity:.6;cursor:not-allowed}.thread-content-section{margin-bottom:20px}.thread-input{width:100%;min-height:120px;padding:16px;border:none;resize:none;font-size:16px;line-height:1.5;outline:none}.thread-input::placeholder{color:#666}.media-upload-section{margin-bottom:20px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:16px}.media-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden}.preview-image{width:100%;height:100%;object-fit:cover}.remove-media{position:absolute;top:4px;right:4px;background:#00000080;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.add-media{aspect-ratio:1;border:2px dashed #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;color:#666}.upload-placeholder{border:2px dashed #ccc;border-radius:8px;padding:40px;text-align:center;cursor:pointer}.upload-hint{display:block;font-size:12px;color:#666;margin-top:8px}.error-message{color:#f44;margin-top:16px;text-align:center}.preview-video{width:100%;height:100%;object-fit:cover}*{padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.app{min-height:100vh;background-color:var(--background-color);transition:background-color var(--transition-normal)}.plucs-sidebar{width:250px;background-color:var(--card-bg);color:var(--text-color);display:flex;flex-direction:column;justify-content:flex-start;padding:20px;position:fixed;left:0;top:0;bottom:0;z-index:998;box-shadow:var(--shadow-md);transition:background-color var(--transition-normal),color var(--transition-normal)}.plucs-logo-area{text-align:center;width:135px;height:43px;margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) 0}.plucs-logo{width:70%;height:auto}.plucs-nav-links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.plucs-nav-item{color:var(--text-secondary);text-decoration:none;font-size:1rem;padding:var(--spacing-lg) var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;justify-content:center}.plucs-nav-item:hover{color:var(--button-primary);background-color:var(--hover-bg)}.plucs-nav-item:active{color:var(--button-primary)}.plucs-nav-text{font-weight:400}.plucs-nav-item-create-button{color:var(--text-secondary);text-decoration:none;font-size:1rem;padding:var(--spacing-lg) var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;justify-content:center}.plucs-nav-item-create-button:hover{color:var(--button-primary);background-color:var(--hover-bg)}.plucs-create-dropdown-container{position:relative}.plucs-dropdown-menu{position:absolute;top:100%;left:-142px;width:23em;background-color:var(--card-bg);border-radius:var(--radius-md);margin-top:var(--spacing-xs);padding:var(--spacing-lg);box-shadow:var(--shadow-md);animation:plucsSlideDown var(--transition-normal);z-index:1000;border:1px solid var(--border-color);transition:transform .2s ease-out}.plucs-dropdown-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:998}.plucs-dropdown-drag-handle{width:40px;height:5px;background-color:var(--text-secondary);border-radius:3px;margin:10px auto;opacity:.5}@keyframes plucsSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.plucs-dropdown-item{color:var(--text-secondary);text-decoration:none;padding:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.plucs-dropdown-item:hover{background-color:var(--hover-bg);color:var(--text-color)}.plucs-content{margin-left:250px;width:100%;background-color:var(--background-color);min-height:100vh;transition:background-color var(--transition-normal)}.plucs-icon-with-badge{position:relative;display:inline-flex}.plucs-message-badge{position:absolute;top:-8px;right:-8px;background-color:#ff3b30;color:#fff;border-radius:50%;padding:2px 6px;font-size:12px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-weight:700}.plucs-profile-picture{width:30px;height:30px;border-radius:50%;object-fit:cover;border:none}.plucs-nav-item:hover .plucs-profile-picture{opacity:.8}.plucs-profile-nav-pic.plucs-loading{opacity:.7}.plucs-nav-item.plucs-active .plucs-profile-nav-pic{border-color:var(--accent-color, #144033);box-shadow:0 0 0 2px #14403333}@media (max-width: 768px){.plucs-sidebar{width:100%;height:60px;position:fixed;bottom:0;top:auto;left:0;right:0;display:flex;justify-content:center;align-items:center;flex-direction:row;padding:8px 16px;background-color:var(--card-bg);box-shadow:0 -2px 20px #0000001a;border-top:1px solid var(--border-color, rgba(0, 0, 0, .1))}.plucs-logo-area{display:none}.plucs-nav-links{flex-direction:row;width:100%;max-width:500px;gap:0;justify-content:space-evenly;align-items:center;height:100%}.plucs-nav-item,.plucs-nav-item-create-button{flex:1;flex-direction:column;justify-content:center;align-items:center;padding:8px 4px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.75rem;min-height:54px;max-width:80px;text-align:center;gap:4px;transition:all var(--transition-fast)}.plucs-nav-item:hover,.plucs-nav-item-create-button:hover{transform:none;background-color:var(--hover-bg);color:var(--button-primary)}.plucs-nav-item.plucs-active,.plucs-nav-item-create-button.plucs-active{color:var(--button-primary);background-color:var(--hover-bg)}.plucs-profile-picture{width:24px;height:24px}.plucs-icon-with-badge{position:relative}.plucs-message-badge{top:-6px;right:-6px;font-size:10px;min-width:16px;height:16px;padding:1px 4px}.plucs-desktop-only{display:none}.plucs-nav-text{font-size:11px;font-weight:400;margin-top:2px}.plucs-dropdown-menu{bottom:100%;top:auto;left:50%;transform:translate(-50%);margin-bottom:8px;width:90vw;max-width:320px}.plucs-content{margin-left:0;padding-bottom:80px;width:100%}.chat-window .plucs-sidebar{display:none}.plucs-nav-item-create-button svg{width:28px;height:28px}.plucs-nav-item svg{width:20px;height:20px;flex-shrink:0}}@media (max-width: 1024px) and (min-width: 769px){.plucs-sidebar{width:200px}.plucs-content{margin-left:200px}}@media (max-width: 768px){.plucs-sidebar{padding-bottom:env(safe-area-inset-bottom)}.plucs-content{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}.message-history-container{max-width:48rem;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.history-card{background-color:#fff;border-radius:14px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.history-header{border-bottom:1px solid #e5e7eb;padding:1rem;display:flex;align-items:center;gap:.5rem;background-color:#f8f8f8}.tab-container{display:flex;gap:.5rem;padding:1rem;border-bottom:1px solid #e5e7eb;background-color:#f8f8f8;overflow-x:auto}.tab-button{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;transition:all .2s ease;border:none;cursor:pointer}.tab-button.active{background-color:#007aff;color:#fff}.tab-button:not(.active){background-color:#e5e7eb;color:#4b5563}.tab-button:not(.active):hover{background-color:#d1d5db}.message-item{padding:1rem;transition:background-color .2s ease;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f0}.message-item:hover{background-color:#f8f8f8}.message-content{display:flex;align-items:center;gap:1rem;flex:1}.profile-pic{width:3rem;height:3rem;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.message-details{flex:1}.user-flow{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.status-info{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.85rem;margin-top:.25rem}.status-icon{display:flex;align-items:center}.status-icon.accepted{color:#34d399}.status-icon.declined{color:#ef4444}.status-icon.pending{color:#fbbf24}.empty-state{padding:2rem;text-align:center;color:#6b7280;font-size:.95rem}.loading-state{padding:2rem;text-align:center;color:#6b7280;display:flex;justify-content:center;align-items:center}:root{--primary-color: #124a3a;--secondary-color: #1a6b54;--text-color: #333;--error-color: #ff6b6b;--background-color: #f4f4f4}.auth-containerL{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}.logo-container{text-align:center;margin-bottom:1rem}.logo-container img{max-width:150px;height:auto}.center{text-align:center;margin-bottom:1.5rem}h2{color:var(--primary-color);margin-bottom:.5rem}.error-message{background-color:#fee;color:var(--error-color);padding:10px;border-radius:5px;margin-bottom:15px;text-align:center}.input-group input:focus{outline:none;border-color:#0c3a2d}.auth-containerL button{padding:10px;background-color:#0c3a2d;color:#fff;border:none;border-radius:9px;font-size:16px;cursor:pointer}.input-group .fa-icon{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:var(--primary-color)}.toggle-passwordL{position:absolute;top:50%;right:10px;transform:translateY(-50%);background:none;border:none;cursor:pointer;width:auto}.submit-buttonL{width:100%;padding:12px;background-color:#0c3a2d;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:var(--secondary-color)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.submit-button.loading{display:flex;justify-content:center;align-items:center}.spinner{width:20px;height:20px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin-right:10px}.register-link{text-align:center;margin-top:1rem}.auth-switch{color:var(--primary-color);text-decoration:underline;cursor:pointer}.input-group{position:relative;margin-bottom:1rem}.input-group input{width:100%;padding:10px 40px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border-color .3s ease}.input-group .fa-icon{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:#0c3a2d}.toggle-password{position:absolute;top:50%;right:10px;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--primary-color)}.toggle-password:focus{outline:none}.google-signin-container{margin-top:15px;text-align:center}.google-signin-button{display:flex;align-items:center;justify-content:center;width:100%;padding:10px;background-color:#0c3a2d;color:#757575;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.google-signin-button:hover{background-color:#f5f5f5}.google-signin-button.loading{opacity:.5;cursor:not-allowed}.google-icon{margin-right:10px}.forgot-password-container{text-align:right;margin-bottom:15px}.forgot-password-link{color:#007bff;text-decoration:none;font-size:14px}.forgot-password-link:hover{text-decoration:underline}.status-creator{max-width:600px;margin:2rem auto;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.status-creator__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #eee}.status-creator__title{font-size:1.25rem;font-weight:600;margin:0;text-align:center;flex-grow:1}.status-creator__close-btn,.status-creator__post-btn{padding:.5rem 1rem;width:fit-content;border:none;background:none;cursor:pointer;border-radius:6px;transition:background-color .2s}.status-creator__close-btn:hover{background-color:#f5f5f5}.status-creator__post-btn{background-color:#0f500d;color:#fff;font-weight:500}.status-creator__post-btn:hover:not(:disabled){background-color:#0f500d}.status-creator__post-btn--disabled{opacity:.5;cursor:not-allowed}.status-creator__preview{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;height:60vh}.status-creator__preview--text-mode{display:flex;align-items:center;justify-content:center;padding:1rem}.status-creator__media{width:100%;height:100%;object-fit:cover}.status-creator__text-preview{width:100%;text-align:center;word-wrap:break-word;padding:1rem}.status-creator__tools{display:flex;gap:.5rem;padding:1rem;border-bottom:1px solid #eee}.status-creator__tool-btn{padding:.5rem 1rem;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s}.status-creator__tool-btn:hover{background:#f5f5f5;border-color:#ccc}.status-creator__file-input{display:none}.status-creator__text-controls{padding:1rem;border-bottom:1px solid #eee}.status-creator__control-group{margin-bottom:1rem}.status-creator__label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:#666}.status-creator__slider{width:100%;margin:.5rem 0}.status-creator__color-grid{display:flex;flex-wrap:wrap;gap:.5rem}.status-creator__color-btn{width:2rem;height:2rem;border:none;border-radius:50%;cursor:pointer;transition:transform .2s;position:relative}.status-creator__color-btn:hover{transform:scale(1.1)}.status-creator__color-btn--selected:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:2px solid #0066ff;border-radius:50%}.status-creator__caption-container{padding:1rem;position:relative}.status-creator__caption{width:100%;min-height:100px;padding:.75rem;border:1px solid #ddd;border-radius:6px;resize:none;font-size:1rem;line-height:1.5}.status-creator__caption:focus{outline:none;border-color:#06f}.status-creator__caption-counter{position:absolute;bottom:1.5rem;right:1.5rem;font-size:.875rem;color:#666}.modal-content{background-color:#fff;border-radius:.5rem;padding:1.5rem;max-width:28rem;width:90%;box-shadow:0 2px 10px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-title{font-size:1.25rem;font-weight:700;margin:0}.close-button{background:none;border:none;padding:.25rem;cursor:pointer;border-radius:9999px;display:flex;align-items:center;justify-content:center}.close-button:hover{background-color:#f3f4f6}.modal-description{font-size:1rem;color:#4b5563;margin-bottom:1.5rem}.features-list{display:flex;flex-direction:column;gap:.75rem}.feature-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease}.feature-item:hover{background-color:#f9fafb}.feature-icon-wrapper{padding:.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center}.feature-icon{width:1rem;height:1rem}.purple-bg{background-color:#f3e8ff}.green-bg{background-color:#dcfce7}.blue-bg{background-color:#dbeafe}.purple{color:#9333ea}.green{color:#16a34a}.blue{color:#2563eb}.feature-text{flex:1}.feature-title{font-weight:600;margin:0 0 .25rem}.feature-description{font-size:.875rem;color:#4b5563;margin:0}.later-button{width:100%;background-color:#2563eb;color:#fff;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;margin-top:1.5rem;font-size:1rem;transition:background-color .2s ease}.later-button:hover{background-color:#1d4ed8}.reel-suggestions-container{margin:0;color:#fff;padding:16px 0}.reel-section-heading{padding:12px 16px;margin:0;font-size:16px;font-weight:600;display:flex;color:#144033;align-items:center;gap:8px}.reel-horizontal-scroll{display:flex;overflow-x:auto;gap:12px;padding:16px;scrollbar-width:none;-ms-overflow-style:none}.reel-horizontal-scroll::-webkit-scrollbar{display:none}.reel-preview-card{position:relative;flex:0 0 220px;height:400px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0003;transition:transform .2s ease;cursor:pointer}.reel-preview-card:hover{transform:scale(1.02)}.reel-preview-video{position:absolute;width:100%;height:100%;object-fit:cover;z-index:1}.reel-discover-header{display:flex;align-items:center;padding:0 16px}.reel-discover-icon{font-size:20px;margin-right:8px;color:#fff}.reel-gradient-overlay{position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(to bottom,#0000,#0006,#000c);z-index:2}.reel-card-content{position:absolute;bottom:16px;left:0;right:0;z-index:3;display:flex;flex-direction:column;align-items:center;padding:0 12px}.reel-user-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.8);margin-bottom:8px;box-shadow:0 2px 4px #0003}.reel-user-avatar img{width:100%;height:100%;object-fit:cover}.reel-user-info{text-align:center;margin-bottom:12px}.reel-user-name{font-size:14px;font-weight:600;color:#fff;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.reel-follower-count{font-size:12px;color:#ffffffe6;margin:4px 0 0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.reel-follow-button{background:#fff3;border:1px solid rgba(255,255,255,.8);color:#fff;padding:6px 16px;border-radius:20px;width:fit-content;font-size:14px;font-weight:500;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.reel-follow-button:hover{background-color:#1a5142;transform:translateY(-1px)}.suggested-status-container{padding:1rem}.suggested-status-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.suggested-status-icon{width:1.5rem;height:1.5rem}.suggested-status-title{font-size:1.125rem;font-weight:600}.status-scroll-container{display:flex;overflow-x:auto;gap:1rem;padding-bottom:1rem;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}.status-scroll-container::-webkit-scrollbar{height:6px}.status-scroll-container::-webkit-scrollbar-track{background:transparent}.status-scroll-container::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:3px}.status-preview-card{position:relative;width:13rem;height:21rem;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px #0000001a;cursor:pointer;flex-shrink:0}.status-preview-content{position:absolute;top:0;right:0;bottom:0;left:0}.status-preview-media{width:100%;height:100%;object-fit:cover}.status-preview-text{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center;font-size:1rem;line-height:1.5}.status-gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.8))}.status-username-overlay{position:absolute;top:0;left:0;right:0;padding:.6rem;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 60%,transparent 100%);color:#fff;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.8)}.status-username-overlay span{font-size:.9rem;font-weight:600;display:inline-block;padding:.2rem .5rem;background-color:#00000080;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-info{position:absolute;bottom:0;display:flex;left:0;right:0;padding:.75rem;color:#fff;justify-content:center}.status-user-container{display:flex;align-items:center;gap:.5rem;flex-direction:column}.status-user-avatar{width:2rem;height:2rem;border-radius:50%;object-fit:cover;border:2px solid white}.status-user-details{flex:1;min-width:0;text-align:center}.status-username{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.8)}.status-followers{font-size:.75rem;opacity:.75;display:none}.status-follow-button{background:#fff3;border:1px solid rgba(255,255,255,.8);color:#fff;padding:6px 16px;border-radius:20px;width:fit-content;font-size:14px;font-weight:500;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.status-follow-button:hover{background-color:#1a5142;transform:translateY(-1px)}.status-follow-button.following{background-color:#4b5563}.status-follow-button.following:hover{background-color:#ef4444}.status-loading-skeleton{width:12rem;height:16rem;border-radius:.5rem;background-color:#e5e7eb;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.notification-bell-container{position:relative;cursor:pointer}.notification-bell-icon{color:#6b7280}.notification-bell-icon:hover{color:#374151}.notification-bell-icon-active{color:#4b5563}.notification-bell-icon-active:hover{color:#1f2937}.notification-bell-indicator{position:absolute;top:-6px;right:-5px;display:block;height:15px;width:15px;border-radius:9999px;border-width:2px;border-color:#fff;background-color:#ef4444}.main-headerHP{display:flex;max-width:35rem;align-items:center;justify-content:space-between;padding:0rem;border-bottom:1px solid var(--border-color);background-color:var(--header-bg);position:fixed;top:0;left:50%;transform:translate(-50%);z-index:19;width:100%;transition:transform var(--transition-normal),background-color var(--transition-normal)}.header-visibleHP{transform:translate(-50%) translateY(0)}.header-hiddenHP{transform:translate(-50%) translateY(-100%)}.logo1{display:flex;justify-content:center;width:20%;height:64px;z-index:11;margin-left:9px}.header-iconsH{display:flex;align-items:center;gap:var(--spacing-sm);background-color:transparent}.header-iconH{font-size:1.55rem;background-color:transparent;color:var(--icon-color);text-decoration:none;padding:var(--spacing-xs);transition:color var(--transition-fast)}.header-icon:hover{color:var(--button-hover)}.status-notification{position:fixed;top:0;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:0 0 8px 8px;color:#fff;font-weight:500;z-index:1000;min-width:300px;text-align:center;box-shadow:0 2px 10px #0000001a}.status-notification.approved{background-color:#4caf50}.status-notification.rejected{background-color:#f44336}.status-notification.slide-in{animation:slideIn .3s ease-out forwards}.status-notification.slide-out{animation:slideOut .3s ease-in forwards}@keyframes slideIn{0%{transform:translate(-50%,-100%)}to{transform:translate(-50%)}}@keyframes slideOut{0%{transform:translate(-50%)}to{transform:translate(-50%,-100%)}}.status-notification.success{background-color:#4caf50}.status-notification.error{background-color:#f44336}.status-notification.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;gap:10px}.status-notification.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.status-notification .arrow{margin-left:8px;font-size:20px}.notification-container{max-width:600px;margin:0 auto;background-color:#fff;min-height:100vh}.header{padding:16px 20px;border-bottom:1px solid #f1f1f2;position:sticky;top:0;background:#fff;z-index:100}.header h2.Nbell{font-size:17px;font-weight:700;color:#121212;margin:0;display:flex;align-items:center;gap:8px}.nav-buttons{display:flex;justify-content:space-around;padding:8px 0;border-bottom:1px solid #f1f1f2;background:#fff;position:sticky;top:53px;z-index:99}.nav-buttons button{background:none;border:none;padding:8px 16px;font-size:20px;color:#828282;cursor:pointer;position:relative;transition:color .2s ease}.nav-buttons button.active-tab{color:#0a4103}.nav-buttons button.active-tab:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:28px;height:2px;background-color:#0a4103;border-radius:1px}.notifications-list{padding:0}.notifications-list h3{padding:16px 20px;margin:0;font-size:14px;color:#828282;font-weight:600;background-color:#f8f8f8}.notification-item{padding:16px 20px;border-bottom:1px solid #f1f1f2;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:background-color .2s ease;animation:fadeIn .3s ease forwards}.notification-item:active{background-color:#f8f8f8}.item-info{display:flex;gap:12px;align-items:flex-start;width:100%}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.item-text{flex:1;display:flex;flex-direction:column;gap:4px}.item-text span{font-size:14px;line-height:1.4;color:#121212}.item-text strong{font-weight:600}.item-text small{font-size:12px;color:#828282}.notification-comment{color:#828282;font-size:14px}.post-preview-container{margin-left:59px;width:calc(45% - 60px);max-width:280px;border-radius:8px;overflow:hidden;background-color:#ff0e0e}.post-preview-image{width:100%;height:156px;object-fit:cover;display:block}.post-preview-text{padding:12px;font-size:14px;color:#4e4e4e;line-height:1.4}.follow-back-btn{padding:6px 12px;border-radius:20px;border:none;background-color:#0a4103;color:#fff;font-size:14px;cursor:pointer;width:fit-content;display:flex;align-items:center;gap:6px;margin-left:auto;transition:background-color .2s}.follow-back-btn.following{background-color:#e0e0e0}.follow-back-btn:hover{background-color:#265e1ece}.follow-back-btn.following:hover{background-color:#f44}.no-notifications,.loading{padding:32px 20px;text-align:center;color:#828282;font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.date-separator{text-align:center;padding:20px 0 10px;position:relative}.date-text{background:#f8f9fa;padding:0 10px;color:#6c757d;font-size:.9rem;font-weight:500;position:relative;z-index:1}.date-separator:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#dee2e6;z-index:0}.notification-item.clickable{cursor:pointer}.notification-item.clickable:hover{background-color:#0000000d}.grouped-notification{position:relative}.grouped-notification:before{content:"";position:absolute;left:16px;top:0;bottom:0;width:2px;opacity:.3}.grouped-avatars{display:flex;align-items:center;position:relative;min-width:60px}.grouped-avatar{width:44px!important;height:44px!important;border:2px solid white;position:relative}.grouped-avatar.avatar-0{z-index:3}.grouped-avatar.avatar-1{z-index:2;margin-left:-12px}.grouped-avatar.avatar-2{z-index:1;margin-left:-12px}.grouped-avatar:hover{transform:translateY(-2px);z-index:10!important;transition:transform .2s ease}.grouped-notification .comment-preview{margin-left:60px}.more-comments{color:#828282;font-style:italic;font-size:13px}.grouped-notification .item-text span:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-left:6px;vertical-align:middle;opacity:.7}.grouped-notification{animation:slideInGrouped .4s ease forwards}@keyframes slideInGrouped{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.grouped-notification+.grouped-notification{margin-top:4px}.grouped-notification+.notification-item:not(.grouped-notification){margin-top:8px}.grouped-notification .post-preview-container{margin-left:60px;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.grouped-notification .post-preview-text{background:#0a41030d;border-left:3px solid #0a4103}@media (max-width: 480px){.grouped-avatars{min-width:50px}.grouped-avatar{width:38px!important;height:38px!important}.grouped-avatar.avatar-1,.grouped-avatar.avatar-2{margin-left:-10px}.grouped-notification .post-preview-container,.grouped-notification .comment-preview{margin-left:50px}}.grouped-notification.clickable:hover{background:linear-gradient(to right,rgba(10,65,3,.05),transparent);transform:translate(2px);transition:all .2s ease}.grouped-notification:after{content:attr(data-count);position:absolute;top:8px;right:16px;background:#0a4103;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;opacity:.8}:root{--primary-color1: #144033;--background-color: #FAFBFC;--card-background: #FFFFFF;--text-primary: #1F2937;--text-secondary: #6B7280;--text-muted: #9CA3AF;--border-color: #F1F3F4;--border-light: #F8F9FA;--success-color: #059669;--success-bg: rgba(16, 185, 129, .12);--success-border: rgba(16, 185, 129, .2);--error-color: #DC2626;--error-bg: rgba(239, 68, 68, .12);--error-border: rgba(239, 68, 68, .2);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px}.modern-wallet-container{min-height:100vh;background-color:var(--background-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5}.loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:60px 0}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top:3px solid var(--primary-color1);border-radius:50%;animation:spin 1s linear infinite}.loading-state p{margin-top:12px;font-size:16px;color:var(--text-primary);font-weight:500;letter-spacing:.02em}.error-state{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:60px 32px;text-align:center}.error-state p{font-size:18px;font-weight:700;color:var(--error-color);margin-top:16px;letter-spacing:.03em}.modern-wallet-header{display:flex;align-items:center;padding:16px;border-bottom:1px solid var(--border-color);background-color:var(--card-background);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.back-button{width:40px;height:40px;border-radius:20px;background-color:var(--border-light);border:none;display:flex;justify-content:center;align-items:center;margin-right:12px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.back-button:hover{background-color:var(--border-color);transform:translateY(-1px)}.back-button:active{transform:translateY(0)}.page-title{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:.03em;margin:0}.modern-wallet-container>*{padding-left:16px;padding-right:16px}.modern-wallet-container>.modern-wallet-header{padding-left:16px;padding-right:16px}.greeting-section{display:flex;align-items:center;justify-content:space-between;margin:24px 16px;background-color:var(--card-background);padding:16px 20px;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.user-avatar{margin-right:16px}.avatar-placeholder{width:52px;height:52px;border-radius:26px;background-color:var(--primary-color1);display:flex;justify-content:center;align-items:center;color:#fff;box-shadow:var(--shadow-md)}.greeting-text{flex:1}.greeting{font-size:14px;color:var(--text-secondary);margin:0 0 4px;font-weight:400;letter-spacing:.01em}.account-balance-header{display:flex;align-items:center;gap:8px}.account-balance-header h2{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:.02em;margin:0}.info-button-modern{width:36px;height:36px;border-radius:18px;background-color:var(--border-light);border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease}.info-button-modern:hover{background-color:var(--border-color);transform:scale(1.05)}.balance-card{background-color:var(--card-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:24px;margin:0 16px 24px;border:1px solid var(--border-color);transition:transform .2s ease}.balance-card:hover{transform:translateY(-2px)}.balance-amount{display:flex;align-items:baseline;margin-bottom:8px}.currency{font-size:24px;font-weight:600;color:var(--text-secondary);margin-right:4px}.amount{font-size:36px;font-weight:800;color:var(--text-primary);letter-spacing:.05em}.balance-label{font-size:14px;color:var(--text-secondary);font-weight:500;letter-spacing:.01em;margin:0}.action-buttonsW{display:flex;gap:12px;margin:0 16px 28px;flex-direction:row}.action-button{flex:1;padding:16px 20px;border-radius:var(--border-radius-md);font-weight:700;font-size:16px;letter-spacing:.03em;min-height:52px;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-button.primary{background-color:var(--primary-color1);color:#fff;box-shadow:var(--shadow-md)}.action-button.primary:hover{background-color:#0f2e26;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.action-button.secondary{background-color:var(--card-background);color:var(--primary-color1);border:2px solid var(--primary-color1);box-shadow:var(--shadow-sm)}.action-button.secondary:hover{background-color:var(--primary-color1);color:#fff;transform:translateY(-2px)}.action-button:active{transform:translateY(0)}.recent-activity-section{background-color:var(--card-background);border-radius:var(--border-radius-lg);padding:20px;margin:0 16px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:.03em;margin:0}.see-all-button{padding:6px 8px;border-radius:var(--border-radius-sm);background:none;border:none;color:var(--primary-color1);font-size:14px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all .2s ease;width:fit-content}.see-all-button:hover{background-color:var(--border-light)}.activity-list-modern{margin-top:4px}.transaction-item-modern{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border-light)}.transaction-item-modern:last-child{border-bottom:none}.transaction-details{flex:1;margin-right:16px}.transaction-description{font-size:15px;color:var(--text-primary);margin:0 0 6px;font-weight:600;letter-spacing:.01em}.transaction-date{font-size:13px;color:var(--text-secondary);font-weight:400;letter-spacing:.01em;margin:0}.transaction-amount{padding:8px 14px;border-radius:var(--border-radius-sm);font-weight:700;font-size:14px;letter-spacing:.02em;border:1px solid}.transaction-amount.positive{background-color:var(--success-bg);color:var(--success-color);border-color:var(--success-border)}.transaction-amount.negative{background-color:var(--error-bg);color:var(--error-color);border-color:var(--error-border)}.no-activity-modern{padding:32px 20px;text-align:center}.no-activity-modern p{color:var(--text-secondary);font-size:15px;font-weight:500;letter-spacing:.01em;line-height:1.4;margin:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;padding:20px;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content-modern{background-color:var(--card-background);border-radius:var(--border-radius-xl);padding:28px 24px;width:100%;max-width:500px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:.03em;margin:0}.close-button-modern{width:32px;height:32px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:16px;transition:all .2s ease}.close-button-modern:hover{background-color:var(--border-light)}.modal-body-modern{max-height:400px;overflow-y:auto}.info-modal-content{background-color:var(--card-background);border-radius:var(--border-radius-xl);padding:28px 24px;width:100%;max-width:600px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalSlideIn .3s ease-out}.info-modal-body{line-height:1.6}.info-modal-body p{color:var(--text-secondary);margin-bottom:20px;font-size:15px}.info-modal-body h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:24px 0 12px;letter-spacing:.02em}.info-modal-body ul{margin:0 0 20px;padding-left:20px}.info-modal-body li{margin-bottom:12px;color:var(--text-secondary);font-size:15px}.info-modal-body li strong{color:var(--text-primary);font-weight:600}.transaction-legend{margin:16px 0}.legend-item{display:flex;align-items:center;margin-bottom:12px}.legend-dot{width:12px;height:12px;border-radius:6px;margin-right:12px;flex-shrink:0}.legend-dot.positive{background-color:var(--success-color)}.legend-dot.negative{background-color:var(--error-color)}.legend-item p{margin:0;font-size:14px;color:var(--text-secondary)}.info-disclaimer{background-color:var(--border-light);padding:16px;border-radius:var(--border-radius-md);border-left:4px solid var(--primary-color1);margin:20px 0;font-size:14px;color:var(--text-secondary)}.info-cta-button{width:100%;padding:14px;background-color:var(--primary-color1);color:#fff;border:none;border-radius:var(--border-radius-md);font-weight:600;font-size:16px;cursor:pointer;margin-top:20px;transition:all .2s ease}.info-cta-button:hover{background-color:#0f2e26;transform:translateY(-1px)}.profile-pictureW{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar-loadingW{width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:inherit}@media (max-width: 480px){.modern-wallet-container>*{padding-left:12px;padding-right:12px}.greeting-section,.balance-card,.action-buttons,.recent-activity-section{margin-left:12px;margin-right:12px}.avatar-placeholder{width:48px;height:48px;border-radius:24px}.amount{font-size:32px}.modal-overlay{padding:16px}.action-buttons{flex-direction:row}}@media (max-width: 375px){.balance-card{padding:20px}.greeting-section,.recent-activity-section{padding:16px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.back-button:focus,.info-button-modern:focus,.action-button:focus,.see-all-button:focus,.close-button-modern:focus,.info-cta-button:focus{outline:2px solid var(--primary-color1);outline-offset:2px}@media (prefers-contrast: high){:root{--border-color: #000000;--text-secondary: #000000}}.topup-container{max-width:390px;margin:0 auto;padding:20px 16px;background-color:#f8f9fb;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.topup-header{display:flex;flex-direction:row;align-items:center;background-color:#fff;padding:10px;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:10;border-radius:3%}.topup-back-btn{padding:8px;background:none;border:none;cursor:pointer;border-radius:8px;transition:background-color .2s;width:fit-content;margin-right:20px}.topup-title{font-size:24px;font-weight:600;color:#1a1d29}.topup-error-message{background-color:#fee;border:1px solid #fcc;color:#c33;padding:12px 16px;border-radius:12px;margin-bottom:20px;font-size:14px;text-align:center}.topup-input-group{background-color:#fff;border-radius:16px;padding:24px 20px;margin-bottom:20px;box-shadow:0 2px 12px #00000014}.topup-input-group label{display:block;font-size:18px;font-weight:600;color:#1a1d29;margin-bottom:16px}.topup-amount-input-wrapper{position:relative;display:flex;align-items:center;background-color:#f5f6f8;border-radius:12px;padding:16px 20px;border:2px solid transparent;transition:border-color .2s ease}.topup-amount-input-wrapper:focus-within{border-color:#007bff;background-color:#fff}.topup-currency-symbol{font-size:24px;font-weight:600;color:#1a1d29;margin-right:8px}.topup-amount-input{flex:1;border:none;background:transparent;font-size:24px;font-weight:500;color:#1a1d29;outline:none;padding:0}.topup-amount-input::placeholder{color:#9ca3af}.topup-amount-input:disabled{color:#6b7280;cursor:not-allowed}.topup-input-note{display:block;font-size:12px;color:#6b7280;margin-top:8px}.topup-payment-section{background-color:#fff;border-radius:16px;padding:24px 20px;margin-bottom:20px;box-shadow:0 2px 12px #00000014}.topup-payment-section h4{font-size:18px;font-weight:600;color:#1a1d29;margin:0 0 16px}.topup-payment-methods{display:flex;flex-direction:column;gap:12px}.topup-paystack-button{display:flex;align-items:center;justify-content:flex-start;width:100%;background-color:#f5f6f8;border:2px solid transparent;border-radius:12px;padding:16px 20px;font-size:16px;font-weight:500;color:#1a1d29;cursor:pointer;transition:all .2s ease;text-align:left}.topup-paystack-button:hover{background-color:#e5e7eb;border-color:#d1d5db}.topup-paystack-button:active{background-color:#d1d5db;transform:translateY(1px)}.topup-paystack-icon{width:40px;height:40px;background-color:#e5e7eb;border-radius:8px;margin-right:16px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#6b7280}.topup-quick-amounts{background-color:#fff;border-radius:16px;padding:24px 20px;margin-bottom:32px;box-shadow:0 2px 12px #00000014}.topup-quick-amounts h4{font-size:18px;font-weight:600;color:#1a1d29;margin:0 0 16px}.topup-quick-amounts-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.topup-quick-amount-btn{background-color:#f5f6f8;border:2px solid transparent;border-radius:12px;padding:20px 16px;font-size:16px;font-weight:600;color:#1a1d29;cursor:pointer;transition:all .2s ease;text-align:center}.topup-quick-amount-btn:hover{background-color:#e5e7eb;border-color:#d1d5db}.topup-quick-amount-btn:active{background-color:#007bff;color:#fff;transform:translateY(1px)}.topup-quick-amount-btn.topup-selected{background-color:#007bff;color:#fff;border-color:#0056b3}.topup-main-action{position:fixed;bottom:105px;left:16px;right:16px;max-width:358px;margin:0 auto}.topup-submit-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;padding:18px 24px;font-size:18px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #667eea66}.topup-submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #667eea99}.topup-submit-btn:active{transform:translateY(0);box-shadow:0 4px 16px #667eea66}.topup-submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 360px){.topup-container{padding:16px 12px}.topup-input-group,.topup-payment-section,.topup-quick-amounts{padding:20px 16px}.topup-main-action{left:12px;right:12px;max-width:calc(100% - 24px)}}.topup-loading{opacity:.7;pointer-events:none}@keyframes topup-success-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.topup-success-animation{animation:topup-success-pulse .6s ease-in-out}.topup-paystack-button:focus,.topup-quick-amount-btn:focus,.topup-submit-btn:focus{outline:2px solid #007bff;outline-offset:2px}.topup-amount-input:focus{outline:none}.withdrawal-form-modal{max-width:500px;max-height:90vh;overflow-y:auto;padding:20px}.withdrawal-form-modal h3{margin-top:0;color:#333;text-align:center;margin-bottom:10px}.withdrawal-amount{text-align:center;background-color:#f0f8ff;padding:10px;border-radius:8px;margin-bottom:20px;border:1px solid #ddd}.form-section{margin-bottom:25px}.form-section h4{color:#555;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #eee;font-size:16px}.withdrawal-form-modal .input-group{margin-bottom:15px}.withdrawal-form-modal .input-group label{display:block;margin-bottom:5px;font-weight:500;color:#333;font-size:14px}.withdrawal-form-modal .input-group input,.withdrawal-form-modal .input-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box;transition:border-color .3s}.withdrawal-form-modal .input-group input:focus,.withdrawal-form-modal .input-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.modal-actions{display:flex;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid #eee}.modal-actions .submit-button{flex:1;background-color:#28a745;color:#fff;border:none;padding:12px 20px;border-radius:6px;font-size:16px;cursor:pointer;transition:background-color .3s}.modal-actions .submit-button:hover:not(:disabled){background-color:#218838}.modal-actions .submit-button:disabled{background-color:#6c757d;cursor:not-allowed}.modal-actions .cancel-button{flex:1;background-color:#6c757d;color:#fff;border:none;padding:12px 20px;border-radius:6px;font-size:16px;cursor:pointer;transition:background-color .3s}.modal-actions .cancel-button:hover:not(:disabled){background-color:#545b62}.modal-actions .cancel-button:disabled{background-color:#adb5bd;cursor:not-allowed}@media (max-width: 600px){.withdrawal-form-modal{max-width:95%;padding:15px;margin:10px}.modal-actions{flex-direction:column}.modal-actions .submit-button,.modal-actions .cancel-button{width:100%}}.withdraw-container{background-color:#fff;min-height:100vh;padding:20px;font-family:Arial,sans-serif}.wH{font-size:24px;font-weight:700;margin-bottom:20px;color:#000}.p1{margin-bottom:20px;font-size:18px;font-weight:700}.input-group label{display:block;margin-bottom:10px;font-size:16px}.input-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.withdraw-button{background-color:#0c3a2d;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;font-weight:700;margin-right:10px}.withdraw-button:hover{background-color:#fdbc2e}.cancel-button{background-color:#f0f0f0;color:#000;padding:10px;border:none;border-radius:5px;cursor:pointer;font-weight:700}.cancel-button:hover{background-color:#d0d0d0}.header-container{display:flex;align-items:center;gap:10px}.info-buttonP{background:none;border:none;cursor:pointer;font-size:20px;padding:5px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;margin-left:16em;width:30px;height:30px;border-radius:50%;transition:background-color .2s;position:absolute}.info-button:hover{background-color:#0000000d}.modal-content{background-color:#fff;padding:20px;border-radius:8px;max-width:400px;width:90%;position:relative;box-shadow:0 2px 10px #0000001a}.modal-content h3{margin-top:0;color:#333}.modal-content p{color:#666;line-height:1.5}.modal-close{margin-top:15px;padding:8px 16px;background-color:#0c3a2d;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.modal-close:hover{background-color:#0c3a2d}.withdraw-container{padding:20px;max-width:500px;margin:0 auto}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:5px}.input-group input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.withdraw-button,.cancel-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;margin-right:10px}.withdraw-button{background-color:#0c3a2d;color:#fff}.cancel-button{background-color:#6c757d;color:#fff}.cancel-button:hover{background-color:#545b62}:root{--background-color: #ffffff;--text-color: #000000;--text-secondary: #8e8e8e;--border-color: #e0e0e0;--header-bg: #ffffff;--chat-list-bg: #ffffff;--chat-window-bg: #ffffff;--message-input-bg: #f0f0f0;--hover-bg: #f9f9f9;--button-primary: #0C3A2D;--button-text: white;--icon-color: #636262;--message-own-bg: #eedb6c;--message-other-bg: #ffffff;--auth-bg: #f0f2f5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--transition-normal: .3s ease}[data-theme=dark]{--background-color: #121212;--text-color: #ffffff;--text-secondary: #a1a1a1;--border-color: #2d2d2d;--header-bg: #1a1a1a;--chat-list-bg: #1a1a1a;--chat-window-bg: #1a1a1a;--message-input-bg: #2d2d2d;--hover-bg: #2d2d2d;--button-primary: #0C3A2D;--button-text: white;--icon-color: #d1d1d1;--message-own-bg: #2d4f1d;--message-other-bg: #2d2d2d;--auth-bg: #121212;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 4px rgba(0, 0, 0, .3)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;background-color:var(--background-color);color:var(--text-color);transition:background-color var(--transition-normal),color var(--transition-normal)}.whatsapp-clone{display:flex;height:100vh;background-color:var(--background-color);margin-left:270px;width:calc(100% - 270px);max-width:1200px;overflow:hidden}.chat-list{width:35%;background-color:var(--chat-list-bg);border-right:1px solid var(--border-color)}.chat-list-header{padding:var(--spacing-lg);background-color:var(--header-bg);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.chat-list-header h1{color:var(--text-color);font-weight:700;font-size:var(--font-2xl);margin:0}.header-icons span{margin-left:var(--spacing-md);font-size:var(--font-lg);color:var(--icon-color)}.chat-list-content{overflow-y:auto;height:calc(100% - 60px)}.chat-item{display:flex;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-color);cursor:pointer}.chat-item:hover{background-color:var(--hover-bg)}.chat-profile-pic{width:50px;height:50px;border-radius:50%;margin-right:var(--spacing-md)}.chat-info{flex-grow:1;width:30%}.chat-name{font-weight:700;margin-bottom:var(--spacing-xs);color:var(--text-color)}.chat-last-message{color:var(--text-secondary);font-size:var(--font-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-time{color:var(--text-secondary);font-size:var(--font-sm)}.chat-window{flex-grow:1;display:flex;flex-direction:column;background-color:var(--chat-window-bg)}.back-arrow{font-size:var(--font-xl);margin-right:var(--spacing-sm);cursor:pointer;color:var(--text-color);margin-right:16em}.chat-header-info{flex-grow:1;margin-left:var(--spacing-md)}.Log-btn button{padding:var(--spacing-sm);background-color:var(--button-primary);color:var(--button-text);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-lg);cursor:pointer}.more-options{font-size:var(--font-2xl);cursor:pointer;color:var(--text-color)}.message-time{font-size:var(--font-xs);color:var(--text-secondary);margin-top:var(--spacing-xs);display:block;margin-left:var(--spacing-sm)}.message-input{display:flex;align-items:center;padding:var(--spacing-sm);border-top:1px solid var(--border-color)}.message-input-field{flex-grow:1;padding:var(--spacing-md);border:none;border-radius:25px;margin-right:var(--spacing-sm);font-size:var(--font-lg);background-color:var(--message-input-bg)}.back-arrow{display:none}@media (max-width: 768px){.whatsapp-clone{flex-direction:column;overflow:hidden;margin-left:0;width:100%}.chat-list{width:100%;transform:translate(0);transition:transform var(--transition-normal)}.chat-list.hide{transform:translate(-100%)}.chat-window{width:100%;position:absolute;top:0;left:100%;height:100%;transform:translate(100%);transition:transform var(--transition-normal);margin-left:-100%;z-index:1000}.chat-window.show{transform:translate(0)}.back-arrow{display:inline-block}.status-view{height:95vh}.chat-window .sidebar{display:none}}.filled-tick{color:var(--message-own-bg);margin-left:var(--spacing-xs)}.unfilled-tick{color:var(--text-secondary);margin-left:var(--spacing-xs)}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--auth-bg)}.logo-Container img{width:60%;margin-left:20%}.center{text-align:center}.auth-container h2{margin-bottom:var(--spacing-lg);color:var(--button-primary)}.auth-container form{display:flex;flex-direction:column;width:300px;margin-bottom:23px}.input-group{position:relative;margin-bottom:var(--spacing-md)}.input-group input{width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 40px;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);font-size:var(--font-lg)}.input-group svg{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--button-primary)}.auth-container button{padding:10px;color:#fff;border:none;border-radius:9px;font-size:16px;cursor:pointer}.auth-container button:hover{background-color:#0c3a2d}.auth-switch{color:var(--button-primary);cursor:pointer;margin-top:var(--spacing-md)}.auth-switch:hover{text-decoration:underline}.reaction-button{margin-left:var(--spacing-sm);cursor:pointer;color:var(--text-secondary)}.emoji-picker{position:absolute;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);margin-left:var(--spacing-xs);z-index:1}.emoji-picker .fa{cursor:pointer;font-size:var(--font-lg);color:var(--text-color)}.shared-photo{max-width:100%;max-height:200px;border-radius:var(--border-radius-sm)}.audio-preview{display:flex;align-items:center;width:100%}.audio-preview audio{flex-grow:1;margin-right:var(--spacing-sm)}.input-icon{font-size:var(--font-xl);color:var(--button-primary);cursor:pointer;margin-left:var(--spacing-sm)}.status-circles-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.status-circles{display:inline-flex;padding:var(--spacing-md);white-space:nowrap}.status-circles-container::-webkit-scrollbar{height:1px}.status-circles-container::-webkit-scrollbar-thumb{background-color:var(--message-own-bg);border-radius:var(--border-radius-sm)}.status-circles-container::-webkit-scrollbar-track{background-color:#0000001a}.status-circle{width:60px;height:60px;border-radius:50%;overflow:hidden;border:4px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(180deg,#0f4211,#ffba00) border-box;margin-right:var(--spacing-md);flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;padding:2px}.status-circle img,.status-circle video{width:100%;height:100%;object-fit:cover;border-radius:50%}.status-circle.current-user{display:inline-flex;justify-content:center;align-items:center;background-color:#f0f0f0;cursor:pointer}.add-status-icon{font-size:24px;color:#128c7e}.upload-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a;z-index:1000}.upload-buttons{display:flex;justify-content:space-around;margin-bottom:var(--spacing-lg)}.status-view{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.status-content-wrapper{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.status-content{flex-grow:1;display:flex;justify-content:center;align-items:center;overflow:hidden}.status-caption{padding:var(--spacing-sm);background-color:#000000b3;color:var(--button-text);font-size:var(--font-md)}.status-actions{position:absolute;bottom:0;left:0;right:0;background-color:#000c;padding:var(--spacing-sm);display:flex;justify-content:space-between;align-items:center}.status-view .action-icons{display:flex;gap:var(--spacing-md)}.status-view .action-icons svg{color:var(--button-text);font-size:var(--font-2xl);cursor:pointer}.status-view .message-input{flex-grow:1;display:flex;align-items:center;background-color:#ffffff1a;border-radius:20px;padding:var(--spacing-xs) var(--spacing-md);margin-left:var(--spacing-md)}.status-view .message-input input{flex-grow:1;background:transparent;border:none;color:var(--button-text);padding:var(--spacing-xs)}.status-view .message-input input::placeholder{color:#ffffffb3}.status-view .message-input svg{color:var(--button-text);font-size:var(--font-xl);cursor:pointer}.progress-bar{position:absolute;top:0;left:0;height:4px;background-color:var(--message-own-bg);transition:width var(--transition-normal)}.close-button{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;color:var(--button-text);font-size:var(--font-2xl);cursor:pointer}.status-view img,.status-view video{max-width:100%;max-height:80vh;object-fit:contain}.status-actions{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:space-around;padding:0 20px}.reaction,.message{display:flex;align-items:center}.caption-modal-buttons{display:flex;justify-content:space-between}.caption-modal-buttons button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-md)}.caption-modal-buttons button:first-child{background-color:var(--button-primary);color:var(--button-text)}.caption-modal-buttons button:last-child{background-color:var(--message-input-bg);color:var(--text-color)}.messages-nav-item{position:relative}.message-icon-container{position:relative;display:inline-block}.unread-message-badge{position:absolute;top:-8px;right:-8px;background-color:red;color:#fff;border-radius:50%;padding:2px 6px;font-size:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1}.read-status-icon{margin-left:5px;font-size:12px;color:#eef134}.chat-last-message{display:flex;align-items:center}.chat-last-message .read-status-icon{margin-right:5px;font-size:.8em}.chat-last-message .read-status-icon.unread{color:#a0a0a0}.chat-last-message .read-status-icon.read{color:#eef134}.chat-item.sender-unread{background-color:#ffa5001a;border-left:4px solid orange}.read-status-icon.sender-unread{color:orange;text-shadow:0 0 5px rgba(255,165,0,.5)}.file-selector{text-align:center}.file-selector h2{font-size:24px;margin-bottom:20px}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.file-button{padding:20px;font-size:16px;border:1px solid #ccc;border-radius:8px;background-color:#f0f0f0;cursor:pointer;display:flex;flex-direction:column;align-items:center}.file-button:hover{background-color:#e0e0e0}.icon{font-size:24px;margin-bottom:8px}.hidden-input{display:none}.cancel-button{padding:10px 20px;font-size:16px;border:none;background-color:#f0f0f0;cursor:pointer;border-radius:4px}.cancel-button:hover{background-color:#e0e0e0}.story-editor{display:flex;flex-direction:column;gap:24px;width:100%;max-width:800px;height:90vh;margin:0 auto;background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 20px #00000026;overflow:hidden}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 12px}.close-buttonSE{background:none;border:none;font-size:24px;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s;width:fit-content}.close-button:hover{background-color:#0000000d}.preview-container{width:100%;flex:1;min-height:0;position:relative;border-radius:8px;overflow:hidden;background-color:#f8f8f8}.preview{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;transition:filter .3s ease}.filter-selector{display:flex;gap:12px;overflow-x:auto;padding:8px 4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.filter-selector::-webkit-scrollbar{height:4px}.filter-selector::-webkit-scrollbar-thumb{background-color:#0003;border-radius:2px}.filter-button{padding:10px 20px;border:1px solid #eee;border-radius:24px;background:#fff;cursor:pointer;font-size:14px;transition:all .2s;white-space:nowrap}.filter-button:hover{background-color:#f8f8f8}.filter-button.active{background-color:#007bff;color:#fff;border-color:#007bff}.caption-input{width:100%;padding:12px;border:1px solid #eee;border-radius:8px;resize:vertical;min-height:80px;font-size:15px;transition:border-color .2s}.caption-input:focus{border-color:#fdbc2e;outline:none}.duration-control{display:flex;flex-direction:column;gap:8px}.duration-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#eee;border-radius:2px;outline:none}.duration-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#fdbc2e;border-radius:50%;cursor:pointer}.action-buttons{display:flex;justify-content:flex-start;gap:12px;padding-top:8px}.cancel-button,.upload-button{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:15px;transition:all .2s;width:fit-content}.cancel-button,.cancel-button:hover{background-color:#0a4103}.upload-button{background-color:#fdbc2e;color:#fff;margin-right:23px}.upload-button:hover:not(:disabled){background-color:#fdbb2e}.upload-button:disabled{opacity:.7;cursor:not-allowed}.normal{filter:none}.clarendon{filter:contrast(1.2) saturate(1.35)}.gingham{filter:brightness(1.05) hue-rotate(-10deg)}.moon{filter:grayscale(1) contrast(1.1) brightness(1.1)}.lark{filter:contrast(.9) brightness(1.1) sepia(.05)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:8px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modern-chat-list{display:flex;flex-direction:column;height:100vh;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.modern-chat-list.hide{display:none}.modern-chat-header{display:flex;justify-content:space-between;align-items:center;padding:60px 20px 20px;background-color:#fff;border-bottom:none}.chat-title{font-size:32px;font-weight:700;color:#000;margin:0;letter-spacing:-.5px}.header-actions{display:flex;gap:10px}.icon-buttonCL{width:40px;height:40px;border-radius:20px;border:none;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#666}.icon-buttonCL:hover{background-color:#e9ecef;transform:scale(1.05)}.icon-buttonCL:active{transform:scale(.95)}.status-section{background-color:#fff}.filter-tabs{display:flex;padding:0 20px;gap:8px;margin-bottom:20px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{padding:8px 20px;border-radius:20px;border:none;background-color:#f1f3f4;color:#5f6368;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:6px}.filter-tab.active{background-color:#1f5132;color:#fff}.filter-tab:hover:not(.active){background-color:#e8f0fe}.filter-tab.restricted{opacity:.6;cursor:not-allowed}.search-containerCL{position:relative;margin:0 20px 20px}.search-iconCL{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#9aa0a6;font-size:16px}.search-input{width:100%;padding:12px 15px 12px 45px;border:none;border-radius:12px;background-color:#f1f3f4;font-size:16px;color:#202124;outline:none;transition:all .2s ease;box-sizing:border-box}.search-input::placeholder{color:#9aa0a6}.search-input:focus{background-color:#e8f0fe;box-shadow:0 0 0 2px #1a73e833}.search-input:disabled{opacity:.6;cursor:not-allowed}.message-requests-banner{margin:0 20px 20px;padding:15px;background-color:#e3f2fd;border-radius:12px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;color:#1565c0;font-weight:500}.message-requests-banner:hover{background-color:#bbdefb;transform:translateY(-1px)}.modern-chat-list-content{flex:1;overflow-y:auto;padding-bottom:100px}.modern-chat-item{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f1f3f4}.modern-chat-item:hover{background-color:#f8f9fa}.modern-chat-item.selected{background-color:#e8f5e8;border-left:4px solid #1f5132}.modern-chat-item:last-child{border-bottom:none}.chat-avatar-container{position:relative;margin-right:15px;flex-shrink:0}.modern-chat-avatar{width:50px;height:50px;border-radius:25px;object-fit:cover;border:2px solid #ffffff}.online-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background-color:#4caf50;border:2px solid #ffffff;border-radius:7px}.modern-chat-info{flex:1;min-width:0}.chat-name-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.modern-chat-name{font-size:16px;font-weight:600;color:#202124;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time{font-size:12px;color:#9aa0a6;white-space:nowrap;margin-left:8px}.chat-message-row{display:flex;justify-content:space-between;align-items:center}.last-message-container{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.read-status-icon{font-size:12px;flex-shrink:0}.read-status-icon.read{color:#4caf50}.read-status-icon.unread{color:#9aa0a6}.last-message-text{font-size:14px;color:#5f6368;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.unread-badge{background-color:#1f5132;color:#fff;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600;min-width:20px;text-align:center;margin-left:8px}.no-chats-message{text-align:center;padding:60px 20px;color:#9aa0a6;font-size:16px}.floating-add-button{position:fixed;bottom:90px;right:20px;width:56px;height:56px;border-radius:28px;border:none;background:linear-gradient(135deg,#1f5132,#2e7d32);color:#fff;font-size:20px;cursor:pointer;box-shadow:0 4px 12px #1f51324d;transition:all .3s ease;z-index:1000}.floating-add-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #1f513266}.floating-add-button:active{transform:scale(.95)}.floating-add-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.modern-dropdown-menu{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:2000;display:flex;align-items:flex-end}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.dropdown-header h3{font-size:18px;font-weight:600;color:#202124;margin:0}.close-button{width:32px;height:32px;border-radius:16px;border:none;background-color:#f1f3f4;color:#5f6368;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.dropdown-content{background-color:#fff;border-radius:20px 20px 0 0;max-height:70vh;overflow-y:auto;width:100%}.modern-dropdown-item{display:flex;align-items:center;padding:15px 20px;cursor:pointer;transition:background-color .2s ease}.modern-dropdown-item:hover{background-color:#f8f9fa}.user-avatar{width:40px;height:40px;border-radius:20px;object-fit:cover;margin-right:15px}.no-users{padding:40px 20px;text-align:center;color:#9aa0a6;font-size:16px}.download-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.download-prompt-modal{background-color:#fff;border-radius:20px;padding:30px;max-width:380px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.prompt-icon{width:70px;height:70px;border-radius:35px;background:linear-gradient(135deg,#ff9800,#f57c00);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;font-size:28px;box-shadow:0 8px 20px #ff98004d}.download-prompt-modal h3{font-size:24px;font-weight:700;color:#202124;margin:0 0 12px;letter-spacing:-.5px}.download-prompt-modal p{font-size:16px;color:#5f6368;line-height:1.6;margin:0 0 28px}.app-store-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.app-store-button{display:flex;align-items:center;justify-content:flex-start;padding:14px 20px;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-align:left;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.app-store-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.app-store-button:hover:before{left:100%}.app-store-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.app-store-button:active{transform:translateY(0);box-shadow:0 4px 12px #00000026}.app-store-button.ios{background:linear-gradient(135deg,#007aff,#0056cc);color:#fff}.app-store-button.ios:hover{background:linear-gradient(135deg,#0056cc,#003d99)}.app-store-button.android{background:linear-gradient(135deg,#34a853,#2e7d32);color:#fff}.app-store-button.android:hover{background:linear-gradient(135deg,#2e7d32,#1b5e20)}.app-store-button svg{font-size:24px;margin-right:16px;flex-shrink:0}.app-store-button div{display:flex;flex-direction:column;line-height:1.2}.app-store-button span{font-size:12px;opacity:.9;font-weight:400;margin-bottom:2px}.app-store-button strong{font-size:18px;font-weight:700;letter-spacing:-.3px}.cancel-button{padding:14px 24px;border-radius:12px;border:2px solid #e0e0e0;background-color:#fff;color:#5f6368;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.cancel-button:hover{background-color:#f8f9fa;border-color:#d0d0d0;transform:translateY(-1px)}.cancel-button:active{transform:translateY(0)}.modern-chat-list-content:empty:after{content:"";display:block;width:100%;height:60px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;margin-bottom:12px;border-radius:8px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 480px){.modern-chat-header{padding:25px 10px 16px}.chat-title{font-size:28px}.filter-tabs,.search-container,.message-requests-banner{margin-left:16px;margin-right:16px}.modern-chat-item{padding:12px 16px}.floating-add-button{right:16px;bottom:85px}.download-prompt-modal{margin:16px;padding:24px;max-width:none}.app-store-button{padding:12px 16px}.app-store-button svg{font-size:20px;margin-right:12px}.app-store-button strong{font-size:16px}}@media (prefers-color-scheme: dark){.modern-chat-list{background-color:#121212;color:#fff}.modern-chat-header{background-color:#121212}.chat-title{color:#fff}.search-input{background-color:#2d2d2d;color:#fff}.modern-chat-item{border-bottom-color:#2d2d2d}.modern-chat-item:hover,.download-prompt-modal{background-color:#1e1e1e}.download-prompt-modal h3{color:#fff}.download-prompt-modal p{color:#b0b0b0}.cancel-button{background-color:#2d2d2d;color:#fff;border-color:#404040}.cancel-button:hover{background-color:#3d3d3d}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.app-store-button:before{display:none}.download-prompt-modal{animation:none}}.app-store-button:focus,.cancel-button:focus{outline:2px solid #007AFF;outline-offset:2px}.app-store-button.android:focus{outline-color:#34a853}.chat_list_skeleton_base{animation:chat_list_skeleton_loading 1s linear infinite alternate}@keyframes chat_list_skeleton_loading{0%{background-color:#c7c7c71a}to{background-color:#c7c7c74d}}.chat_list_skeleton_container{width:100%;padding:16px}.chat_list_skeleton_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chat_list_skeleton_header_title{width:100px;height:24px;border-radius:4px}.chat_list_skeleton_header_icon{width:24px;height:24px;border-radius:50%}.chat_list_skeleton_status_circles{display:flex;gap:12px;padding:10px 0;margin-bottom:20px;overflow-x:auto}.chat_list_skeleton_status_circle{flex-shrink:0;width:56px;height:56px;border-radius:50%}.chat_list_skeleton_chat_item{display:flex;align-items:center;padding:12px 0;gap:12px}.chat_list_skeleton_profile_pic{width:40px;height:40px;border-radius:50%}.chat_list_skeleton_info{flex:1}.chat_list_skeleton_name{width:120px;height:16px;border-radius:4px;margin-bottom:8px}.chat_list_skeleton_message{width:160px;height:14px;border-radius:4px}.chat_list_skeleton_time{width:48px;height:14px;border-radius:4px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.visible{opacity:1;visibility:visible}.modal-container{background:#fff;border-radius:16px;padding:24px;min-width:320px;max-width:400px;width:90vw;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0003;transform:scale(.8) translateY(20px);transition:transform .3s cubic-bezier(.34,1.56,.64,1);transform-origin:var(--mouse-x, 50%) var(--mouse-y, 50%)}.modal-container.animate-in{transform:scale(1) translateY(0)}.modal-close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:18px;color:#666;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-btn:hover{background-color:#f5f5f5;color:#333}.modal-header{display:flex;align-items:center;margin-bottom:24px;padding-right:40px}.modal-profile-pic{width:48px;height:48px;border-radius:50%;margin-right:16px;object-fit:cover;border:2px solid #f0f0f0}.modal-header-text{font-size:18px;font-weight:600;color:#333;margin:0;line-height:1.4}.options-container{display:flex;flex-direction:column;gap:4px;margin-bottom:24px}.option-button{display:flex;align-items:center;padding:16px 12px;background:transparent;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.option-button:hover{background-color:#f8f9fa}.option-button:active{transform:scale(.98)}.option-button.delete-option:hover{background-color:#fef2f2}.icon-container{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;color:#fff;font-size:16px;flex-shrink:0}.important-icon{background:linear-gradient(135deg,#00a86b,#00c875)}.non-important-icon{background:linear-gradient(135deg,#5d87ff,#4171f5)}.hidden-icon{background:linear-gradient(135deg,#8e8e8e,#757575)}.delete-icon{background:linear-gradient(135deg,#ff3b30,#e53e3e)}.option-text-container{flex:1;display:flex;flex-direction:column;gap:4px}.option-title{font-size:16px;font-weight:500;color:#333;margin:0}.option-description{font-size:14px;color:#666;line-height:1.4;margin:0}.check-icon{color:#00a86b;font-size:18px;margin-left:12px;flex-shrink:0}.cancel-button{width:100%;padding:16px;background:transparent;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease}.cancel-button:hover{background-color:#f8f9fa;border-color:#d0d0d0;color:#333}.cancel-button:active{transform:scale(.98)}@media (max-width: 768px){.modal-container{margin:20px;width:calc(100vw - 40px);max-width:none}.modal-header-text{font-size:16px}.option-title{font-size:15px}.option-description{font-size:13px}}@media (prefers-color-scheme: dark){.modal-container{background:#1a1a1a;color:#fff}.modal-header-text,.option-title{color:#fff}.option-description{color:#ccc}.option-button:hover{background-color:#2a2a2a}.option-button.delete-option:hover{background-color:#2d1a1a}.cancel-button{border-color:#444;color:#ccc}.cancel-button:hover{background-color:#2a2a2a;border-color:#555;color:#fff}.modal-close-btn{color:#ccc}.modal-close-btn:hover{background-color:#2a2a2a;color:#fff}}.message-input-container{position:sticky;bottom:0;width:100%;background-color:#fff;box-shadow:0 -2px 10px #0000000d;z-index:100}.message-input{display:flex;align-items:center;gap:8px;padding:12px;background-color:#fff;border-top:1px solid #eaeaea;position:relative;max-width:1200px;margin:0 auto}.message-input-field{flex:1;min-height:40px;max-height:100px;padding:10px 16px;border:1.5px solid #eaeaea;border-radius:24px;font-size:15px;background-color:#f8f8f8;transition:all .2s ease;resize:none;overflow-y:auto}.message-input-field:focus{outline:none;border-color:#0a4103;background-color:#fff;box-shadow:0 2px 8px #0a41031a}.input-icon{width:24px;height:24px;padding:8px;border-radius:50%;color:#0a4103;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.input-icon:hover{background-color:#0a41031a;transform:scale(1.05)}.input-icon:active{transform:scale(.95)}.recording-indicatorMI{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px;background-color:#fff4f4;border-radius:12px;color:#ff3b30;font-weight:500;animation:pulse 1.5s infinite}.stop-recording{background-color:#ff3b30;color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.stop-recording:hover{background-color:#ff1f1f;transform:scale(1.05)}.voice-confirmationM{position:absolute;bottom:100%;left:0;right:0;background-color:#fff;padding:16px;border-radius:12px 12px 0 0;box-shadow:0 -4px 12px #0000001a}.voice-confirmation-content{display:flex;flex-direction:column;gap:12px}.voice-confirmation-content h3{margin:0;color:#333;font-size:16px}.voice-controls{display:flex;align-items:center;gap:12px}.voice-controls audio{flex:1;height:40px;border-radius:20px}.confirm-button{background-color:#0a4103;color:#fff;border:none;padding:10px;border-radius:50%;cursor:pointer;transition:all .2s ease}.confirm-button:hover{background-color:#0d5104;transform:scale(1.05)}.cancel-buttonM{background-color:transparent;color:#333;border:none;padding:10px;border-radius:50%;cursor:pointer;transition:all .2s ease}.cancel-buttonM:hover{background-color:#e0e0e0;transform:scale(1.05)}@media screen and (max-width: 768px){.message-input{padding:8px;gap:6px}.message-input-field{font-size:14px;padding:8px 12px;min-height:36px}.input-icon{width:20px;height:20px;padding:6px}.voice-confirmationM{padding:12px}.voice-controls{flex-wrap:wrap}.voice-controls audio{width:100%}}@media screen and (max-width: 480px){.message-input{padding:6px;gap:4px}.message-input-field{font-size:13px;padding:6px 10px;min-height:32px}.input-icon{width:18px;height:18px;padding:5px}.recording-indicatorMI{font-size:13px;padding:8px}.stop-recording{width:32px;height:32px}.voice-confirmation-content h3{font-size:14px}}@media screen and (max-width: 320px){.message-input{padding:4px}.message-input-field{font-size:12px;padding:6px 8px}.input-icon{width:16px;height:16px;padding:4px}}@media screen and (min-resolution: 192dpi){.message-input-field{border-width:1px}}.message-input-container{width:100%;padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));background-color:#fff;border-top:1px solid #e0e0e0}@media screen and (max-height: 450px){.message-input-container{position:sticky;bottom:0;z-index:50}}.date-separator-container{display:flex;align-items:center;justify-content:center;margin:16px 0;position:relative}.date-separator-line{position:absolute;width:100%;height:1px;background-color:#0000001f;z-index:1}.date-separator-text{background-color:#f0f0f0;padding:4px 12px;border-radius:16px;font-size:12px;color:#666;font-weight:500;box-shadow:0 1px 3px #0000001a;z-index:2;position:relative}:root{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--header-height: 60px;--input-height: 60px;--message-max-width: 70%;--primary-color: #eedb6c;--background-color: #ffffff;--message-own-color: #eedb6c;--message-other-color: #e9e9eb;--border-radius: 20px;--transition-speed: .3s}.chat-window *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:3px}.date-separator{display:flex;align-items:center;justify-content:center;margin:20px 0;position:relative}.date-text{background-color:#e2e2e2;color:#666;font-size:12px;padding:4px 12px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.message-row:first-of-type{margin-top:8px}.message-row+.date-separator{margin-top:24px}.chat-window{display:flex;flex-direction:column;padding:10px;height:100vh;background-color:#fff;max-width:100%;margin:0 auto;position:relative;overflow:hidden;height:-webkit-fill-available;padding-bottom:env(safe-area-inset-bottom)}.chat-header{position:sticky;top:0;height:calc(var(--header-height) + var(--safe-area-inset-top));padding:calc(var(--safe-area-inset-top) + 10px) 16px 10px;background-color:#f8f8f8f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(0,0,0,.1)}.chat-header:hover{background-color:#f8f8f8}.chat-profile-pic{width:36px;height:36px;border-radius:50%;margin-right:12px;object-fit:cover;transition:transform .2s ease}.chat-profile-pic:hover{transform:scale(1.1)}.messages{flex-grow:1;overflow-y:auto;background-color:#fff;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;height:calc(100vh - 120px);overscroll-behavior-y:contain}.message-row{display:flex;align-items:flex-end;margin-bottom:-17px;position:relative;animation:messageAppear .3s ease-out;transform-origin:bottom}.message-input-wrapper{position:sticky;bottom:0;background:#fff;padding-bottom:env(safe-area-inset-bottom);z-index:1000}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:translate(-50%) rotate(360deg)}}@keyframes typingDot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.system-message{text-align:center;margin:16px 0;color:#8e8e93;font-size:12px}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes popIn{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.message.long-press{transform:scale(.95);opacity:.8}.play-pause-button{color:#000;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:var(--spacing-sm);transition:background-color var(--transition-fast)}.voice-message button{display:flex;align-items:center;gap:8px;border:none;padding:8px 16px;border-radius:16px;cursor:pointer;background:none}@supports (-webkit-touch-callout: none){.message-input{padding-left:13px}.messages{margin-bottom:env(safe-area-inset-bottom)}}@media (hover: none){.message,.message-input,button{cursor:default}}@media (prefers-contrast: more){:root{--message-own-color: #dcc646;--message-other-color: #d4d4d6}}@media (max-width: 768px){.chat-window{position:fixed;top:0;left:0;right:0;bottom:0;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.chat-window.show{transform:translate(0)}.message{max-width:85%;touch-action:manipulation;-webkit-touch-callout:none}.chat-header{padding:12px}.message-input-container{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.message-input{padding:12px;max-height:100px}.message-actions-sheet{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-radius:20px 20px 0 0;padding:20px;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:0 -2px 10px #0000001a}.message-actions-sheet.visible{transform:translateY(0)}.action-button{width:100%;padding:16px;border:none;background:none;font-size:16px;color:#eedb6c;text-align:left;border-radius:12px;transition:background-color .2s ease}.action-button:active{background-color:#007aff1a}.pull-to-refresh{height:60px;display:flex;align-items:center;justify-content:center;color:#8e8e93;transform:translateY(-100%)}.pull-to-refresh.visible{transform:translateY(0)}.gesture-handle{width:36px;height:4px;background-color:#c7c7cc;border-radius:2px;margin:0 auto 16px}.attachment-preview{position:relative;margin:8px 0;border-radius:12px;overflow:hidden;background-color:#f8f8f8}.attachment-preview img{width:100%;height:auto;display:block}.attachment-remove{position:absolute;top:8px;right:8px;width:24px;height:24px;background-color:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.voice-recording-ui{display:flex;align-items:center;padding:12px;background-color:#f8f8f8;border-radius:24px;animation:fadeInUp .3s ease-out}.recording-timer{color:#eedb6c;margin-left:12px}.recording-waveform{flex-grow:1;height:24px;margin:0 12px;background:linear-gradient(to right,#eedb6c 2px,transparent 2px) repeat-x;background-size:4px 100%;animation:waveform 1s ease-in-out infinite}@keyframes waveform{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.haptic-feedback{cursor:pointer;-webkit-touch-callout:none}.haptic-feedback:active{transform:scale(.98)}}.status-reply-container,.status-interaction{width:100%;border-radius:8px;overflow:hidden}.status-reply-preview,.status-like-container{background-color:#0000000d;padding:8px;border-radius:6px;margin-bottom:4px}.status-thumbnail,.liked-status-thumbnail{max-width:120px;max-height:120px;border-radius:4px;object-fit:cover}.status-text-preview,.liked-status-text{font-size:.9em;color:#666;margin:4px 0}.status-timestamp{font-size:.8em;color:#888}.reply-text{margin-top:8px;font-size:1em}@media screen and (max-width: 576px){.chat-window{padding:5px}.message{max-width:90%;font-size:14px;padding:8px 12px}.chat-header{padding:8px}.chat-profile-pic{width:32px;height:32px}.message-input-container{padding:8px}.message-input{font-size:14px;padding:8px 12px;min-height:36px}.replied-message{padding:3px 6px;margin-bottom:2px}.date-separator{margin:15px 0}.date-text{font-size:11px;padding:3px 10px}}@media screen and (min-width: 577px) and (max-width: 768px){.chat-window{padding:8px}.message{max-width:85%}.messages{height:calc(100vh - 130px)}}@media screen and (min-width: 769px) and (max-width: 992px){.chat-window{max-width:90%;margin:0 auto}.message{max-width:75%}.messages{height:calc(100vh - 140px)}}@media screen and (min-width: 993px) and (max-width: 1200px){.chat-window{max-width:80%;margin:0 auto}.message{max-width:65%}.messages{height:calc(100vh - 150px)}}@media screen and (min-width: 1201px){.chat-window{max-width:70%;margin:0 auto}.message{max-width:60%}.messages{height:calc(100vh - 160px)}}@media screen and (max-width: 768px) and (orientation: landscape){.chat-window{height:100vh}.messages{height:calc(100vh - 100px)}.message-input-container,.chat-header{padding:8px}}.typing-indicator{display:flex;align-items:flex-end;margin:10px 20px}.typing-indicator-bubble{background-color:#e6e6e6;padding:8px 12px;border-radius:16px;display:flex;align-items:center;gap:4px;width:fit-content;height:26px}.typing-indicator-dot{width:6px;height:6px;background-color:#888;border-radius:50%;animation:typingAnimation 1.4s infinite ease-in-out}.typing-indicator-dot:nth-child(1){animation-delay:.2s}.typing-indicator-dot:nth-child(2){animation-delay:.3s}.typing-indicator-dot:nth-child(3){animation-delay:.4s}@keyframes typingAnimation{0%{transform:translateY(0);opacity:.5}25%{transform:translateY(-4px);opacity:1}50%{transform:translateY(0);opacity:.5}to{transform:translateY(0);opacity:.5}}.messages .message-row.typing{margin-bottom:8px}.messages .message-row.typing .message{margin-bottom:0}.chat-header{display:flex;align-items:center;padding:10px;color:#fff;height:60px;cursor:pointer;margin-left:2em}.back-arrow{margin-right:17em;font-size:20px;cursor:pointer}.chat-profile-pic{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:15px;cursor:pointer}.chat-header-info{flex-grow:1;display:flex;flex-direction:row;justify-content:center;margin-right:17em}.chat-name{font-weight:700;font-size:16px}.online-status{font-size:12px;opacity:.8}.more-options{margin-left:15px;font-size:18px;cursor:pointer}.shared-post-container{display:flex;flex-direction:column;width:256px;max-width:100%;overflow:hidden;border-radius:8px;border:1px solid #e5e7eb;background-color:#fff;box-shadow:0 1px 2px #0000000d}.thumbnail-container{position:relative;height:128px;width:100%;background-color:#f3f4f6}.post-thumbnail{height:100%;width:100%;object-fit:cover}.thumbnail-placeholder{display:flex;height:100%;width:100%;align-items:center;justify-content:center;background-color:#e5e7eb}.placeholder-icon{height:32px;width:32px;color:#9ca3af}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0003}.play-icon{height:48px;width:48px;color:#fff;fill:#fff}.post-info{display:flex;flex-direction:column;padding:12px}.post-title{margin-bottom:8px;font-size:.875rem;font-weight:500;color:#111827;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-footer{display:flex;align-items:center;justify-content:space-between}.post-type{font-size:.75rem;color:#6b7280;text-transform:capitalize}.post-link{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#2563eb;text-decoration:none}.post-link:hover{color:#1d4ed8}.link-icon{height:12px;width:12px}@media (prefers-color-scheme: dark){.shared-post-container{background-color:#1f2937;border-color:#374151}.thumbnail-placeholder{background-color:#374151}.placeholder-icon{color:#6b7280}.post-title{color:#f3f4f6}.post-type{color:#9ca3af}.post-link{color:#60a5fa}.post-link:hover{color:#93c5fd}}.shared-post-message{max-width:300px;margin:4px 0}.shared-post-message.own{margin-left:auto}.shared-post-message.other{margin-right:auto}.shared-photo{max-width:100%;border-radius:5px;max-height:300px;object-fit:cover}.voice-message{width:100%;padding:5px 0}.voice-message.own,.voice-message.other{background-color:transparent}.status-reply-container{display:flex;flex-direction:column}.status-preview{background-color:#0000000d;border-radius:6px;padding:5px;margin-bottom:5px}.status-content{display:flex;align-items:center}.status-thumbnail{width:40px;height:40px;object-fit:cover;border-radius:4px;margin-right:8px}.status-text{font-size:12px;color:#555;font-style:italic}.status-interaction{font-size:14px;display:flex;align-items:center}.liked-status-preview{display:flex;align-items:center;gap:8px}.liked-status-thumbnail{width:30px;height:30px;object-fit:cover;border-radius:4px}.shared-post-message{width:100%}.shared-post-message.own,.shared-post-message.other{background-color:transparent}.message{display:flex;flex-direction:column;max-width:65%;padding:8px 12px;border-radius:8px;margin:4px 0;position:relative;word-wrap:break-word}.message.own{align-self:flex-end;background-color:#eedb6c;display:flex;align-items:flex-end;margin-left:auto;border-top-right-radius:0}.message.other{align-self:flex-start;background-color:#e9ebeac9;display:flex;align-items:flex-start;margin-right:auto;border-top-left-radius:0}.message-content{margin-bottom:5px}.message-time{align-self:flex-end;font-size:10px;color:#888;margin-top:2px}.message-status{display:inline-block;margin-left:4px;font-size:10px}.message-tick{margin-left:2px;font-size:10px;color:#888}.message-tick.read{color:#34b7f1}.double-tick{position:relative}.double-tick .tick:nth-child(2){position:absolute;left:3px}.double-tick.read .tick{color:#34b7f1}.replied-message{background-color:#0000000d;padding:6px 10px;border-radius:6px;display:flex;margin-bottom:5px;font-size:12px;color:#555;border-left:2px solid #34b7f1;flex-direction:row}.replied-message svg{margin-right:5px;color:#888}.messages-list{display:flex;flex-direction:column;padding:10px;overflow-y:auto;flex-grow:1}.message-row{display:flex;margin:2px 0}.message-row.own{justify-content:flex-end}.message-row.other{justify-content:flex-start}.typing{opacity:.7}.reply-preview{font-size:12px;padding:4px 6px;border-radius:4px;background-color:#0000000d;margin-bottom:4px}.reply-preview-sender{font-weight:700;color:#075e54;margin-bottom:2px}.reply-preview-content{color:#666}.reply-image-container{display:flex;align-items:center;gap:5px}.reply-image-thumbnail{width:30px;height:30px;object-fit:cover;border-radius:3px}.reply-image-label,.reply-audio-label{font-size:11px;color:#777}.reply-text-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;display:inline-block}.reply-bar{display:flex;align-items:center;justify-content:space-between;background-color:#f2f2f2;padding:10px 15px;border-left:3px solid #075e54}.reply-content{flex-grow:1;overflow:hidden}.reply-sender{font-weight:700;color:#075e54;font-size:14px}.reply-text{color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%;font-size:13px}.cancel-reply{color:#888;cursor:pointer;margin-left:10px}.cancel-reply:hover{color:#555}.message-actions-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;display:flex;align-items:center;justify-content:center}.message-actions-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;min-width:300px;max-width:90vw;max-height:90vh;overflow:hidden;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.modal-title{font-weight:600;font-size:16px;color:#333}.modal-close-btn{background:none;border:none;font-size:18px;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.modal-close-btn:hover{background-color:#e0e0e0}.modal-content{padding:16px 20px}.reactions-row{margin-bottom:20px}.reactions-label{font-size:14px;color:#666;margin-bottom:8px;display:block}.reactions-container{display:flex;gap:8px;flex-wrap:wrap}.reaction-btn{background:#f0f0f0;border:1px solid #e0e0e0;border-radius:20px;padding:8px 12px;font-size:18px;cursor:pointer;transition:all .2s;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.reaction-btn:hover{background:#e0e0e0;transform:scale(1.1)}.reaction-btn:active{transform:scale(.95)}.action-buttons{display:flex;flex-direction:column;gap:8px}.action-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;font-size:14px;color:#333}.action-btn:hover{background:#f5f5f5;border-color:#d0d0d0}.action-btn:active{transform:scale(.98)}.action-btn svg{font-size:16px}.reply-btn{border-color:#007bff;color:#007bff}.reply-btn:hover{background:#e3f2fd;border-color:#0056b3}.forward-btn{border-color:#28a745;color:#28a745}.forward-btn:hover{background:#e8f5e9;border-color:#1e7e34}.react-btn{border-color:#ffc107;color:#ffc107}.react-btn:hover{background:#fff8e1;border-color:#e0a800}.delete-btn{border-color:#dc3545;color:#dc3545}.delete-btn:hover{background:#f8d7da;border-color:#c82333}@media (max-width: 768px){.message-actions-modal{min-width:280px;max-width:95vw}.modal-content{padding:12px 16px}.reactions-container{justify-content:center}.reaction-btn{min-width:36px;height:36px;font-size:16px}.action-btn{padding:10px 14px;font-size:13px}}.bottom-nav-container{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-top:1px solid #f0f0f0;box-shadow:0 -4px 12px #0000000d;padding:16px;display:flex;flex-direction:column;gap:16px}.caption-group{display:flex;align-items:center;gap:12px}.caption-textarea{width:100%;padding:12px;font-size:14px;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;resize:none;transition:all .2s ease}.caption-textarea:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a;outline:none;background-color:#fff}.quick-actions-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.input-group{display:flex;align-items:center;gap:8px;flex:1}.icon{width:16px;height:16px;color:#666}.text-input{width:100%;padding:8px 12px;font-size:14px;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;transition:all .2s ease}.text-input:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a;outline:none;background-color:#fff}.volume-slider{width:100%;height:4px;-webkit-appearance:none;background:#e0e0e0;border-radius:2px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#fff;border:1px solid #e0e0e0;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000001a}.volume-slider::-moz-range-thumb{width:16px;height:16px;background:#fff;border:1px solid #e0e0e0;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000001a}.select-input{padding:8px 12px;font-size:14px;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;transition:all .2s ease}.select-input:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a;outline:none;background-color:#fff}.tags-section{display:flex;flex-direction:column;gap:8px}.tags-input-group{display:flex;align-items:center;gap:8px}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;padding:6px 12px;background-color:#f0f0f0;border-radius:16px;font-size:13px;color:#333;transition:all .2s ease}.remove-tag-btn{background:none;border:none;margin-left:6px;padding:0 4px;cursor:pointer;color:#666;font-size:16px;transition:all .2s ease}.remove-tag-btn:hover{color:#ff3b30}@media (max-width: 768px){.quick-actions-row{flex-direction:column;gap:12px}.input-group{width:100%}}.create-reel-container{min-height:100vh;background-color:#f5f5f7;padding:24px}.create-reel-wrapper{max-width:1200px;margin:0 auto;background-color:#fffffffa;border-radius:20px;box-shadow:0 2px 24px #00000014;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.create-reel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid rgba(0,0,0,.05);background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.create-reel-header h1{font-size:20px;font-weight:600;margin:0;color:#1d1d1f;letter-spacing:-.5px}.back-button{background:none;border:none;cursor:pointer;color:#1d1d1f;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.back-button:hover{background-color:#0000000d;transform:scale(1.05)}.back-button:active{transform:scale(.95)}.post-button{padding:8px 18px;background-color:#051802;color:#fff;border:none;border-radius:980px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.post-button:hover:not(:disabled){background-color:#0077ed;transform:scale(1.02)}.post-button:active:not(:disabled){transform:scale(.98)}.post-button:disabled{opacity:.5;cursor:not-allowed}.create-reel-content{display:flex;flex-direction:column;gap:24px}@media (min-width: 768px){.create-reel-content{flex-direction:row}}.video-section{flex:2;padding:24px}.video-preview{position:relative;aspect-ratio:9/16;background-color:#000;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #0000001f}.video-preview video{width:100%;height:100%;object-fit:contain}.upload-placeholder{aspect-ratio:9/16;background-color:#f5f5f7;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border:2px dashed #dedede}.upload-placeholder:hover{background-color:#e8e8ed;transform:scale(1.01)}.upload-text{margin-top:12px;font-size:17px;color:#1d1d1f;font-weight:500}.upload-hint{margin-top:8px;font-size:14px;color:#86868b}.settings-section{flex:1;padding:24px;border-left:1px solid rgba(0,0,0,.05);background:#ffffff80}.setting-group{margin-bottom:28px}.caption-input{width:100%;padding:12px 16px;border:1px solid #dedede;border-radius:12px;resize:none;height:100px;font-size:15px;background:#f5f5f7;transition:all .2s ease}.caption-input:focus{border-color:#2c0;background:#fff;outline:none;box-shadow:0 0 0 4px #0066cc1a}.input-with-icon{display:flex;align-items:center;padding:12px 16px;border:1px solid #dedede;border-radius:12px;background:#f5f5f7;transition:all .2s ease}.input-with-icon:focus-within{border-color:#06c;background:#fff;box-shadow:0 0 0 4px #0066cc1a}.input-with-icon svg{color:#86868b;margin-right:12px}.input-with-icon input{border:none;outline:none;width:100%;font-size:15px;background:transparent}.setting-label{display:flex;align-items:center;margin-bottom:12px;color:#1d1d1f;font-size:15px;font-weight:500}.setting-label svg{margin-right:8px;color:#86868b}.volume-slider{width:100%;height:4px;-webkit-appearance:none;background:#dedede;border-radius:2px;outline:none;margin:16px 0}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#fff;border:1px solid #dedede;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000001a}.tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hidden{display:none}.tag{display:flex;align-items:center;padding:6px 12px;background-color:#f5f5f7;border-radius:980px;font-size:13px;color:#1d1d1f;transition:all .2s ease}.remove-tag{background:none;border:none;padding:4px;margin-left:6px;cursor:pointer;color:#86868b;display:flex;align-items:center;transition:all .2s ease}.remove-tag:hover{color:#ff3b30;transform:scale(1.1)}.visibility-options{display:flex;flex-direction:column;gap:12px;background:#f5f5f7;padding:16px;border-radius:12px}.visibility-option{display:flex;align-items:center;cursor:pointer;font-size:15px;color:#1d1d1f}.error-message{padding:12px 16px;background-color:#ff3b301a;color:#ff3b30;text-align:center;margin-top:16px;border-radius:12px;font-size:14px}@media (max-width: 768px){.create-reel-container{padding:0}.create-reel-wrapper{border-radius:0;box-shadow:none}.settings-section{border-left:none;border-top:1px solid rgba(0,0,0,.05)}}.volume-slider::-moz-range-thumb{width:20px;height:20px;background:#fff;border:1px solid #dedede;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000001a}.volume-slider::-moz-range-track{height:4px;background:#dedede;border:none;border-radius:2px}.message-request-container{max-width:800px;margin:0 auto;padding:20px;background-color:#fff;height:100vh;overflow-y:auto}.message-request-header{display:flex;align-items:center;gap:15px;padding:16px 0;margin-bottom:20px;border-bottom:1px solid #e1e1e1}.message-request-header .header-icon{color:#eedb6c;font-size:24px}.message-request-header h2{color:#1d1d1f;font-size:24px;font-weight:600;margin:0}.request-tabs{display:flex;gap:10px;margin-bottom:24px;background:#f5f5f5;padding:5px;border-radius:12px}.tab{flex:1;padding:12px 24px;border:none;background:none;border-radius:10px;font-size:15px;color:#86868b;cursor:pointer;transition:all .2s ease}.tab.active{background:#fff;color:#0a4103;box-shadow:0 2px 8px #0000000d}.message-request-content{background:#fff;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 2px 12px #0000000d;display:flex;justify-content:space-between;align-items:center;transition:transform .2s ease}.message-request-content:hover{transform:translateY(-2px)}.profile-section{display:flex;align-items:center;gap:15px}.request-profile-pic{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #e1e1e1}.profile-section h3{margin:0;color:#1d1d1f;font-size:16px;font-weight:600}.mutual-friends{color:#86868b;font-size:13px;margin:4px 0 0}.request-actions{display:flex;gap:10px}.accept-button,.decline-button{padding:10px 20px;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.accept-button{background:#007aff;color:#fff}.accept-button:hover{background:#06c}.decline-button{background:#f5f5f5;color:#ff3b30}.decline-button:hover{background:#ebebeb}.request-message{display:flex;align-items:center;gap:12px;color:#86868b}.pending-icon{color:#007aff;font-size:16px}.request-message p{margin:0;font-size:14px}.no-requests{text-align:center;padding:40px 20px;color:#86868b;background:#f9f9f9;border-radius:16px;margin-top:20px}.no-requests p{margin:0;font-size:15px}.loading-state{display:flex;justify-content:center;align-items:center;height:200px;color:#86868b}@media (max-width: 768px){.message-request-container{padding:16px}.message-request-content{flex-direction:column;text-align:center;gap:20px}.profile-section{flex-direction:column}.request-actions{width:100%;justify-content:center}.accept-button,.decline-button{flex:1;justify-content:center}}.tab{position:relative;overflow:hidden}.tab:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#007aff;transition:all .3s ease}.tab.active:after{width:100%;left:0}.message-request-content:hover{box-shadow:0 4px 15px #00000014}.request-profile-pic:hover{transform:scale(1.05);transition:transform .2s ease}.header-icon,.pending-icon{transition:transform .2s ease}.header-icon:hover,.pending-icon:hover{transform:scale(1.1)}.nms-container{display:flex;flex-direction:column;height:100vh;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.nms-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #e0e0e0;background-color:#fff;z-index:10}.nms-back-button{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;width:fit-content}.nms-back-button:hover{background-color:#f5f5f5}.nms-header-title{margin:0 0 0 16px;font-size:18px;font-weight:600;flex:1;color:#333}.nms-next-button{padding:6px 12px;border-radius:16px;background-color:#00a86b;color:#fff;border:none;font-weight:600;cursor:pointer;transition:background-color .2s;width:fit-content}.nms-next-button:hover{background-color:#008f5a}.nms-next-button:disabled{opacity:.6;cursor:not-allowed}.nms-search-container{display:flex;align-items:center;margin:12px 16px;padding:0 12px;height:40px;background-color:#f2f2f2;border-radius:20px;border:none}.nms-search-icon{margin-right:8px;flex-shrink:0}.nms-search-input{flex:1;height:100%;border:none;background:transparent;font-size:16px;color:#333;outline:none}.nms-search-input::placeholder{color:#8e8e8e}.nms-clear-button{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.nms-clear-button:hover{background-color:#e0e0e0}.nms-selected-users-container{display:flex;flex-wrap:wrap;padding:0 12px 12px;gap:8px}.nms-selected-user-chip{display:flex;align-items:center;background-color:#f0f0f0;border-radius:16px;padding:4px 8px;max-width:150px}.nms-chip-avatar{width:24px;height:24px;border-radius:50%;margin-right:4px;object-fit:cover}.nms-chip-username{font-size:14px;margin-right:4px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nms-remove-chip{background:none;border:none;padding:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.nms-remove-chip:hover{background-color:#ddd}.nms-content{flex:1;overflow-y:auto}.nms-loading-container{display:flex;justify-content:center;align-items:center;height:200px}.nms-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #00A86B;border-radius:50%;animation:nms-spin 1s linear infinite}@keyframes nms-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nms-error-container{display:flex;justify-content:center;align-items:center;height:200px;padding:20px}.nms-error-text{font-size:16px;color:#d32f2f;text-align:center}.nms-empty-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;padding:20px;gap:16px}.nms-empty-text{font-size:16px;color:#666;text-align:center}.nms-list-container{padding:12px}.nms-user-item{display:flex;align-items:center;padding:12px;border-radius:12px;margin-bottom:8px;cursor:pointer;transition:background-color .2s}.nms-user-item:hover{background-color:#f5f5f5}.nms-selected-user-item{background-color:#00a86b1a}.nms-selected-user-item:hover{background-color:#00a86b26}.nms-user-avatar-container{cursor:pointer;border-radius:50%;transition:transform .2s}.nms-user-avatar-container:hover{transform:scale(1.05)}.nms-user-avatar{width:50px;height:50px;border-radius:50%;margin-right:16px;object-fit:cover;border:2px solid #f0f0f0}.nms-user-info{flex:1}.nms-username{font-size:16px;font-weight:600;color:#333;margin-bottom:2px}.nms-sub-info-container{display:flex;align-items:center;gap:6px}.nms-full-name{font-size:14px;color:#666}.nms-relationship-badge{padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600}.nms-mutual-badge{background-color:#e1f5fe;color:#424242}.nms-follower-badge{background-color:#fff3e0;color:#424242}.nms-relationship-text{font-size:10px;font-weight:600;color:#424242}.nms-checkmark{margin-left:8px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.nms-container{height:100vh}.nms-header{padding:8px 12px}.nms-header-title{font-size:16px;margin-left:12px}.nms-search-container{margin:8px 12px}.nms-selected-users-container{padding:0 8px 8px}.nms-list-container,.nms-user-item{padding:8px}.nms-user-avatar{width:40px;height:40px;margin-right:12px}.nms-username{font-size:15px}.nms-full-name{font-size:13px}}@media (max-width: 480px){.nms-header{padding:6px 8px}.nms-search-container{margin:6px 8px;height:36px}.nms-search-input{font-size:14px}.nms-selected-users-container{padding:0 6px 6px}.nms-list-container{padding:6px}}.privacy-container{padding:20px;max-width:800px;margin:0 auto;background-color:#f8f8f8;min-height:100vh}.privacy-header{display:flex;align-items:center;margin-bottom:24px;background-color:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 4px #0000000d}.privacy-header h1{font-size:24px;font-weight:600;margin:0}.privacy-sections{display:flex;flex-direction:column;gap:20px}.privacy-section{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000000d}.privacy-section h2{font-size:18px;font-weight:600;margin:0 0 16px;color:#333}.setting-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 0;border-bottom:1px solid #eee}.setting-item:last-child{border-bottom:none;padding-bottom:0}.setting-info{flex:1;margin-right:16px}.setting-header{display:flex;align-items:center;margin-bottom:4px}.setting-icon{width:20px;height:20px;margin-right:12px;color:#666}.setting-title{font-weight:500;color:#333}.setting-description{color:#666;font-size:14px;margin:4px 0 0 32px}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px;margin-top:4px}input:checked+.toggle-slider{background-color:#0095f6}.select-control{padding:8px 12px;border-radius:8px;border:1px solid #ddd;background-color:#fff;font-size:14px;color:#333;min-width:150px;margin-top:4px}.select-control:focus{outline:none;border-color:#0095f6}.list-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 0;background:none;border:none;border-bottom:1px solid #eee;cursor:pointer;text-align:left}.list-button:last-child{border-bottom:none}.button-content{display:flex;align-items:center}.count{background-color:#f1f1f1;padding:4px 8px;border-radius:12px;font-size:14px;color:#666}@media (prefers-color-scheme: dark){.privacy-container{background-color:#000}.privacy-section,.privacy-header{background-color:#111}.setting-title,.privacy-section h2,.privacy-header h1{color:#fff}.setting-description,.setting-icon{color:#999}.setting-item{border-bottom-color:#222}.select-control{background-color:#111;border-color:#333;color:#fff}.count{background-color:#222;color:#999}.list-button{border-bottom-color:#222;color:#fff}}.management-container{padding:20px;max-width:800px;margin:0 auto;min-height:100vh;background-color:#f8f8f8}.management-header{background-color:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 4px #0000000d}.header-main{display:flex;align-items:center;margin-bottom:16px}.management-header h1{font-size:24px;font-weight:600;margin:0}.search-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#666;width:20px;height:20px}.search-input{width:100%;padding:12px 12px 12px 40px;border:1px solid #ddd;border-radius:8px;font-size:14px}.search-input:focus{outline:none;border-color:#0095f6}.description-box{background-color:#fff;border-radius:12px;padding:16px;margin-bottom:16px;display:flex;align-items:center;box-shadow:0 2px 4px #0000000d}.description-icon{width:24px;height:24px;margin-right:12px;color:#666}.description-box p{margin:0;color:#666;font-size:14px;line-height:1.4}.accounts-list{background-color:#fff;border-radius:12px;padding:8px 0;box-shadow:0 2px 4px #0000000d}.account-item{display:flex;align-items:center;padding:16px;border-bottom:1px solid #eee}.account-item:last-child{border-bottom:none}.profile-picture{width:44px;height:44px;border-radius:50%;margin-right:12px;object-fit:cover}.account-details{display:flex;flex-direction:column}.username{font-weight:600;color:#333}.full-name{color:#666;font-size:14px}.action-button-Am{padding:8px 16px;border-radius:8px;border:none;background-color:#0095f6;color:#fff;font-weight:600;cursor:pointer;margin-right:12px;font-size:14px}.action-button:hover{background-color:#0081d6}.remove-button{background:none;border:none;padding:8px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center}.remove-button:hover{color:#ff3b30}.empty-state{padding:32px;text-align:center;color:#666}@media (prefers-color-scheme: dark){.management-container{background-color:#000}.management-header,.description-box,.accounts-list{background-color:#111}.search-input{background-color:#111;border-color:#333;color:#fff}.search-input::placeholder{color:#666}.management-header h1{color:#fff}.description-box p,.description-icon,.search-icon{color:#999}.username{color:#fff}.full-name{color:#999}.account-item{border-bottom-color:#222}.remove-button{color:#999}.remove-button:hover{color:#ff453a}.empty-state{color:#999}.action-button{background-color:#0095f6}.action-button:hover{background-color:#0081d6}}.saved-container{max-width:600px;margin:0 auto;padding:1rem}.saved-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header-left{display:flex;align-items:center;gap:1rem}.header-title{font-size:1.25rem;font-weight:600}.search-container{position:relative;margin-bottom:1rem}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6b7280;z-index:10}.search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #D1D5DB;border-radius:.5rem;font-size:1rem;outline:none;transition:border-color .3s ease}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.collections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.collection-item{cursor:pointer;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.collection-item:hover{transform:scale(1.02)}.collection-thumbnail{position:relative;aspect-ratio:1/1}.collection-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:.5rem}.collection-name{color:#fff;font-weight:500}.collection-count{padding:.5rem;text-align:center;background-color:#f3f4f6;font-size:.875rem;color:#6b7280}.saved-container{padding:16px}.saved-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.header-left{display:flex;align-items:center}.header-title{font-size:18px;font-weight:700;margin-left:8px}.search-container{position:relative;margin-bottom:16px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#888}.search-input{width:100%;padding:8px 12px 8px 40px;border:1px solid #ddd;border-radius:20px;font-size:14px}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.collection-item{cursor:pointer}.collection-thumbnail{position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px}.collection-thumbnail img{width:100%;height:100%;object-fit:cover}.collection-overlay{position:absolute;bottom:0;left:0;right:0;background:#00000080;color:#fff;padding:8px}.collection-name{font-weight:700}.collection-count{font-size:12px;color:#888;margin-top:4px}.all-posts-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:2px;width:100%;height:100%}.all-posts-grid img{width:100%;height:100%;object-fit:cover}.add-collection-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:50;background-color:#00000080;animation:slide-up .3s ease-in-out}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.add-collection-modal-container{background-color:#fff;border-radius:.5rem;width:100%;max-width:28rem;padding:1.5rem;box-shadow:0 4px 6px #0000001a}.add-collection-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.add-collection-modal-header h2{font-size:1.25rem;font-weight:600}.add-collection-modal-close-icon{cursor:pointer;color:#4b5563}.add-collection-modal-body{margin-bottom:1rem}.add-collection-modal-body label{display:block;color:#374151;font-weight:500;margin-bottom:.5rem}.add-collection-modal-input{width:100%;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;outline:none;transition:ring .2s ease-in-out}.add-collection-modal-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.add-collection-modal-create-button{display:flex;align-items:center;justify-content:center;width:100%;background-color:#3b82f6;color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;transition:background-color .2s ease-in-out}.add-collection-modal-create-button:hover{background-color:#2563eb}.add-collection-modal-button-icon{margin-right:.5rem}.language-settings-container{width:100%;max-width:800px;margin:0 auto;padding:20px;background-color:#fff}.language-settings-header{display:flex;align-items:center;margin-bottom:20px;padding:10px 0}.language-settings-header .back-icon{cursor:pointer;width:24px;height:24px;margin-right:15px}.language-settings-header h1{font-size:1.5rem;font-weight:600}.language-list{display:flex;flex-direction:column;gap:8px}.language-option{display:flex;justify-content:space-between;align-items:center;padding:15px;border-radius:8px;cursor:pointer;transition:background-color .2s}.language-option:hover{background-color:#f5f5f5}.language-option.selected{background-color:#faffb9}.language-info{display:flex;flex-direction:column;gap:4px}.language-name{font-weight:500;font-size:1rem}.language-native{color:#666;font-size:.9rem}.check-icon{width:20px;height:20px;color:#ffc542}.language-footer{margin-top:24px;padding:16px;color:#666;font-size:.875rem;line-height:1.5;border-top:1px solid #eee}.tag-selector-dropdown{position:relative;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tag-dropdown-trigger{width:100%;padding:.8rem 1rem;background-color:#fff;border:1px solid #d2d2d7;border-radius:12px;font-size:1rem;color:#1d1d1f;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease}.tag-dropdown-trigger:hover{border-color:#86868b}.tag-dropdown-trigger:focus{outline:none;border-color:#fdbc2e;box-shadow:0 0 0 4px #0071e31a}.chevron-icon{width:1.2rem;height:1.2rem;color:#86868b;transition:transform .2s ease}.tag-selector{position:absolute;top:calc(100% + .5rem);left:0;right:0;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:.5rem;z-index:100;max-height:400px;overflow-y:auto;border:1px solid #d2d2d7;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tag-category{margin-bottom:.5rem}.category-button{width:100%;padding:.8rem 1rem;background-color:#f5f5f7;border:none;border-radius:8px;font-size:1rem;color:#1d1d1f;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s ease}.category-button:hover{background-color:#efeff1}.category-name{font-weight:500}.tag-options{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease;overflow:hidden}.tag-options.expanded{grid-template-rows:1fr;margin-top:.5rem}.tag-options .tag-option{padding:.6rem 1rem;margin:.2rem 0;background:none;border:none;border-radius:8px;font-size:.95rem;color:#424245;text-align:left;cursor:pointer;transition:all .2s ease;width:100%}.tag-option:hover{background-color:#f5f5f7;color:#1d1d1f}.tag-option.selected{background-color:#fffde8;color:#fdbc2e;font-weight:500}.tag-selector::-webkit-scrollbar{width:8px}.tag-selector::-webkit-scrollbar-track{background:#f5f5f7;border-radius:4px}.tag-selector::-webkit-scrollbar-thumb{background:#d2d2d7;border-radius:4px}.tag-selector::-webkit-scrollbar-thumb:hover{background:#86868b}.tag-options>div{transition:all .2s ease}@media (max-width: 768px){.tag-selector{max-height:300px}.tag-dropdown-trigger,.category-button{padding:.7rem .8rem}.tag-option{padding:.5rem .8rem}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-content{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:300px}.loading-spinner{animation:spin 1s linear infinite;color:#4f46e5;width:2rem;height:2rem}.loading-text{color:#374151;font-size:1rem;font-weight:500}.loading-progress-container{width:100%;background-color:#e5e7eb;border-radius:9999px;height:8px;overflow:hidden;position:relative}.loading-progress-bar{height:100%;background-color:#4f46e5;transition:width .3s ease}.loading-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#374151;font-size:.75rem;font-weight:500}.account-settingsAS{max-width:800px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1d1d1f;background:linear-gradient(to bottom,#fbfbfd,#fff);min-height:100vh}.headerAS{display:flex;align-items:center;margin-bottom:2.5rem;padding-bottom:1rem;border-bottom:1px solid #d2d2d7}.headerAS h1{flex:1;font-size:2rem;font-weight:600;margin:0;text-align:center}.back-buttonAS,.info-buttonAS{background:none;border:none;padding:.5rem;color:#0a4103;cursor:pointer;transition:opacity .2s;width:auto}.back-buttonAS:hover,.info-buttonAS:hover{opacity:.7}.profile-sectionAS{background-color:#fff;border-radius:18px;padding:2rem;box-shadow:0 4px 6px #00000005;transition:transform .3s ease,box-shadow .3s ease}.profile-sectionAS:hover{transform:translateY(-2px);box-shadow:0 8px 12px #0000000a}.profile-picture-containerAS{position:relative;width:120px;height:120px;margin:0 auto 2rem}.profile-picture-containerAS:hover .profile-pictureAS{transform:scale(1.02)}.profile-pictureAS{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 1px 3px #0000001a;transition:transform .3s ease}.upload-buttonAS{position:absolute;right:-8px;bottom:-8px;background-color:#fff;border:1px solid #d2d2d7;border-radius:50%;padding:.5rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000000d}.upload-buttonAS:hover{background-color:#f5f5f7}.upload-iconAS{width:20px;height:20px;color:#0a4103}.form-fieldsAS{max-width:500px;margin:0 auto}.input-groupAS{position:relative;margin-bottom:1.5rem}.input-groupAS label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#86868b;font-weight:500}.input-fieldAS{width:100%;padding:1rem;border:1px solid #d2d2d7;border-radius:12px;font-size:1rem;transition:all .2s;background-color:#fff}.input-fieldAS:focus{outline:none;border-color:#fdbc2e;box-shadow:0 0 0 4px #0071e31a;transform:translateY(-1px)}textarea.input-fieldAS{min-height:100px;resize:vertical}.character-count{position:absolute;right:0;top:0;font-size:.8rem;color:#86868b}.selected-tagsAS{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}.selected-tagAS{background-color:#f5f5f7;padding:.4rem 1rem;border-radius:20px;font-size:.9rem;color:#1d1d1f}.save-buttonAS,.logout-buttonAS{width:100%;padding:1rem;border:none;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;transform-origin:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.save-buttonAS{background-color:#0a4103;color:#fff}.save-buttonAS:hover{background-color:#0a4103}.logout-buttonAS{background-color:#f5f5f7;color:#1d1d1f;margin-top:1rem}.logout-buttonAS:hover{background-color:#ebebeb;transform:scale(1.02)}.button-iconAS{width:18px;height:18px}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.message{padding:1rem;margin-bottom:1.5rem;font-size:.9rem;animation:slideIn .3s ease forwards;display:flex;align-items:center;justify-content:center}.error-message{background-color:#fff2f2;color:#ff3b30;border:1px solid #ffccd0}.success-message{background-color:#f2fff5;color:#34c759;border:1px solid #c8e6c9;position:absolute;z-index:1000}.info-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.info-modal{background-color:#fff;border-radius:18px;padding:2rem;max-width:500px;width:90%;position:relative;box-shadow:0 20px 40px #0000001a;animation:modalFadeIn .3s cubic-bezier(.4,0,.2,1)}.info-modal h2{font-size:1.5rem;margin-bottom:1rem;color:#1d1d1f}.info-modal p{color:#424245;line-height:1.5;margin-bottom:1rem}.info-modal ul{margin:1rem 0;padding-left:1.5rem}.info-modal li{color:#424245;margin-bottom:.5rem}.close-modal-button{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#86868b;cursor:pointer;padding:.5rem}.close-modal-cta{width:100%;padding:1rem;background-color:#0a4103;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;margin-top:1.5rem;transition:background-color .2s}.close-modal-cta:hover{background-color:#0a4103}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.2rem;color:#86868b;background:linear-gradient(to right,#f6f7f8 8%,#edeef1 18%,#f6f7f8 33%);background-size:800px 104px;animation:shimmer 1.2s linear infinite;border-radius:4px}@media (prefers-color-scheme: dark){.account-settings{background:linear-gradient(to bottom,#1d1d1f,#000);color:#f5f5f7}.profile-section{background-color:#2c2c2e}.input-field{background-color:#1c1c1e;border-color:#3a3a3c;color:#fff}.selected-tag{background:linear-gradient(to right,#2c2c2e,#3a3a3c);color:#f5f5f7}.info-modal{background-color:#2c2c2e}.info-modal h2,.info-modal p,.info-modal li{color:#f5f5f7}}.account-settings-tag-selector{width:100%;padding:.8rem 1rem;border:1px solid #d2d2d7;border-radius:12px;font-size:1rem;background-color:#fff;color:#1d1d1f;cursor:pointer}.account-settings-tag-selector:focus{outline:none;border-color:#fdbc2e;box-shadow:0 0 0 4px #0071e31a}@media (max-width: 768px){.account-settingsAS{padding:1rem;margin-bottom:3em}.profile-sectionAS{padding:1.5rem}.headerAS h1{font-size:1.5rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.notification-settings-container{width:100%;max-width:800px;margin:0 auto;padding:20px;background-color:#fff}.notification-settings-header{display:flex;align-items:center;margin-bottom:20px;padding:10px 0}.notification-settings-header .back-icon{cursor:pointer;width:24px;height:24px;margin-right:15px}.notification-settings-header h1{font-size:1.5rem;font-weight:600}.notification-section{margin-bottom:24px;padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.section-header{margin-bottom:16px}.section-header h2{font-size:1.2rem;font-weight:600;color:#333}.pause-controls{display:flex;flex-direction:column;gap:16px}.pause-toggle{display:flex;justify-content:space-between;align-items:center}.toggle-info{display:flex;align-items:center;gap:12px}.duration-select{display:flex;align-items:center;gap:12px;margin-left:36px}.duration-select select{padding:8px;border-radius:4px;border:1px solid #ddd;background-color:#f5f5f5;font-size:.9rem}.notification-options{display:flex;flex-direction:column;gap:16px}.notification-option{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.notification-option:last-child{border-bottom:none}.option-info{display:flex;align-items:center;gap:12px}.section-icon{width:20px;height:20px;color:#666}.option-text{display:flex;flex-direction:column;gap:4px}.option-text span{font-weight:500}.option-text p{font-size:.85rem;color:#666}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#0c3a2d}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.notification-footer{margin-top:24px;padding:16px;color:#666;font-size:.875rem;line-height:1.5;text-align:center;border-top:1px solid #eee}@media (max-width: 480px){.notification-settings-container{padding:16px}.notification-section{padding:12px}.option-text p{font-size:.8rem}}.appearance-container{padding:20px;max-width:800px;margin:0 auto}.appearance-header{display:flex;align-items:center;margin-bottom:24px}.back-icon{cursor:pointer;margin-right:12px}.appearance-header h1{font-size:24px;font-weight:600;margin:0}.appearance-card{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.setting-item{padding:16px 0;border-bottom:1px solid #eee}.setting-item:last-child{border-bottom:none}.setting-label{display:flex;align-items:center;margin-bottom:8px}.setting-icon{width:20px;height:20px;margin-right:12px}.setting-info{flex:1}.setting-title{font-weight:500;display:block;margin-bottom:4px}.setting-description{color:#666;font-size:14px;margin:0}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#124a3a}input:checked+.toggle-slider:before{transform:translate(26px)}.font-size-control{display:flex;align-items:center;gap:16px;margin:12px 0}.font-size-label{color:#666}.font-size-label.small{font-size:12px}.font-size-label.large{font-size:20px}.font-size-slider{flex:1;-webkit-appearance:none;height:4px;border-radius:2px;background:#ddd;outline:none}.font-size-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#124a3a;cursor:pointer}.font-size-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fdbc2e;cursor:pointer;border:none}.font-size-value{color:#666;font-size:14px;margin-top:4px}[data-theme=dark] .appearance-card{background-color:#1a1a1a;color:#fff}[data-theme=dark] .setting-item{border-bottom-color:#333}[data-theme=dark] .setting-description,[data-theme=dark] .font-size-label,[data-theme=dark] .font-size-value{color:#999}[data-high-contrast=true]{--contrast-text: #000000;--contrast-background: #ffffff}[data-reduced-motion=true] *{animation:none!important;transition:none!important}.subscription-page{min-height:100vh;background-color:#f9fafb}.subscription-header{background-color:#fff;padding:1rem;display:flex;align-items:center;border-bottom:1px solid #e5e7eb}.subscription-header .back-icon{width:1.5rem;height:1.5rem;cursor:pointer}.subscription-header h1{font-size:1.25rem;font-weight:600;margin-left:1rem}.subscription-content{max-width:42rem;margin:0 auto;padding:1rem}.subscription-content>*+*{margin-top:1.5rem}.info-card{background-color:#eff6ff;padding:1rem;border-radius:.5rem;display:flex;align-items:flex-start;gap:.75rem}.info-card .info-icon{width:1.25rem;height:1.25rem;color:#fdbc2e;flex-shrink:0;margin-top:.125rem}.info-card p{font-size:.875rem;color:#0c3a2d}.price-settings{background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d}.price-settings>*+*{margin-top:1.5rem}.price-input-group{margin-bottom:.5rem}.price-input-group>*+*{margin-top:.5rem}.price-input-label{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;font-weight:500;color:#374151}.price-input-label .min-price{font-size:.75rem;color:#6b7280}.price-input-wrapper{position:relative}.price-input-wrapper .currency-icon{position:absolute;left:.75rem;top:37%;transform:translateY(-50%);width:1rem;height:1rem;color:#9ca3af}.price-input{width:100%;padding:.5rem 1rem .5rem 2rem;border:1px solid #d1d5db;border-radius:.5rem}.price-input:focus{outline:none;border-color:#ffc542;box-shadow:0 0 0 2px #ccbf0d80}.error-message{background-color:#fef2f2;color:#b91c1c;padding:.75rem;border-radius:.5rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.error-message .error-icon{width:1rem;height:1rem}.save-button{width:100%;background-color:#0c3a2d;color:#fff;padding:.75rem;border-radius:.5rem;font-weight:500;border:none;cursor:pointer;transition:background-color .2s}.save-button:hover{background-color:#0c3a2d}.save-button:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #0c3a2d}.save-button:disabled{opacity:.5;cursor:not-allowed}.password-reset-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px}.password-reset-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:100%;max-width:400px}.card-title{text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;color:#333}.error-alert{background-color:#fee2e2;color:#dc2626;padding:.75rem;border-radius:4px;margin-bottom:1rem;font-size:.875rem}.password-reset-form{display:flex;flex-direction:column;gap:1rem}.form-group{position:relative}.form-input{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:4px;font-size:1rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.submit-button{width:100%;padding:.75rem;background-color:#2563eb;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.submit-button:hover{background-color:#1d4ed8}.submit-button:disabled{background-color:#0a41036c;cursor:not-allowed}.submit-button.loading{opacity:.7}.secondary-button{width:100%;padding:.75rem;background-color:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.secondary-button:hover{background-color:#e5e7eb}.email-sent-message{text-align:center;color:#4b5563}.email-sent-message p{margin-bottom:1rem;line-height:1.5}@media (max-width: 640px){.password-reset-card{padding:1.5rem}.card-title{font-size:1.25rem}}.collection-view-container{background-color:#fff;min-height:100vh}.collection-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e9edef}.header-actions{display:flex;align-items:center;gap:16px}.posts-grid{padding:2px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.posts-list{padding:16px;display:flex;flex-direction:column;gap:16px}.post-item{position:relative;cursor:pointer}.post-item-grid{padding-bottom:100%}.post-item-list{padding-bottom:56.25%}.post-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.suggested_accounts_container{padding:24px;background-color:transparent;color:#fff;position:relative}.suggested_accounts_header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.suggested_accounts_header h2{font-size:20px;font-weight:600;color:#2f672e}.suggested_accounts_reload_btn{color:#226b18;text-decoration:none;background:transparent;font-size:14px;font-weight:500;transition:color .2s ease;width:fit-content}.suggested_accounts_reload_btn:hover{color:#226b18}.suggested_accounts_grid{display:flex;gap:16px;flex-direction:row;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:4px 4px 20px}.suggested_accounts_grid::-webkit-scrollbar{display:none}.suggested_accounts_card{position:relative;min-width:280px;flex-shrink:0;border-radius:16px;overflow:hidden;transition:transform .3s ease}.suggested_accounts_card:hover{transform:translateY(-4px)}.suggested_accounts_card_content{padding:20px;position:relative;display:flex;z-index:2;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e0e0e0;box-shadow:20px 20px 60px #bebebe,-20px -20px 60px #fff;flex-direction:column;align-content:center;justify-content:center;align-items:center}.suggested_accounts_card_backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#4169e11a,#4169e100);z-index:1;opacity:0;transition:opacity .3s ease}.suggested_accounts_card:hover .suggested_accounts_card_backdrop{opacity:1}.suggested_accounts_card_header{display:flex;justify-content:center;align-items:flex-start;margin-left:37px;margin-bottom:16px}.suggested_accounts_logo_wrapper{width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.1);transition:border-color .3s ease}.suggested_accounts_card:hover .suggested_accounts_logo_wrapper{border-color:#3a7a2180}.suggested_accounts_logo{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.suggested_accounts_card:hover .suggested_accounts_logo{transform:scale(1.05)}.suggested_accounts_close_button{background:none;border:none;color:#4d4d4d;font-size:20px;cursor:pointer;padding:8px;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.suggested_accounts_close_button:hover{background-color:#ffffff1a;color:#4d4d4d}.suggested_accounts_info{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;align-items:center}.suggested_accounts_username_container{display:flex;align-items:center;gap:6px}.suggested_accounts_username{font-weight:600;font-size:15px;color:#4d4d4d}.suggested_accounts_verified_badge{color:#4169e1;background-color:#4169e11a;padding:2px;border-radius:50%}.suggested_accounts_display_name{color:#4d4d4d;font-size:14px;font-weight:500}.suggested_accounts_followers_count{color:#4d4d4d;font-size:13px;margin-top:2px}.suggested_accounts_mutual_text{color:#2f672e;font-size:12px;font-weight:500;text-align:center;margin-top:4px;padding:4px 8px;background-color:#2f672e1a;border-radius:12px;border:1px solid rgba(47,103,46,.2);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggested_accounts_follow_button{background-color:#2f672e;color:#fff;border:none;border-radius:20px;padding:10px 0;font-size:14px;font-weight:600;cursor:pointer;width:100%;transition:all .2s ease;position:relative;overflow:hidden}.suggested_accounts_follow_button:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;transform:translate(-100%);transition:transform .5s ease}.suggested_accounts_follow_button:hover{background-color:#2f672e96}.suggested_accounts_follow_button:hover:after{transform:translate(100%)}@media (max-width: 768px){.suggested_accounts_container{padding:16px}.suggested_accounts_card{min-width:240px}.suggested_accounts_header h2{font-size:18px}.suggested_accounts_mutual_text{font-size:11px;padding:3px 6px}}.search-screen-container{display:flex;flex-direction:column;height:100vh;background-color:#fafbfc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.search-screen-header{display:flex;align-items:center;padding:16px;background-color:#fff;border-bottom:1px solid #E8EAED}.search-screen-back-button{width:fit-content;height:40px;border-radius:20px;background-color:#f8f9fa;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-right:16px;box-shadow:0 1px 2px #0000000d;transition:background-color .2s ease}.search-screen-back-button:hover{background-color:#f1f3f4}.search-screen-title{font-size:20px;font-weight:600;color:#1f2937;margin:0;letter-spacing:.3px}.search-screen-search-container{display:flex;align-items:center;background-color:#fff;margin:0 16px 12px;padding:12px 16px;border-radius:16px;border:1px solid #E8EAED;box-shadow:0 2px 4px #0000000a;transition:border-color .2s ease,box-shadow .2s ease}.search-screen-search-container:focus-within{border-color:#144033;box-shadow:0 2px 8px #1440331a}.search-screen-search-icon{margin-right:12px;flex-shrink:0}.search-screen-search-input{flex:1;font-size:16px;color:#1f2937;font-weight:400;letter-spacing:.2px;border:none;outline:none;background:transparent}.search-screen-search-input::placeholder{color:#8e8e8e}.search-screen-clear-button{padding:4px;margin-left:8px;border:none;background:transparent;cursor:pointer;border-radius:4px;transition:background-color .2s ease;width:fit-content}.search-screen-clear-button:hover{background-color:#f1f3f4}.search-screen-tab-container{flex:1;display:flex;flex-direction:column;background-color:#fff}.search-screen-tab-bar{display:flex;background-color:#fff;border-bottom:1px solid #F1F3F4;padding:0 16px}.search-screen-tab{padding:12px 16px;font-size:14px;font-weight:600;color:#6b7280;background:none;border:none;cursor:pointer;position:relative;transition:color .2s ease;letter-spacing:.3px}.search-screen-tab:hover{color:#374151}.search-screen-tab-active{color:#144033}.search-screen-tab-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#144033;border-radius:2px 2px 0 0}.search-screen-tab-content{flex:1;overflow-y:auto}.search-screen-scroll-container{flex:1;overflow-y:auto;padding-bottom:24px}.search-screen-results-container{padding:8px 16px 24px}.search-screen-user-item{display:flex;align-items:center;background-color:#fff;padding:14px 16px;margin:4px 0;border-radius:12px;border:1px solid #F1F3F4;cursor:pointer;box-shadow:0 1px 3px #00000008;transition:all .2s ease;position:relative}.search-screen-user-item:hover{border-color:#e8eaed;box-shadow:0 2px 6px #0000000f;transform:translateY(-1px)}.search-screen-user-avatar{width:48px;height:48px;border-radius:24px;margin-right:14px;background-color:#f8f9fa;border:2px solid #FFFFFF;object-fit:cover}.search-screen-user-info{flex:1;display:flex;flex-direction:column;justify-content:center}.search-screen-full-name{font-size:14px;color:#6b7280;margin-top:2px;font-weight:400;letter-spacing:.1px}.search-screen-post-item{display:flex;align-items:flex-start;background-color:#fff;padding:14px 16px;margin:4px 0;border-radius:12px;border:1px solid #F1F3F4;cursor:pointer;box-shadow:0 1px 3px #00000008;transition:all .2s ease}.search-screen-post-item:hover{border-color:#e8eaed;box-shadow:0 2px 6px #0000000f;transform:translateY(-1px)}.search-screen-post-thumbnail{width:50px;height:50px;border-radius:8px;margin-right:14px;background-color:#f8f9fa;object-fit:cover;flex-shrink:0}.search-screen-reel-thumbnail-container{position:relative;margin-right:14px;flex-shrink:0}.search-screen-reel-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#0009;border-radius:10px;width:20px;height:20px;display:flex;justify-content:center;align-items:center}.search-screen-post-info{flex:1;display:flex;flex-direction:column;justify-content:center}.search-screen-post-username{font-size:14px;font-weight:600;color:#374151;margin-bottom:4px;letter-spacing:.1px}.search-screen-post-caption{font-size:14px;color:#6b7280;line-height:20px;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-screen-view-all-hint{font-size:12px;color:#9ca3af;font-style:italic;margin-top:2px}.search-screen-recent-searches-container{background-color:#fff;margin:8px 16px 0;border-radius:16px;padding:20px 0 12px;border:1px solid #F1F3F4;box-shadow:0 2px 4px #0000000a}.search-screen-recent-searches-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;margin-bottom:16px}.search-screen-recent-searches-title{font-size:18px;font-weight:700;color:#1f2937;letter-spacing:.3px;margin:0}.search-screen-hashtag-icon{width:20px;height:20px;color:#6b7280;margin-right:8px}.search-screen-hashtag-info{display:flex;align-items:center;font-size:14px;color:#374151;font-weight:600;letter-spacing:.2px}.search-screen-hashtag-name{font-size:14px;color:#374151;font-weight:600;letter-spacing:.2px}.search-screen-hashtag-count{font-size:12px;color:#6b7280;font-weight:500;letter-spacing:.1px}.search-screen-hashtag-item{display:flex;align-items:center;padding:23px 12px;border-bottom:1px solid #F1F3F4}.search-screen-clear-all-text{font-size:14px;font-weight:600;color:#ef4444;letter-spacing:.2px;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;width:fit-content;transition:background-color .2s ease}.search-screen-clear-all-text:hover{background-color:#fef2f2}.search-screen-recent-item-content{display:flex;align-items:center;flex:1}.search-screen-remove-recent{padding:8px;background:none;border:none;cursor:pointer;border-radius:4px;transition:background-color .2s ease;margin-left:8px;width:fit-content}.search-screen-remove-recent:hover{background-color:#f3f4f6}.search-screen-loading-container{flex:1;display:flex;justify-content:center;align-items:center;padding:60px 0;background-color:#fafbfc}.search-screen-spinner{width:32px;height:32px;border:3px solid #F3F4F6;border-top:3px solid #144033;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-screen-empty-container{flex:1;display:flex;justify-content:center;align-items:center;padding:60px 32px}.search-screen-mutual-followers{font-size:11px;color:#374151;font-weight:600;letter-spacing:.2px;margin-bottom:8px}.search-screen-empty-text{font-size:16px;color:#6b7280;text-align:center;font-weight:500;letter-spacing:.2px;line-height:24px}.search-screen-error-text{font-size:16px;color:#dc2626;text-align:center;font-weight:500;letter-spacing:.2px;line-height:24px}.search-screen-separator{height:1px;background-color:#f1f3f4;margin:8px 16px}.search-screen-section-header{font-size:16px;font-weight:700;color:#374151;padding:12px 20px;background-color:#f9fafb;letter-spacing:.3px}@media (max-width: 374px){.search-screen-user-avatar{width:44px;height:44px;border-radius:22px}.search-screen-post-thumbnail{width:46px;height:46px}.search-screen-search-container{padding:10px 14px}}.search-screen-fade-in{opacity:1;transition:opacity .3s ease}.search-screen-fade-out{opacity:.6;transition:opacity .3s ease}.search-screen-accessible-touchable{min-height:44px;min-width:44px}.search-screen-tab-content::-webkit-scrollbar,.search-screen-scroll-container::-webkit-scrollbar{width:6px}.search-screen-tab-content::-webkit-scrollbar-track,.search-screen-scroll-container::-webkit-scrollbar-track{background:#f9fafb}.search-screen-tab-content::-webkit-scrollbar-thumb,.search-screen-scroll-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.search-screen-tab-content::-webkit-scrollbar-thumb:hover,.search-screen-scroll-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.splash-container{display:flex;align-items:center;justify-content:center;height:100vh;background-color:#000;overflow:hidden;opacity:1;transition:opacity .5s ease-out}.splash-container.fade-out{opacity:0}.logo-container{position:relative}.logo-text{font-size:3.75rem;font-weight:700;transition:transform .5s ease-in-out}.plu{color:#fff}.c{color:#facc15;position:absolute;top:0;left:100%}@keyframes dropDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.animate-plu{animation:dropDown .5s ease-in-out .5s forwards}.animate-c{animation:dropDown .5s ease-in-out 1s forwards}.pwa-toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:50;width:100%;max-width:500px;padding:0 16px}.pwa-toast{background:#fff;border:1px solid #124a3a;border-radius:8px;padding:16px;box-shadow:0 4px 6px #0000001a;position:relative}.pwa-toast-title{color:#124a3a;font-size:1.1rem;font-weight:600;margin:0 0 8px}.pwa-toast-description{color:#4b5563;margin:0 0 16px}.pwa-toast-buttons{display:flex;gap:12px}.pwa-install-button{background-color:#124a3a;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.pwa-install-button:hover{background-color:#0d3528}.pwa-later-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px 16px;transition:color .2s ease}.pwa-later-button:hover{color:#374151}.pwa-close-button{position:absolute;top:12px;right:12px;background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.pwa-close-button:hover{color:#374151}.verification-transaction-container{max-width:600px;margin:0 auto;padding:24px;min-height:100vh;background:#fff}.verification-transaction-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #eaeaea}.verification-transaction-header h1{margin:0;font-size:24px;font-weight:600;color:#1a1a1a}.back-button{background:none;border:none;padding:8px;cursor:pointer;color:#666;transition:color .2s}.back-button:hover{color:#1a1a1a}.verification-status-card{background:#f8f9fa;border-radius:12px;padding:24px;text-align:center;margin-bottom:32px}.status-icon{width:64px;height:64px;background:#e6f4ea;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.check-icon{color:#34a853}.verification-status-card h2{margin:0 0 8px;color:#1a1a1a;font-size:20px}.verification-status-card p{margin:0;color:#666;line-height:1.5}.payment-details{margin-bottom:32px}.payment-details h3{font-size:18px;margin:0 0 16px;color:#1a1a1a}.price-info{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:24px}.price-label{color:#666;font-size:16px}.price-amount{font-size:20px;font-weight:600;color:#1a1a1a}.benefits-list{display:flex;flex-direction:column;gap:16px}.benefit-item{display:flex;align-items:center;gap:12px;color:#666}.benefit-item svg{color:#2563eb}.payment-actions{text-align:center}.payment-button{width:100%;padding:16px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.payment-button:hover{background:#1d4ed8}.payment-note{margin-top:12px;color:#666;font-size:14px}.verification-transaction-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#666;font-size:16px}@media (max-width: 640px){.verification-transaction-container{padding:16px}.verification-transaction-header h1{font-size:20px}.verification-status-card{padding:20px}.price-info{padding:12px}.price-amount{font-size:18px}}.verified-settings-container{padding:20px;max-width:600px;margin:0 auto}.verified-settings-header{display:flex;align-items:center;margin-bottom:30px;position:relative}.verified-settings-header h1{flex:1;text-align:center;font-size:1.8rem;margin:0}.back-icon,.info-icon{cursor:pointer;color:#666;flex-shrink:0}.info-icon{margin-left:auto}.verified-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease}.verified-card.slide-left{transform:translate(-120%)}.verified-profile-preview{display:flex;flex-direction:column;align-items:center;margin-bottom:25px}.profile-image-container{position:relative;width:100px;height:100px;margin-bottom:15px}.verified-card .profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #f0f0f0}.verification-badge{position:absolute;bottom:0;right:0;background:#07f;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:2px solid white}.verification-icon{color:#fff}.preview-text{color:#666;font-size:.9rem;margin:0}.verified-card h2{font-size:1.6rem;margin:0 0 20px;color:#333;text-align:center}.plan-options{display:flex;justify-content:space-between;width:100%;margin-bottom:25px;gap:15px}.plan-option{flex:1;border:2px solid #e0e0e0;border-radius:10px;padding:15px;cursor:pointer;transition:all .2s ease;position:relative}.plan-option.selected{border-color:#07f;background-color:#0077ff0d}.plan-header{display:flex;flex-direction:column;margin-bottom:10px;position:relative}.plan-option h3{margin:0;font-size:1.1rem;color:#333}.plan-price{font-size:1.5rem;font-weight:700;color:#07f;margin:5px 0}.plan-price span{font-size:.9rem;font-weight:400;color:#666}.plan-badge{position:absolute;top:-10px;right:-10px;background:#ff5722;color:#fff;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:12px}.plan-description{margin:0;font-size:.85rem;color:#666}.payment-options{width:100%;margin:0 0 30px;display:flex;flex-direction:column;gap:15px}.payment-option-button{display:flex;align-items:center;justify-content:space-between;background:#07f;color:#fff;border:none;border-radius:10px;padding:16px 20px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease;width:100%}.payment-option-button:hover{background:#05c;transform:translateY(-2px)}.payment-option-button:active{transform:translateY(0)}.payment-icon{margin-right:10px}.arrow-icon{margin-left:auto}.option-divider{display:flex;align-items:center;text-align:center;color:#666;margin:5px 0}.option-divider:before,.option-divider:after{content:"";flex:1;border-bottom:1px solid #e0e0e0}.option-divider span{padding:0 10px;font-size:.9rem}.get-verified-button{background:#fff;color:#07f;border:2px solid #0077ff;border-radius:10px;padding:14px 20px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.get-verified-button:hover{background:#0077ff0d}.verified-benefits{list-style:none;padding:20px 0 0;width:100%;border-top:1px solid #eee}.verified-benefits li{display:flex;align-items:flex-start;margin-bottom:20px}.benefit-icon{color:#07f;margin-right:15px;margin-top:3px}.verified-benefits h3{margin:0 0 5px;font-size:1.1rem;color:#333}.verified-benefits p{margin:0;color:#666;font-size:.95rem}.verified-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.verified-modal{background:#fff;border-radius:12px;padding:25px;width:90%;max-width:500px;position:relative;max-height:80vh;overflow-y:auto}.close-modal-button{position:absolute;top:15px;right:15px;background:transparent;border:none;cursor:pointer;color:#666}.verified-modal h2{margin-top:0;margin-bottom:15px;color:#333}.verified-modal p{color:#555;line-height:1.5}.verified-modal ul{margin:15px 0;padding-left:20px}.verified-modal li{margin-bottom:8px;color:#555}.close-modal-cta{background:#07f;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease;display:block;margin:20px auto 0}.close-modal-cta:hover{background:#05c}.verification-form-container{position:absolute;top:0;left:100%;width:100%;height:100%;transition:transform .3s ease}.verification-form-container.slide-in{transform:translate(-100%)}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:#666}@media (max-width: 768px){.verified-card{padding:20px}.verified-settings-header h1{font-size:1.5rem}.profile-image-container{width:90px;height:90px}.verification-badge{width:28px;height:28px}.plan-options{flex-direction:column}.plan-option{margin-bottom:15px}}.verified-settings-container{position:relative;overflow:hidden;min-height:100vh;background:#fff}.verified-card,.verification-form-container{position:absolute;top:0;left:-100;width:100%;height:100%;transition:transform .5s ease-in-out;background:#fff}.verified-card{transform:translate(0);z-index:1}.verification-form-container{transform:translate(100%);z-index:2}.verified-card.slide-left{transform:translate(-100%)}.verification-form-container.slide-in{transform:translate(0)}.verification-form-header{display:flex;align-items:center;margin-bottom:30px}.back-button{background:none;border:none;cursor:pointer;padding:8px;margin-right:16px;color:#666}.verification-form-header h2{margin:0;font-size:1.5rem;color:#333}.verification-form{max-width:600px;margin:0 auto;padding:20px}.form-group{margin-bottom:24px;position:relative;z-index:3}.verification-form-container{min-height:100vh;overflow-y:auto}@media (max-width: 768px){.verification-form-container{padding:16px}.verification-form-header h2{font-size:1.3rem}}.thread-details-page{min-height:100vh;background-color:#fff;color:#222}.thread-details-header{display:flex;align-items:center;padding:16px;border-bottom:1px solid #e1e1e1;position:sticky;top:0;background-color:#fff;z-index:10}.back-button{background:none;border:none;color:#222;cursor:pointer;padding:8px;margin-right:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.back-button:hover{background-color:#f0f0f0}.thread-details-title{font-size:18px;font-weight:600;margin:0}.thread-not-found{padding:32px;text-align:center;color:#888}.thread-card{transition:background-color .2s}.thread-card:hover{background-color:#f5f5f5}.thread-interactions,.thread-interactions button{pointer-events:auto}.hashtagps-posts-container{display:flex;flex-direction:column;height:100vh;background-color:#fafbfc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hashtagps-main-header{display:flex;justify-content:center;align-items:center;height:60px;background-color:#fff;border-bottom:1px solid #F1F3F4;position:relative;box-shadow:0 1px 2px #0000000a;z-index:10}.hashtagps-header-content{display:flex;justify-content:center;align-items:center;width:100%;position:relative}.hashtagps-back-button{position:absolute;left:16px;width:40px;height:40px;border-radius:20px;background-color:#f8f9fa;display:flex;justify-content:center;align-items:center;border:none;cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:background-color .2s ease}.hashtagps-back-button:hover{background-color:#e9ecef}.hashtagps-back-icon{width:20px;height:20px;color:#1f2937}.hashtagps-header-title{font-size:14px;font-weight:700;color:#1f2937;letter-spacing:.3px;margin:0}.hashtagps-content-wrapper{flex:1;padding:12px 16px 24px;overflow-y:auto}.hashtagps-header{background-color:#fff;padding:24px;margin-bottom:16px;border-radius:16px;border:1px solid #F1F3F4;box-shadow:0 2px 4px #0000000a}.hashtagps-header-title{font-size:18px;font-weight:800;color:#1f2937;text-align:center;margin:0 0 20px;letter-spacing:.4px}.hashtagps-stats-container{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.hashtagps-stat-item{display:flex;flex-direction:column;align-items:center;padding:0 24px}.hashtagps-stat-number{font-size:20px;font-weight:700;color:#144033;margin-bottom:4px;letter-spacing:.2px}.hashtagps-stat-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:1px;font-weight:600}.hashtagps-divider{width:1px;height:32px;background-color:#e5e7eb;margin:0 16px}.hashtagps-leaderboard-container{background:linear-gradient(135deg,#0a4103,#fdbc2e);border-radius:16px;padding:24px;margin-bottom:24px;position:relative;overflow:hidden}.hashtagps-leaderboard-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.hashtagps-leaderboard-title{color:#fff;font-size:24px;font-weight:800;text-align:center;margin-bottom:32px;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.hashtagps-podium-container{display:flex;align-items:flex-end;justify-content:center;gap:16px;margin-bottom:32px;position:relative;z-index:2}.hashtagps-podium-step{display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;transition:transform .3s ease}.hashtagps-podium-step:hover{transform:translateY(-4px)}.hashtagps-podium-first{order:2}.hashtagps-podium-second{order:1}.hashtagps-podium-third{order:3}.hashtagps-podium-profile{width:80px;height:80px;border-radius:50%;border:4px solid #FFFFFF;object-fit:cover;margin-bottom:12px;box-shadow:0 8px 16px #0003;position:relative;z-index:3}.hashtagps-podium-first .hashtagps-podium-profile{width:90px;height:90px;border-color:gold;box-shadow:0 0 20px #ffd70080,0 8px 16px #0003}.hashtagps-podium-second .hashtagps-podium-profile{width:75px;height:75px;border-color:silver;box-shadow:0 0 15px #c0c0c080,0 6px 12px #0003}.hashtagps-podium-third .hashtagps-podium-profile{width:70px;height:70px;border-color:#cd7f32;box-shadow:0 0 15px #cd7f3280,0 6px 12px #0003}.hashtagps-rank-badge{position:absolute;top:-8px;right:-8px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;box-shadow:0 4px 8px #0000004d;z-index:4}.hashtagps-rank-badge.rank-1{background:linear-gradient(135deg,gold,orange)}.hashtagps-rank-badge.rank-2{background:linear-gradient(135deg,silver,#a8a8a8)}.hashtagps-rank-badge.rank-3{background:linear-gradient(135deg,#cd7f32,#b8860b)}.hashtagps-podium-block{width:100px;border-radius:8px 8px 0 0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:16px 12px 12px;color:#fff;box-shadow:0 4px 8px #0003}.hashtagps-podium-first .hashtagps-podium-block{height:120px;background:linear-gradient(135deg,gold,orange)}.hashtagps-podium-second .hashtagps-podium-block{height:90px;background:linear-gradient(135deg,silver,#a8a8a8)}.hashtagps-podium-third .hashtagps-podium-block{height:70px;background:linear-gradient(135deg,#cd7f32,#b8860b)}.hashtagps-podium-name{font-size:14px;font-weight:700;text-align:center;margin-bottom:8px;text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1.2;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hashtagps-podium-score{font-size:12px;font-weight:600;text-align:center;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.3)}.hashtagps-leaderboard-list{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 8px #0000001a}.hashtagps-leaderboard-item{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #F1F3F4;cursor:pointer;transition:all .2s ease;position:relative}.hashtagps-leaderboard-item:last-child{border-bottom:none}.hashtagps-leaderboard-item:hover{background-color:#fafbfc;transform:translate(4px)}.hashtagps-leaderboard-rank{font-size:20px;font-weight:800;color:#144033;width:40px;text-align:center;margin-right:16px}.hashtagps-leaderboard-profile{width:50px;height:50px;border-radius:25px;border:2px solid #E5E7EB;object-fit:cover;margin-right:16px}.hashtagps-leaderboard-info{flex:1;display:flex;flex-direction:column}.hashtagps-leaderboard-name{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px;display:flex;align-items:center;gap:6px}.hashtagps-leaderboard-username{font-size:14px;color:#6b7280;margin-bottom:4px}.hashtagps-leaderboard-stats{font-size:12px;color:#9ca3af}.hashtagps-leaderboard-score{font-size:18px;font-weight:700;color:#144033;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.hashtagps-leaderboard-score-label{font-size:10px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.hashtagps-tab-navigation{background-color:#fff;border-bottom:1px solid #F1F3F4;margin-bottom:16px;border-radius:12px 12px 0 0;box-shadow:0 1px 2px #00000005}.hashtagps-tab-list{display:flex;justify-content:space-around;align-items:center;padding:0}.hashtagps-tab-button{flex:1;padding:16px;background:none;border:none;cursor:pointer;border-radius:0%;font-size:14px;font-weight:600;letter-spacing:.3px;transition:color .2s ease,border-color .2s ease;border-bottom:3px solid transparent;position:relative}.hashtagps-tab-active{color:#144033;border-bottom-color:#144033;background-color:#14403305}.hashtagps-tab-inactive{color:#6b7280}.hashtagps-tab-inactive:hover{color:#374151;background-color:#00000005}.hashtagps-tab-content{flex:1;background-color:#fafbfc}.hashtagps-content-list{display:flex;flex-direction:column;gap:8px}.hashtagps-accounts-list{padding:12px 0 24px}.hashtagps-content-item{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border-radius:12px;overflow:hidden}.content-item:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000014}.hashtagps-account-item{display:flex;align-items:center;background-color:#fff;padding:16px;margin:4px 0;border-radius:12px;border:1px solid #F1F3F4;box-shadow:0 1px 3px #00000008;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;justify-content:space-between}.hashtagps-account-item:hover{background-color:#fafbfc;box-shadow:0 2px 4px #0000000f}.account-info{display:flex;align-items:center;flex:1}.hashtagps-profile-pic{width:50px;height:50px;border-radius:25px;margin-right:14px;background-color:#f8f9fa;border:2px solid #FFFFFF;object-fit:cover}.hashtagps-account-details{flex:1;display:flex;flex-direction:column;justify-content:center}.hashtagps-name-container{display:flex;align-items:center;margin-bottom:4px}.hashtagps-display-name{font-size:16px;font-weight:600;color:#1f2937;margin-right:6px;letter-spacing:.1px}.hashtagps-verified-icon{width:16px;height:16px;color:#144033;margin-left:2px}.hashtagps-username{font-size:14px;color:#6b7280;margin:0 0 4px;font-weight:400;letter-spacing:.1px}.hashtagps-followers-count{font-size:12px;color:#9ca3af;font-weight:500;margin:0}.hashtagps-account-stats{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.hashtagps-posts-count{margin:0}.hashtagps-posts-count p{font-size:12px;color:#6b7280;margin:0;font-weight:500}.hashtagps-account-likes{font-size:12px;color:#144033;font-weight:600}.hashtagps-follow-button{background-color:#144033;color:#fff;padding:8px 18px;border-radius:20px;border:none;font-size:14px;font-weight:600;letter-spacing:.2px;cursor:pointer;box-shadow:0 2px 4px #14403333;transition:background-color .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;min-width:80px;height:32px}.hashtagps-follow-button:hover{background-color:#0f2e26;transform:translateY(-1px)}.hashtagps-follow-button.following{background-color:#6b7280}.hashtagps-follow-button.following:hover{background-color:#ef4444}.hashtagps-follow-button.loading{opacity:.7;cursor:not-allowed}.hashtagps-button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #FFFFFF;border-radius:50%;animation:hashtag-spin 1s linear infinite}.hashtagps-top-content-container{margin-top:16px;padding:16px;background-color:#f0f9ff;border-radius:12px;border-left:4px solid #144033;border:1px solid #E0F2FE}.hashtagps-top-content-title{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:6px;letter-spacing:.1px}.hashtagps-top-content-likes{font-size:12px;color:#144033;font-weight:600;letter-spacing:.1px}.hashtagps-no-content{display:flex;justify-content:center;align-items:center;padding:60px 20px}.hashtagps-no-content p{text-align:center;font-size:16px;color:#6b7280;font-weight:500;letter-spacing:.2px;line-height:24px;margin:0}.hashtagps-loading-container{display:flex;justify-content:center;align-items:center;padding:60px 20px;background-color:#fafbfc}.hashtagps-loading-spinner{width:40px;height:40px;border:4px solid #F1F3F4;border-top:4px solid #144033;border-radius:50%;animation:hashtag-spin 1s linear infinite}@keyframes hashtag-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{opacity:1;transition:opacity .3s ease}.fade-out{opacity:.6;transition:opacity .3s ease}.separator{height:1px;background-color:#f1f3f4;margin:8px 16px}.section-header{font-size:16px;font-weight:700;color:#374151;padding:12px 20px;background-color:#f9fafb;letter-spacing:.3px;margin:0}.hashtagps-account-info{display:flex;align-items:center;gap:12px}.hashtagps-account-stats{display:flex;flex-direction:column;align-items:center;gap:4px}.hashtagps-sort-icon{width:18px;height:18px;color:#6b7280;transition:transform .2s ease}.hashtagps-sort-toggle{display:flex;gap:12px;margin-bottom:16px;justify-content:center;background-color:#fff;padding:12px;border-radius:12px;border:1px solid #F1F3F4;box-shadow:0 1px 2px #00000005}.hashtagps-sort-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px;justify-content:center}.hashtagps-sort-button:hover:not(.hashtagps-sort-active){background-color:#f9fafb;border-color:#d1d5db;color:#374151}.hashtagps-sort-active{background-color:#144033;color:#fff;border-color:#144033;box-shadow:0 2px 4px #14403333}@media (max-width: 768px){.hashtagps-podium-container{gap:8px}.hashtagps-podium-block{width:80px}.hashtagps-podium-profile{width:60px;height:60px}.hashtagps-podium-first .hashtagps-podium-profile{width:70px;height:70px}.hashtagps-podium-second .hashtagps-podium-profile,.hashtagps-podium-third .hashtagps-podium-profile{width:55px;height:55px}.hashtagps-podium-name{font-size:12px;max-width:70px}.hashtagps-podium-score{font-size:10px}}