*{margin:0;padding:0;box-sizing:border-box}.myApp{margin-bottom:60px}header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#fff;box-shadow:0 2px 10px #0000001a;position:fixed;width:100%;top:0;left:0;z-index:5}.appXY{color:orange}header h1{font-size:24px;font-family:Arial,Helvetica,sans-serif;font-weight:700}.appName{cursor:pointer}.notify_icon{display:flex;align-items:center;position:relative;cursor:pointer}.notify_icon span{font-size:28px;color:#333}.notify_icon p{position:absolute;top:-5px;right:-6px;background-color:red;color:#fff;font-size:14px;font-weight:700;width:20px;font-family:Arial,Helvetica,sans-serif;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%}.bottom_bar{display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:0;width:60%;border-radius:25px;margin:auto;background-color:#fff;box-shadow:0 -2px 10px #0000001a;left:50%;transform:translate(-50%);z-index:5}.bottom_bar div{opacity:.5;transition:opacity .3s ease-in-out;display:flex;justify-content:center;align-items:center;cursor:pointer}.bottom_bar .active{opacity:1;color:#000}.bottom_bar .plus{position:relative;font-size:36px;bottom:22px;border:2.8px solid white;background:orange;width:50px;height:50px;opacity:.8;font-family:black;border-radius:50%}.bottom_bar .material-symbols-outlined{color:silver;transition:color .3s ease}.bottom_bar .active .material-symbols-outlined{color:#000}.bottom_bar .home,.bottom_bar .search,.bottom_bar .trending,.bottom_bar .profile{position:relative;bottom:-2px;color:#333;text-decoration:none}.bottom_bar span{font-size:28px;display:flex;justify-content:center;align-items:center;color:#333;border-radius:50%;width:40px;height:40px}.search-container{width:100%;margin:40px auto;padding:16px;border-radius:8px}.search-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:50px;outline:none;margin-top:20px;font-size:16px}.suggestions-list{margin-top:25px}.suggestion-item{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #eee;cursor:pointer}.suggestion-item:hover{background-color:#eee;border-radius:6px}.suggestion-item span{font-family:Arial,Helvetica,sans-serif;font-size:18px}.suggest-profile{display:flex;justify-content:center;align-items:center;gap:10px}.suggest-profile img{width:40px;height:40px;object-fit:cover;border-radius:50%}.my-story-img-div{display:flex;gap:16px;padding:20px}.my-story-img{cursor:pointer;height:60px;width:60px;border-radius:50%;object-fit:cover;margin-top:-20px}.add-story{cursor:pointer;display:flex;justify-content:center;align-items:center;border:3px solid black;height:60px;width:60px;border-radius:50%;object-fit:cover;margin-top:-20px}.add-story p{font-size:30px;font-weight:700}.my-story-div{margin-top:-10px}.follow-btn{padding:6px 12px;border:none;border-radius:5px;font-size:14px;cursor:pointer;background-color:#007bff;color:#fff;transition:background .3s ease}.follow-btn:hover{background-color:#0056b3;color:#fff}.following{background-color:#ddd;color:#000;cursor:default}.stories-container{margin-top:-10px;display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;gap:18px;padding:20px}.story{display:flex;flex-direction:column;align-items:center;background:(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);cursor:pointer}.story-img{height:60px;width:60px;border-radius:50%;object-fit:cover;border:3px solid #3ddc97}.story-name{font-family:Arial,Helvetica,sans-serif;font-size:15px;margin-top:4px}.following-div{display:flex;padding:15px;justify-content:space-between;align-items:center}.another-home-div{margin-top:-70px}.following-div p{font-size:16.5px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin-top:70px;color:gray}.following-heading{text-decoration:underline;font-size:24px;font-weight:700;margin-top:70px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:#333;cursor:pointer}.following-div p{cursor:pointer}.trending-div{display:flex;align-items:center;margin:20px 0}.trending-heading{font-size:24px;margin-top:60px;font-weight:700;color:#333}.trending-container{display:flex;gap:15px;overflow-x:auto;padding:10px;scrollbar-width:none;-ms-overflow-style:none}.trending-story{display:flex;flex-direction:column;align-items:center;background-color:#fff;border-radius:10px;padding:10px;box-shadow:0 4px 6px #0000001a;min-width:120px;transition:transform .3s ease-in-out}.trending-story:hover{transform:scale(1.05)}.trending-img{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:8px;border:3px solid #ff4500}.trending-name{cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:17.5px;color:#555;font-weight:500;text-align:center}.another-div{margin-top:-47px}.profile-container{max-width:700px;margin:auto;padding:20px;font-family:Arial,sans-serif}.profile-back-btn{font-size:20px;position:absolute;margin-top:54px;left:10px;background-color:#000;color:#fff;padding:4px;cursor:pointer;border-radius:30px}.profile-header{margin-top:57px;display:flex;gap:20px;padding-bottom:20px;border-bottom:1px solid #ddd}.profile-icon{object-fit:cover;border-radius:50%;margin-top:-3px;color:gray;width:80px;height:80px;cursor:pointer}.profile-name{cursor:pointer;font-size:20px;font-weight:700}.profile-bio{color:gray;margin:5px 0}.profile-stats{display:flex;gap:15px;margin:10px 0;font-size:14px}.profile-stats span{cursor:pointer}.edit-profile-btn{background-color:#00f;color:#fff;padding:6px 12px;border:none;border-radius:5px;cursor:pointer;font-size:14px}.share-profile-btn{background-color:gray;color:#fff;padding:6px 12px;border:none;border-radius:5px;cursor:pointer;font-size:14px}.edit-share-button{display:flex;gap:15px;align-items:center}.stories-section{margin-top:20px}.stories-title{font-size:18px;font-weight:700;margin-bottom:10px}.stories-list{display:flex;background-color:#fff;gap:15px;overflow-x:auto;padding:10px 0;margin-bottom:50px}.story-item{flex:0 0 120px;opacity:.8;padding:10px;display:flex;flex-direction:column;align-items:center;text-align:center}.story-image{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #ddd;padding:2px;cursor:pointer}.story-info{margin-top:5px;font-size:14px;color:gray}.noStory{width:100%;margin-top:30px}.noStory h3{text-align:center;padding:7px;width:100%;font-size:18px}.story-info strong{cursor:pointer}.story-title{cursor:pointer;margin-top:10px}.close-btn{color:#000;font-size:1.6rem;border:none;background:transparent;cursor:pointer}.notifications-container{max-width:700px;margin:auto;padding:3px}.notifications-title{cursor:pointer}.notify-div{display:flex;align-items:center;gap:15px;padding:7px;margin-top:5px;margin-bottom:24px}.notify-div h2{font-size:22px;font-family:Arial,Helvetica,sans-serif}.day-title{padding:7px;margin-bottom:13px;font-family:Arial,Helvetica,sans-serif}.notifications-list{display:flex;flex-direction:column;gap:12px;padding:5px}.notification{display:flex;padding:4px;align-items:center;justify-content:space-between;gap:20px;border-radius:12px;transition:all .3s ease-in-out;cursor:pointer}.notification:hover{background:#eaeaea;transform:scale(1.02)}.avatar{width:50px;height:50px;border-radius:50%;margin-right:12px;border:2px solid #ff385c;transition:all .3s}.notification-content{font-family:Arial,Helvetica,sans-serif;font-size:15.6px}.notify-profile-content-div{display:flex;align-items:center}.notify-story-img{border-radius:12px;width:40px;height:40px;min-width:40px;min-height:40px}.add-story-container{margin-top:170px}.preview-img{width:100px;height:100px}.my-story-img{border:3px solid #3ddc97}.add-story-container{max-width:600px;margin:60px auto auto}.add-story-container .top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px}.back-btn{font-size:28px;cursor:pointer}.top-bar h2{text-align:center;font-family:Arial,Helvetica,sans-serif}.post-btn{cursor:pointer;font-family:Arial,Helvetica,sans-serif;background-color:#000;width:50px;color:#fff;display:flex;padding:5px;justify-content:center;border-radius:30px}.preview-container{padding:10px;width:95%;margin:10px auto 80px;display:flex;justify-content:center;align-items:center;height:60vh;border:2px dashed grey}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-placeholder .material-symbols-outlined{font-size:40px;cursor:pointer}.preview-img{width:100%;height:100%;object-fit:cover}.upload-placeholder p{font-family:Arial,Helvetica,sans-serif}.image-view{margin:auto;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:999}.full-screen-image{width:70%;height:70%;object-fit:contain}.back-button{position:absolute;top:12px;left:12px;z-index:1;border:none;padding:1px;width:40px;display:flex;justify-content:center;align-items:center;height:40px;font-size:2rem;color:#fff;cursor:pointer;border-radius:5px;background-color:#000000b3}.back-button:hover{background-color:#000000b3}.follow-button{margin-top:4.5px;position:absolute;top:16.7px;right:15px;cursor:pointer;padding:6px;border-radius:30px;border:none;width:70px;color:#000;z-index:1}.follow-button:hover{background-color:#000;color:#fff;border:1px solid white}.carousel-controls{display:flex;justify-content:center;align-items:center;position:relative}.prev-button,.next-button{background-color:transparent;border:none;font-size:1.3rem;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;background-color:#000000b3;width:40px;height:40px}.prev-button{left:10px}.next-button{right:10px}.delete-button{color:#fff;position:absolute;right:12px;top:12px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1;font-size:1,.6rem;border-radius:5px;background-color:#000000b3}.edit-container{max-width:600px;margin:-5px auto auto}.edit-container .top-bar{display:flex;justify-content:space-between;align-items:center;margin-top:62px;padding:10px}.top-bar h2{text-align:center;font-size:19px!important}.back-icon{cursor:pointer}.done-btn-div{display:flex;margin:12px auto 80px}.done-btn{background-color:#000;color:#fff;border:none;width:130px;padding:7px;border-radius:5px;cursor:pointer;font-size:18px}.profile-section{display:flex;justify-content:center;margin-top:12px;position:relative}.image-upload{position:relative;cursor:pointer}.profile-img{border:4px solid orange;width:95px;height:95px;border-radius:50%;object-fit:cover}.plus-icon{position:absolute;bottom:1px;right:1px;background-color:#000;color:#fff;border-radius:50%;padding:10px;font-size:40px;cursor:pointer}.input-section{margin-top:20px;display:flex;flex-direction:column;gap:10px;padding:10px}input,textarea{width:100%;font-size:18px;padding:10px;border:2px solid #ddd;border-radius:5px}textarea{resize:none;height:100px}.not-login-div{display:flex;flex-direction:column;height:90vh;padding:10px;gap:15px;justify-content:center;align-items:center}.not-login-div h3,.not-login-div p{font-family:Arial,Helvetica,sans-serif;text-align:center}.not-login-div button{font-size:13px;background-color:#000;color:#fff;border:none;padding:10px;cursor:pointer;border:1px solid black;border-radius:30px}.not-login-div button:hover{background-color:#fff;color:#000}.container{position:relative;background-color:#fff;padding:1rem;border-radius:20px;box-shadow:0 4px 15px #0000001a;max-width:400px;text-align:center;margin:auto;font-family:Poppins,sans-serif}::-webkit-scrollbar{display:none}.signup-back-btn{position:absolute;top:14.5px;cursor:pointer;font-size:24px;left:8px}.container p{color:gray;margin-top:-15px;margin-bottom:20px}.title{margin-top:-4px;font-size:1.6rem;font-weight:600;color:#4caf50;margin-bottom:1.5rem}.row{display:flex;gap:16px;justify-content:center;margin-bottom:1rem}.input-group{flex:1;text-align:left}input,select{width:100%;font-size:14px;padding:10px;margin:8px 0;border:1.5px solid #dcdcdc;border-radius:8px;box-sizing:border-box;background-color:#f9f9f9}input:focus,select:focus{border-color:#4caf50;outline:none}.btn{width:100%;background-color:#0bda51;color:#fff;padding:12px;border-radius:8px;font-size:17px;cursor:pointer;font-weight:700;margin-top:15px;border:none}.btn:hover{background-color:#343a40}label{display:block;font-weight:700;margin-top:10px;text-align:left}#countryCode,#phone{width:100%;flex:1}#countryCode{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid #ccc;padding:10px;font-size:16px;color:#333;width:100%;position:relative}#countryCode:after{content:"▼";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:18px;color:#333}body.modal-open{opacity:.5;transition:opacity .3s ease-in-out}.share-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:450px;width:90%;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-family:Arial,sans-serif;z-index:20}.share-content{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.share-content .profile-img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #ddd}.username{font-weight:700;font-size:17px;color:#333;margin:0}.profile-link{font-size:14.5px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.button-group{margin-top:10px;display:flex;gap:8px;width:100%}.button-group button{flex:1;padding:10px;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:.3s}.copy-btn{background:#f0f0f0;color:#333}.copy-btn:hover{background:#e0e0e0}.share-btn{background:#0095f6;color:#fff}.share-btn:hover{background:#007ace}.share-profile-back{position:absolute;cursor:pointer;top:10px;right:10px}.chat-app{padding:4px;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;z-index:10;position:absolute;width:100%}.chat-container{font-family:Arial,sans-serif;height:98vh;width:100%;background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;overflow:hidden}.chat-header{background:#007bff;color:#fff;padding:12px;font-size:18px;display:flex;align-items:center;gap:12px}.chat-header .profile{display:flex;align-items:center;gap:10px}.chat-header-active-div h4{font-size:16px}.chat-header-active-div p{font-size:12px}.chat-header span{font-size:25px;cursor:pointer;color:#fff}.chat-header img{width:30px;object-fit:cover;height:30px;border-radius:50%;border:2px solid white}.chat-box{height:71vh;padding:9px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.message{padding:10px;border-radius:10px;max-width:70%}.message.sent{background:#007bff;color:#fff;align-self:flex-end}.message.received{background:#e4e6eb;align-self:flex-start}.chat-input{display:flex;justify-content:space-between;padding:8px;border-top:1px solid #ddd;background:#fff;align-items:center;gap:10px}.chat-input input{flex:1;border:none;outline:none;font-size:16px;background-color:transparent}.chat-input .chat-input{cursor:pointer}@media (max-width: 600px){header{padding:10px 15px}header h1{font-size:1.2rem}.notify_icon span{font-size:24px}.notify_icon p{width:16px;height:16px;font-size:11px}.bottom_bar{padding:5px;width:100%;border-radius:0}.bottom_bar div{font-size:18px}.bottom_bar .plus{font-size:36px;bottom:27px}.search-container{width:100%;margin:20px auto;padding:12px}.search-input{margin-top:30px}.suggestion-item span{font-size:17px}.following-heading{margin-top:50px;font-size:20px}.following-div p{margin-top:50px}.stories-container{margin-top:-12px}.trending-heading{font-size:20px}.trending-container{gap:20px;margin-bottom:80px}.trending-story{min-width:100px}.trending-img{width:55px;height:55px}.trending-name{font-size:14px}.another-div{margin-top:-120px}.profile-container{padding:12px}.profile-name{margin-top:-10px}.profile-header{margin-top:50px}.profile-header{flex-direction:column;align-items:center;text-align:center}.edit-share-button{margin-top:10px;justify-content:center}.edit-profile-btn,.share-profile-btn{font-size:11px}.notification-content{font-family:Arial,Helvetica,sans-serif;font-size:14px}.avatar{width:40px;height:40px}.another-home-div{margin-top:-45px}.my-story-div{margin-top:-2px}.add-story-container{margin-top:-5px}.preview-img{width:100%}.top-bar{margin-top:-1px}.top-bar h2{font-size:20px}.full-screen-image{width:82%}.prev-button{left:5px}.next-button{right:5px}.suggestions-list{margin-bottom:30px}.profile-back-btn{margin-top:45px;font-size:16px}.edit-container{width:100%}.edit-container .top-bar{margin-top:48px}.row{flex-direction:column;align-items:stretch}.input-group{flex:none;width:100%}.title{margin-top:30px;font-size:22px}.add-story-container .top-bar{margin-top:46px}.share-card{width:100%}}@media (max-width: 495px){.full-screen-image{width:100%}.share-card{padding:12px}.share-content .profile-img{width:50px;height:50px}.username{font-size:19px}.profile-link{font-size:13.5px;text-align:center}.button-group button{font-size:12px;padding:8px}}@media (max-width: 380px){.follow-btn{margin-top:5px;width:100%;text-align:center;display:none}.chat-container{width:100%}.chat-input{gap:5px}.chat-input input{width:75%;padding:8px;font-size:14px}}.blurred-bg{filter:blur(5px);pointer-events:none}.app-load{display:flex;justify-content:center;align-items:center;height:90vh}.add-load-container h3{font-size:24px;cursor:pointer;font-weight:700;font-family:Arial,Helvetica,sans-serif;animation:fadeInScale 1s ease-in-out forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.app-load .add-load-container h3:not(:hover){opacity:0;transition-delay:3s}.appXY{color:orange;transition:color .3s ease-in-out}.appXY:hover{color:gold}