#searchInput,header{background-color:#000}.movie-card h3,body,header{font-family:Roboto,sans-serif}.movie-card h3{font-size:19px;font-weight:700;color:#ff6f61;margin:10px 0}.movie-card h4{font-family:'Times New Roman',serif;font-size:15px;color:#e0e0e0}.user-profile-section{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);color:#fff;display:none;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.user-profile-section .profile-header{text-align:center;margin-left:-20px}.user-profile-section img{margin:100px;border-radius:50%;width:250px;height:250px}#user-profile-section p{font-size:1.5em;color:#fff;margin:10px auto 40px;text-align:center;line-height:1.2;max-width:500px;padding:15px 20px;background-color:rgba(0,0,0,.7);border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.3);transform:translateY(-80px)}#user-profile-section p strong{font-size:1.2em;color:tomato}header{color:#fff;padding:5px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 6px rgba(0,0,0,.2);position:relative;border-bottom:2px solid #444}.header-container{display:flex;align-items:center;width:100%;justify-content:space-between}body.dark-mode .header-container,body.dark-mode .sticky-navbar,body.dark-mode header{background-color:#1c0026}.menu-icon{font-size:24px;cursor:pointer;margin-right:15px}.logo{font-size:18px;font-weight:700;margin-right:auto}.search-container{position:relative;display:inline-block}.search-bar,.suggestion-item{display:flex;align-items:center}.search-icon{background-color:transparent;border:none;font-size:21px;cursor:pointer;color:#00f;transition:.3s}.search-icon:hover{color:#1c0026;background-color:transparent;transform:none}.search-bar{gap:8px;width:60%;max-width:400px;position:absolute;top:30px;left:0;z-index:9}#searchInput{position:fixed;top:70px;left:20%;padding:7px 13px;color:#fff;border:2px solid #de0f00;border-radius:13px;width:50%;outline:0;font-size:12px;transition:.3s}.search-bar button{position:fixed;top:60px;right:10%;padding:7px 12px;background-color:#de0f00;color:#fff;border:none;border-radius:15px;cursor:pointer;font-size:12px;transition:background-color .3s}.search-bar button:hover{background-color:#a50b00}#suggestions{margin:8px;display:none;position:absolute;top:70px;left:68%;transform:translateX(-50%);width:41%;background:#fff;border:1px solid #ddd;max-height:100px;overflow-y:auto;border-radius:6px;box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:10}.suggestion-item{padding:7px 3px;background:#333;color:#fff;cursor:pointer;transition:background .3s}.icon-container,.remove-icon,button{transition:background-color .3s}.suggestion-item:hover{background:#4caf50}.suggestion-avatar{width:20px;height:20px;border-radius:50%;margin-right:5px}.suggestion-item span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#searchResults{margin-top:20px}.post{border:1px solid #ddd;padding:10px;margin-bottom:10px}.description-settings,.profile-picture-settings,.settings-section h3,.username-settings{border-bottom:2px solid #28a745}.image-preview-container{position:relative;display:inline-block;max-width:100%;margin-top:10px;margin-bottom:10px;border-radius:8px;overflow:hidden;width:100%}.image-preview{width:100%;max-width:150px;max-height:150px;object-fit:contain;display:block;margin:0 auto}.remove-icon{position:absolute;top:5px;right:5px;font-size:24px;color:#fff;background-color:rgba(0,0,0,.6);padding:5px;border-radius:50%;cursor:pointer}.remove-icon:hover{background-color:rgba(0,0,0,.8)}.icon-container:hover,button{background-color:#e64a3c}.movie-header .profile-picture,.post-header .profile-picture{width:30px;height:30px;border-radius:50%;overflow:hidden;margin-right:10px;display:inline-block}.movie-header .profile-picture img,.post-header .profile-picture img{width:100%;height:100%;object-fit:cover}.movie-timestamp,.post-timestamp{font-size:12px;color:#888;margin-top:5px;text-align:right;font-family:Arial,sans-serif;line-height:1.4}.movie-header,.post-header{display:flex;align-items:center;margin-bottom:10px}.settings-section{box-shadow:0 6px 15px rgba(0,0,0,.1);width:100%}.settings-section h2{font-size:32px;text-align:center;font-weight:700;margin-bottom:20px}.settings-section h3{font-size:24px;font-weight:500;margin-bottom:15px;padding-bottom:5px}.profile-settings p{font-size:16px;color:#fff;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;word-wrap:break-word}button:hover{transform:translateY(-4px);box-shadow:0 5px 15px rgba(0,0,0,.1);background-color:#45a049}#change-profile-btn,#save-profile-btn{background-color:#28a745}#change-profile-btn:hover,#save-profile-btn:hover{background-color:#218838}.profile-img{width:60px;height:60px;border-radius:50%;margin-right:15px;object-fit:cover}.dark-mode-toggle-container,.description-settings,.profile-picture-settings,.username-settings{font-size:15px;padding:20px;margin-bottom:15px;background:#000}.dark-mode-toggle-container{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:10px 15px;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.dark-mode-toggle-container label{font-size:16px;color:#333}body.dark-mode .description-settings,body.dark-mode .profile-picture-settings,body.dark-mode .profile-settings,body.dark-mode .username-settings{background:#1c0026;font-size:15px;padding:20px;margin-bottom:15px}body.dark-mode .description-settings,body.dark-mode .profile-picture-settings,body.dark-mode .username-settings{border-bottom:2px solid #00b3b3}body.dark-mode .dark-mode-toggle-container{background:#1c0026;display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.3)}body.dark-mode .dark-mode-toggle-container label{font-size:16px;color:#d1d1d1}.section,input[type=file]{display:none}@media (max-width:768px){.settings-section{padding:0}.settings-section h2{font-size:28px}.settings-section h3{font-size:20px}.profile-settings p,button{font-size:14px}button{padding:8px 16px}}body,button{font-size:12px}.post-message{margin-top:30px;margin-bottom:3%}.post-image{width:100%;max-width:500px;height:auto;margin-top:10px;border-radius:8px}.file-container{display:flex;align-items:center;justify-content:center;margin-left:10px}.icon-container{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background-color:#ddd;padding:5px;border-radius:50%}.icon-btn,.nav-bar{justify-content:center;display:flex}.icon-container i{font-size:24px;color:#e64a3c}.movie-card button,.post-card button,body.dark-mode .movie-card button,body.dark-mode .post-card button{background-color:transparent;font-size:10px;padding:4px 8px;min-width:50px;cursor:pointer;text-align:center}button{margin-top:10px;padding:9px 15px;color:#fff;border:none;border-radius:15px;cursor:pointer}#dark-mode-toggle{width:40px;height:20px}#dark-mode-toggle:checked{background-color:#4caf50}.nav-bar{margin-bottom:20px;gap:50px}.icon-btn{background-color:#007bff;color:#fff;border:none;border-radius:50%;padding:15px;font-size:20px;cursor:pointer;width:45px;height:45px;align-items:center;transition:background-color .3s,transform .2s}body,textarea{background:#000;color:#e0e0e0}#posts,*,body{padding:0}.icon-btn:hover{background-color:#0056b3;transform:scale(1.1)}*{margin:0;box-sizing:border-box}body{display:flex;justify-content:center;align-items:flex-start;height:100vh;overflow-x:hidden}.container,.floating-nav{flex-direction:column;display:flex}.container{width:100%;padding:0;margin:0}#main-content,#sports-section,#world-section{padding:20px;width:100%}.form-container{width:100%;margin-bottom:0}.textarea-container{display:flex;align-items:center;width:100%;padding:5px;border:1px solid #ddd;border-radius:12px;background:#000}.movie-card,.post-card,body.dark-mode .movie-card,body.dark-mode .post-card{padding:14px;margin:0 0 15px;width:100%;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:.3s}textarea{flex-grow:1;width:100%;padding:5px;font-size:14px;border:none;border-radius:12px;resize:none}textarea:focus{outline:0;border-color:#ff6f61;box-shadow:0 0 10px rgba(255,111,97,.5)}#posts{margin-top:8px}.movie-card,.post-card{font-size:13px;background-color:#000;color:#e0e0e0;border-radius:15px}.movie-card:not(:last-child),.post-card:not(:last-child){border-bottom:1px solid #ddd}.movie-card .actions,.post-card .actions{display:flex;justify-content:flex-start;gap:12px;margin-top:12px;flex-wrap:wrap;align-items:center}.movie-card button,.post-card button{border:1px solid #ff6f61;color:#f10;border-radius:5px;transition:.3s}@media (max-width:600px){.movie-card .actions,.post-card .actions{justify-content:flex-start}.movie-card button,.post-card button{font-size:9px;padding:3px 6px;min-width:40px}}.modal,.overlay{position:fixed;justify-content:center}body.dark-mode{background:#2a0032;color:#d1d1d1}body.dark-mode .textarea-container,body.dark-mode textarea{background:#1c0026;border-color:#444;color:#d1d1d1}body.dark-mode textarea:focus{border-color:#00b3b3;box-shadow:0 0 10px rgba(0,179,179,.5)}body.dark-mode .movie-card,body.dark-mode .post-card{background-color:#2a0032;color:#d1d1d1;font-size:13px;border-radius:15px}body.dark-mode .movie-card:not(:last-child),body.dark-mode .post-card:not(:last-child){border-bottom:1px solid #444}body.dark-mode .movie-card button,body.dark-mode .post-card button{border:1px solid #00b3b3;color:#00b3b3;border-radius:5px;transition:.3s}body.dark-mode .movie-card button:hover,body.dark-mode .post-card button:hover{background-color:#00b3b3;color:#fff}footer{margin-top:25px;font-size:13px;color:#888;text-align:center}.modal{background-color:rgba(0,0,0,.4);display:flex;align-items:center;z-index:9999;animation:.3s ease-out fadeIn}.modal-content{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border-radius:10px;padding:20px;width:320px;text-align:center;box-shadow:0 8px 20px rgba(0,0,0,.1);animation:.4s ease-out slideIn}.modal-content p{font-size:16px;font-weight:500;color:#333;margin-bottom:15px}.modal-actions{display:flex;justify-content:space-between;gap:8px}.modal-actions button{padding:10px 16px;font-size:14px;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s,transform .2s}.modal-cancel{background-color:#f0f0f0;color:#333}.modal-cancel:hover{background-color:#e0e0e0;transform:scale(1.03)}.modal-confirm{background-color:#4caf50;color:#fff}.modal-confirm:hover{background-color:#388e3c;transform:scale(1.03)}@keyframes slideIn{from{transform:translateY(-15px);opacity:0}to{transform:translateY(0);opacity:1}}.floating-nav{position:fixed;bottom:89px;right:20px;align-items:center;gap:12px}.fab-btn,.nav-option{background:#007bff;color:#fff;border:none;cursor:pointer;transition:background-color .3s}.fab-btn{padding:12px;font-size:24px;border-radius:50%;width:55px;height:55px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s,background-color .3s}.nav-options{display:none;flex-direction:column;gap:8px;transform:translateY(20px);transition:opacity .3s,transform .3s}.nav-options.visible{display:flex;opacity:1;transform:translateY(0)}.nav-option{padding:10px;font-size:14px;border-radius:10px;width:100px;text-align:center}.overlay{top:0;left:0;width:100%;height:100%;display:none;background:rgba(0,0,0,.5);align-items:center}#sort-options,.message,.overlay.visible,.sticky-navbar,.sticky-navbar ul,.tabs,.text-row{display:flex}.content-container{background:red;padding:20px;border-radius:12px;width:100%;max-width:550px;position:relative;max-height:80vh;overflow-y:auto}.close-btn{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer;color:#333}.notification{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:90%;max-width:400px;background-color:#4caf50;color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.5;box-shadow:0 4px 8px rgba(0,0,0,.2);opacity:0;transition:opacity .3s,top .3s;z-index:9999;pointer-events:none}.notification.show-notification{opacity:1;top:30px;pointer-events:auto}.notification.error-notification{background-color:#f44336}.sticky-navbar{position:fixed;bottom:0;left:0;width:100%;background-color:#000;padding:2px 15px;box-shadow:0 -4px 10px rgba(0,0,0,.3);justify-content:center;align-items:center}.sticky-navbar ul{list-style:none;padding:0 0 0 20px;margin:0;width:100%}.sticky-navbar li{flex:0 0 28%;text-align:center}.sticky-navbar button{color:#fff;font-size:28px;font-weight:600;padding:5px 15px;text-align:center;border-radius:2px;background:0 0;border:none;cursor:pointer;outline:0}.signup-link,.tabs button{font-size:16px}.sort-button,.tabs button{font-weight:700;cursor:pointer}.sticky-navbar button:active,.sticky-navbar button:focus,.sticky-navbar button:hover{background:0 0;color:#fff;transform:none}.settings-section{margin-top:2px;padding:20px;background-color:#f9f9f9;border-radius:8px}.search-container{align-items:center;justify-content:space-between}.user-section{align-items:center;justify-content:flex-end}#username-container{font-size:16px;margin-left:10px}#username-display{margin-right:10px}#logout-button{padding:5px 10px;cursor:pointer;border-radius:4px}#logout-button:hover{background-color:#c00}#sort-options{justify-content:space-between;margin-bottom:20px;padding-left:8%;padding-right:8%}.sort-button{padding:5px 15px;border:2px solid #ccc;border-radius:12px;background-color:#000;color:#fff;transition:background-color .3s,color .3s,border-color .3s}#chat-container,.bubble{background-color:#f9f9f9}.sort-button:hover{background-color:#f0f0f0;border-color:#bbb}.sort-button.active{background-color:#007bff;color:#fff;border-color:#007bff;box-shadow:0 4px 8px rgba(0,123,255,.3)}.comments-section.fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:1000;overflow-y:auto;display:flex;flex-direction:column;padding:40px;justify-content:flex-start;align-items:flex-start}.comments-list{padding:30px;border-radius:12px;height:calc(100% - 160px);overflow-y:auto}#chat-container{font-family:Arial,sans-serif;max-width:300%;margin:0 auto;padding:10px;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.1)}#messages{padding:10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#888 #f0f0f0}#messages::-webkit-scrollbar{width:3px}#messages::-webkit-scrollbar-thumb{background:#888;border-radius:2px}.message{margin-bottom:5px;font-size:15px;border:none}#input-container{padding:16px;background:rgba(245,245,245,.9);border-top:1px solid rgba(0,0,0,.05)}#input-message{width:80%;padding:6px 8px;border:none;border-radius:25px;background:#fff;box-shadow:0 2px 3px rgba(0,0,0,.1);font-size:14px;outline:0;margin-right:5px}#input-message:focus{box-shadow:0 2px 4px rgba(0,123,255,.2)}#send-button{padding:6px 12px;background:linear-gradient(45deg,#007bff,#00b4ff);color:#fff;border:none;border-radius:19px;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:transform .2s,box-shadow .2s}#send-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,123,255,.3)}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.bubble{margin-bottom:8px;max-width:80%;border:none}.text-row{align-items:center;gap:10px}.message-text{color:#000;word-break:break-word;flex:1;border:none}.tabs{justify-content:space-between;gap:12px}.tabs button{padding:8px 18px;background-color:transparent;border-bottom:2px solid #ff6f61;color:#ff6f61;transition:color .3s,border-bottom .3s}.section.active{display:block}