*{box-sizing:border-box;margin:0;padding:0}:root{--primary-red:#ff4500;--primary-orange:#ff8c00;--gradient-primary:linear-gradient(135deg,#ff4500,#ff8c00);--gradient-hover:linear-gradient(135deg,#e03e00,#e67e00)}[data-theme=dark]{--background-dark:#0a0a0a;--background-card:#1a1a1a;--background-hover:#2a2a2a;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#999;--border-color:#333;--shadow-primary:0 4px 20px #ff45004d;--shadow-card:0 2px 10px #0000004d;--like-color:#ff4757;--save-color:#ffa502;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8}[data-theme=light]{--background-dark:#f8f9fa;--background-card:#fff;--background-hover:#f1f3f4;--text-primary:#212529;--text-secondary:#6c757d;--text-muted:#adb5bd;--border-color:#dee2e6;--shadow-primary:0 4px 20px #ff450033;--shadow-card:0 2px 10px #0000001a;--like-color:#e74c3c;--save-color:#f39c12;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-dark);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--background-card)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff4500,#ff8c00);background:var(--gradient-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e03e00,#e67e00);background:var(--gradient-hover)}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#ff4500,#ff8c00);background:var(--gradient-primary)}.btn-primary:hover{background:linear-gradient(135deg,#e03e00,#e67e00);background:var(--gradient-hover);box-shadow:var(--shadow-primary);transform:translateY(-1px)}.btn-secondary{background:var(--background-card);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--background-hover)}.card{background:var(--background-card);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease}.card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.notification-container{display:flex;flex-direction:column;gap:12px;max-width:400px;position:fixed;right:20px;top:20px;z-index:10000}.notification{align-items:flex-start;animation:slideIn .3s ease-out;background:var(--background-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-card);display:flex;gap:12px;overflow:hidden;padding:16px;position:relative}.notification:before{background:var(--gradient-primary);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.notification-success:before{background:var(--success-color)}.notification-error:before{background:var(--danger-color)}.notification-warning:before{background:var(--warning-color)}.notification-info:before{background:var(--info-color)}.notification-icon{flex-shrink:0;margin-top:2px}.notification-success .notification-icon{color:var(--success-color)}.notification-error .notification-icon{color:var(--danger-color)}.notification-warning .notification-icon{color:var(--warning-color)}.notification-info .notification-icon{color:var(--info-color)}.notification-content{flex:1 1;min-width:0}.notification-title{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.notification-message{color:var(--text-secondary);font-size:13px;line-height:1.4;word-break:break-word}.notification-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s}.notification-close:hover{background:var(--background-hover);color:var(--text-primary)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.notification.removing{animation:slideOut .3s ease-in forwards}@media (max-width:768px){.notification-container{left:10px;max-width:none;right:10px;top:10px}.notification{padding:12px}.notification-title{font-size:13px}.notification-message{font-size:12px}}.sidebar{background:var(--background-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;z-index:100}.sidebar-header{border-bottom:1px solid var(--border-color);padding:24px 20px}.logo{align-items:center;display:flex;gap:12px}.logo-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;letter-spacing:-.5px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:20px 12px}.nav-item{align-items:center;background:none;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background:var(--background-hover);color:var(--text-primary)}.nav-item.active{background:var(--gradient-primary);color:#fff;font-weight:600}.nav-item.active:hover{background:var(--gradient-hover)}.create-meme-btn{background:var(--gradient-primary)!important;border:none;color:#fff!important;font-weight:600;margin-top:16px}.create-meme-btn:hover{background:var(--gradient-hover)!important;transform:translateY(-1px)}.guest-exit-btn{background:var(--background-hover)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;font-weight:600;margin-top:16px}.guest-exit-btn:hover{background:var(--background-card)!important;transform:translateY(-1px)}.friends-section{border-top:1px solid var(--border-color);display:flex;flex-direction:column;max-height:300px;padding:20px 12px}.friends-header{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px;padding:0 16px}.friend-item{padding:8px 16px;transition:all .2s ease}.friend-avatar{height:32px;position:relative;width:32px}.online-indicator{background:#0f0;border:2px solid var(--background-card);border-radius:50%;bottom:-2px;height:12px;position:absolute;right:-2px;width:12px}.friend-username{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.sidebar{border-right:none;border-top:1px solid var(--border-color);bottom:0;flex-direction:row;height:auto;left:0;position:fixed;top:auto;width:100%;z-index:1000}.sidebar-header{display:none}.sidebar-nav{flex:1 1;flex-direction:row;gap:2px;justify-content:space-around;overflow-x:auto;padding:8px 4px}.nav-item{flex-direction:column;font-size:10px;gap:4px;min-width:60px;padding:8px 4px;text-align:center}.nav-item span{font-size:10px;line-height:1}.create-meme-btn{margin-top:0;min-width:60px}.friends-section{display:none}.mobile-create-btn-container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.mobile-create-meme-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:50%;box-shadow:0 4px 12px #ff8c004d;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;transition:all .2s ease;width:56px}.mobile-create-meme-btn:hover{background:var(--gradient-hover);box-shadow:0 6px 16px #ff8c0066;transform:scale(1.1)}}@media (max-width:480px){.sidebar{padding:4px 2px}.nav-item{min-width:50px;padding:6px 2px}.nav-item,.nav-item span{font-size:9px}.create-meme-btn{min-width:50px}}.sidebar-footer{border-top:1px solid var(--border-color);margin-top:auto;padding:16px}.theme-toggle{align-items:center;background:none;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px;transition:all .2s;width:100%}.theme-toggle:hover{background:var(--background-hover);border-color:var(--primary-orange)}.theme-toggle:active{transform:translateY(1px)}.auth-page{align-items:center;background:var(--background);display:flex;justify-content:center;min-height:100vh}.auth-card{background:var(--background-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-card);max-width:380px;padding:20px;width:100%}.auth-logo{align-items:center;display:flex;justify-content:center;margin-bottom:8px}.auth-logo .logo-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;letter-spacing:-.5px}.auth-form{display:flex;flex-direction:column;gap:12px;margin-top:12px}.auth-form input{background:var(--background-dark);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:10px 12px}.auth-btn{background:var(--gradient-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:8px;padding:10px 12px;transition:all .2s ease}.auth-btn:hover{background:var(--gradient-hover);transform:translateY(-1px)}.auth-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-divider{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;margin:16px 0;text-align:center}.auth-divider:after,.auth-divider:before{background:var(--border-color);content:"";flex:1 1;height:1px}.auth-divider span{background:var(--background-card);padding:0 16px}.guest-btn{background:var(--background-hover)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.guest-btn:hover{background:var(--background-card)!important;transform:translateY(-1px)}.auth-message{color:var(--text-secondary);font-size:14px;margin-top:4px}.auth-switch{font-size:14px;margin-top:12px}.link-btn{background:none;border:none;color:var(--primary-orange);cursor:pointer}.video-meme-container{background:var(--background-dark);overflow:hidden;position:relative}.video-meme,.video-meme-container{border-radius:12px;height:100%;width:100%}.video-meme{object-fit:cover;transition:transform .2s}.video-meme.clickable{cursor:pointer}.video-meme-container:hover .video-meme{transform:scale(1.02)}.video-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.video-meme-container:hover .video-overlay{opacity:1}.play-overlay-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:50%;box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;display:flex;height:64px;justify-content:center;transition:all .2s;width:64px}.play-overlay-btn:hover{background:var(--gradient-hover);transform:scale(1.1)}.video-progress-container{background:#0000004d;bottom:0;height:4px;left:0;opacity:0;position:absolute;right:0;transition:opacity .2s}.video-meme-container:hover .video-progress-container{opacity:1}.video-progress-bar{cursor:pointer;height:100%;position:relative;width:100%}.video-progress-fill{background:var(--gradient-primary);height:100%;transition:width .1s}@media (max-width:768px){.play-overlay-btn{height:56px;width:56px}}.meme-card{background:var(--background-card);border:1px solid var(--border-color);border-radius:16px;break-inside:avoid;cursor:pointer;margin-bottom:20px;overflow:hidden;page-break-inside:avoid;transition:all .3s ease}.meme-card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.meme-content{width:100%}.meme-text-content{align-items:center;background:var(--gradient-primary);color:#fff;display:flex;justify-content:center;min-height:120px;padding:24px}.meme-text-content p{font-size:18px;font-weight:600;line-height:1.4;word-break:break-word}.meme-media{position:relative;width:100%}.meme-media img,.meme-media video{display:block;height:auto;max-height:600px;object-fit:cover;width:100%}.meme-images-grid{grid-gap:2px;gap:2px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-height:600px;overflow:hidden}.meme-images-grid img{border-radius:4px;width:100%}.meme-images-grid:has(img:first-child:last-child){grid-template-columns:1fr}.meme-images-grid:has(img:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}.meme-images-grid:has(img:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}.meme-images-grid:has(img:nth-child(4):last-child){grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.meme-images-grid:has(img:nth-child(5):last-child),.meme-images-grid:has(img:nth-child(6):last-child){grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.meme-text-overlay{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:20px;position:absolute;right:0}.meme-text-overlay p{font-size:16px;font-weight:600;margin:0;text-shadow:0 1px 3px #00000080}.meme-info{padding:16px}.meme-author{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.author-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.author-avatar img{height:100%;object-fit:cover;width:100%}.author-details{flex:1 1;min-width:0}.author-username{color:var(--text-primary);font-size:14px;font-weight:600}.meme-description{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:4px 0 0;word-break:break-word}.meme-actions{align-items:center;gap:16px;padding-top:8px}.action-btn{border-radius:8px;font-size:14px;gap:6px;padding:6px;transition:all .2s ease}.action-btn.liked:hover{color:var(--like-color);opacity:.8}.action-btn.saved:hover{color:var(--save-color);opacity:.8}.more-btn-container{margin-left:auto;position:relative}.more-btn{margin-left:auto}.more-menu{background:var(--background-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-card);min-width:150px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.more-menu-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.more-menu-item:hover{background:var(--background-hover)}.more-menu-item.delete:hover{background:#ff47571a;color:#ff4757}.meme-tags{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}.tag{background:var(--background-hover);border-radius:6px;color:var(--primary-orange)}.meme-card.compact{margin-bottom:16px}.meme-card.compact .meme-info{padding:12px}.meme-card.compact .meme-author{margin-bottom:8px}.meme-card.compact .author-avatar{height:32px;width:32px}.meme-card.compact .meme-actions{gap:12px}.meme-card.compact .action-btn{padding:4px}@media (max-width:768px){.meme-card{border-radius:12px;margin-bottom:16px}.meme-info{padding:12px}.meme-text-content{min-height:100px;padding:20px}.meme-text-content p{font-size:16px}.meme-actions{gap:12px}.action-btn{padding:4px}}.meme-grid{margin:0 auto;max-width:100%;padding:20px}.meme-columns{grid-gap:20px;align-items:start;display:grid;gap:20px}.meme-column{display:flex;flex-direction:column;gap:16px}.meme-grid-loading{color:var(--text-secondary);flex-direction:column;padding:60px 20px}.meme-grid-empty,.meme-grid-loading{align-items:center;display:flex;justify-content:center}.meme-grid-empty{min-height:400px;padding:40px 20px}.empty-state{max-width:400px}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.6}.empty-state h3{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:8px}.empty-state p{color:var(--text-secondary);font-size:16px}@media (max-width:768px){.meme-grid{padding:16px}.meme-columns{gap:16px}.meme-column{gap:12px}}@media (max-width:1024px) and (min-width:769px){.meme-grid{padding:18px}}.delete-comment-modal{animation:modalSlideIn .3s ease-out;background:var(--background-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-card);max-width:400px;width:90%}.modal-header{gap:12px}.modal-icon{color:var(--danger-color);flex-shrink:0}.modal-header h3{flex:1 1;font-size:18px}.close-btn{align-items:center;display:flex;justify-content:center}.modal-content{padding:20px 24px}.modal-content p{color:var(--text-secondary);line-height:1.5;margin:0 0 12px}.warning-text{color:var(--text-muted)!important;font-size:14px}.modal-actions{padding:16px 24px 24px}.cancel-btn,.delete-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.cancel-btn{background:var(--background-hover);color:var(--text-primary)}.cancel-btn:hover:not(:disabled){background:var(--border-color)}.delete-btn{background:var(--danger-color);color:#fff}.delete-btn:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.cancel-btn:disabled,.delete-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.delete-comment-modal{margin:20px;width:95%}.modal-actions,.modal-content,.modal-header{padding:16px}.modal-actions{flex-direction:column}.cancel-btn,.delete-btn{width:100%}}.comments-section{background:var(--background-card);border:1px solid var(--border-color);border-radius:12px;margin-top:20px;padding:20px}.comments-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 16px}.comment-form{margin-bottom:20px}.comment-input-container{display:flex;flex-direction:column;gap:12px}.comment-input-container textarea{background:var(--background-dark);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;width:100%}.comment-input-container textarea:focus{border-color:var(--primary-orange);box-shadow:0 0 0 2px #ff8c0033;outline:none}.comment-input-container textarea::placeholder{color:var(--text-muted)}.comment-actions{gap:8px;justify-content:flex-end}.cancel-reply-btn{background:var(--background-hover);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.cancel-reply-btn:hover{background:var(--border-color);color:var(--text-primary)}.submit-comment-btn{background:var(--gradient-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.submit-comment-btn:hover:not(:disabled){background:var(--gradient-hover);transform:translateY(-1px)}.submit-comment-btn:disabled{cursor:not-allowed;opacity:.6}.comments-list{display:flex;flex-direction:column;gap:16px}.comment-item{background:var(--background-dark);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;padding:12px}.comment-avatar{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.comment-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{font-size:14px}.comment-content{flex:1 1;min-width:0}.comment-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.comment-author{color:var(--text-primary);font-size:14px;font-weight:600}.comment-time{color:var(--text-muted);font-size:12px}.comment-text{color:var(--text-secondary);font-size:14px;line-height:1.4;margin-bottom:8px;word-break:break-word}.comment-actions{display:flex;gap:12px}.comment-action-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;transition:all .2s}.comment-action-btn.liked{color:#ff4757}.comment-action-btn:hover{background:var(--background-hover);color:var(--text-primary)}.comment-action-btn.delete:hover{background:#ff47571a;color:#ff4757}.replies-section{border-left:2px solid var(--border-color);margin-top:12px;padding-left:20px}.show-replies-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--primary-orange);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;margin-bottom:8px;padding:4px 8px;transition:all .2s}.show-replies-btn:hover{background:var(--background-hover)}.replies-list{display:flex;flex-direction:column;gap:8px}.reply-item{background:var(--background-dark);border:1px solid var(--border-color);border-radius:6px;display:flex;gap:8px;padding:8px}.reply-avatar{border-radius:50%;flex-shrink:0;height:24px;overflow:hidden;width:24px}.reply-avatar img{height:100%;object-fit:cover;width:100%}.reply-avatar .avatar-placeholder{align-items:center;background:var(--gradient-primary);color:#fff;display:flex;font-size:10px;font-weight:600;height:100%;justify-content:center;width:100%}.reply-content{flex:1 1;min-width:0}.reply-header{align-items:center;display:flex;gap:6px;margin-bottom:4px}.reply-author{color:var(--text-primary);font-size:12px;font-weight:500}.reply-time{color:var(--text-muted);font-size:10px}.reply-text{color:var(--text-secondary);font-size:12px;line-height:1.4;margin-bottom:6px;word-break:break-word}.reply-actions{display:flex;gap:8px}.reply-actions .comment-action-btn{font-size:10px;padding:2px 6px}.no-comments{color:var(--text-muted);padding:40px 20px;text-align:center}.no-comments p{font-size:14px;margin:0}.comments-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.loading-spinner{height:24px;margin-bottom:12px;width:24px}@media (max-width:768px){.comments-section{margin-top:16px;padding:16px}.comment-item{padding:8px}.comment-avatar{height:28px;width:28px}.comment-actions{flex-wrap:wrap;gap:8px}}.meme-feed-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.feed-close-btn,.meme-feed-overlay{align-items:center;display:flex;justify-content:center}.feed-close-btn{background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;height:44px;position:absolute;right:20px;top:20px;transition:all .2s ease;width:44px;z-index:10}.feed-close-btn:hover{background:#000000b3;transform:scale(1.1)}.feed-navigation{flex-direction:column;gap:12px;left:20px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.feed-navigation,.nav-btn{align-items:center;display:flex}.nav-btn{background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;height:40px;justify-content:center;transition:all .2s ease;width:40px}.nav-btn:hover:not(.disabled){background:#000000b3;transform:scale(1.1)}.nav-btn.disabled{cursor:not-allowed;opacity:.3}.feed-counter{background:#00000080;border-radius:16px;color:#fff;font-size:12px;font-weight:600;padding:8px 12px}.feed-content{gap:40px;height:100%;max-width:900px;padding:60px 20px 20px;width:100%}.feed-content,.feed-meme{align-items:center;display:flex;justify-content:center}.feed-meme{flex:1 1;max-height:100%;max-width:600px}.feed-meme-text{background:var(--gradient-primary);border-radius:20px;color:#fff;margin:0 auto;max-width:500px;padding:60px 40px;text-align:center}.feed-meme-text p{font-size:28px;font-weight:600;line-height:1.4;word-break:break-word}.feed-meme-media{border-radius:16px;max-height:100%;max-width:100%;overflow:hidden;position:relative}.feed-meme-media .video-meme-container,.feed-meme-media img,.feed-meme-media video{border-radius:16px;max-height:80vh;max-width:100%;object-fit:contain}.feed-meme-media .video-meme-container{height:80vh;max-height:80vh;width:100%}.feed-meme-media .video-meme{height:100%;object-fit:cover;width:100%}.feed-images-grid{grid-gap:4px;border-radius:16px;display:grid;gap:4px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-height:80vh;overflow:hidden}.feed-images-grid img{border-radius:8px;height:200px;object-fit:cover;width:100%}.feed-images-grid:has(img:first-child:last-child){grid-template-columns:1fr}.feed-images-grid:has(img:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}.feed-images-grid:has(img:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}.feed-images-grid:has(img:nth-child(4):last-child){grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.feed-images-grid:has(img:nth-child(5):last-child),.feed-images-grid:has(img:nth-child(6):last-child){grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.feed-text-overlay{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:30px;position:absolute;right:0}.feed-text-overlay p{font-size:20px;font-weight:600;margin:0;text-shadow:0 2px 4px #00000080}.feed-sidebar{gap:20px;padding:20px 0}.feed-author,.feed-sidebar{align-items:center;display:flex;flex-direction:column}.feed-author{gap:12px}.feed-author-info{align-items:center;display:flex;flex-direction:column;gap:8px}.feed-avatar{border:3px solid var(--gradient-primary);border-radius:50%;height:56px;overflow:hidden;width:56px}.feed-avatar img{height:100%;object-fit:cover;width:100%}.feed-avatar .avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:20px;height:100%;width:100%}.feed-avatar .avatar-placeholder,.follow-btn{background:var(--gradient-primary);font-weight:600;justify-content:center}.follow-btn{border-radius:20px;font-size:12px;min-width:80px;padding:6px 12px;transition:all .2s ease}.follow-btn:hover{background:var(--gradient-hover);transform:scale(1.05)}.follow-btn.following{background:#666;color:#ccc}.follow-btn.following:hover{background:#777;transform:scale(1.05)}.feed-actions{gap:16px}.feed-action-btn,.feed-actions{align-items:center;display:flex;flex-direction:column}.feed-action-btn{background:none;border:none;border-radius:12px;color:#fff;cursor:pointer;gap:4px;padding:8px;transition:all .2s ease}.feed-action-btn:hover{background:#ffffff1a;transform:scale(1.1)}.feed-action-btn span{font-size:12px;font-weight:600}.feed-action-btn.liked{color:#ff4757}.feed-action-btn.saved{color:var(--primary-orange)}.feed-info{bottom:20px;color:#fff;left:20px;position:absolute;right:80px;z-index:10}.feed-author-info{margin-bottom:12px}.feed-username{color:#fff;font-size:16px;font-weight:600}.feed-description{color:#ffffffe6;font-size:14px;line-height:1.4;margin:8px 0 0}.feed-tags{display:flex;flex-wrap:wrap;gap:8px}.feed-tag{background:#ff8c0033;border-radius:6px;color:var(--primary-orange);font-size:12px;font-weight:500;padding:4px 8px}@media (max-width:768px){.feed-content{flex-direction:column;gap:20px;padding:40px 10px 100px}.feed-sidebar{align-items:center;display:flex;flex-direction:column;gap:16px;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:auto}.feed-author{flex-direction:column;gap:10px}.feed-author-info{gap:6px}.feed-avatar{height:52px;width:52px}.feed-actions{flex-direction:column;gap:14px}.feed-action-btn{border-radius:14px;padding:10px}.feed-meme-text{padding:40px 30px}.feed-meme-text p{font-size:24px}.feed-navigation{left:10px}.feed-close-btn{right:10px;top:10px}.feed-info{bottom:10px;left:10px;right:10px}.comments-drawer{background:#0f1115;border-top-left-radius:16px;border-top-right-radius:16px;bottom:-80vh;box-shadow:0 -8px 24px #0006;height:80vh;left:0;overflow:hidden;padding:8px 12px 16px;position:fixed;right:0;transition:bottom .3s ease;z-index:1001}.comments-drawer.open{bottom:0}.comments-drawer-header{align-items:center;display:flex;justify-content:center;padding:6px 0 8px;position:relative}.drawer-grip{background:#fff3;border-radius:999px;height:4px;width:44px}.drawer-close{background:#0000;border:none;border-radius:8px;color:#fffc;height:32px;position:absolute;right:4px;top:2px;width:32px}.comments-drawer .comments-section{background:#0000;border:none;height:calc(80vh - 42px);overflow:auto;padding:0 4px 12px}}.create-meme-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.create-meme-modal{background:var(--card-bg);border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{padding:24px 24px 16px}.modal-header h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.close-btn{border-radius:8px;color:var(--text-secondary);padding:8px}.close-btn:hover{background:var(--hover-bg)}.create-meme-form{padding:24px}.meme-type-selector{display:flex;gap:12px;margin-bottom:24px}.type-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.type-btn:hover{color:var(--primary-orange)}.type-btn.active,.type-btn:hover{border-color:var(--primary-orange)}.type-btn.active{background:var(--primary-orange);color:#fff}.content-input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:16px;min-height:120px;padding:16px;resize:vertical;transition:border-color .2s;width:100%}.content-input:focus{border-color:var(--primary-orange);outline:none}.media-upload{border:2px dashed var(--border-color);border-radius:12px;padding:32px;text-align:center;transition:border-color .2s}.media-upload:hover{border-color:var(--primary-orange)}.upload-btn{align-items:center;background:var(--primary-orange);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.upload-btn:hover{background:var(--primary-red);transform:translateY(-1px)}.upload-hint{color:var(--text-secondary);font-size:14px;margin-top:12px}.media-preview{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:16px}.media-item{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative}.media-item img,.media-item video{height:100%;object-fit:cover;width:100%}.remove-media{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:background .2s;width:24px}.remove-media:hover{background:#f00c}.description-input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:border-color .2s;width:100%}.description-input:focus{border-color:var(--primary-orange);outline:none}.tags-input{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;display:flex;gap:8px;padding:12px 16px;transition:border-color .2s}.tags-input:focus-within{border-color:var(--primary-orange)}.tags-input svg{color:var(--text-secondary)}.tag-input{background:none;border:none;color:var(--text-primary);flex:1 1;font-size:14px}.tag-input:focus{outline:none}.tags-list{margin-top:12px}.tag{align-items:center;background:var(--primary-orange);border-radius:16px;color:#fff;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.form-actions{margin-top:32px}.cancel-btn{border:2px solid var(--border-color);border-radius:8px}.cancel-btn,.submit-btn{cursor:pointer;flex:1 1;font-weight:500;padding:12px 24px;transition:all .2s}.submit-btn{background:var(--primary-orange);border:none;border-radius:8px;color:#fff}.submit-btn:hover:not(:disabled){background:var(--primary-red);transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.create-meme-modal{margin:10px;max-height:95vh}.create-meme-form,.modal-header{padding:16px}.meme-type-selector{flex-direction:column}.media-preview{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.search-page{max-width:100%;padding:20px}.search-header{margin-bottom:24px}.search-input-container{margin:0 auto;max-width:600px}.search-icon{left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:16px 48px;transition:border-color .2s;width:100%}.search-input:focus{border-color:var(--primary-orange);outline:none}.clear-search{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s}.clear-search:hover{background:var(--hover-bg);color:var(--text-primary)}.search-filters{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 2fr;margin-bottom:32px}.filter-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px}.filter-header{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:8px;margin-bottom:16px}.clear-filters{background:none;border:none;border-radius:4px;color:var(--primary-orange);cursor:pointer;font-size:14px;margin-left:auto;padding:4px 8px;transition:background .2s}.clear-filters:hover{background:var(--hover-bg)}.meme-type-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.type-filter{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.type-filter:hover{border-color:var(--primary-orange);color:var(--primary-orange)}.type-filter.active{background:var(--primary-orange);border-color:var(--primary-orange);color:#fff}.selected-tags{margin-top:16px}.filter-label{color:var(--text-secondary);display:block;font-size:14px;margin-bottom:8px}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.selected-tag{background:var(--primary-orange);border-radius:12px;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.remove-tag,.selected-tag{align-items:center;color:#fff;display:flex}.remove-tag{background:none;border:none;border-radius:50%;cursor:pointer;height:16px;justify-content:center;padding:0;transition:background .2s;width:16px}.remove-tag:hover{background:#fff3}.popular-tags{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px}.popular-tags h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 16px}.tags-grid{display:flex;flex-wrap:wrap;gap:8px}.tag-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.tag-btn:hover{color:var(--primary-orange)}.tag-btn.selected,.tag-btn:hover{border-color:var(--primary-orange)}.tag-btn.selected{background:var(--primary-orange);color:#fff}.search-results{min-height:400px}.search-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.results-info{background:var(--bg-secondary);border-radius:8px;font-size:14px;margin-bottom:20px;padding:12px 16px}.no-results,.results-info{color:var(--text-secondary)}.no-results{padding:60px 20px;text-align:center}.no-results p{font-size:16px;margin-bottom:16px}.clear-filters-btn{background:var(--primary-orange);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background .2s}.clear-filters-btn:hover{background:var(--primary-red)}@media (max-width:768px){.search-page{padding:16px}.search-filters{gap:16px;grid-template-columns:1fr}.meme-type-filters,.tags-grid{justify-content:center}}.profile-page{max-width:100%}.profile-loading,.profile-not-found{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.profile-header{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;margin:20px;overflow:hidden}.profile-cover{align-items:flex-end;background:linear-gradient(135deg,var(--primary-red),var(--primary-orange));display:flex;height:200px;justify-content:center;padding-bottom:20px;position:relative}.profile-avatar{background:var(--bg-secondary);border:4px solid var(--card-bg);border-radius:50%;height:120px;overflow:hidden;width:120px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:var(--primary-orange);font-size:48px}.profile-info{padding:24px}.profile-main{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.profile-name-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.profile-name-section h1{color:var(--text-primary);font-size:28px;font-weight:700;margin:0}.username{color:var(--text-secondary);font-size:16px}.edit-profile-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s}.edit-profile-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.profile-actions{align-items:center;display:flex;gap:8px;margin-top:8px}.profile-action-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.profile-action-btn:hover{background:var(--hover-bg);color:var(--text-primary);transform:scale(1.05)}.follow-btn{align-items:center;background:var(--primary-orange);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:12px 24px;transition:all .2s}.follow-btn:hover{background:var(--primary-red);transform:translateY(-1px)}.follow-btn.following{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.follow-btn.following:hover{background:var(--hover-bg);color:var(--text-primary)}.edit-profile-form{margin-bottom:20px}.edit-input,.edit-textarea{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;margin-bottom:12px;padding:12px 16px;transition:border-color .2s;width:100%}.edit-input:focus,.edit-textarea:focus{border-color:var(--primary-orange);outline:none}.edit-textarea{min-height:80px;resize:vertical}.edit-actions{display:flex;gap:12px}.cancel-btn,.save-btn{border-radius:6px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.save-btn{background:var(--primary-orange)}.save-btn:hover{background:var(--primary-red)}.cancel-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.cancel-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.profile-details{margin-bottom:20px}.bio{color:var(--text-primary);font-size:16px;line-height:1.6;margin-bottom:16px}.profile-links{display:flex;flex-wrap:wrap;gap:16px}.profile-link{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:6px;text-decoration:none;transition:color .2s}.profile-link:hover{color:var(--primary-orange)}.profile-stats{border-top:1px solid var(--border-color);display:flex;gap:32px;padding-top:20px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:4px}.profile-content{margin:20px}.profile-tabs{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:8px;margin-bottom:24px;padding:8px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.tab-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.tab-btn.active{background:var(--primary-orange);color:#fff}.profile-memes{min-height:400px}@media (max-width:768px){.profile-header{margin:16px}.profile-info{padding:16px}.profile-main{gap:16px}.profile-main,.profile-name-section{align-items:flex-start;flex-direction:column}.profile-name-section{gap:8px}.profile-name-section h1{font-size:24px}.profile-stats{gap:24px}.profile-content{margin:16px}.profile-links,.profile-tabs{flex-direction:column}.profile-links{gap:12px}}.collections-page{background:#f8f9fa;display:flex;height:100vh}.collections-sidebar{background:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column;width:300px}.collections-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.collections-header h2{color:#212529;font-size:24px;font-weight:600;margin:0}.create-collection-btn{align-items:center;background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:background-color .2s}.create-collection-btn:hover{background:#0056b3}.collections-list{flex:1 1;padding:10px 0}.collection-item{border-left:3px solid #0000;padding:12px 20px;transition:background-color .2s}.collection-item.active{background:#e3f2fd;border-left-color:#007bff}.collection-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.collection-item:hover .collection-actions{opacity:1}.action-btn.delete:hover{background:#f8d7da;color:#dc3545}.collections-content{flex:1 1;overflow-y:auto;padding:20px}.collection-view{height:100%}.collection-header{border-bottom:1px solid #e9ecef;margin-bottom:20px;padding-bottom:20px}.collection-header h3{color:#212529;font-size:28px;font-weight:600;margin:0 0 8px}.collection-header .collection-description{color:#6c757d;font-size:16px;margin:0 0 12px}.empty-collection,.no-collections{align-items:center;display:flex;height:100%;justify-content:center}.empty-state p{margin:0 0 20px}.create-first-collection-btn{align-items:center;background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:background-color .2s}.create-first-collection-btn:hover{background:#0056b3}.collections-loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;height:100vh;justify-content:center}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:400px;width:90%}.modal-content h3{color:#212529;font-size:20px;font-weight:600;margin:0 0 20px}.modal-actions{margin-top:20px}@media (max-width:768px){.collections-page{flex-direction:column}.collections-sidebar{height:auto;max-height:200px;width:100%}.collections-content{padding:16px}}.likes-page{background:#f8f9fa;min-height:100vh;padding:20px}.likes-header{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:24px}.likes-title{align-items:center;display:flex;gap:12px;margin-bottom:20px}.likes-title svg{color:#dc3545}.likes-title h2{color:#212529;font-size:28px;font-weight:600;margin:0}.memes-count{background:#e9ecef;border-radius:20px;color:#6c757d;font-size:14px;font-weight:500;padding:4px 12px}.likes-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#f8f9fa;border:1px solid #dee2e6;border-radius:20px;color:#495057;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.filter-btn:hover{background:#e9ecef;border-color:#adb5bd}.filter-btn.active{background:#007bff;border-color:#007bff;color:#fff}.filter-btn.active:hover{background:#0056b3;border-color:#0056b3}.empty-likes{align-items:center;display:flex;justify-content:center;min-height:400px}.empty-state svg{color:#dc3545}.likes-loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;height:100vh;justify-content:center}@media (max-width:768px){.likes-header,.likes-page{padding:16px}.likes-title h2{font-size:24px}.likes-filters{gap:6px}.filter-btn{font-size:13px;padding:6px 12px}}.meme-message{margin:4px 0}.meme-content{gap:12px}.meme-text-content{background:var(--background-dark);border:1px solid var(--border-color);border-radius:8px;padding:16px}.meme-text-content p{color:var(--text-primary);font-size:16px;line-height:1.5;margin:0;text-align:center}.meme-media{background:var(--background-dark);border-radius:8px;overflow:hidden}.meme-media img{display:block;height:auto;max-height:300px;object-fit:cover;width:100%}.meme-images-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr)}.meme-images-grid img{height:150px;object-fit:cover}.meme-actions{border-top:1px solid var(--border-color);display:flex;gap:8px;padding:8px 0}.action-btn{align-items:center;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px}.action-btn:hover{background:var(--background-hover);border-color:var(--primary-orange);color:var(--text-primary)}.action-btn.liked{border-color:var(--like-color);color:var(--like-color)}.action-btn.saved{border-color:var(--save-color);color:var(--save-color)}.meme-message.loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:20px}.loading-spinner{border-top:2px solid var(--border-color);border:2px solid var(--border-color);height:20px;margin-bottom:8px;width:20px}.meme-message.error{align-items:center;background:var(--background-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);display:flex;justify-content:center;padding:20px}@media (max-width:768px){.meme-preview{padding:8px}.meme-actions{gap:6px}.action-btn{font-size:11px;padding:4px 8px}.meme-images-grid{grid-template-columns:1fr}.meme-images-grid img{height:200px}}.messages-page{background:#f8f9fa;display:flex;height:100vh}.messages-page.sidebar-hidden .messages-sidebar{display:none}.messages-page.sidebar-hidden .messages-content{height:100vh}.messages-sidebar{background:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column;width:350px}.messages-header{border-bottom:1px solid #e9ecef;padding:20px}.messages-header h2{color:#212529;font-size:24px;font-weight:600;margin:0 0 16px}.search-box{align-items:center;background:#f8f9fa;border-radius:20px;display:flex;padding:8px 12px;position:relative}.search-box svg{color:#6c757d;margin-right:8px}.search-box input{background:none;border:none;color:#495057;flex:1 1;font-size:14px;outline:none}.search-box input::placeholder{color:#6c757d}.chats-list{flex:1 1;overflow-y:auto;padding:10px 0}.chat-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;padding:12px 20px;transition:background-color .2s}.chat-item:hover{background:#f8f9fa}.chat-item.active{background:#e3f2fd;border-left-color:#007bff}.chat-avatar{border-radius:50%;flex-shrink:0;height:40px;margin-right:12px;overflow:hidden;width:40px}.chat-avatar img{height:100%;object-fit:cover;width:100%}.chat-info{flex:1 1;min-width:0}.chat-name{color:#212529;font-weight:500;margin-bottom:2px}.chat-last-message{color:#6c757d;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-actions{opacity:0;transition:opacity .2s}.chat-item:hover .chat-actions{opacity:1}.action-btn{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;padding:4px;transition:all .2s}.action-btn:hover{background:#f8f9fa;color:#495057}.new-chat-section{background:#f8f9fa;border-top:1px solid #e9ecef;padding:20px}.new-chat-section h3{color:#495057;font-size:16px;font-weight:600;margin:0 0 12px}.users-list{display:flex;flex-direction:column;gap:8px}.user-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:8px;transition:background-color .2s}.user-item:hover{background:#fff}.user-avatar{border-radius:50%;flex-shrink:0;height:32px;margin-right:10px;overflow:hidden;width:32px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-info{flex:1 1;min-width:0}.user-name{color:#212529;font-size:14px;font-weight:500;margin-bottom:2px}.user-full-name{color:#6c757d;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meme-message{max-width:100%}.meme-preview{background:var(--background-card);cursor:pointer;margin:4px 0;overflow:hidden;padding:12px;position:relative;transition:all .2s}.meme-preview:hover{border-color:var(--primary-orange);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.meme-content{display:flex;flex-direction:column;gap:8px;position:relative}.meme-text{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.4;margin:0}.meme-preview-overlay{align-items:center;background:#000000b3;border-radius:8px;bottom:0;color:#fff;display:flex;flex-direction:column;gap:8px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.meme-preview:hover .meme-preview-overlay{opacity:1}.meme-preview-overlay svg{height:24px;width:24px}.meme-preview-overlay span{font-size:12px;font-weight:500}.message-text{line-height:1.4;word-break:break-word}.messages-content{flex:1 1}.chat-view,.messages-content{display:flex;flex-direction:column}.chat-view{height:100%}.chat-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:16px 20px}.back-btn{background:none;border:none;cursor:pointer;font-size:20px;margin-right:8px}.chat-partner{align-items:center;display:flex;gap:12px}.partner-avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}.partner-avatar img{height:100%;object-fit:cover;width:100%}.partner-info{display:flex;flex-direction:column}.partner-name{color:#212529;font-size:16px;font-weight:500}.partner-status{color:#28a745;font-size:12px}.messages-list{flex:1 1;gap:12px;overflow-y:auto;padding:20px}.message,.messages-list{display:flex;flex-direction:column}.message{max-width:70%}.message.sent{align-items:flex-end;align-self:flex-end}.message.received{align-items:flex-start;align-self:flex-start}.message-content{word-wrap:break-word;background:#fff;border-radius:18px;box-shadow:0 1px 2px #0000001a;line-height:1.4;padding:12px 16px}.message.sent .message-content{background:#007bff;color:#fff}.message.received .message-content{background:#f8f9fa;color:#212529}.message-time{color:#6c757d;font-size:11px;margin-top:4px;padding:0 8px}.message-input{align-items:center;background:#fff;border-top:1px solid #e9ecef;display:flex;gap:8px;padding:16px 20px}.input-btn{background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;padding:8px;transition:all .2s}.input-btn:hover{background:#f8f9fa;color:#495057}.message-input input{border:1px solid #e9ecef;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:10px 16px;transition:border-color .2s}.message-input input:focus{border-color:#007bff}.send-btn{background:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:8px;transition:background-color .2s}.send-btn:hover:not(:disabled){background:#0056b3}.send-btn:disabled{background:#6c757d;cursor:not-allowed}.no-chat-selected{align-items:center;display:flex;height:100%;justify-content:center}.empty-state{color:#6c757d;text-align:center}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state h3{color:#495057;font-size:20px;font-weight:500;margin:0 0 8px}.empty-state p{font-size:14px;line-height:1.5;margin:0}.messages-loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{border:4px solid #e9ecef;border-top-color:#007bff}@media (max-width:768px){.messages-page{flex-direction:column}.messages-sidebar{height:auto;max-height:220px;width:100%}.messages-content{height:calc(100vh - 220px)}.message{max-width:85%}}.settings-page{background:#f8f9fa;display:flex;height:100vh}.settings-sidebar{background:#fff;border-right:1px solid #e9ecef;padding:20px;width:280px}.settings-sidebar h2{color:#212529;font-size:24px;font-weight:600;margin:0 0 24px}.settings-tabs{display:flex;flex-direction:column;gap:4px}.settings-tab{align-items:center;background:none;border:none;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s}.settings-tab:hover{background:#f8f9fa;color:#212529}.settings-tab.active{background:#e3f2fd;color:#007bff}.settings-content{flex:1 1;overflow-y:auto;padding:20px}.settings-section{max-width:600px}.settings-section h3{color:#212529;font-size:28px;font-weight:600;margin:0 0 24px}.avatar-section{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;margin-bottom:32px;padding:24px}.avatar-container{margin-bottom:12px;position:relative}.avatar-container img,.avatar-placeholder{border-radius:50%;height:80px;object-fit:cover;width:80px}.avatar-placeholder{background:#007bff;font-size:32px}.avatar-upload-btn{align-items:center;background:#007bff;border:none;border-radius:50%;bottom:0;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:0;transition:background-color .2s;width:28px}.avatar-upload-btn:hover{background:#0056b3}.avatar-section p{color:#6c757d;font-size:14px;margin:0}.form-group{margin-bottom:20px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.char-count{color:#6c757d;font-size:12px;margin-top:4px;text-align:right}.checkbox-group,.checkbox-label{align-items:center;display:flex}.checkbox-label{color:#495057;cursor:pointer;font-size:14px}.checkbox-label input{margin-right:8px;width:auto}.checkmark{margin-left:8px}.save-btn{align-items:center;background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:background-color .2s}.save-btn:hover:not(:disabled){background:#0056b3}.save-btn:disabled{background:#6c757d;cursor:not-allowed}.theme-toggle-container{background:var(--background-hover);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:8px;padding:4px}.theme-option{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.theme-option:hover{background:var(--background-card);color:var(--text-primary)}.theme-option.active{background:var(--gradient-primary);box-shadow:var(--shadow-primary);color:#fff}.appearance-options,.data-options,.notification-options,.privacy-options{display:flex;flex-direction:column;gap:20px}.appearance-item,.data-item,.notification-item,.privacy-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:20px}.appearance-info,.data-info,.notification-info,.privacy-info{flex:1 1}.appearance-info h4,.data-info h4,.notification-info h4,.privacy-info h4{color:#212529;font-size:16px;font-weight:500;margin:0 0 4px}.appearance-info p,.data-info p,.notification-info p,.privacy-info p{color:#6c757d;font-size:14px;line-height:1.4;margin:0}.toggle{display:inline-block;height:24px;position:relative;width:50px}.toggle input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#007bff}input:checked+.slider:before{transform:translateX(26px)}.export-btn{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:background-color .2s}.export-btn:hover{background:#218838}.delete-account-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.delete-account-btn:hover{background:#c82333}@media (max-width:768px){.settings-page{flex-direction:column}.settings-sidebar{padding:16px;width:100%}.settings-content{padding:16px}.appearance-item,.data-item,.notification-item,.privacy-item{align-items:flex-start;flex-direction:column;gap:12px}.appearance-info,.data-info,.notification-info,.privacy-info{width:100%}}.trending-page{margin:0 auto;max-width:1200px;padding:24px}.trending-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.trending-title{align-items:center;display:flex;gap:12px}.trending-icon{color:var(--primary-orange);height:32px;width:32px}.trending-title h1{color:var(--text-primary);font-size:28px;font-weight:700;margin:0}.time-filters{background:var(--background-card);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:8px;padding:4px}.time-filter{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.time-filter:hover{background:var(--background-hover);color:var(--text-primary)}.time-filter.active{background:var(--gradient-primary);box-shadow:var(--shadow-primary);color:#fff}.trending-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:var(--background-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-card);display:flex;gap:16px;padding:20px;transition:all .2s}.stat-card:hover{box-shadow:var(--shadow-primary);transform:translateY(-2px)}.stat-icon{color:var(--primary-orange);flex-shrink:0;height:40px;width:40px}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-number{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);font-size:14px;font-weight:500}.trending-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.loading-spinner{border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-orange);height:40px;margin-bottom:16px;width:40px}.trending-loading p{color:var(--text-secondary);font-size:16px;margin:0}.no-trending{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.no-trending svg{color:var(--primary-orange);margin-bottom:16px}.no-trending h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.no-trending p{font-size:16px;line-height:1.5;margin:0}@media (max-width:768px){.trending-page{padding:16px}.trending-header{align-items:stretch;flex-direction:column;gap:20px}.trending-title h1{font-size:24px}.time-filters{flex-wrap:wrap;justify-content:center}.time-filter{font-size:13px;padding:6px 12px}.trending-stats{gap:12px;grid-template-columns:1fr}.stat-card{padding:16px}.stat-icon{height:32px;width:32px}.stat-number{font-size:20px}}.modal-overlay{background:#00000080}.collection-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}.modal-header{border-bottom:1px solid #e9ecef}.modal-header h3{color:#212529}.close-btn{color:#6c757d}.close-btn:hover{background:#f8f9fa;color:#495057}.collections-list{margin-bottom:20px;max-height:300px;overflow-y:auto}.collection-item{align-items:center;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px;transition:all .2s}.collection-item:hover{background:#f8f9fa;border-color:#007bff}.collection-item.selected{background:#e3f2fd;border-color:#007bff}.collection-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.collection-details{display:flex;flex-direction:column;gap:2px;min-width:0}.collection-name{color:#212529;font-weight:500}.collection-description,.collection-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-description{color:#6c757d;font-size:12px}.check-icon{color:#007bff;flex-shrink:0}.no-collections{color:#6c757d;padding:40px 20px;text-align:center}.no-collections svg{margin-bottom:12px;opacity:.5}.no-collections p{font-size:14px;margin:0 0 16px}.create-first-btn{align-items:center;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:background-color .2s}.create-first-btn:hover{background:#0056b3}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-primary:disabled{background:#6c757d;cursor:not-allowed}.btn-secondary{background:#f8f9fa;border:1px solid #ced4da;color:#495057}.btn-secondary:hover{background:#e9ecef}.create-form h4{color:#212529;font-size:18px;font-weight:600;margin:0 0 20px}.form-group{margin-bottom:16px}.form-group label{color:#495057;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group textarea{border:1px solid #ced4da;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}@media (max-width:768px){.collection-modal{max-height:90vh;width:95%}.modal-content,.modal-header{padding:16px}.form-actions,.modal-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.share-modal{background:var(--background-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;padding:4px;transition:all .2s}.close-btn:hover{background:var(--background-hover);color:var(--text-primary)}.modal-content{flex:1 1;overflow-y:auto;padding:24px}.meme-preview{background:var(--background-dark);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;padding:16px}.preview-content{display:flex;flex-direction:column;gap:12px}.preview-content img{border-radius:8px;max-height:200px;object-fit:cover;width:100%}.preview-text{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0;word-break:break-word}.share-options{display:flex;flex-direction:column;gap:24px}.share-section h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 12px}.friends-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.friend-item{align-items:center;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.friend-item:hover{background:var(--background-hover);border-color:var(--primary-orange)}.friend-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.friend-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:var(--gradient-primary);color:#fff;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;width:100%}.friend-info{display:flex;flex-direction:column;gap:2px;min-width:0}.friend-name{color:var(--text-primary);font-size:14px;font-weight:500}.friend-full-name{color:var(--text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-friends{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;padding:40px 20px}.no-friends svg{margin-bottom:8px;opacity:.5}.no-friends p{font-size:14px;margin:0}.social-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.social-btn{align-items:center;background:var(--background-dark);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;justify-content:center;padding:12px 16px;transition:all .2s}.social-btn:hover{background:var(--background-hover);border-color:var(--primary-orange);transform:translateY(-1px)}.social-btn.vk:hover{background:#07f;border-color:#07f;color:#fff}.social-btn.telegram:hover{background:#08c;border-color:#08c;color:#fff}.social-btn.twitter:hover{background:#1da1f2;border-color:#1da1f2;color:#fff}.social-btn.facebook:hover{background:#1877f2;border-color:#1877f2;color:#fff}.copy-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s;width:100%}.copy-btn:hover{background:var(--gradient-hover);transform:translateY(-1px)}.loading{color:var(--text-muted);font-size:14px;padding:20px;text-align:center}@media (max-width:768px){.share-modal{max-height:90vh;width:95%}.modal-content,.modal-header{padding:16px}.social-buttons{grid-template-columns:1fr}}.auth-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.auth-modal{animation:modalSlideIn .3s ease-out;background:var(--background-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:480px;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-close{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s ease;z-index:1}.auth-modal-close:hover{background:var(--background-hover);color:var(--text-primary)}.auth-modal-content{padding:32px 24px 24px;text-align:center}.auth-modal-icon{color:var(--primary-orange);display:flex;justify-content:center;margin-bottom:20px}.auth-modal-title{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.3;margin-bottom:12px}.auth-modal-description{color:var(--text-secondary);font-size:16px;line-height:1.5;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:360px}.auth-modal-actions{display:flex;gap:12px;margin-bottom:24px}.auth-modal-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.auth-modal-btn.primary{background:var(--gradient-primary);color:#fff}.auth-modal-btn.primary:hover{background:var(--gradient-hover);box-shadow:0 4px 12px #ff45004d;transform:translateY(-1px)}.auth-modal-btn.secondary{background:var(--background-hover);border:1px solid var(--border-color);color:var(--text-primary)}.auth-modal-btn.secondary:hover{background:var(--background-card);transform:translateY(-1px)}.auth-modal-footer{border-top:1px solid var(--border-color);padding-top:20px}.auth-modal-footer p{color:var(--text-secondary);font-size:14px;margin:0}.auth-modal-link{background:none;border:none;color:var(--primary-orange);cursor:pointer;font-weight:600;text-decoration:underline;transition:color .2s ease}.auth-modal-link:hover{color:var(--primary-red)}@media (max-width:480px){.auth-modal{margin:0 16px;max-width:none}.auth-modal-content{padding:24px 20px 20px}.auth-modal-title{font-size:20px}.auth-modal-description{font-size:14px}.auth-modal-actions{flex-direction:column}.auth-modal-btn{padding:14px 20px}}.mobile-search-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border-bottom:1px solid var(--border-color);left:0;padding:12px 16px;position:fixed;right:0;top:0;z-index:100}.search-form{width:100%}.search-input-container{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;display:flex;padding:8px 16px;position:relative;transition:all .2s ease}.search-input-container:focus-within{border-color:var(--primary-orange);box-shadow:0 0 0 2px #ff8c001a}.search-icon{color:var(--text-secondary);flex-shrink:0;margin-right:12px}.search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:16px;font-weight:400;outline:none}.search-input::placeholder{color:var(--text-secondary)}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.mobile-search-bar{animation:slideDown .3s ease-out}@media (min-width:768px){.mobile-search-bar{display:none}}.network-status{align-items:center;animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-card);display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 12px;position:fixed;right:20px;top:20px;z-index:1000}.network-text{white-space:nowrap}.network-speed{font-size:12px;margin-left:4px;opacity:.8}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.network-status{font-size:13px;padding:6px 10px;right:16px;top:80px}.network-speed{display:none}}@media (max-width:480px){.network-status{font-size:12px;padding:5px 8px;right:12px;top:70px}}.loading-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-card);display:flex;justify-content:center;left:50%;min-width:200px;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:2000}.loading-content{align-items:center;display:flex;gap:12px}.loading-spinner{animation:spin 1s linear infinite;color:var(--primary-orange)}.loading-text{display:flex;flex-direction:column;gap:4px}.loading-message{color:var(--text-primary);font-size:16px;font-weight:500;margin:0}.loading-warning{color:var(--warning-color);font-size:14px;margin:0;opacity:.8}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.loading-indicator{min-width:180px;padding:16px}.loading-message{font-size:15px}.loading-warning{font-size:13px}}.app{display:flex}.app,.main-content{background:var(--background-dark);min-height:100vh}.main-content{flex:1 1;margin-left:280px;transition:margin-left .3s ease}.page-placeholder{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:40px 20px}.placeholder-content{max-width:400px;text-align:center}.placeholder-content h2{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:12px}.placeholder-content p{color:var(--text-secondary);font-size:16px;line-height:1.5}@media (max-width:768px){.main-content{margin-bottom:60px;margin-left:0;padding-bottom:20px}.main-content.mobile-with-search{padding-top:60px}}@media (max-width:480px){.main-content{margin-bottom:50px;padding-bottom:15px}}
/*# sourceMappingURL=main.5958f95d.css.map*/