@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-attachment:fixed;background-image:linear-gradient(135deg,#11143ecc,#2e356dcc 35%,#363380cc 60%,#12122fcc),url(/static/media/bgimage3.a81570f8b918ceacc178.jpg);background-repeat:no-repeat;background-size:cover;display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{margin:0;overflow-x:hidden;padding:0}.login-page{background:linear-gradient(135deg,#1a1d43cc,#2e356dcc 35%,#3f4a96cc 60%,#12122fcc),url(/static/media/vault_count_bw.675eadbaadc96fdc0f64.jpeg);background-attachment:fixed;background-position:50%;background-size:cover;height:100vh;justify-content:center;width:100vw}.login-container,.login-page{align-items:center;display:flex}.login-container{flex-direction:column;gap:4rem;left:50%;margin-top:-88px;position:absolute;top:60%;transform:translate(-50%,-50%)}.wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009!important;box-shadow:0 4px 15px #0000004d}.wrapper .register-link{font-size:15px;margin-top:20px;text-align:center}.register-link p a{color:#fff;font-weight:650;margin-left:5px;text-decoration:none}.register-link p a:hover{text-decoration:underline}.registration-page{align-items:center;background:linear-gradient(135deg,#1a1d43cc,#2e356dcc 35%,#3f4a96cc 60%,#12122fcc),url(/static/media/vault_count_bw.675eadbaadc96fdc0f64.jpeg);background-attachment:fixed;background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center;width:100vw}.wrapper{background:#0000001a;border-radius:12px;color:#fff;padding:30px 40px;width:420px}.wrapper h1{font-size:34px;text-align:center}.wrapper .input-box{height:50px;margin:30px 0;position:relative;width:100%}.wrapper .remember-forgot{display:flex;font-size:15px;justify-content:space-between;margin:-15px 0 15px}.remember-forgot a{color:#fff;text-decoration:none}.remember-forgot a:hover{text-decoration:underline}.wrapper button{align-items:center;border:none;border-radius:40px;box-shadow:0 0 10px #0000001a;color:#000;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;outline:none;width:100%}.wrapper .login-link{font-size:15px;margin-top:20px;text-align:center}.login-link p a{color:#fff;font-weight:650;margin-left:5px;text-decoration:none}.login-link p a:hover{text-decoration:underline}.wrapper .error-message{font-size:15px;margin-top:20px;text-align:center}.reset-password-page{align-items:center;background:linear-gradient(135deg,#1a1d43cc,#2e356dcc 35%,#3f4a96cc 60%,#12122fcc),url(/static/media/vault_count_bw.675eadbaadc96fdc0f64.jpeg);background-attachment:fixed;background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center;width:100vw}.reset-password-wrapper{background:#0000001a;border-radius:12px;color:#fff;padding:30px 40px;width:420px}.reset-password-wrapper h1{font-size:34px;text-align:center}.reset-password-wrapper .input-box{height:50px;margin:30px 0;position:relative;width:100%}.input-box input{background:#0000;border:2px solid #fff3;border-radius:40px;color:#fff;font-size:14px;height:100%;outline:none;padding:20px 45px 20px 20px;width:100%}.input-box input::placeholder{color:#fff}.input-box .icons{font-size:20px;position:absolute;right:25px;top:50%;transform:translateY(-50%)}.reset-password-wrapper button{border:none;border-radius:40px;box-shadow:0 0 10px #0000001a;color:#000;cursor:pointer;font-size:20px;font-weight:700;height:40px;outline:none;width:100%}.reset-password-wrapper .reset-link{font-size:15px;margin-top:20px;text-align:center}.reset-link p a{color:#fff;font-weight:650;margin-left:5px;text-decoration:none}.reset-link p a:hover{text-decoration:underline}.reset-password-wrapper .error-message,.reset-password-wrapper .success-message{font-size:15px;margin-top:20px;text-align:center}.home-container{align-items:flex-start;display:flex;justify-content:center;min-height:auto;min-width:100vw}.homepage-profile{margin-right:8vw;margin-top:14px;position:absolute;right:0}.home-container .post-feed{height:100vh;width:60%}.navbar{align-items:center;background:linear-gradient(135deg,#0e1026,#181a30 50%,#22243e);display:flex;flex-direction:column;gap:30px;height:100vh;justify-content:flex-start;left:0;padding-top:8px;position:fixed;top:0;width:270px;z-index:1000}.navbar-search{margin-right:8px;transform:scale(.8)}.navbar-logo{height:auto;margin-top:50px;width:100%}.logo-link,.navbar-logo{align-items:center;display:flex;justify-content:center}.logo-link{height:60px;text-decoration:none;width:60px}.logo{height:55px;width:auto}.navbar-links{flex-direction:column;gap:25px;justify-content:flex-start;list-style:none;margin-top:20px;padding:0}.navbar-links,.navbar-links li{align-items:center;display:flex;width:100%}.navbar-links li{height:60px;justify-content:center}.navbar-links a{align-items:center;color:#fff;display:flex;flex-direction:row;height:100%;justify-content:flex-start;padding-left:20px;text-decoration:none;width:100%}.active-link,.navbar-links a:hover{background-color:#1a2038}.active-link{text-decoration:underline}.icons{font-size:24px}.text{color:#fff;font-size:20px;padding:0}.search-input-wrapper{align-items:center;background-color:#fff;border-radius:10px;display:flex;height:2.5rem;padding:0 15px;position:relative;width:100%}.search{background-color:initial;border:none;flex:1 1;font-size:20px;padding:0 20px}.search:focus{outline:none}.search-icon{cursor:pointer}.search-result{background-color:#fff;border-radius:10px;box-shadow:0 0 8px #ddd;display:flex;flex-direction:column;margin-top:1rem;max-height:300px;max-width:337px;overflow-y:scroll;position:absolute;top:75%;width:100%;z-index:10}.search-result::-webkit-scrollbar{display:none}.search-suggestion-line{color:#000;flex-direction:column;padding:10px 20px;text-decoration:none;transition:background-color .2s ease-in-out}.search-suggestion-line:hover{background:#efefef}.feed-container{box-sizing:border-box;gap:20px;justify-content:center;margin:0 auto;max-width:800px;padding:20px;transform:scale(.8);transform-origin:top center}.feed,.feed-container{align-items:center;display:flex;flex-direction:column;width:100%}.feed{max-width:650px}.create-capsule-btn{background:linear-gradient(135deg,#0e1026,#181a30 50%,#22243e);border:none;border-radius:8px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:24px;height:fit-content;justify-content:center;transition:background-color .3s;width:86%}.create-capsule-btn:hover{background-color:#161618d9}.profile-pic{border-radius:50%;height:60px;margin-right:10px;width:60px}.capsule-card{background-color:#1b1e37;color:#fff;overflow:hidden;position:relative;width:100%}.open-time{margin-left:250px}.capsule-header{align-items:center;border-radius:8px;display:flex;margin-bottom:-15px;padding:12px 5px 18px;position:relative;top:-5px}.post-profile-pic{border-radius:50%;height:40px;margin-right:10px;object-fit:cover;width:40px}.post-profile-pic:hover{cursor:pointer}.post-username{color:#fff;font-weight:700}.post-username:hover{cursor:pointer}.more-btn{font-size:20px;margin-left:auto;margin-right:10px}.more-btn:hover{cursor:pointer}.capsule-contents{align-items:center;border-bottom:1px solid #4f4f4f;border-top:1px solid #4f4f4f;display:flex;height:650px;justify-content:center;width:650px}.capsule-image,.capsule-photo{position:relative}.capsule-photo{border:2px solid #fff;border-radius:50%;box-shadow:0 4px 10px #0003;height:150px;width:150px}.capsule-photo:hover{cursor:pointer;transform:scale(1.1)}.capsule-posts{left:-75px;position:relative;top:-5px;transform:translate(-50%,-50%)}.capsule-posts,.post-bubble{align-items:center;display:flex;justify-content:center}.post-bubble{height:80px;overflow:hidden;position:absolute;width:80px}.photo-circle,.post-bubble{border-radius:50%;transition:transform .3s ease-in-out}.photo-circle{border:1px solid #fff;box-shadow:0 4px 10px #0003;height:100%;position:relative;width:100%}.post-bubble:hover{cursor:pointer;height:88px;width:88px}.capsule-info{padding:10px}.capsule-stats{color:#8e8e8e;font-size:14px}.capsule-actions,.capsule-stats{display:flex;justify-content:space-between}.capsule-actions{margin:5px 40px;padding-top:10px}.icon{cursor:pointer;font-size:25px;transition:transform .2s}.icon:hover{transform:scale(1.1)}.separator-line{background-color:#ffffff80;border-radius:1px;height:1px;width:100%}.vault{background-color:#b0b0b0;border:8px solid #888;border-radius:16px;box-shadow:0 10px 15px #0000004d;height:650px;position:relative;width:650px}.vault-lock{background-color:#666;border:6px solid #444;border-radius:50%;box-shadow:inset 0 8px 10px #0006;height:150px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px}.vault-bolts span{background-color:#777;border:4px solid #555;border-radius:50%;height:30px;position:absolute;width:30px}.vault-bolts span:first-child{left:20px;top:20px}.vault-bolts span:nth-child(2){right:20px;top:20px}.vault-bolts span:nth-child(3){bottom:20px;left:20px}.vault-bolts span:nth-child(4){bottom:20px;right:20px}.add-post-modal-overlay{background-color:#6d6d6d73;z-index:2}.add-post-modal-overlay,.add-post-popup{height:100%;left:0;position:fixed;top:0;width:100%}.add-post-popup{align-items:center;background:#000000d9;display:flex;font-family:Arial,sans-serif;justify-content:center;overflow-y:auto;z-index:1000}.add-post-popup-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#22243e;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 20px #0000004d;color:#fff;max-width:500px;overflow:hidden;padding:30px;position:relative;text-align:center;width:90%}.add-post-popup-content:before{background:linear-gradient(135deg,#6a87d6 20%,#7887e5 40%,#3a4f92 70%,#223370);border-radius:16px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;right:0;top:0}.add-post.header{align-items:center;display:flex;position:relative}.add-post-close-btn{background:none;border:none;color:#fffc;cursor:pointer;font-size:24px;height:10px;line-height:1;outline:none;padding:0;position:absolute;right:30px;top:20px;transition:color .3s ease;width:10px}.add-post-close-btn:hover{background:#0000;color:#fff}.add-post-popup-content input[type=file],.add-post-popup-content textarea{background:#ffffff1a}.add-post-popup-content input[type=file],.add-post-popup-content textarea,.add-post-popup-content-btn{border:1px solid #fff3;border-radius:8px;box-shadow:inset 0 2px 5px #0003;color:#fff;font-family:inherit;font-size:16px;margin-bottom:15px;outline:none;padding:12px;width:100%}.add-post-popup-content-btn{background:#fff3;background:#ffffff1a;cursor:pointer;font-weight:700;transition:background .3s ease}.add-post-popup-content-btn:hover{background:#fff6;color:#000}.add-post-popup-uploaded-image{border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 10px #0000004d;height:auto;margin-top:15px;max-width:100%;width:100%}.add-post-popup-error-message{color:#d9534f;font-weight:700;margin-bottom:15px;text-align:center}.add-post-popup-success-message{color:#5cb85c;font-weight:700;margin-bottom:15px;text-align:center}.add-post-popup-content h2{border-bottom:2px solid #fff3;color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 20px;padding-bottom:10px;text-align:center}.comment-popup{align-items:flex-start;display:flex;height:100%;justify-content:center;left:0;padding-top:2.5%;position:fixed;top:0;width:100%;z-index:1000}.popup-background{background:#000c;height:95%;left:0;position:absolute;top:5%;width:100%;z-index:-1}.popup-wrapper{background:none;border-radius:0;display:flex;flex-direction:row;height:85%;margin:0 auto;max-width:1000px;overflow:hidden;width:80%;width:100%;z-index:2}.popup-wrapper .close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;position:absolute;right:20px;top:20px}.popup-post{align-items:flex-start;background:#0d1322;border-radius:10px;color:#fff;display:flex;flex:1 1;justify-content:center;overflow:hidden}.popup-post img{max-height:100%;max-width:100%;object-fit:contain}.popup-comments{background:#1a1e30;box-shadow:inset 0 0 5px #00000080;color:#fff;flex:1 1;flex-direction:column;overflow-y:auto;padding:15px}.comment,.popup-comments{border-radius:10px;display:flex}.comment{align-items:center;background:#4e4e4ecc;color:#ddd;margin-bottom:10px;padding:10px}.comment img:hover{cursor:pointer}.comment-profile-pic{border:1px solid #ccc;border-radius:50%;height:30px;margin-right:10px;object-fit:cover;width:30px}.comment-input-section{background:#444;border-radius:10px;border-top:2px solid #5568ff;display:flex;padding:15px}.comment-input{background:#fff3;border:none;border-radius:10px;color:#fff;flex:1 1;padding:10px}.comment-input::placeholder{color:#aaa}.send-btn{background:#1f78ff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;margin-left:10px;padding:10px 20px;transition:background .3s}.send-btn:hover{background:#07c}.comment-username:hover{cursor:pointer}.modal-overlay{background-color:#00000073;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2}.modal-photo{aspect-ratio:1/1;display:block;margin:0 auto;object-fit:cover;width:100%}.modal-close-btn{align-items:center;border:none;font-size:24px;height:10px;justify-content:center;position:absolute;right:45px;top:20px;width:10px}.modal-close-btn,.modal-close-btn:hover{background-color:initial;cursor:pointer}.time-capsule-container{align-items:center;background:linear-gradient(135deg,#0e1026,#181a30 50%,#22243e);border-radius:32px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:20px}button,input[type=datetime-local],input[type=file],textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:1rem;outline:none;padding:12px;transition:border-color .3s ease;width:100%}input[type=datetime-local]:focus,input[type=file]:hover,textarea:focus{border-color:#66afe9}textarea{min-height:80px;resize:vertical}button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;transition:background-color .3s ease}button:hover{background-color:#45a049}.time-capsule-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff05;border:1px solid #0000;border-radius:16px;box-shadow:0 4px 20px #0000004d;margin-top:20px;max-width:500px;overflow:hidden;padding:30px;position:relative;text-align:center;width:100%}.time-capsule-box:before{background:linear-gradient(135deg,#6a87d6 20%,#7887e5 40%,#3a4f92 70%,#223370);border-radius:16px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;right:0;top:0}.time-capsule-box button,.time-capsule-box input[type=datetime-local],.time-capsule-box input[type=file],.time-capsule-box textarea{background:#ffffff1a;border:1px solid #ddd;border-radius:8px;box-shadow:inset 0 2px 5px #0003;color:#fff;font-family:inherit;font-size:16px;margin-bottom:15px;outline:none;padding:12px;width:100%}.time-capsule-box button:hover{background:#fff3;cursor:pointer;transition:background-color .3s ease}.save-btn{background-color:#ffffffe6;border-radius:12px;font-weight:700;transition:background-color .3s ease}.save-btn:hover{background-color:#ede9e9b3}.error-message{color:#d9534f}.error-message,.success-message{font-weight:500;text-align:center}.success-message{color:#5cb85c}.profile-card{background:linear-gradient(135deg,#0e1026,#181a30 50%,#22243e);border:1px solid #333;border-radius:6px;box-shadow:0 4px 10px #0000004d;color:#fff;height:240px;padding:16px;width:240px}.profile-card .profile-avatar{color:#bbb;font-size:4rem;margin-bottom:10px;text-align:center}.profile-card .profile-avatar-image{border:2px solid #ddd;border-radius:50%;height:80px;margin:0 auto;object-fit:cover;width:80px}.profile-card .profile-avatar-placeholder{align-items:center;background:#444;border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto;width:80px}.profile-card .profile-username{color:#fff;font-size:1.2rem;font-weight:700;text-align:center}.profile-card .profile-stats{align-items:baseline;color:#ddd;display:inline-flex;font-size:.9rem;gap:10px;padding:20px;white-space:nowrap}.capsule-profile,.post-profile{align-items:center;background:linear-gradient(135deg,#0e1026,#181a30 50%,#22243e);border-radius:32px;box-shadow:0 4px 12px #000000b3;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;margin-left:15vw;max-width:900px;min-height:100vh;overflow:hidden;padding:20px;width:50vw}.profile-avatar{color:#f1f1f1;font-size:140px;margin-bottom:10px;margin-top:60px}.profile-avatar-placeholder{color:#ddd;font-size:100px;margin:0 auto}.profile-picture{border-radius:50%;height:150px;margin-bottom:20px;object-fit:cover;width:150px}.profile-picture-placeholder{font-size:100px;margin-bottom:20px;object-fit:cover}.profile-capsule-content{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:20px auto;max-width:900px;text-align:center;width:100%}.profile-capsule-post{align-items:center;aspect-ratio:1/1;background-color:#0000001a;border-radius:5px;display:flex;justify-content:center;overflow:hidden;transition:transform .3s ease;width:100%}.profile-capsule-image{height:100%;object-fit:cover;width:100%}.profile-post-content{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:20px auto;max-width:900px;text-align:center;width:100%}.profile-post{align-items:center;aspect-ratio:1/1;background-color:#0000001a;border-radius:5px;display:flex;justify-content:center;overflow:hidden;transition:transform .3s ease;width:100%}.profile-post-image{height:100%;object-fit:cover;width:100%}.profile-favorites-content{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:20px auto;max-width:900px;text-align:center;width:100%}.profile-favorite-post{align-items:center;aspect-ratio:1/1;background-color:#0000001a;border-radius:5px;display:flex;justify-content:center;overflow:hidden;transition:transform .3s ease;width:100%}.profile-favorite-image{height:100%;object-fit:cover;width:100%}.profile-info{align-items:center;display:flex;flex-direction:column;margin-bottom:100px;margin-top:-30px;text-align:center}.profile-info h2{color:#fff;font-size:32px;font-weight:700;margin-bottom:15px}.profile-stats{align-items:center;display:flex;font-size:18px;gap:20px;margin-bottom:20px}.profile-info p{color:#d0d0d0;font-size:16px;margin-bottom:15px}.profile-tab-navbar{align-items:center;background-color:#ffffff14;border-radius:30px;display:flex;justify-content:space-between;margin-top:-60px;overflow:hidden;padding:10px;position:relative;width:80%;z-index:1}.profile-tab-navbar:before{background:linear-gradient(135deg,#6a87d6 20%,#7887e5 40%,#3a4f92 70%,#223370);border-radius:30px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.profile-tab-navbar button{background:none;border:none;color:#fff;cursor:pointer;padding:5px;transition:color .3s ease,background .3s ease}.profile-tab-navbar button.active-profile-tab{background-color:#1f78ff;border-radius:20px;color:#fff}.profile-tab-navbar button:hover{background-color:#3d4f73;color:#e0e0e0}.profile-content{background-color:initial!important;border:none!important;border-radius:20px;box-shadow:none!important;color:#f1f1f1;flex-grow:1;margin-top:15px;max-height:calc(100vh - 250px);padding:20px;text-align:center;width:70%}.profile-content h3{color:#f1f1f1;font-size:24px;margin-bottom:30px}.profile-content p{color:#ccc;font-size:14px}.capsule-icon{filter:invert(100%)}.edit-profile-button,.follow-button{background-color:#fff;border:1px solid #000;border-radius:20px;color:#000;cursor:pointer;margin-top:10px;padding:10px 15px;transition:background-color .3s}.post .overlay{align-items:center;background-color:#00000080;color:#fff;display:flex;font-size:18px;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.posts-heading{color:#fff;font-size:24px;grid-column:1/-1}.post:hover .overlay{opacity:1}.edit-profile-button:hover,.follow-button:hover{background-color:#ede9e9a3;cursor:pointer}@media (min-width:600px){.favorites-tab,.posts-tab,.profile-capsules-tab{grid-template-columns:repeat(3,1fr)}}.profile-capsule-post p,.profile-favorite-post p,.profile-post p{display:none}.empty-tab-text{text-align:center}.messages-container{color:#fff;display:flex;font-family:Arial,sans-serif;margin-left:15vw;min-height:90vh;min-width:60vw;padding:20px}.delete-capsules-btn{margin-top:50px}.sidebar{background:#0a0a0acc;border-radius:20px 0 0 20px;box-shadow:0 4px 12px #000000b3;display:flex;flex-direction:column;flex-shrink:0;padding:20px;width:250px}.user-profile{align-items:center;display:flex;margin-bottom:30px;padding-left:10px}.user-profile img.user-icon{border:2px solid #ffffffb3;border-radius:50%;height:50px;margin-right:10px;object-fit:cover;width:50px}.user-profile .user-icon{color:#fff;font-size:50px;margin-right:10px}.user-profile h3{color:#fff;font-size:22px;font-weight:700}.friends-list{margin-top:20px}.friends-list h4{color:#ddd;font-size:18px;margin-bottom:10px;padding-left:10px}.friend-item{border-bottom:1px solid #444;color:#bbb;cursor:pointer;font-size:16px;padding:12px 10px;text-align:left}.friend-item.empty{color:#999;padding:40px 0;text-align:center}.chat-content{flex:1 1;flex-direction:column;gap:10px;margin-bottom:70px;overflow-y:auto}.chat-area,.chat-content{display:flex;padding:20px}.chat-area{align-items:flex;background:linear-gradient(135deg,#0e1026,#181a30 50%,#22243e);border-radius:0 20px 20px 0;box-shadow:0 4px 12px #000000b3;flex:6 1;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.empty-message{text-align:center}.empty-message h2{color:#f1f1f1;font-size:34px;margin-bottom:15px}.empty-message p{color:#ccc;font-size:18px;margin-bottom:20px}.send-message-btn{background-color:#ffffffe8;border:none;border-radius:20px;color:#000;cursor:pointer;font-size:16px;margin-bottom:10px;margin-top:10px;padding:12px 25px}.send-message-btn:hover{background-color:#ede9e9a3}.new-message{align-items:flex-start;margin-top:-300px;padding:55px;position:relative}.new-message h2{color:#f1f1f1;font-size:25px;margin-bottom:15px}.back-button{align-items:center;background-color:initial;display:inline-flex;font-size:30px;height:20px;justify-content:center;left:-40px;margin-left:50px;margin-top:30px;padding:0;position:absolute;top:30px;width:20px}.back-button:hover{background-color:#f00c;color:#fff}.back-button-chat{align-items:center;display:inline-flex;font-size:30px;height:20px;justify-content:center;margin-bottom:300px;margin-left:550px;padding:0;position:absolute;top:50px;width:20px}.back-button-chat,.back-button-chat:hover{background-color:initial}.message-search-input{align-items:center;background-color:#fff;border-radius:10px;display:flex;height:2.5rem;margin-left:-85px;position:relative;width:calc(100% + 170px)}.message-search-icon{color:#000;cursor:pointer;margin-left:15px}.message-item{word-wrap:break-word;align-items:flex-start;border-radius:20px;display:flex;font-size:14px;margin:10px 0;max-width:70%;padding:10px 15px;position:relative}.message-item.own{align-self:flex-end;background-color:#007bffcc;margin-bottom:30px;margin-left:auto;margin-top:60px;max-width:70%}.message-item.own,.message-item.their{border-radius:12px;color:#fff;padding:10px}.message-item.their{align-self:flex-start;background-color:#fff3;margin-left:10px;margin-right:auto}.message-item.own:after{border:10px solid;border-color:#0000 #0000 #007bffcc;content:"";position:absolute;right:-10px;top:10px}.message-item.their:after{border:10px solid #0000;border-right-color:#fff3;content:"";left:-10px;position:absolute;top:10px}.message-search{background-color:initial;border:none;border-radius:4px;flex:1 1;font-size:16px;padding:0 20px}.message-search:focus{outline:none}.message-search-result{color:#fff;display:flex;flex-direction:column;margin-left:-85px;margin-top:25px;max-height:300px;overflow-y:scroll;position:absolute;width:calc(100% + 60px)}.message-search-result-item{align-items:center;background-color:#ffffff1a;border-radius:5px;color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px;transition:background-color .3s}.message-search-result-item:hover{background-color:#fff3}.other-user-header,.user-message{display:flex;position:relative}.other-user-header{align-items:flex;background:#0000;justify-content:flex-start;left:10px;margin-bottom:100px;top:10px;z-index:10}.other-user-header h3{margin-bottom:100px}.other-user-header h3,.user-name-placeholder{cursor:pointer;font-size:25px;font-weight:700}.user-name-placeholder{margin-left:60px;margin-top:10px}.other-user-header h3:hover{cursor:pointer}.other-user-icon{align-items:flex;background-color:#333;border:2px solid #ffffffb3;border-radius:50%;display:flex;height:50px;justify-content:flex-start;margin-bottom:100px;margin-right:10px;object-fit:cover;width:50px}.other-user-icon:hover{cursor:pointer}.other-user-icon-placeholder{border:2px solid #ffffffb3;font-size:22px;font-weight:700;height:50px;left:10px;margin-bottom:100px;margin-right:10px;position:absolute;text-transform:uppercase;top:10px;width:50px;z-index:10}.other-user-icon-placeholder span{display:block;font-size:22px;font-weight:700}.other-user-icon-placeholder:hover{cursor:pointer}.message-bar{align-self:center;background-color:#1e1e32e6;border-radius:10px;border-top:1px solid #fff3;bottom:10px;box-shadow:0 0 10px #00000080;display:flex;left:20px;margin-left:-20px;margin-top:185px;min-height:2.5rem;overflow-wrap:break-word;padding:10px 20px;position:absolute;right:20px;white-space:normal}.message-bar button{align-items:center;background-color:initial;display:inline-flex;font-size:30px;height:20px;justify-content:center;padding:0;width:20px}.message-content{background-color:initial;border:none;border-radius:2px;color:#fff;flex:1 1;font-size:12px;padding:0 30px 0 15px}.conversation-item{align-items:center;border-bottom:1px solid #444;color:#bbb;cursor:pointer;display:flex;font-size:16px;padding:12px 10px;text-align:left;transition:background-color .2s ease-in-out}.conversation-item:hover{background-color:#ffffff1a}.conversation-item.active{background-color:#fff3;border-left:4px solid #6a87d6}.conversation-icon{object-fit:cover}.conversation-icon,.conversation-icon-placeholder{border-radius:50%;height:40px;margin-right:10px;width:40px}.conversation-icon-placeholder{align-items:center;background-color:#333;color:#fff;display:flex;font-size:40px;justify-content:center}.message-content:focus{outline:none}.conversation-details{display:flex;flex:1 1;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-username{color:#fff;font-size:16px;font-weight:700;margin-bottom:4px}.conversation-last-message{color:#bbb;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-icon{background-color:#333;border-radius:50%;height:40px;margin-right:10px;object-fit:cover;width:40px}.conversation-icon-placeholder,.search-result-icon-placeholder{font-size:30px;margin-right:10px}.conversation-icon-placeholder,.other-user-icon-placeholder,.search-result-icon-placeholder{align-items:center;background-color:#333;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.other-user-icon-placeholder{font-size:40px}.conversation-timestamp{color:#777;font-size:12px;margin-left:auto;text-align:right}.send-button{cursor:pointer;font-size:20px;left:-15px;position:relative}.settings-container{align-items:center;background:linear-gradient(135deg,#0e1026,#181a30 50%,#22243e);border-radius:20px;box-shadow:0 4px 12px #000000b3;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;margin-left:15vw;min-height:90vh;min-width:60vw;padding:10px}h1{color:#fff;margin-bottom:20px}.settings-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff05;border:1px solid #0000;border-radius:16px;box-shadow:0 4px 20px #0000004d;color:#fff;overflow:hidden;padding:20px;position:relative;text-align:center;width:400px}.settings-box:before{background:linear-gradient(135deg,#6a87d6 20%,#7887e5 40%,#3a4f92 70%,#223370);border-radius:16px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;right:0;top:0}.profile-avatar{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.profile-avatar .profile-picture{border-radius:50%;height:100px;object-fit:cover;width:100px}.profile-avatar .user-icon{color:#ddd;font-size:100px}.settings-item{align-items:center;background-color:#ffffff1a;border-bottom:1px solid #ffffff1a;border-radius:5px;display:flex;justify-content:flex-start;margin-bottom:15px;width:100%}.icons,.label{color:#fff;margin-right:10px}.label{font-weight:700}.info,.notification-label{color:#fff;font-size:16px}.notification-label{align-items:center;display:flex}.notification-label input{margin-right:10px;transform:scale(1.2)}.save-btn{background-color:#ffffffe8;border:none;border-radius:20px;color:#000;cursor:pointer;margin-top:20px;padding:10px 20px}.save-btn:hover{background-color:#ede9e9a3}.error-message{color:red;margin-top:10px}.logout-btn{background-color:#bf0909;border-radius:20px;margin-top:20px;padding:10px 20px;width:400px}.logout-btn:hover{background-color:#bf0909b3}@media (max-width:600px){.settings-box{padding:15px;width:100%}}.edit-settings-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-left:15vw;min-height:calc(100vh - 60px);width:100vw}.edit-settings-title{font-size:2rem;font-weight:700;margin-bottom:20px;text-align:center}.edit-profile-main{align-items:center;background:linear-gradient(135deg,#0e1026,#181a30 50%,#22243e);border-radius:20px;box-shadow:0 4px 12px #000000b3;margin-top:25px;max-width:800px;padding:50px;width:100%}.edit-profile-picture img{background-color:#f0f0f0}.edit-profile-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff05;border:1px solid #0000;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;margin-bottom:40px;overflow:hidden;padding:10px;position:relative}.edit-profile-header:before{background:linear-gradient(135deg,#6a87d6 20%,#7887e5 40%,#3a4f92 70%,#223370);border-radius:8px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;right:0;top:0}.edit-profile-picture img{border-radius:50%;height:120px;margin-left:20px;object-fit:cover;width:120px}.edit-profile-info{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:250px;margin-left:30px;width:100%}.edit-profile-username{color:#fff;font-size:1.5rem;font-weight:700;margin:0;white-space:nowrap}.change-photo-button{background-color:#edf0f1;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 15px;transition:background-color .3s ease;width:30%}.change-photo-button:hover{background-color:#ede9e9a3}.edit-bio-section{margin-bottom:40px}.bio-label{color:#fff;display:block;font-size:1.2rem;font-weight:500;margin-bottom:10px}.bio-textarea{background-color:#edf0f1;border:none;border-radius:8px;font-size:1rem;height:120px;padding:15px;resize:none;width:100%}.bio-textarea::placeholder{color:#0c00003d}.bio-counter{color:#a0a0a0;font-size:.85rem;margin-top:5px;text-align:right}.save-button-container{display:flex;justify-content:center;margin-top:20px}.save-button{background-color:#edf0f1;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;transition:background-color .3s ease;width:30%}.save-button:hover{background-color:#ede9e9a3}
/*# sourceMappingURL=main.a32593f4.css.map*/