@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{padding:0;margin:0;box-sizing:0;font-family:roboto;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation}div:focus{outline:none}body{max-width:100vw;max-height:100vh;background-color:#111;color:#fff;overflow:auto}a{text-decoration:none;color:inhert}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.progress-loader{top:50%;left:50%;position:absolute;transform:translate(-50%,-50%)}.progress-loader{width:150px;background:#ececee41;height:3px;border-radius:7px}.progress{content:"";width:1px;height:3px;border-radius:7px;background:red;transition:.5s;animation:loading1274 1s ease infinite}@keyframes loading1274{0%{width:0%}to{width:100%}}.home{display:flex;flex-direction:column}.topbar{display:flex;flex-direction:row;justify-content:space-between;margin:20px 30px 0;padding:10px}.main-profile-pic{width:40px;height:40px;background-color:#000;border-radius:50px;cursor:pointer}..main-profile-pic:focus{border:1px white solid}.search-bar{display:flex;width:400px;max-width:100%}.search-input{color:#fff;flex-grow:1;padding:8px 12px;font-size:16px;border:1px solid #555;background-color:#222;border-radius:20px 0 0 20px;transition:transform .3s ease}.expanded-search-input{color:#fff;flex-grow:1;padding:8px 12px;font-size:16px;border:1px solid #555;background-color:#222;border-radius:20px 0 0 20px}.search-input:focus{outline:none;background-color:#222;transition:transform .3s ease}.search-button{background-color:#444;color:#fff;border:none;padding:8px 15px;font-size:16px;cursor:pointer;border-radius:0 20px 20px 0;transition:background-color .3s ease}.search-button:hover{background-color:#777}.profile-dropdown{position:relative}.profile-image{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#f0f0f0;border-radius:50%;cursor:pointer}.profile-image span{font-size:12px;color:#333}.dropdown-menu{list-style:none;margin:0;padding:0;background-color:#333;border-radius:8px;position:absolute;top:100%;right:0;z-index:1000;width:170px;box-shadow:0 8px 16px #0000001a}.dropdown-menu li{padding:12px 16px;cursor:pointer;color:#fff;text-align:left;transition:background-color .2s ease}.dropdown-menu li:hover{background-color:#666}.dropdown-menu div{padding:12px 16px;color:#007bff;text-align:left}.logo{display:flex;justify-content:center;align-items:center;cursor:pointer}.logo img{height:50px;width:auto}.menu-navigate-login{cursor:"pointer";width:"100px";height:"40px"}.menu-profile-image{display:flex;height:100%;gap:10px;align-items:center;justify-content:flex-start}.menu-profile-image img{width:40px;height:40px;border-radius:50px}.menu-profile-image p{color:#fff}.menu-list img{filter:invert();margin-right:10px}.mobile-logo{display:none}@media screen and (max-width: 768px){.topbar{display:flex;flex-direction:row;align-items:center;margin:0 5px;gap:10px}.desktop-logo{display:none}.mobile-logo{display:block;width:50px;height:auto}.logo img{height:50px;width:50px}}@media screen and (max-width: 480px){.search-bar{width:100%}.expanded-search-bar{width:100%;display:flex;justify-content:center}.back-button{display:block;margin-top:10px;margin-right:10px}.search-input{width:100%}.expanded-search-input{width:55vw}.logo-home{display:none}.logo img{display:hidden}.search input:focus{transition:transform .3s ease}}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;padding:0}.card{border-radius:8px;padding:5px;transition:transform .3s;margin-bottom:10px;cursor:pointer}.card:hover{transform:scale(1.05)}.card-thumbnail-container{border-radius:8px;overflow:hidden;display:flex;justify-content:center;align-items:center}.card-thumbnail-img{border-radius:8px;max-width:100%;max-height:80%;object-fit:cover;aspect-ratio:4 / 2.25}.card-thumbnail-info{display:flex;gap:10px;margin-top:10px;align-items:flex-start}.card-thumbnail-info p{width:170px;margin-bottom:5px;flex:1}.card-thumbnail-content{width:100%}.card-thumbnail-content .title{font-size:14px;font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.profile-pic{width:35px;height:35px;background-color:#000;object-fit:contain;border-radius:50%}.card-thumbnail-info span{font-size:12px;color:#999}.title{font-size:14px;color:#fff}.card-thumbnail-details{font-size:14px;color:#999;display:flex;justify-content:space-between;margin-right:10px}.main-load-more-comp{display:flex;align-items:center;justify-content:center;padding:12px;margin-bottom:16px}.main-load-button{width:140px;height:42px;font-size:15px;font-weight:600;background:red;border:none;border-radius:20px;color:#fff;outline:none;cursor:pointer;transition:background .3s ease,transform .2s ease;box-shadow:0 4px 8px #ff00004d}.main-load-button:hover{background:#c00;transform:scale(1.05)}.main-load-button:active{transform:scale(.95)}.main-load-button:disabled{background:#555;cursor:not-allowed;box-shadow:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.main-load-button{animation:fadeIn .4s ease-in-out}.no-more-thumbnails{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center;color:#fff;font-size:16px;font-weight:500}.no-more-thumbnails svg{margin-bottom:10px}.skeleton-card{background-color:#1a1a1a;border-radius:8px;padding:10px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.skeleton-title{width:80%;height:14px;background-color:#444;border-radius:4px;animation:skeleton-pulse 1.2s infinite ease-in-out}.skeleton-cta{width:30%;height:14px;background-color:#555;border-radius:4px;animation:skeleton-pulse 1.4s infinite ease-in-out}@keyframes skeleton-pulse{0%{background-color:#333}50%{background-color:#444}to{background-color:#333}}.no-thumbnail-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%}.no-thumbnail{text-align:center}.no-thumbnail img{max-width:250px;margin-bottom:10px}.no-thumbnail p{font-size:16px}@media screen and (max-width: 768px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}.card-thumbnail-info{margin-left:10px}.card-thumbnail-img{border-radius:8px;max-width:100%;max-height:80%;object-fit:cover}.card-thumbnail-content .title{overflow:hidden}.card-thumbnail-details{flex-direction:row;align-items:flex-start;margin-top:8px}.card-thumbnail-details span{margin-left:0}}.skeleton-card{background:#222;padding:10px;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between}.skeleton-thumbnail{width:100%;height:25vh;background:linear-gradient(90deg,#333 25%,#444,#333 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.skeleton-title,.skeleton-cta{height:12px;background:linear-gradient(90deg,#333 25%,#444,#333 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-top:8px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.hidden{display:none}.category{display:flex;align-items:center;gap:10px;overflow-x:auto;white-space:nowrap;padding:10px 20px;scrollbar-width:none}.category::-webkit-scrollbar{display:none}.tag{background-color:#333;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:14px;color:pointer;transition:background-color .3s ease;white-space:nowrap}.tag.active{background-color:#fff;color:#000}.tag:hover{background-color:#555}.active:hover{background-color:#fff}.login-page{background-color:#121212;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:80vh}.login-card{background-color:#191919f2;width:400px;padding:40px 30px;border:1px solid #ffffff1a;border-radius:8px;text-align:center;box-shadow:0 2px 10px #00000080}.auth-title{font-size:24px;margin-bottom:20px;color:#fff}.auth-form{display:flex;flex-direction:column;gap:15px}.auth-input{background:#1c1c1c;border:1px solid #ffffff1a;border-radius:6px;padding:12px;font-size:14px;color:#fff}.auth-input:focus{border-color:#6c63ff;outline:none;box-shadow:0 0 0 2px #6c63ff4d}.auth-button{background-color:#6c63ff;color:#fff;padding:12px;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background-color .2s ease}.auth-button:hover{background-color:#584fd3}.auth-button-loading{background-color:#999;color:#fff;padding:12px;border:none;border-radius:6px;font-size:16px;cursor:not-allowed;transition:background-color .2s ease}.auth-secondary-button{background-color:transparent;color:#fff;border:1px solid #ffffff1a;padding:10px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.auth-secondary-button:hover{background-color:#1f1f1f}.auth-switch{color:#ccc;font-size:14px;margin-top:10px}.google-auth-button{background-color:#4285f4;color:#fff;padding:12px;border:none;border-radius:6px;font-size:16px;margin-top:20px;cursor:pointer;transition:background-color .2s ease}.google-auth-button:hover{background-color:#3367d6}.have-account{display:flex;flex-direction:row;gap:10px}.auth-switch-button{color:#6c63ff;font-size:14px;font-weight:700;margin-top:10px;cursor:pointer}.google-auth-button{width:100%;background-color:#fff;color:#000;padding:12px;border:none;border-radius:8px;font-size:16px;margin-top:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease}.google-auth-button:hover{background-color:#999}.google-logo{width:20px;height:20px}@media screen and (max-width: 480px){.login-card{width:300px}}.thumbnail-details{display:flex;flex-direction:column;width:100%;max-width:1000px;margin:0 auto;overflow:hidden;border-radius:8px}.thumbnail-container{width:100%;position:relative}.thumbnail-image{width:100%;height:auto;object-fit:contain;border-radius:8px}.thumbnail-info{padding:10px;display:flex;flex-direction:column;justify-content:space-between}.thumbnail-details-container{display:flex;flex-direction:row;justify-content:space-between}.thumbnail-left-container{display:flex;flex-direction:row;gap:10px;align-items:center;cursor:pointer}.thumbnail-main-info{display:flex;flex-direction:column;align-items:start;gap:5px}.thumbnail-profile-pic{width:50px;height:50px;background-color:#fff;border-radius:50px}.thumbnail-title{font-size:1.2rem;font-weight:700;margin:0 0 20px}.thumbnail-user-name{color:#999}.thumbnail-metric{background-color:#222;display:flex;flex-direction:row;color:#fff;border:1px solid #777;padding:5px 5px 1px;cursor:pointer;border-radius:10px;gap:10px;align-items:center}.thumbnail-metric:hover{background-color:#555}.thumbnail-metric img{width:18px;height:18px;filter:invert(100%)}.thumbnail-info button:hover{background-color:#555}.thumbnail-right-info{display:flex;flex-direction:row;gap:20px;margin:5px 10px}.decription-container{white-space:pre-wrap;margin-top:10px;background-color:#222;border-radius:8px;padding:10px}.suggestion{margin-top:20px;background-color:#222;padding:10px;border-radius:8px}.suggestion ul li{list-style:none}.suggestion-container{display:flex;flex-direction:row;align-items:space-between;gap:20px;margin-top:10px;border:1px solid #555;padding:10px;border-radius:8px;transition:background-color .3s ease,transform .2s ease}.suggestion-container:hover{background-color:#444;transform:translateY(-3px);box-shadow:0 4px 8px #0003}.time-desc{font-size:14px}.description{font-size:15px}.suggestion input{width:90%;padding:10px 12px;font-size:16px;border:none;background-color:#333;border-radius:9999px;box-shadow:inset 0 0 0 1px #0000001a}.suggestion-container button{background-color:#333;color:#fff;border:none;border-radius:8px;padding:10px 15px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.suggestion-users{display:flex;flex-direction:column;justify-content:space-around;width:100%}.suggestion-content{max-width:100%;white-space:pre-wrap}.suggestion-user-date{display:flex;flex-direction:row;gap:10px;align-items:center;margin-bottom:10px;justify-content:space-between}.comment-creation-date{font-size:12px;align-items:bottom}.comments{display:flex;flex-direction:column;justify-content:center;gap:5px}.comment-input-container{padding:16px;background-color:#2e2e2e;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#fff}.comment-img-input{display:flex}.control-post{display:flex;flex-direction:row;align-items:flex-end;gap:10px;justify-content:flex-end}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:12px}.comment-textarea{width:100%;background-color:#1f1f1f;border:1px solid transparent;color:#fff;resize:none;padding:8px;border-radius:4px;font-size:14px;outline:none;height:60px;transition:border .2s ease}.comment-textarea.focused{border:1px solid white}.controls{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:10px}.char-count{font-size:12px;color:#bbb}.char-count.error{color:red}.post-btn{background-color:#555;color:#fff;padding:6px 12px;border:none;border-radius:25px;cursor:pointer;opacity:.5;transition:background-color .3s ease,opacity .3s ease}.post-btn.active{background-color:#3ea6ff;opacity:1}.post-btn:disabled{cursor:not-allowed}.detail-load{display:flex;justify-content:center;align-items:center;height:80vh}.details-spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid red;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:auto;display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-page{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.profile-pic-container{text-align:center;margin-bottom:20px}.profile-thumbnail-load{display:flex;justify-content:center;align-items:center;height:20vh}.profile-picture{width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid #ccc}.profile-picture img{width:150px;height:150px;border-radius:50%}.username{text-align:center;font-size:2rem;margin-bottom:10px}.bio-section{white-space:pre-wrap;text-align:center;margin-bottom:30px;color:#555}.thumbnails-section{margin-bottom:40px}.thumbnails-section h2{font-size:1.5rem;margin-bottom:20px}.thumbnails-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.thumbnail-card:hover{transform:scale(1.05)}.thumbnail-card img{width:100%;object-fit:contain}.thumbnail-card p{margin:10px 0;font-size:1rem;color:#999}.upload-icon{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background-color:red;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;box-shadow:0 4px 8px #0003;transition:background-color .3s}.upload-icon:hover{background-color:#999}.menu-container{position:absolute;top:8px;right:8px}.menu-button{background:transparent;border:none;cursor:pointer;font-size:18px;color:#fff;padding:4px}.menu-button:hover{background:#ffffff1a;border-radius:50%}.menu{position:absolute;left:0;bottom:-30px;background:#000;color:#fff;padding:6px 12px;border-radius:4px;display:none;z-index:11;white-space:nowrap}.menu-button.active+.menu{display:block}.menu button{background:#000;color:#fff;border:none;cursor:pointer;padding:4px 8px;width:100%;text-align:left}.menu-options button:hover{background:#888}.hr-profile{border:1px solid #333}.menu-options button{background-color:#fff;position:absolute;left:-60px;top:25px;border-radius:8px;border:1px solid #ccc;padding:10px;animation:fadeIn .3s ease forwards}@media screen and (max-width: 780px){.upload-icon{bottom:20vh;right:30px}}.upload-container{background-color:#181818;color:#fff;padding:24px;max-width:600px;margin:50px auto;border-radius:10px;box-shadow:0 2px 12px #00000080}.upload{margin-top:5vh}.upload-title{font-size:24px;color:#fff;margin-bottom:20px;text-align:center}.form-group{margin-bottom:18px}.label{display:block;margin-bottom:8px;font-size:14px;color:#cfcfcf}.input-box{background-color:#282828;border:1px solid #444;color:#fff;width:95%;padding:10px 14px;font-size:14px;border-radius:6px;outline:none}.input-box:focus{border:1px solid #fff}.title-section-upload{justify-content:space-between;align-items:center;flex-direction:row}.title-section-upload .input-box{width:95%}.char-counter{color:#cfcfcf;font-size:12px;text-align:right}.description-box{height:100px;resize:none}.upload-btn{background-color:#fff;color:#181818;padding:10px 16px;border:none;border-radius:6px;font-size:16px;cursor:pointer;width:100%;margin-top:15px;font-weight:700}.upload-btn:hover{background-color:#e0e0e0}.upload-btn:disabled{background-color:#555;cursor:not-allowed}.image-preview img{max-width:100%;border-radius:8px;margin-top:10px}select.input-box{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#282828 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='%23cfcfcf' d='M0 0h10L5 5z'/%3E%3C/svg%3E") no-repeat right 10px center;background-size:10px 5px}.logo-upload{display:flex;flex-direction:row;justify-content:flex-start;margin-top:20px;padding:10px}.preview-format-p{font-size:12px;color:#999;display:flex;justify-content:flex-end;margin-top:10px}@media screen and (max-width: 780px){.upload-container{max-width:80vw}}.edit-profile{background:#191919f2;padding:40px;width:500px;margin:50px auto;border-radius:12px;box-shadow:0 2px 10px #00000080;color:#fff;border:1px solid #ffffff1a}.edit{margin-top:5vh}.edit-profile h2{text-align:center;font-size:26px;margin-bottom:20px;color:#f3f3f3}.edit-form{display:flex;flex-direction:column}.profile-pic-edit{display:flex;justify-content:center;margin-bottom:20px}.profile-picture-container{position:relative;width:120px;height:120px}.profile-preview{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #ddd}#upload-button{display:none}.upload-label{position:absolute;bottom:5px;right:5px;background:#555;color:#fff;padding:5px 8px;font-size:14px;border-radius:50%;cursor:pointer;transition:background-color .3s ease}.upload-label:hover{background:#999}.update-btn-loading-submit{width:100%;padding:12px;background:#555;color:#fff;border:none;border-radius:4px;cursor:not-allowed;font-size:16px}.edit-textfield{width:95%;background:#1c1c1c;border:1px solid #ffffff1a;border-radius:6px;padding:12px;font-size:14px;color:#fff}textarea{resize:none;height:80px}input[type=text]:focus,textarea:focus{outline:none;border-color:#999}.update-btn{background-color:#fff;border:none;padding:12px 18px;border-radius:8px;color:#000;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.update-btn:hover{background:#999;transform:translateY(-2px)}.update-btn:active{transform:translateY(1px)}@media screen and (max-width: 768px){.edit-profile{max-width:75vw}}.security{margin-top:10vh}.change-password-container{margin:50px auto;background-color:#191919f2;width:400px;padding:40px 30px;border:1px solid #ffffff1a;border-radius:8px;text-align:center;box-shadow:0 2px 10px #00000080}.head-h2{margin-bottom:24px;text-align:center;color:#fff}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:700}.form-group input{width:95%;background:#1c1c1c;border:1px solid #ffffff1a;border-radius:6px;padding:12px;font-size:14px;color:#fff}input:focus{outline:none;border-color:#999}.update-btn{width:100%;padding:12px;background:#fff;color:#000;border:none;border-radius:4px;cursor:pointer;font-size:16px}.update-btn:disabled{background:#888;cursor:not-allowed}@media screen and (max-width: 780px){.change-password-container{width:80vw}}.profile-page{max-width:1000px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.thumbnails-grids{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.thumbnail-card-img{width:100%;height:200px;object-fit:cover;text-align:center;overflow:hidden;position:relative;display:inline-block}.thumbnail-card-img:hover{transform:scale(1.05)}.thumbnail-card{text-align:center;border:1px solid #ddd;border-radius:8px;overflow:hidden;transition:transform .2s;position:relative;display:inline-block;margin:8px}.privacy-policy{font-family:Arial,sans-serif;max-width:800px;margin:50px auto;padding:20px;background-color:#333;border-radius:12px;box-shadow:0 4px 8px #0000001a;line-height:1.6}.privacy-header{text-align:center;padding-bottom:20px;border-bottom:1px solid #ddd}.privacy-header h1{color:#fff;font-size:32px}.privacy-header p{color:#fff;font-size:14px}.policy-section{margin:20px 0}.policy-section h2{color:#fff;font-size:24px;margin-bottom:10px}.policy-section p{color:#fff;font-size:16px;justify-items:center}@media (max-width: 600px){.privacy-policy{padding:10px;max-width:90vw}.privacy-header h1{font-size:24px}.policy-section h2{font-size:20px}}.disclaimer-page{font-family:Roboto Mono,monospace;max-width:800px;margin:50px auto;padding:30px;background:#333;border-radius:16px;color:#c9d1d9;box-shadow:0 8px 16px #0009;line-height:1.7;text-align:left}.disclaimer-header{text-align:center;border-bottom:1px solid #fff;padding-bottom:20px}.disclaimer-header h1{font-size:36px;color:#fff}.disclaimer-header p{color:#fff;font-size:14px;margin-top:8px}.disclaimer-section{margin:30px 0}.disclaimer-section h2{font-size:24px;color:#fff;margin-bottom:10px}.disclaimer-section p{color:#c9d1d9;font-size:16px;padding:15px;border-radius:8px}@media (max-width: 600px){.disclaimer-page{padding:15px;max-width:90vw}.disclaimer-header h1{font-size:28px}.disclaimer-section h2{font-size:20px}}