@import url(https://fonts.googleapis.com/css2?family=Grand+Hotel&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar-container{background:#fff;border-bottom:1px solid #f0f1f3;box-shadow:0 2px 8px #0000000a;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.navbar-content{align-items:center;display:flex;gap:32px;height:64px;justify-content:flex-start;margin:0 auto;max-width:900px;padding:0 32px}.navbar-logo{color:#222;font-size:1.6rem;font-weight:700;letter-spacing:1px;margin-right:100px;text-decoration:none;transition:color .2s}.navbar-logo:hover{color:#64b5f6}.navbar-links{align-items:center;display:flex;gap:24px;width:auto}.navbar-link{align-items:center;background:none;border:none;border-radius:8px;color:#444;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1.08rem;font-weight:500;gap:6px;padding:4px 10px;text-decoration:none;transition:color .18s}.navbar-link.active,.navbar-link.active .navbar-icon,.navbar-link.active .navbar-link-label,.navbar-link:hover,.navbar-link:hover .navbar-icon,.navbar-link:hover .navbar-link-label{color:#1976d2}.navbar-link-label{color:inherit;font-size:1.08rem;font-weight:500;line-height:1.5;white-space:nowrap}.navbar-icon{align-items:center;color:inherit;display:flex;font-size:22px;line-height:1;vertical-align:middle}.navbar-logout-btn{align-items:center;background:linear-gradient(90deg,#ff5858,#f09819);border:none;border-radius:8px;box-shadow:0 2px 8px #ff585814;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;height:36px;justify-content:center;padding:0 12px;transition:background .2s,box-shadow .2s;white-space:nowrap}.navbar-logout-btn:hover{background:linear-gradient(90deg,#f09819,#ff5858);box-shadow:0 4px 16px #ff585821}.navbar-logout-btn .navbar-icon{font-size:18px;margin-right:4px}.navbar-avatar{background:#f7f7f7;border:2px solid #64b5f6;border-radius:50%;box-shadow:0 2px 8px #64b5f614;height:38px;margin-left:12px;object-fit:cover;width:38px}@media (max-width:800px){.navbar-content{height:54px;max-width:99vw;padding:0 4vw}.navbar-logout-btn{font-size:.9rem;height:30px;padding:0 10px}.navbar-logout-btn .navbar-icon{font-size:16px}}a{color:#000!important}.brand-logo,h2{font-family:Grand Hotel,cursive}.mycard{margin-top:30px}.auth-card{margin:10px auto;max-width:400px;padding:20px;text-align:center}.input-field input[type=password]:focus,.input-field input[type=text]:focus{border-bottom:1px solid #085dfc!important;box-shadow:0 1px 0 0 #085dfc!important}.gallery{display:flex;flex-wrap:wrap;justify-content:space-around}.item{width:30%}.collection-item{width:100%}.card{margin-bottom:50px!important}#toast-container{left:auto!important;right:20px!important;top:30px!important}.material-icons:hover{cursor:pointer}.container,.home-flex{display:flex}.home-flex{align-items:flex-start;box-sizing:border-box;flex-direction:row;gap:36px;justify-content:center;width:100vw}.home-main-col{flex:1 1 520px;max-width:600px;min-width:0}.user-suggest-vertical{background:#cbb6b6;box-shadow:0 2px 16px #00000021;height:-webkit-fit-content;height:fit-content;margin-top:24px;max-height:80vh;max-width:340px;min-width:260px;overflow-y:auto;position:-webkit-sticky;position:sticky;top:32px}.user-suggest-list-vertical{background:#fffaf0;display:flex;flex-direction:column;gap:10px;padding:0 12px 8px}.user-suggest-item-vertical{align-items:center;background:#0000;border-radius:8px;display:flex;gap:12px;margin-top:8px;padding:8px;transition:background .18s}.user-suggest-item-vertical:hover{background:#ddd}.user-suggest-avatar-vertical{background:#222;border:2px solid #f87838;border-radius:50%;height:44px;object-fit:cover;width:44px}.user-suggest-info-vertical{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0}.user-suggest-name-vertical{color:#000;font-size:1.04rem;font-weight:600}.user-suggest-desc-vertical,.user-suggest-name-vertical{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-suggest-desc-vertical{color:#a9a9a9;font-size:.97rem}.user-suggest-follow-vertical{background:linear-gradient(90deg,#ff5858,#f09819);border:none;border-radius:8px;box-shadow:0 1px 4px #ffe3ec44;color:#fff;cursor:pointer;font-size:1.01rem;font-weight:600;padding:3px 18px;transition:background .15s}.user-suggest-follow-vertical:hover{background:linear-gradient(90deg,#f09819,#ff5858)}.user-suggest-horizontal{background:#181818;border-radius:20px;box-shadow:0 2px 16px #00000021;margin:0 auto 32px;max-width:100vw;overflow-x:auto;padding:18px 0 10px}.user-suggest-list-horizontal{display:flex;flex-direction:row;gap:18px;overflow-x:auto;padding:0 18px 8px;scrollbar-color:#b2b2ff #232323;scrollbar-width:thin}.user-suggest-item-horizontal{align-items:center;background:#0000;border-radius:12px;box-shadow:0 1px 6px #0002;display:flex;flex-direction:column;max-width:140px;min-width:120px;padding:12px 10px 14px;transition:background .18s}.user-suggest-item-horizontal:hover{background:#232323}.user-suggest-avatar-horizontal{background:#222;border:2px solid #333;border-radius:50%;height:54px;margin-bottom:8px;object-fit:cover;width:54px}.user-suggest-name-horizontal{color:#fff;font-size:1.01rem;font-weight:600;margin-bottom:2px}.user-suggest-desc-horizontal,.user-suggest-name-horizontal{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.user-suggest-desc-horizontal{color:#bdbdbd;font-size:.93rem;margin-bottom:7px}.user-suggest-follow-horizontal{background:linear-gradient(90deg,#ff5858,#f09819);border:none;border-radius:8px;box-shadow:0 1px 4px #ffe3ec44;color:#fff;cursor:pointer;font-size:1.01rem;font-weight:600;padding:3px 18px;transition:background .15s}.user-suggest-follow-horizontal:hover{background:linear-gradient(90deg,#f09819,#ff5858)}.user-suggest-section{border-radius:15px;box-shadow:0 2px 12px #00000021;margin:0 auto 32px;max-width:420px}.user-suggest-header{align-items:center;background:linear-gradient(90deg,#f09819,#ff5858);display:flex;justify-content:space-between;padding:8px 24px}.user-suggest-title{color:#fff;font-size:1.13rem;font-weight:600}.user-suggest-viewall{color:#b2b2ff;cursor:pointer;font-size:.98rem;font-weight:500}.user-suggest-list{display:flex;flex-direction:column;gap:8px;padding:0 8px}.user-suggest-item{align-items:center;background:#0000;border-radius:8px;display:flex;gap:12px;padding:8px 12px;transition:background .18s}.user-suggest-item:hover{background:#232323}.user-suggest-avatar{background:#222;border:2px solid #333;border-radius:50%;height:44px;object-fit:cover;width:44px}.user-suggest-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0}.user-suggest-name{color:#fff;font-size:1.04rem;font-weight:600}.user-suggest-desc,.user-suggest-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-suggest-desc{color:#bdbdbd;font-size:.97rem}.user-suggest-follow{background:none;border:none;border-radius:4px;color:#3797f0;cursor:pointer;font-size:1.01rem;font-weight:600;padding:0 8px;transition:background .15s}.user-suggest-follow:hover{background:#232b3b}body{background:linear-gradient(135deg,#f8fafc,#f3e7e9);box-sizing:border-box;font-family:Segoe UI,Roboto,Arial,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative;width:100vw}body:after,body:before{content:"";pointer-events:none;position:fixed;transition:opacity .4s;z-index:0}body:before{background:radial-gradient(circle,#ffe3ec 0,#f8fafc 80%,#0000 100%);filter:blur(8px);height:380px;left:-120px;opacity:.7;top:-120px;width:380px}body:after{background:radial-gradient(circle,#e0f7fa 0,#f8fafc 80%,#0000 100%);bottom:-100px;filter:blur(10px);height:260px;opacity:.5;right:-100px;width:260px}.bg-decor-blob,.bg-decor-dots,.bg-decor-wave{background-position:50%;background-repeat:no-repeat;background-size:contain;opacity:.1;pointer-events:none;position:fixed;z-index:0}.bg-decor-blob{background-image:url('data:image/svg+xml;utf8,<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M60 20Q90 0 120 20T160 60Q180 90 160 120T120 160Q90 180 60 160T20 120Q0 90 20 60T60 20Z" fill="%23ffb6b9"/></svg>');height:180px;left:60vw;opacity:.13;top:8vh;width:180px}.bg-decor-dots{background-image:url('data:image/svg+xml;utf8,<svg width="120" height="40" viewBox="0 0 120 40" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="20" r="6" fill="%23f09819"/><circle cx="40" cy="20" r="6" fill="%23ff5858"/><circle cx="70" cy="20" r="6" fill="%2339c0ed"/><circle cx="100" cy="20" r="6" fill="%23b2f7ef"/></svg>');bottom:10vh;height:40px;left:8vw;width:120px}.bg-decor-wave{background-image:url('data:image/svg+xml;utf8,<svg width="180" height="60" viewBox="0 0 180 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 30 Q45 60 90 30 T180 30" stroke="%231976d2" stroke-width="6" fill="none"/></svg>');bottom:4vh;height:60px;right:6vw;width:180px}.home{align-items:center;animation:fadeinbg .8s cubic-bezier(.4,0,.2,1);background:none;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:48px 0;position:relative;z-index:1}@keyframes fadeinbg{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.home-card{background:linear-gradient(135deg,#fffbe7,#ffe3ec 60%,#e0f7fa);border-radius:28px;box-shadow:0 8px 32px 0 #3c485821,inset 0 1.5px 4px 0 #fff;max-width:540px;overflow:hidden;padding:0 0 24px;position:relative;transition:box-shadow 1s cubic-bezier(.4,0,.2,1),transform 1s cubic-bezier(.4,0,.2,1);z-index:2}.home-card:before{background:linear-gradient(90deg,#ff5858,#f09819 60%,#ff5858);background-clip:initial;border:4px solid #0000;border-radius:28px;box-sizing:border-box;content:"";font-family:Poppins,Segoe UI,Arial,sans-serif;inset: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:0;pointer-events:none;position:absolute;z-index:0}.home-card:hover{box-shadow:0 16px 48px 0 #3c48582e,inset 0 2px 8px 0 #fff;transform:translateY(-4px) scale(1.025)}.card-image{background:#f7f7f7;box-shadow:0 4px 24px #3c48581a;margin:0;overflow:hidden;padding:0;position:relative}.card-image,.card-image img{border-radius:28px 28px 0 0;width:100%;z-index:1}.card-image img{box-shadow:0 2px 12px #3c48581a;display:block;height:320px;object-fit:cover;transition:transform .22s cubic-bezier(.4,1.4,.6,1)}.card-image img:hover{transform:scale(1.04)}.card-image:after{display:none}.card-content .main-content{padding:22px 28px 10px}.home h5{align-items:center;color:#ff5858;display:flex;font-size:1.13rem;font-weight:700;gap:16px;justify-content:center;margin:0 0 6px}.home h5 .avatar{background:#f7f7f7;border:3px solid #ff5858;border-radius:50%;box-shadow:0 2px 8px #ff585814;height:48px;object-fit:cover;width:48px}.home .main-content h6{color:#1976d2;font-size:1.08rem;font-weight:600;margin:0 0 8px}.home .main-content p{color:#444;font-size:1.04rem;letter-spacing:.01em;line-height:1.6;margin:0 0 10px}.action-row{align-items:center;color:#444;display:flex;font-size:1.01rem;font-weight:500;gap:24px;margin:0 0 8px;padding:0 28px}.action-row .material-icons{color:#ff5858;cursor:pointer;font-size:1.4rem;transition:color .18s}.action-row .material-icons:hover{color:#f09819}.action-row .like-count{color:#e53935;font-size:1.01rem;font-weight:500}.comment-list{border-top:1.5px solid #ececec;margin-top:18px;padding:14px 28px 0}.comment-list h6{border-bottom:1px solid #f0f1f3;color:#333;font-size:1.01rem;font-weight:400;margin:0;padding:10px 0;word-break:break-word}.comment-list h6 span{color:#1976d2;font-weight:600;margin-right:4px}.card-content form{border-top:1.5px solid #f0f1f3;margin-top:18px;padding:14px 20px 0}.home input[type=text]{background:#fff;border:2.5px solid #f09819;border-radius:7px;box-sizing:border-box;color:#222;display:block;font-size:1rem;outline:none;padding:7px 12px;transition:border .18s;width:100%}.home input[type=text]:focus{border:2.5px solid #ffb300}.home .btn,.home button{background:linear-gradient(90deg,#ff5858,#f09819);border:none;border-radius:8px;box-shadow:0 2px 8px #ff585814;color:#fff;font-weight:500;letter-spacing:.5px;margin-top:10px;transition:background .2s,box-shadow .2s}.home .btn:hover,.home button:hover{background:linear-gradient(90deg,#f09819,#ff5858);box-shadow:0 4px 16px #ff585821}@media (max-width:800px){.home-card{border-radius:10px;margin:12px 0;max-width:99vw;padding:18px 4vw}.card-image img{height:160px}.card-content .main-content{padding:12px 8px 8px}.action-row,.comment-list{padding:0 8px}.card-content form{padding:14px 6px 0}.home h5 .avatar{height:36px;width:36px}}.signin-container{align-items:center;background:#fff;border:1px solid #f0f1f3;border-radius:16px;box-shadow:0 6px 24px 0 #00000021,0 2px 6px 0 #00000017;display:flex;flex-direction:column;margin:64px auto 0;max-width:400px;padding:36px 32px 32px;position:relative;z-index:2}.signin-title{color:#222;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:18px}.signin-form{display:flex;flex-direction:column;gap:18px;width:100%}.signin-input{background:#fafbfc;border:1px solid #e0e0e0;border-radius:8px;color:#222;font-size:1.05rem;padding:10px 14px;transition:border .18s;width:100%}.signin-input:focus{background:#fff;border:1.5px solid #64b5f6;outline:none}.signin-btn{background:linear-gradient(90deg,#ff5858,#f09819);border:none;border-radius:8px;box-shadow:0 2px 8px 0 #ff585814;color:#fff;cursor:pointer;font-size:1.08rem;font-weight:600;padding:10px 0;transition:background .2s,box-shadow .2s;width:100%}.signin-btn:hover{background:linear-gradient(90deg,#f09819,#ff5858);box-shadow:0 4px 16px 0 #ff585821}.signin-link{color:#1976d2;font-size:1rem;margin-top:10px;text-decoration:none;transition:color .18s}.signin-link:hover{color:#64b5f6;text-decoration:underline}@media (max-width:600px){.signin-container{border-radius:10px;max-width:99vw;padding:18px 4vw}.signin-title{font-size:1.3rem}}.profile-container{background:#fff;border:1px solid #f0f1f3;border-radius:18px;box-shadow:0 6px 24px 0 #00000021,0 2px 6px 0 #00000017;margin:48px auto 0;max-width:900px;padding:36px 32px 32px;position:relative;z-index:2}.profile-header{align-items:center;display:flex;gap:32px;margin-bottom:24px}.profile-avatar{background:#f7f7f7;border:3px solid #ff5858;border-radius:50%;box-shadow:0 2px 8px 0 #ff585814;height:140px;object-fit:cover;width:140px}.profile-info{flex:1 1}.profile-info h4{color:#222;font-size:1.35rem;font-weight:700;margin:0 0 6px}.profile-info h5{color:#666;font-size:1.05rem;font-weight:400;margin:0 0 18px}.profile-stats{color:#444;display:flex;font-size:1.01rem;font-weight:500;gap:24px}.profile-stats h6{font-weight:500;margin:0}.profile-upload{margin:18px 0 0}.profile-upload .btn{background:linear-gradient(90deg,#ff5858,#f09819);border-radius:8px;box-shadow:0 2px 8px 0 #ff585814;color:#fff;font-weight:500;transition:background .2s,box-shadow .2s}.profile-upload .btn:hover{background:linear-gradient(90deg,#f09819,#ff5858);box-shadow:0 4px 16px 0 #ff585821}.profile-gallery{display:flex;flex-direction:row;gap:18px;margin-top:32px;overflow-x:auto;padding-bottom:8px}.profile-gallery .item{background:#f7f7f7;border:1px solid #f0f1f3;border-radius:12px;box-shadow:0 2px 8px 0 #0000000f;flex-shrink:0;height:160px;object-fit:cover;transition:transform .18s;width:160px}.profile-gallery .item:hover{transform:scale(1.03)}@media (max-width:800px){.profile-container{border-radius:10px;max-width:99vw;padding:18px 4vw}.profile-header{align-items:flex-start;flex-direction:column;gap:16px}.profile-avatar{border-radius:50%;height:90px;width:90px}.profile-gallery{gap:10px;padding-bottom:6px}.profile-gallery .item{height:90px;width:90px}}.ReactModal__Overlay{align-items:center;animation:fadeIn .3s;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.ReactModal__Content{align-items:center;animation:slideDown .3s;background:#fff;border-radius:24px;box-shadow:0 8px 32px #0000002e;color:#222;display:flex;flex-direction:column;font-family:Montserrat,Roboto,Arial,sans-serif;margin:auto;max-width:400px;min-height:200px;padding:32px 32px 24px;position:relative;width:95vw}.ReactModal__Content h2{color:#ff7e5f;font-family:Pacifico,cursive,Arial,sans-serif;font-size:2rem;letter-spacing:1px;margin-bottom:24px;text-align:center}.close-modal-btn{background:linear-gradient(90deg,#ff7e5f,#feb47b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:8px 18px;position:absolute;right:24px;top:18px;transition:background .2s,transform .2s}.close-modal-btn:hover{background:linear-gradient(90deg,#feb47b,#ff7e5f);transform:scale(1.07)}.ReactModal__Content ul{list-style:none;margin:0;padding:0;width:100%}.ReactModal__Content ul li{align-items:center;background:#f5f6fa;border-radius:12px;color:#222;display:flex;font-size:1.08rem;gap:12px;margin-bottom:18px;padding:10px 14px;transition:background .2s}.ReactModal__Content ul li:hover{background:#ffe3d3}.ReactModal__Content ul li img{background:#fff;border:2px solid #ffb88c;border-radius:50%;height:44px;object-fit:cover;width:44px}.follower-info{display:flex;flex-direction:column;justify-content:center}.follower-name{color:#222;font-size:1.08rem;font-weight:700;margin-bottom:2px}.follower-email{align-items:center;color:#6c757d;display:flex;font-size:.97rem;word-break:break-all}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.signup-container{align-items:center;background:#fff;border:1px solid #f0f1f3;border-radius:16px;box-shadow:0 6px 24px 0 #00000021,0 2px 6px 0 #00000017;display:flex;flex-direction:column;margin:64px auto 0;max-width:400px;padding:36px 32px 32px;position:relative;z-index:2}.signup-title{color:#222;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:18px}.signup-form{display:flex;flex-direction:column;gap:18px;width:100%}.signup-input{background:#fafbfc;border:1px solid #e0e0e0;border-radius:8px;color:#222;font-size:1.05rem;padding:10px 14px;transition:border .18s;width:100%}.signup-input:focus{background:#fff;border:1.5px solid #ff5858;outline:none}.signup-btn{background:linear-gradient(90deg,#ff5858,#f09819);border:none;border-radius:8px;box-shadow:0 2px 8px 0 #ff585814;color:#fff;cursor:pointer;font-size:1.08rem;font-weight:600;padding:10px 0;transition:background .2s,box-shadow .2s;width:100%}.signup-btn:hover{background:linear-gradient(90deg,#f09819,#ff5858);box-shadow:0 4px 16px 0 #ff585821}.signup-link{color:#f09819;font-size:1rem;margin-top:10px;text-decoration:none;transition:color .18s}.signup-link:hover{color:#ff5858;text-decoration:underline}.signup-upload{margin-bottom:8px;width:100%}.signup-upload .signup-upload-btn{background:linear-gradient(90deg,#ff5858,#f09819);border:none;border-radius:8px;box-shadow:0 2px 8px 0 #ff585814;color:#fff;cursor:pointer;font-weight:500;padding:7px 18px;transition:background .2s,box-shadow .2s}.signup-upload .signup-upload-btn:hover{background:linear-gradient(90deg,#f09819,#ff5858);box-shadow:0 4px 16px 0 #ff585821}.signup-upload .file-path{background:#fafbfc;border:1px solid #e0e0e0;border-radius:6px;font-size:.98rem;margin-top:6px;padding:7px 10px;width:100%}@media (max-width:600px){.signup-container{border-radius:10px;max-width:99vw;padding:18px 4vw}.signup-title{font-size:1.3rem}}.createpost-container{background:#fff;border:1px solid #f0f1f3;border-radius:18px;box-shadow:0 6px 24px 0 #00000021,0 2px 6px 0 #00000017;margin:48px auto 0;max-width:500px;padding:36px 32px 32px;position:relative;text-align:center;z-index:2}.createpost-container input[type=text]{background:#fafbfc;border:1.2px solid #e0e0e0;border-radius:7px;box-shadow:none;box-sizing:border-box;color:#222;display:block;font-size:1.05rem;margin:12px 0;outline:none;padding:10px 14px;transition:border .18s;width:100%}.createpost-container input[type=text]:focus{background:#fff;border:1.2px solid #ff5858}.createpost-container .file-field{align-items:center;display:flex;flex-direction:row;gap:16px;margin:18px 0 24px;text-align:left}.createpost-container .file-field .btn{flex-shrink:0}.createpost-container .file-path-wrapper{flex:1 1;margin:0}.createpost-container .file-path-wrapper input{min-width:0;width:100%}.createpost-container .btn{background:linear-gradient(90deg,#ff5858,#f09819);border-radius:8px;box-shadow:0 2px 8px 0 #ff585814;color:#fff;font-weight:500;margin-bottom:0;transition:background .2s,box-shadow .2s}.createpost-container .btn:hover{background:linear-gradient(90deg,#f09819,#ff5858);box-shadow:0 4px 16px 0 #ff585821}.createpost-container .file-path-wrapper input{background:#fafbfc;border:1.2px solid #e0e0e0;border-radius:7px;font-size:1rem;margin-top:8px;padding:7px 12px}.createpost-container .btn.submit-post,.createpost-container button[type=button],.createpost-container button[type=submit]{align-items:center;background:linear-gradient(90deg,#ff5858,#f09819);border:none;border-radius:8px;box-shadow:0 2px 8px 0 #ff585814;color:#fff;cursor:pointer;display:flex;font-size:1.13rem;font-weight:700;justify-content:center;letter-spacing:1px;margin-top:28px;padding:14px 0;text-align:center;text-transform:uppercase;transition:background .2s,box-shadow .2s,transform .13s;width:100%}.createpost-container .btn.submit-post:hover,.createpost-container button[type=button]:hover,.createpost-container button[type=submit]:hover{background:linear-gradient(90deg,#f09819,#ff5858);box-shadow:0 4px 16px 0 #ff585821;transform:translateY(-2px) scale(1.01)}.createpost-container textarea.body-input{background:#fafbfc;border:1.2px solid #e0e0e0;border-radius:7px;box-shadow:none;box-sizing:border-box;color:#222;display:block;font-size:1.05rem;margin:12px 0;min-height:90px;outline:none;padding:10px 14px;resize:vertical;transition:border .18s;width:100%}.createpost-container textarea.body-input:focus{background:#fff;border:1.2px solid #ff5858}@media (max-width:800px){.createpost-container{border-radius:10px;max-width:99vw;padding:18px 4vw}}.userprofile-container{background:#fff;border:1px solid #f0f1f3;border-radius:18px;box-shadow:0 6px 24px 0 #00000021,0 2px 6px 0 #00000017;margin:48px auto 0;max-width:900px;padding:36px 32px 32px;position:relative;z-index:2}.userprofile-header{align-items:center;display:flex;gap:32px;margin-bottom:24px}.userprofile-avatar{background:#f7f7f7;border:3px solid #64b5f6;border-radius:50%;box-shadow:0 2px 8px 0 #64b5f614;height:140px;object-fit:cover;width:140px}.userprofile-info{flex:1 1}.userprofile-info h4{color:#222;font-size:1.35rem;font-weight:700;margin:0 0 6px}.userprofile-info h5{color:#666;font-size:1.05rem;font-weight:400;margin:0 0 18px}.userprofile-stats{color:#444;display:flex;font-size:1.01rem;font-weight:500;gap:24px}.userprofile-stats h6{font-weight:500;margin:0}.userprofile-action{margin:18px 0 0}.userprofile-action .btn{background:linear-gradient(90deg,#64b5f6,#1976d2);border-radius:8px;box-shadow:0 2px 8px 0 #64b5f614;color:#fff;font-weight:500;transition:background .2s,box-shadow .2s}.userprofile-action .btn:hover{background:linear-gradient(90deg,#1976d2,#64b5f6);box-shadow:0 4px 16px 0 #64b5f621}.userprofile-gallery{display:flex;flex-direction:row;gap:18px;margin-top:32px;overflow-x:auto;padding-bottom:8px}.userprofile-gallery .item{background:#f7f7f7;border:1px solid #f0f1f3;border-radius:12px;box-shadow:0 2px 8px 0 #0000000f;flex-shrink:0;height:160px;object-fit:cover;transition:transform .18s;width:160px}.userprofile-gallery .item:hover{transform:scale(1.03)}@media (max-width:800px){.userprofile-container{border-radius:10px;max-width:99vw;padding:18px 4vw}.userprofile-header{align-items:flex-start;flex-direction:column;gap:16px}.userprofile-avatar{border-radius:50%;height:90px;width:90px}.userprofile-gallery{gap:10px;padding-bottom:6px}.userprofile-gallery .item{height:90px;width:90px}}.reset-container{align-items:center;background:#fff;border:1px solid #f0f1f3;border-radius:16px;box-shadow:0 6px 24px 0 #00000021,0 2px 6px 0 #00000017;display:flex;flex-direction:column;margin:64px auto 0;max-width:400px;padding:36px 32px 32px;position:relative;z-index:2}.reset-title{color:#222;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:18px}.reset-form{display:flex;flex-direction:column;gap:18px;width:100%}.reset-input{background:#fafbfc;border:1px solid #e0e0e0;border-radius:8px;color:#222;font-size:1.05rem;padding:10px 14px;transition:border .18s;width:100%}.reset-input:focus{background:#fff;border:1.5px solid #ff5858;outline:none}.reset-btn{background:linear-gradient(90deg,#ff5858,#f09819);border:none;border-radius:8px;box-shadow:0 2px 8px 0 #ff585814;color:#fff;cursor:pointer;font-size:1.08rem;font-weight:600;padding:10px 0;transition:background .2s,box-shadow .2s;width:100%}.reset-btn:hover{background:linear-gradient(90deg,#f09819,#ff5858);box-shadow:0 4px 16px 0 #ff585821}@media (max-width:600px){.reset-container{border-radius:10px;max-width:99vw;padding:18px 4vw}.reset-title{font-size:1.3rem}}.newpassword-container{align-items:center;background:#fff;border:1px solid #f0f1f3;border-radius:16px;box-shadow:0 6px 24px 0 #00000021,0 2px 6px 0 #00000017;display:flex;flex-direction:column;margin:64px auto 0;max-width:400px;padding:36px 32px 32px;position:relative;z-index:2}.newpassword-title{color:#222;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:18px}.newpassword-form{display:flex;flex-direction:column;gap:18px;width:100%}.newpassword-input{background:#fafbfc;border:1px solid #e0e0e0;border-radius:8px;color:#222;font-size:1.05rem;padding:10px 14px;transition:border .18s;width:100%}.newpassword-input:focus{background:#fff;border:1.5px solid #ff5858;outline:none}.newpassword-btn{background:linear-gradient(90deg,#ff5858,#f09819);border:none;border-radius:8px;box-shadow:0 2px 8px 0 #ff585814;color:#fff;cursor:pointer;font-size:1.08rem;font-weight:600;padding:10px 0;transition:background .2s,box-shadow .2s;width:100%}.newpassword-btn:hover{background:linear-gradient(90deg,#f09819,#ff5858);box-shadow:0 4px 16px 0 #ff585821}@media (max-width:600px){.newpassword-container{border-radius:10px;max-width:99vw;padding:18px 4vw}.newpassword-title{font-size:1.3rem}}
/*# sourceMappingURL=main.c82bcda5.css.map*/