@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.project-grid{padding:1rem;margin-left:-1rem;display:flex;width:auto}.project-grid .project-grid-column{padding-left:1rem;background-clip:padding-box}.project-grid .project-grid-column .project-item{margin-bottom:1rem}.project-item.create-project-redirect{height:20rem;border:1px dashed #cccbcb;border-radius:12px}.project-item.create-project-redirect.no-project{max-width:16rem;margin:1.5rem 1rem}.project-item.create-project-redirect a{padding:1.5rem;border-radius:inherit;height:100%;justify-content:center;display:flex;align-items:center}.project-item.create-project-redirect div{text-align:center}.project-item.create-project-redirect svg{width:4rem;height:4rem;stroke-width:2.3;color:var(--primary-color);background-color:#007bff18;padding:1.2rem;border-radius:100%}.project-item.create-project-redirect .title{border:2px solid #e0e0e0;border-radius:23px;margin:1.3rem 0;color:inherit;font-size:.915rem;padding:.3rem;font-weight:500}.project-item.create-project-redirect:hover .title{padding:.4rem;border:none;color:#fff;background-color:var(--primary-color)}.project-item.create-project-redirect .subtitle{font-size:.875rem;color:#757575}.project-grid .project-item .project-meta{cursor:pointer;position:relative}.project-grid .project-item .project-meta .image-count{position:absolute;display:flex;align-items:center;gap:.3rem;top:.775rem;right:.7rem;padding:.275rem .7rem;font-size:.9rem;font-weight:600;border-radius:6px;color:#fff;background-color:#00000080}.project-grid .project-item .project-meta .image-count svg{width:.9rem;height:.9rem;stroke-width:2.5px}.project-grid .project-item .project-meta .thumbnail{border-radius:12px}.project-grid .project-item .project-meta .thumbnail img{border-radius:inherit;width:100%;object-fit:contain}.project-grid .project-item .project-meta .title{padding:.57rem 0 .3rem .3rem}.project-grid .project-item .user-meta{display:flex;align-items:center;gap:.6rem;font-size:.775rem;padding-left:.2rem;color:#757575}.project-grid .project-item .user-meta img{width:1.275rem;height:1.275rem;border-radius:50%;object-fit:cover}.project-grid .project-item .user-meta .display-name{font-weight:600}.project-grid .project-item .user-meta:hover .display-name{text-decoration:underline}@media (max-width: 800px){.project-item.create-project-redirect.no-project{max-width:100%;margin:1.5rem 1rem}}@media (max-width: 1200px){.project-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1000px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 550px){.project-grid{grid-template-columns:repeat(1,1fr)}}.home .hero{position:relative;min-height:19rem;background-image:url(/assets/hero-bg-CPDLsxR2.webp);background-repeat:no-repeat;background-size:cover;background-position:center 25%;display:flex;align-items:center;-webkit-user-select:none;user-select:none}.home .hero .hero-overlay{position:absolute;inset:0;background-color:#0000004d;z-index:1}.home .hero .hero-content{z-index:2;color:#fff;padding:0 2rem}.home .hero .hero-content h1{font-size:2.275rem;font-weight:600}.home .hero .hero-content h4{font-weight:200;font-size:1.41rem;margin-top:.1rem}@media (max-width: 1100px){.home .hero{min-height:15rem}.home .hero .hero-content h1{font-size:1.9rem}.home .hero .hero-content h4{font-size:1.1rem}}@media (max-width: 768px){.home .hero{display:none}}.selected-filename{position:relative;width:100%;font-size:.9rem;font-weight:500;margin:.8rem 0 .5rem;padding:.5rem 1rem;border-radius:12px;border:1px solid #007bff3d;background-color:#007bff0c;color:var(--dark-primary-color);display:flex;align-items:center;gap:.7rem}.selected-filename svg{width:1.2rem;height:1.2rem}.selected-filename p{flex:1;word-break:break-all;word-wrap:break-word}.selected-filename .remove-img-btn{padding:.3rem 0;color:var(--dark-primary-color)}.selected-filename .remove-img-btn:hover{color:var(--secondary-color)}.selected-filename .remove-img-btn svg{width:1rem;height:1rem;stroke-width:2px}.progress-bar{margin:1.5rem 0 0;width:100%;height:2rem;background-color:#eeedea;border-radius:3rem}.progress-bar .progress-inner{height:100%;background-color:var(--dark-primary-color);border-radius:inherit;text-align:right}.progress-bar .progress-inner span{display:block;padding:4px 10px;color:#fff;font-weight:700}.change-cover-pic-modal-backdrop{top:0;left:0;width:100vw;height:100vh;position:fixed;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.change-cover-pic-modal-wrapper{max-width:800px;width:90%;max-height:90vh;overflow-y:hidden;position:relative;background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 4px #00000026}.change-cover-pic-modal-content{padding:2rem;height:100%;overflow-y:auto}.change-cover-pic-modal-content button:disabled{opacity:.6;cursor:not-allowed}.change-cover-pic-modal-content .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.change-cover-pic-modal-content .modal-header h2{margin:0 0 .5rem;font-size:18px;font-weight:500}.change-cover-pic-modal-content .modal-header .modal-subtitle{margin:0;color:#757575;font-size:.875rem;font-weight:400}.change-cover-pic-modal-content .modal-header .close-modal-btn{flex-shrink:0;color:#757575;border-radius:8px}.change-cover-pic-modal-content .modal-body{padding:.5rem 0 1.2rem}.change-cover-pic-modal-content .modal-body .selected-cover-pic-file{display:none}.change-cover-pic-modal-content .modal-body .status-message{font-size:.875rem;color:var(--secondary-color);font-weight:500;margin-top:.5rem}.change-cover-pic-modal-content .modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #f1f5f9}.change-cover-pic-modal-content .modal-actions button{display:flex;align-items:center;gap:10px}@media (max-width: 768px){.change-cover-pic-modal-content{padding:1.5rem;margin:1rem;width:calc(100% - 2rem)}.change-cover-pic-modal-content .modal-header h2{font-size:1.5rem}.change-cover-pic-modal-content .modal-body .preview-container{height:200px}.change-cover-pic-modal-content .modal-actions{flex-direction:column-reverse;gap:.75rem;margin-top:0;margin-bottom:1.5rem}.change-cover-pic-modal-content .modal-actions button{width:100%;justify-content:center}}@media (max-width: 640px){.change-cover-pic-modal-content .modal-body .preview-container{height:180px}.change-cover-pic-modal-content .modal-body .upload-overlay-btn{font-size:.9rem}}.remove-cover-pic-modal-backdrop{top:0;left:0;width:100vw;height:100vh;position:fixed;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.remove-cover-pic-modal-content{background-color:#fff;border-radius:12px;padding:2rem;max-width:520px;width:90%;box-shadow:0 10px 30px #0000004d}.remove-cover-pic-modal-content .modal-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.remove-cover-pic-modal-content .modal-header .warning-icon{color:var(--secondary-color);width:24px;height:24px}.remove-cover-pic-modal-content .modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.remove-cover-pic-modal-content .modal-body{margin-bottom:2rem}.remove-cover-pic-modal-content .modal-body p{margin:.5rem 0;color:#555;line-height:1.5}.remove-cover-pic-modal-content .modal-body .warning-text{color:var(--secondary-color);font-weight:500;font-size:.9rem}.remove-cover-pic-modal-content .modal-actions{display:flex;gap:1rem;justify-content:flex-end}.remove-cover-pic-modal-content .modal-actions button{padding:.75rem 1.675rem;border-radius:23px;font-weight:500;font-size:.9rem}.remove-cover-pic-modal-content .modal-actions button:disabled{opacity:.6;cursor:not-allowed}.remove-cover-pic-modal-content .modal-actions .cancel-btn{background-color:#f3f4f6;color:#374151}.remove-cover-pic-modal-content .modal-actions .cancel-btn:hover:not(:disabled){background-color:#e5e7eb}.remove-cover-pic-modal-content .modal-actions .cancel-btn:active:not(:disabled){transform:scale(.98)}.remove-cover-pic-modal-content .modal-actions .remove-btn{color:#fff;background-color:var(--secondary-color)}.remove-cover-pic-modal-content .modal-actions .remove-btn:hover:not(:disabled){background-color:var(--dark-secondary-color)}.remove-cover-pic-modal-content .modal-actions .remove-btn:active:not(:disabled){transform:scale(.98)}.edit-profile-info-modal-backdrop{top:0;left:0;width:100vw;height:100vh;position:fixed;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.edit-profile-info-modal-wrapper{border-radius:12px;max-width:500px;width:90%;height:90vh;max-height:90vh;overflow-y:hidden;position:relative;background-color:#fff;box-shadow:0 4px 20px #0003}.edit-profile-info-modal-content{padding:1.5rem;height:100%;overflow-y:auto}.edit-profile-info-modal-content input:disabled,.edit-profile-info-modal-content textarea:disabled{cursor:not-allowed}.edit-profile-info-modal-content button:disabled{opacity:.6;cursor:not-allowed}.edit-profile-info-modal-content .status-message{margin:.8rem .2rem!important}.edit-profile-info-modal-content .modal-header{display:flex;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.edit-profile-info-modal-content .modal-header .close-edit-profile-btn{color:#757575;flex-shrink:0}.edit-profile-info-modal-content .modal-body{border-bottom:1px solid #f1f5f9}.edit-profile-info-modal-content .modal-body .profile-pic-preview{margin:1rem 0}.edit-profile-info-modal-content .modal-body .profile-pic-preview .new-profile-pic-input{display:none}.edit-profile-info-modal-content .modal-body .profile-pic-preview .status-message.profile-pic{text-align:center;margin:0 0 1rem}.edit-profile-info-modal-content .modal-body .profile-pic-preview button:disabled{opacity:.6;cursor:not-allowed}.edit-profile-info-modal-content .modal-body .profile-pic-preview .upload-btn{margin:1rem 0}.edit-profile-info-modal-content .modal-body div{margin:1.5rem 0}.edit-profile-info-modal-content .modal-body div label{font-size:.95rem;font-weight:500;color:#757575}.edit-profile-info-modal-content .modal-actions{display:flex;gap:1rem;padding-top:1rem;justify-content:flex-end}.edit-profile-info-modal-content .modal-actions button{padding:.75rem 1.675rem;border-radius:23px;font-weight:500;font-size:.9rem}.edit-profile-info-modal-content .modal-actions button:active:not(:disabled){transform:scale(.98)}.edit-profile-info-modal-content .modal-actions .cancel-btn{background-color:#f3f4f6;color:#374151}.edit-profile-info-modal-content .modal-actions .cancel-btn:hover:not(:disabled){background-color:#e5e7eb}.edit-profile-info-modal-content .modal-actions .save-btn{color:#fff;background-color:var(--primary-color)}.edit-profile-info-modal-content .modal-actions .save-btn:hover:not(:disabled){background-color:var(--dark-primary-color)}.bio-toggle-btn{color:inherit;font-weight:500;text-decoration:underline dotted;-webkit-user-select:none;user-select:none}.profile{position:relative;padding-bottom:2rem}.profile .cover{position:relative;width:100%;height:18rem;background:linear-gradient(135deg,#667eea,#764ba2);background-repeat:no-repeat}.profile .cover:hover .more-btn{display:block}.profile .cover .more-btn{display:none;position:absolute;top:1rem;right:1.3rem;z-index:10}.profile .cover .more-btn svg{color:#fff}.profile .cover .more-dropdown{position:absolute;width:50%;max-width:9rem;top:2.5rem;right:1.9rem;padding:1rem 0;line-height:2.3;border-radius:12px;background-color:#fff;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;z-index:20}.profile .cover .more-dropdown li{-webkit-user-select:none;user-select:none;padding:0 1.5rem;font-size:1rem;color:#757575;cursor:pointer}.profile .cover .more-dropdown li:hover{color:#fff;background-color:var(--primary-color)}.profile .content{display:flex}.profile .content .left{flex-shrink:0;width:25%;padding:0 2.5rem;z-index:1}.profile .content .left .profile-picture{width:14rem;height:14rem;display:block;object-fit:cover;margin:-7.5rem auto 0;border-radius:50%;border:5px solid var(--light-bg-color)}.profile .content .left .cosplay-details{width:100%;border:1px solid #007bff3d;background-color:#007bff15;margin:.8rem 0;display:flex;padding:.8rem 2rem;align-items:center;gap:1rem;color:var(--dark-primary-color);border-radius:12px}.profile .content .left .cosplay-details svg{width:2.5rem;height:2.5rem;stroke-width:1.3px}.profile .content .left .cosplay-details div{flex:1}.profile .content .left .cosplay-details div .character{font-weight:600}.profile .content .left .cosplay-details div .source{font-size:.8rem}.profile .content .left .display-name{position:relative;display:flex;gap:1rem;justify-content:space-between}.profile .content .left .display-name svg{flex-shrink:0;color:#757575}.profile .content .left .display-name .profile-more-dropdown{position:absolute;width:50%;max-width:9rem;top:1.775rem;right:.6rem;padding:1rem 0;line-height:2.3;border-radius:12px;background-color:#fff;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;z-index:20}.profile .content .left .display-name .profile-more-dropdown li{-webkit-user-select:none;user-select:none;padding:0 1.5rem;font-size:1rem;color:#757575;cursor:pointer}.profile .content .left .display-name .profile-more-dropdown li:hover{color:#fff;background-color:var(--primary-color)}.profile .content .left .username{color:#757575;font-weight:400}.profile .content .left .follow-btn,.profile .content .left .unfollow-btn{width:100%;margin:1rem 0;display:flex;justify-content:center;align-items:center;gap:.7rem;font-size:1rem;font-weight:500;padding:.5rem 1.675rem;border-radius:23px;color:#fff;background-color:var(--secondary-color)}.profile .content .left .unfollow-btn{background-color:#fff;color:var(--secondary-color);border:2px solid var(--secondary-color)}.profile .content .left .follow-btn svg,.profile .content .left .unfollow-btn svg{width:1.3rem;height:1.3rem}.profile .content .left .follow-btn:hover{background-color:var(--dark-secondary-color)}.profile .content .left .unfollow-btn:hover{color:var(--dark-secondary-color);border-color:var(--dark-secondary-color)}.profile .content .left .follow-btn:active,.profile .content .left .unfollow-btn:active{transform:scale(.98)}.profile .content .left .user-follows{display:flex;padding:.5rem 0;justify-content:center;gap:1.5rem;color:#757575;font-size:.9rem}.profile .content .left .user-follows p span{color:var(--text-dark-color);font-weight:500}.profile .content .left .bio{margin-bottom:1rem;padding:.7rem .5rem;font-size:.9rem;color:#757575}.profile .content .right{flex-shrink:0;width:75%}.profile .content .right ul{margin:.5rem 1rem;border-bottom:1px solid #f1f5f9}.profile .content .right ul li{padding:.8rem;width:fit-content;font-size:1rem;font-weight:500;border-bottom:1px solid #757575}@media (max-width: 1350px){.profile .content .left{padding:0 1.5rem}}@media (max-width: 1200px){.profile .content .left{width:30%}.profile .content .right{width:70%}}@media (max-width: 1000px){.profile .content .left{padding:0 1rem}}@media (max-width: 920px){.profile .content{flex-direction:column}.profile .content .left,.profile .content .right{width:100%}}@media (max-width: 640px){.profile .cover{height:12rem}}.login{background-color:#fff;width:90%;display:block;margin:2.5rem auto;padding:1.5rem;max-width:500px;border-radius:12px;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}.login input:disabled,.login button:disabled{cursor:not-allowed}.login button:disabled{opacity:.6}.login .title{-webkit-user-select:none;user-select:none;font-weight:600}.login form{margin-top:1rem}.login form input:disabled{cursor:not-allowed}.login form button:disabled{opacity:.6;cursor:not-allowed}.login form>div{margin:1.5rem 0}.login form>div p{font-size:.95rem;font-weight:500;color:#757575;margin-bottom:.3rem}.login form input{width:100%;padding:.5rem .8rem;font-weight:500;font-size:.9rem;border:2px solid #e0e0e0;border-radius:13px}.login form input::placeholder{font-weight:400;color:#9b9b9b}.login form input:focus{border:2px solid var(--primary-color)}.login form .password-section{margin-bottom:2.5rem}.login form .password-field{width:100%;position:relative;display:flex;align-items:center}.login form .password-field .show-password-btn{position:absolute;height:100%;right:.875rem;display:flex;align-items:center;justify-content:center}.login form .password-field .show-password-btn svg{color:#b6b6b6;width:1.45rem;height:1.45rem}.login form .forgot-password-redirect{float:right;font-size:.815rem;text-align:right;margin:.175rem;font-weight:500;color:#b6b6b6}.login form .forgot-password-redirect:hover:not(.disabled){text-decoration:underline}.login form .forgot-password-redirect.disabled:hover{cursor:not-allowed}.login form .status-message{clear:both;color:var(--secondary-color);font-size:.8rem;text-align:center;margin:.7rem 0;font-weight:500}.login form .login-btn{width:100%;padding:.65rem 1.675rem;border-radius:23px;font-weight:500;font-size:1rem;color:#fff;background-color:var(--primary-color);display:flex;justify-content:center;align-items:center;gap:.35rem}.login form .login-btn svg{width:1.3rem;height:1.3rem;stroke-width:2px}.login form .login-btn:hover:not(:disabled){background-color:var(--dark-primary-color)}.login form .divider{border:none;height:1px;background-color:#c9c9c9;margin:2rem .5rem}.login form .create-account-label,.login form .join-label{color:#757575;text-align:center;font-size:.8rem;font-weight:400}.login form .create-account-label .signup-redirect{color:var(--primary-color);font-weight:500}.login form .create-account-label .signup-redirect:hover:not(.disabled){text-decoration:underline}.login form .create-account-label .signup-redirect.disabled:hover{cursor:not-allowed}.login form .join-label{margin-top:.8rem;font-weight:400;font-size:.675rem}.bottom-label{-webkit-user-select:none;user-select:none;color:#888;text-align:center;font-size:.675rem}.bottom-label a,.bottom-label span{color:var(--primary-color)}.bottom-label span.disabled{cursor:not-allowed}.bottom-label a:hover{text-decoration:underline}.forgot-password{background-color:#fff;width:90%;display:block;margin:2.5rem auto;padding:1.5rem;max-width:500px;border-radius:12px;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}.forgot-password form input:disabled,.forgot-password form button:disabled{cursor:not-allowed}.forgot-password form button:disabled{opacity:.6}.forgot-password .title{-webkit-user-select:none;user-select:none;font-weight:600;text-align:center}.forgot-password .subtitle{text-align:center;margin:1rem 0;font-size:.9rem;color:#888}.forgot-password form label{display:block;font-size:.95rem;font-weight:500;color:#757575;margin-bottom:.3rem}.forgot-password form input{width:100%;padding:.5rem .8rem;font-weight:500;font-size:.9rem;border:2px solid #e0e0e0;border-radius:13px}.forgot-password form input::placeholder{font-weight:400;color:#9b9b9b}.forgot-password form input:focus{border:2px solid var(--primary-color)}.forgot-password form .status-message{padding:.5rem 0 0 .5rem;font-size:.8rem;font-weight:500;color:var(--secondary-color)}.forgot-password form .send-btn{width:100%;padding:.65rem 1.675rem;color:#fff;font-weight:500;font-size:1rem;margin-top:1.2rem;border-radius:23px;background-color:var(--primary-color)}.forgot-password form .send-btn:hover:not(:disabled){background-color:var(--dark-primary-color)}.forgot-password .bottom-label{-webkit-user-select:none;user-select:none;margin-top:1.5rem;color:#888;text-align:center;font-size:.775rem}.reset-password{background-color:#fff;width:90%;display:block;margin:2.5rem auto;padding:1.5rem;max-width:500px;border-radius:12px;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}.reset-password form input:disabled,.reset-password form button:disabled{cursor:not-allowed}.reset-password form button:disabled{opacity:.6}.reset-password form>div{margin:1.5rem 0}.reset-password form label{display:block;font-size:.95rem;font-weight:500;color:#757575;margin-bottom:.3rem}.reset-password form input{width:100%;padding:.5rem .8rem;font-weight:500;font-size:.9rem;border:2px solid #e0e0e0;border-radius:13px}.reset-password form input::placeholder{font-weight:400;color:#9b9b9b}.reset-password form input:focus{border:2px solid var(--primary-color)}.reset-password .title{-webkit-user-select:none;user-select:none;font-weight:600;text-align:center}.reset-password form .password-field{width:100%;position:relative;display:flex;align-items:center}.reset-password form .password-field .show-password-btn{position:absolute;height:100%;right:.875rem;display:flex;align-items:center;justify-content:center}.reset-password form .password-field .show-password-btn svg{color:#b6b6b6;width:1.45rem;height:1.45rem}.reset-password form .status-message{padding:.5rem 0 0 .5rem;font-size:.8rem;font-weight:500;color:var(--secondary-color)}.reset-password form .submit-btn{width:100%;padding:.65rem 1.675rem;border-radius:23px;font-weight:500;font-size:1rem;color:#fff;background-color:var(--primary-color);display:flex;justify-content:center;align-items:center;gap:.35rem}.step-one{background-color:#fff;width:90%;display:block;margin:2.5rem auto;padding:1.5rem;max-width:500px;border-radius:12px;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}.step-one form input:disabled,.step-one form button:disabled{cursor:not-allowed}.step-one form button:disabled{opacity:.6}.step-one .title{-webkit-user-select:none;user-select:none;font-weight:600;text-align:center}.step-one .subtitle{text-align:center;margin:1rem 0;font-size:.9rem;color:#888}.step-one form>div{margin:1rem 0}.step-one form label{display:block;font-size:.95rem;font-weight:500;color:#757575;margin-bottom:.3rem}.step-one form input{width:100%;padding:.5rem .8rem;font-weight:500;font-size:.9rem;border:2px solid #e0e0e0;border-radius:13px}.step-one form input::placeholder{font-weight:400;color:#9b9b9b}.step-one form input:focus{border:2px solid var(--primary-color)}.step-one form .status-message{padding:.5rem 0 0 .5rem;font-size:.8rem;font-weight:500;color:var(--secondary-color)}.step-one form .send-btn{width:100%;padding:.65rem 1.675rem;color:#fff;font-weight:500;font-size:1rem;margin-top:.3rem;border-radius:23px;background-color:var(--primary-color)}.step-one form .send-btn:hover:not(:disabled){background-color:var(--dark-primary-color)}.step-one .subtitle:nth-of-type(2){margin:1.8rem 0;font-size:.8rem}.step-one .divider{border:none;height:1px;background-color:#c9c9c9;margin:2rem .5rem}.step-one .login-label,.step-one .join-label{color:#757575;text-align:center;font-size:.8rem;font-weight:400;-webkit-user-select:none;user-select:none}.step-one .login-label .login-redirect{color:var(--primary-color);font-weight:500}.step-one .login-label .login-redirect:hover:not(.disabled){text-decoration:underline}.step-one .login-label .login-redirect.disabled:hover{cursor:not-allowed}.step-one .join-label{margin-top:1rem;font-weight:400;font-size:.675rem}.step-two{background-color:#fff;width:90%;display:block;margin:2.5rem auto;padding:1.5rem;max-width:500px;border-radius:12px;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}.step-two .heading{display:flex;justify-content:space-between}.step-two .step-one-redirect svg,.step-two .heading .email-title svg{color:#757575;width:1.3rem;height:1.3rem;stroke-width:2px}.step-two .heading .email-title{display:flex;align-items:center;gap:.5rem}.step-two .heading .email-title p{font-weight:500}.step-two .subtitle{color:#757575;margin-top:1.5rem;text-align:center;font-size:.8rem}.step-two .email{font-weight:600;font-size:1.2rem;text-align:center}.step-two form{margin:1.5rem 0}.step-two form>div{margin:1rem 0}.step-two form input:disabled,.step-two button:disabled{cursor:not-allowed}.step-two button:disabled{opacity:.6}.step-two form input{width:100%;padding:.5rem .8rem;font-weight:500;font-size:.9rem;border:2px solid #e0e0e0;border-radius:13px}.step-two form input::placeholder{font-weight:400;color:#9b9b9b}.step-two form input:focus{border:2px solid var(--primary-color)}.step-two form .status-message{padding:.5rem 0 0 .5rem;font-size:.8rem;font-weight:500;color:var(--secondary-color)}.step-two form .verify-btn{width:100%;padding:.65rem 1.675rem;color:#fff;font-weight:500;font-size:1rem;margin-top:.3rem;border-radius:23px;background-color:var(--primary-color)}.step-two form .verify-btn:hover:not(:disabled){background-color:var(--dark-primary-color)}.step-two .resend-code-label{color:#757575;text-align:center;font-size:.85rem;margin-top:2rem}.step-two .resend-code-section{margin:.1rem 0;text-align:center}.step-two .resend-code-section button{font-weight:500;font-size:.889}.step-two .resend-code-section button:hover:not(:disabled){color:var(--secondary-color)}.step-two .resend-code-section span{font-size:.775rem;color:#757575}.step-three .heading{margin:1.5rem 0;text-align:center}.step-three .heading h2{font-weight:600}.step-three .heading h3{margin:.5rem 0;font-weight:400;font-size:1rem}.step-three form label,.step-three form input{display:block}.step-three form .help-message{color:var(--secondary-color);margin:.3rem;font-weight:500;font-size:.875rem}.step-three form>div{background-color:#fff;width:90%;display:block;margin:2.2rem auto;padding:1.5rem;max-width:750px;border-radius:12px;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}.step-three form>div h2{font-weight:600;font-size:1.35rem}.step-three .build-profile>div{margin:1rem 0}.step-three .build-profile>div #profile-pic-input{display:none}.step-three .main .info>div{margin-bottom:1.4rem}.step-three .main .info .note{font-size:.72rem;font-weight:400;margin-top:2rem}.step-three .build-profile .guidelines{width:100%;border:1px solid #007bff3d;background-color:#007bff15;margin:.8rem 0;padding:1rem;color:var(--dark-primary-color)}.step-three .build-profile .guidelines h6{font-size:.9rem;font-weight:600}.step-three .build-profile .guidelines p{margin:.2rem 0;font-size:.8rem}.step-three .account-setup>div{margin:1rem 0}.step-three .account-setup>div .input-group{position:relative;display:inline-block;width:100%}.step-three .account-setup>div .input-group .basic-addon{position:absolute;left:10px;top:45%;transform:translateY(-50%);color:#757575;pointer-events:none;font-weight:500}.step-three .account-setup>div .input-group input{width:100%;padding-left:32px;box-sizing:border-box}.step-three .account-setup .checkbox{margin:auto .5rem}.step-three .account-setup .create-account-help{margin:1rem 0;text-align:center}.step-three .account-setup .create-account-btn{display:block;margin:1.5rem auto .5rem;padding:.65rem 4rem;border-radius:23px;font-weight:500;font-size:1.1rem;color:#fff;background-color:var(--secondary-color);gap:.35rem}.step-three .account-setup .create-account-btn:hover:not(:disabled){background-color:var(--dark-secondary-color)}.cosplayers{padding:1.5rem}.cosplayers .heading{font-size:2rem;font-weight:600}.cosplayers .sub-heading{margin:.3rem 0;font-size:1.2rem;font-weight:300}.cosplayers .cosplayer-list{margin:1.5rem 0;display:flex;flex-wrap:wrap;gap:1rem}.cosplayers .cosplayer-list>a{width:250px;height:350px}.cosplayers .cosplayer-list>a .text-content p{padding-right:1rem}.pagination-actions{display:flex;gap:2.5rem;justify-content:center;align-items:center;margin:2rem 0}.pagination-actions button{gap:.5rem;font-size:.9rem;font-weight:600;color:var(--secondary-color)}.pagination-actions button:hover{color:var(--dark-secondary-color);text-decoration:underline}.pagination-actions button svg{width:1.1rem;height:1.1rem}.pagination-actions .current-page{font-size:.8rem;font-weight:600}@media (max-width: 844px){.cosplayers{padding:1rem}.cosplayers .cosplayer-list>a{width:calc(50% - 1rem);height:450px}}@media (max-width: 650px){.cosplayers .cosplayer-list>a{width:100%}}.save-project{width:95%;max-width:900px;display:block;margin:1.5rem auto;padding-bottom:2rem}.save-project .sub-heading{margin-top:.5rem;color:#757575}.save-project .cosplay-photos,.save-project .project-details{background-color:#fff;margin:1.5rem auto;padding:1.5rem;border-radius:12px;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}.save-project .cosplay-photos h3,.save-project .project-details h3{font-weight:600}.save-project .cosplay-photos h4{font-weight:400;color:#757575;font-size:.9rem}.save-project .cosplay-photos .preview-section .fetched-images{display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.save-project .cosplay-photos .preview-section .fetched-images div{height:350px;position:relative}.save-project .cosplay-photos .preview-section .fetched-images div img{height:100%;object-fit:cover;border-radius:12px;border:1px solid #ccc}.save-project .cosplay-photos .preview-section .fetched-images .remove-img-btn{position:absolute;top:.5rem;right:.5rem;color:#fff;border-radius:50%;padding:.3rem;background-color:var(--secondary-color)}.save-project .cosplay-photos .preview-section .fetched-images .remove-img-btn:hover{background-color:var(--dark-secondary-color)}.save-project .cosplay-photos .preview-section .fetched-images .remove-img-btn svg{width:.95rem;height:.95rem}.save-project .project-details>div{margin:1rem 0}.save-project .project-details .tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:.4rem 0 .6rem}.save-project .project-details .tag-list .tag-item{display:flex;gap:.3rem;align-items:center;padding:.4rem .6rem;border-radius:6px;background-color:#007bff15;color:var(--dark-primary-color)}.save-project .project-details .tag-list .tag-item p{font-size:.8rem;font-weight:700}.save-project .project-details .tag-list .tag-item button svg{width:1rem;height:1rem;color:var(--dark-primary-color)}.save-project .project-details .tag-list .tag-item button:hover:not(:disabled) svg{color:var(--secondary-color)}.save-project .project-details .add-tag-btn{font-size:.8rem;margin-top:.5rem}.actions{display:flex;gap:1.5rem;justify-content:flex-end;align-items:center}@media (max-width: 800px){.save-project .cosplay-photos .preview-section .fetched-images{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.save-project .cosplay-photos .preview-section .fetched-images{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}.search{padding:1.5rem}.search .heading{color:#757575;font-weight:300;font-size:1rem}.search .heading span{font-weight:500}.search>div{margin:1.3rem 0}.search .sub-heading{display:flex;align-items:center;gap:.775rem;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:12px;padding:.3rem 1rem;width:fit-content;-webkit-user-select:none;user-select:none}.search .sub-heading svg{width:1.2rem;height:1.2rem;stroke-width:1.6px}.search .sub-heading h3{font-size:1rem;font-weight:600}.project-list .project-item.last .view-more-redirect,.cosplayer-grid .cosplayer-preview.last .view-more-redirect{color:var(--secondary-color);font-size:1.1rem;width:fit-content;display:flex;align-items:center;gap:.5rem}.project-list .project-item.last .view-more-redirect:hover,.cosplayer-grid .cosplayer-preview.last .view-more-redirect:hover{text-decoration:underline}.project-list .project-item.last .view-more-redirect svg,.cosplayer-grid .cosplayer-preview.last .view-more-redirect svg{width:1.4rem;height:1.4rem;stroke-width:1.5px}.projects-section .project-list{margin:1rem 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-items:center;gap:1rem}.projects-section .project-list .project-item{margin-bottom:1rem}.project-list .project-item .project-meta{cursor:pointer;position:relative}.project-list .project-item .project-meta .image-count{position:absolute;display:flex;align-items:center;gap:.3rem;top:.775rem;right:.7rem;padding:.275rem .7rem;font-size:.9rem;font-weight:600;border-radius:6px;color:#fff;background-color:#00000080}.project-list .project-item .project-meta .image-count svg{width:.9rem;height:.9rem;stroke-width:2.5px}.project-list .project-item .project-meta .thumbnail{border-radius:12px;height:13rem;background:#eeedea}.project-list .project-item .project-meta .thumbnail img{width:100%;object-fit:contain;height:100%;border-radius:inherit}.project-list .project-item .project-meta .title{padding:.57rem 0 .3rem .3rem}.project-list .project-item .user-meta{display:flex;align-items:center;gap:.6rem;font-size:.775rem;padding-left:.2rem;color:#757575}.project-list .project-item .user-meta img{width:1.275rem;height:1.275rem;border-radius:50%;object-fit:cover}.project-list .project-item .user-meta .display-name{font-weight:600}.project-list .project-item .user-meta:hover .display-name{text-decoration:underline}.project-list .project-item.last{height:100%;display:flex;align-items:center;justify-content:flex-start}.cosplayers-section .cosplayer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;padding:1rem 0}.cosplayers-section .cosplayer-grid .cosplayer-preview{height:22rem}.cosplayers-section .cosplayer-grid .cosplayer-preview.last{height:auto;display:flex;align-items:center;padding:1rem 0;background:none}@media (max-width: 578px){.search .sub-heading h3{font-size:1.2rem}.projects-section .project-list .project-item .thumbnail{height:16rem}.cosplayers-section .cosplayer-grid .cosplayer-preview{height:25rem}}.extras-container{max-width:900px;margin:0 auto 2rem;padding:1.5rem}.page-title{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.intro-text{font-size:.95rem;margin-bottom:2rem;color:#444}.section{margin:2rem 0;padding-bottom:1rem;border-bottom:1px solid #e2e2e2}.section-title{font-size:1.3rem;font-weight:600;color:var(--dark-primary-color);margin-bottom:.8rem}.section p,.section ul li{font-size:.92rem;margin:.4rem 0;line-height:1.6}.section ul{list-style-type:disc;margin-left:1.4rem}.updated-text{margin-top:3rem;font-size:.8rem;color:#757575;text-align:center}.top-navbar{top:0;z-index:10;position:sticky;padding:.4rem 0 .4rem .5rem;display:flex;align-items:center;justify-content:space-between;background-color:#fff;box-shadow:#11111a1a 0 1px;overflow:hidden}.top-navbar .nav-hamburger,.top-navbar .nav-notification,.top-navbar .sidebar-overlay{display:none}.top-navbar .nav-logo-search{width:45%;display:flex;align-items:center;gap:1.2rem;order:1}.top-navbar .nav-logo-search .nav-logo{flex-shrink:0;order:1}.top-navbar .nav-logo-search .nav-logo .home-redirect img{max-width:9rem;height:3rem}.top-navbar .nav-logo-search .nav-search{order:2;width:100%}.top-navbar .nav-logo-search .nav-search #search-form{width:100%;position:relative;display:flex;align-items:center}.top-navbar .nav-logo-search .nav-search #search-form input{width:100%;padding:.5rem .889rem;font-weight:500;font-size:.89rem;border:2px solid #e6e6e6;border-radius:23px}.top-navbar .nav-logo-search .nav-search #search-form input:focus{border:2px solid var(--primary-color)}.top-navbar .nav-logo-search .nav-search #search-form .clear-search-btn{position:absolute;height:100%;right:.875rem;display:flex;align-items:center;justify-content:center}.top-navbar .nav-logo-search .nav-search #search-form .clear-search-btn svg{color:#b6b6b6;width:1.45rem;height:1.45rem}.top-navbar .nav-redirects{order:3;display:block;position:relative}.top-navbar .nav-redirects>ul>li{display:inline-block;margin-right:2.3rem}.top-navbar .nav-redirects>ul>li>a{font-weight:500;color:#757575}.top-navbar .nav-redirects>ul>li>a:hover{color:var(--primary-color)}.top-navbar .nav-redirects ul>.save-project-redirect a,.top-navbar .sidebar ul>.save-project-redirect a{color:#fff;padding:.5rem 1.675rem;border-radius:23px;background-color:var(--primary-color)}.top-navbar .sidebar ul>.save-project-redirect svg{color:#fff}.top-navbar .nav-redirects ul>.save-project-redirect a svg{width:1.25rem;height:1.25rem}.top-navbar .nav-redirects ul>.save-project-redirect a svg,.top-navbar .sidebar ul>.save-project-redirect a svg,.top-navbar .nav-redirects ul>.save-project-redirect a span,.top-navbar .sidebar ul>.save-project-redirect a span{vertical-align:middle}.top-navbar .nav-redirects ul>.save-project-redirect a span,.top-navbar .sidebar ul>.save-project-redirect a span{padding-left:.2rem}.top-navbar .nav-redirects ul>.save-project-redirect a:hover,.top-navbar .sidebar ul>.save-project-redirect a:hover{color:#fff;background-color:var(--dark-primary-color)}.top-navbar .nav-redirects>ul .login-redirect,.top-navbar .nav-redirects>ul .signup-redirect{margin-right:1.675rem}.top-navbar .sidebar>ul .login-redirect a,.top-navbar .nav-redirects ul>.login-redirect a{color:#fff;padding:.5rem 1.675rem;border-radius:23px;background-color:var(--primary-color)}.top-navbar .sidebar ul>.login-redirect a:hover,.top-navbar .nav-redirects>ul .login-redirect a:hover{color:#fff;background-color:var(--dark-primary-color)}.top-navbar .sidebar>ul .signup-redirect a,.top-navbar .nav-redirects>ul .signup-redirect a{color:var(--primary-color);padding:.389rem 1.2rem;border-radius:23px;border:2px solid var(--primary-color)}.top-navbar .sidebar>ul .signup-redirect a:hover,.top-navbar .nav-redirects>ul .signup-redirect a:hover{color:var(--secondary-color);border-color:var(--secondary-color)}.top-navbar .nav-redirects .notif-trigger{vertical-align:middle;padding-top:.45rem}.top-navbar .nav-redirects .notif-trigger:hover .notif-dropdown{display:flex}.top-navbar .nav-redirects .notif-trigger svg{display:inline-block;color:#757575}.top-navbar .nav-redirects .notif-trigger .unread-notifs-icon{color:var(--secondary-color)}.top-navbar .nav-redirects .notif-trigger .notif-dropdown{z-index:30;position:fixed;top:3rem;width:300px;transform:translate(-70%);border-radius:12px;background-color:#fff;box-shadow:0 4px 20px #0003;display:none;flex-direction:column;gap:.5rem;overflow:hidden}.top-navbar .nav-redirects .notif-trigger .notif-dropdown .inner-scroller{padding:.5rem 0;height:300px;overflow-y:auto}.top-navbar .nav-redirects .notif-trigger .notif-dropdown li{padding:.5rem 1rem}.top-navbar .nav-redirects .notif-trigger .notif-dropdown li .message{font-size:.875rem;color:#757575}.top-navbar .nav-redirects .notif-trigger .notif-dropdown li .message.unread{color:var(--secondary-color)}.top-navbar .nav-redirects .notif-trigger .notif-dropdown li .message .project-title{font-weight:600}.top-navbar .nav-redirects .notif-trigger .notif-dropdown li .datetime{color:#757575;margin-top:.3rem;font-size:.7rem}.top-navbar .nav-redirects .profile-trigger{vertical-align:middle}.top-navbar .nav-redirects .profile-trigger:hover .profile-dropdown{display:flex}.top-navbar .nav-redirects .profile-trigger img{width:2rem;height:2rem;border-radius:50%;object-fit:cover}.top-navbar .nav-redirects .profile-trigger .profile-dropdown{z-index:30;position:fixed;top:3rem;width:140px;transform:translate(-70%);border-radius:12px;background-color:#fff;box-shadow:0 4px 20px #0003;display:none;flex-direction:column;gap:.5rem;overflow:hidden}.top-navbar .nav-redirects .profile-trigger .profile-dropdown .inner-scroller{padding:.5rem 0;max-height:200px;overflow-y:auto}.top-navbar .nav-redirects .profile-trigger .profile-dropdown li{padding:.5rem 1rem;font-size:.875rem}.top-navbar .nav-redirects .profile-trigger .profile-dropdown li a{display:block}.top-navbar .nav-redirects .profile-trigger .profile-dropdown li button{padding:0;width:100%;text-align:left;font-size:.875rem}.top-navbar .nav-redirects .profile-trigger .profile-dropdown li:hover,.top-navbar .nav-redirects .profile-trigger .profile-dropdown button:hover{color:var(--primary-color)}.top-navbar .sidebar{padding:0 .5rem}.top-navbar .sidebar .nav-search.sidebar-search{display:none}.top-navbar .sidebar .nav-search.sidebar-search #sidebar-search-form{width:100%;position:relative;display:flex;align-items:center}.top-navbar .sidebar .nav-search.sidebar-search #sidebar-search-form input{width:inherit;padding:.5rem .889rem;font-weight:500;font-size:.89rem;border:2px solid #e6e6e6;border-radius:23px}.top-navbar .sidebar .nav-search.sidebar-search #sidebar-search-form input:focus{border:2px solid var(--primary-color)}.top-navbar .sidebar .nav-search.sidebar-search #sidebar-search-form .clear-search-btn{position:absolute;height:100%;right:.875rem;display:flex;align-items:center;justify-content:center}.top-navbar .sidebar .nav-search.sidebar-search #sidebar-search-form .clear-search-btn svg{color:#b6b6b6;width:1.45rem;height:1.45rem}.top-navbar .sidebar ul{padding:0 .7rem}.top-navbar .sidebar ul li{text-align:center;margin:2rem 0}.top-navbar .sidebar ul li a{display:block;font-weight:500;color:#757575}.top-navbar .sidebar ul li a:hover{color:var(--primary-color)}.top-navbar .sidebar ul .signup-redirect{margin-top:-.6rem}@media (max-width: 920px){.top-navbar{padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between}.top-navbar svg{color:#757575}.top-navbar .nav-hamburger{margin-top:.3rem;color:#757575;display:block;order:1}.top-navbar .nav-logo{order:2}.top-navbar .nav-notification{order:3;display:block;margin-top:.3rem}.top-navbar .nav-notification .notif-trigger:hover .notif-dropdown{display:flex}.top-navbar .nav-notification .notif-trigger .unread-notifs-icon{color:var(--secondary-color)}.top-navbar .nav-notification .notif-trigger .notif-dropdown{z-index:30;position:fixed;top:3rem;width:300px;transform:translate(-90%);border-radius:12px;background-color:#fff;box-shadow:0 4px 20px #0003;display:none;flex-direction:column;gap:.5rem;overflow:hidden}.top-navbar .nav-notification .notif-trigger .notif-dropdown .inner-scroller{padding:.5rem 0;height:300px;overflow-y:auto}.top-navbar .nav-notification .notif-trigger .notif-dropdown li{padding:.5rem 1rem}.top-navbar .nav-notification .notif-trigger .notif-dropdown li .message{font-size:.875rem;color:#757575}.top-navbar .nav-notification .notif-trigger .notif-dropdown li .message.unread{color:var(--secondary-color)}.top-navbar .nav-notification .notif-trigger .notif-dropdown li .message .project-title{font-weight:600}.top-navbar .nav-notification .notif-trigger .notif-dropdown li .datetime{color:#757575;margin-top:.3rem;font-size:.7rem}.top-navbar .nav-logo-search{width:100%;display:flex;justify-content:center}.top-navbar .nav-redirects{display:none}.top-navbar .sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:1000}.top-navbar .sidebar-overlay.open{display:block}.top-navbar .sidebar{background:#fff;width:60%;height:100%;position:fixed;top:0;left:0;padding:1.5rem 1rem;box-shadow:2px 0 8px #0000001a}.top-navbar .sidebar-close{color:#757575;background:none;border:none;position:absolute;top:50%;right:1rem;cursor:pointer}.top-navbar .sidebar-close:hover{color:var(--primary-color)}.top-navbar .sidebar-close svg{width:1.7rem;height:1.7rem}.top-navbar .nav-search:not(.sidebar-search){display:none}.top-navbar .sidebar .nav-search.sidebar-search{display:block;margin-bottom:1.5rem}.top-navbar .sidebar ul .logout-btn{padding:0;width:100%;font-size:inherit;color:#757575;font-weight:500}.top-navbar .sidebar ul .logout-btn:hover{color:var(--primary-color)}}.pDetails-modal-backdrop{top:0;left:0;width:100vw;height:100vh;position:fixed;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.pDetails-modal-wrapper{border-radius:12px;max-width:1250px;width:90%;height:90vh;overflow-y:hidden;position:relative;background-color:#fff;box-shadow:0 4px 20px #0003}.pDetails-full-page{height:92vh}.pDetails-modal-content{display:flex;height:100%;overflow:hidden}.pDetails-modal-content .left{width:60%}.pDetails-modal-content .right{width:40%}.pDetails-modal-content .left{position:relative;overflow:hidden}.pDetails-modal-content .left .image-count{position:absolute;top:.775rem;right:.7rem;padding:.275rem .7rem;font-size:.9rem;font-weight:500;border-radius:6px;color:#fff;background-color:#00000080}.pDetails-modal-content .left .prev-btn,.pDetails-modal-content .left .next-btn{top:50%;position:absolute;border-radius:50%;background-color:#00000080}.pDetails-modal-content .left .prev-btn{left:.5rem;padding:.2rem .3rem 0rem .275rem}.pDetails-modal-content .left .prev-btn svg,.pDetails-modal-content .left .next-btn svg{width:30px;height:30px;stroke-width:1.5px;color:#fff}.pDetails-modal-content .left .prev-btn:hover,.pDetails-modal-content .left .next-btn:hover{background-color:#000000b3}.pDetails-modal-content .left .next-btn{right:.5rem;padding:.2rem .275rem 0 .3rem}.pDetails-modal-content .left img{object-fit:contain;width:100%;height:100%}.pDetails-modal-content .right{padding:1rem;overflow-y:auto}.pDetails-modal-content .right .user-meta{width:100%;display:flex;align-items:start;justify-content:space-between}.pDetails-modal-content .right .user-meta a{display:flex;align-items:start;gap:.8rem}.pDetails-modal-content .right .user-meta a img{display:block;object-fit:cover;width:3.1rem;height:3.1rem;border-radius:50%}.pDetails-modal-content .right .user-meta a div{width:auto;flex:1}.pDetails-modal-content .right .user-meta a div .display-name{width:100%}.pDetails-modal-content .right .user-meta a div .display-name{font-size:.9rem;font-weight:600}.pDetails-modal-content .right .user-meta a div .username{color:#757575;font-size:.775rem}.pDetails-modal-content .right .user-meta .close-modal-btn svg{color:#757575}.pDetails-modal-content .right .project-meta{width:100%;margin:1rem 0;padding:0 .295rem .775rem;border-bottom:1px solid #e9e9e9}.pDetails-modal-content .right .project-meta .title{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between}.pDetails-modal-content .right .project-meta .title h2{max-width:93%;word-break:break-word}.pDetails-modal-content .right .project-meta .title .more-btn{flex-shrink:0}.pDetails-modal-content .right .project-meta .title .more-btn svg{color:#757575}.pDetails-modal-content .right .project-meta .title .more-dropdown{position:absolute;width:50%;max-width:9rem;top:1.8rem;right:.5rem;padding:1rem 0;line-height:2.3;border-radius:12px;background-color:#fff;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}.pDetails-modal-content .right .project-meta .title .more-dropdown li{-webkit-user-select:none;user-select:none;padding:0 1.5rem;font-size:1rem;color:#757575;cursor:pointer}.pDetails-modal-content .right .project-meta .title .more-dropdown li:hover{color:#fff;background-color:var(--primary-color)}.pDetails-modal-content .right .project-meta .title .more-dropdown li a{display:block}.pDetails-modal-content .right .project-meta .created-at,.pDetails-modal-content .right .project-meta .view-count{margin:.3rem 0;color:#9b9b9b;font-weight:300;font-size:.8rem}.pDetails-modal-content .right .project-meta .description{margin:1rem 0}.pDetails-modal-content .right .project-meta .tag-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:1.3rem 0;list-style:none}.pDetails-modal-content .right .project-meta .tag-list li{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.4rem .8rem;font-size:.775rem;border-radius:999px;color:#333;background-color:#007bff14}.pDetails-modal-content .right .project-meta .tag-list li:hover{background-color:#007bff33}.pDetails-modal-content .right .project-meta .engagements{display:flex;gap:1rem;padding:0 .5rem}.pDetails-modal-content .right .project-meta .engagements div{display:flex;align-items:center;gap:.5rem;color:#9b9b9b}.pDetails-modal-content .right .project-meta .engagements div svg{width:1.3rem;height:1.3rem;stroke-width:.125rem}.pDetails-modal-content .right .project-meta .engagements div p{font-size:.9rem;font-weight:500}.pDetails-modal-content .right .project-meta .appreciate-btn{margin-top:.7rem}.pDetails-modal-content .right .send-support{width:100%}.pDetails-modal-content .right .send-support p{color:#757575;font-size:.875rem}.pDetails-modal-content .right .send-support .support-buttons{width:inherit;display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.pDetails-modal-content .right .send-support .support-buttons button{color:var(--secondary-color);border:1px solid var(--secondary-color);border-radius:12px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:500}.pDetails-modal-content .right .send-support .support-buttons button:hover{background-color:var(--secondary-color);color:#fff}.pDetails-modal-content .right .send-support .support-buttons button:active{transform:scale(.98)}.pDetails-modal-content .right .support-timeline{list-style:none;padding:0;margin:2rem 0;position:relative}.pDetails-modal-content .right .support-timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:#ddd}.pDetails-modal-content .right .timeline-item{position:relative;margin-left:50px;margin-bottom:1rem}.pDetails-modal-content .right .timeline-item .dot{position:absolute;left:-30px;top:.5rem;width:10px;height:10px;background:var(--secondary-color);border-radius:50%}.pDetails-modal-content .right .timeline-item .content{display:flex;gap:1rem;padding:.75rem 1rem;border-radius:8px;background-color:var(--light-bg-color)}.pDetails-modal-content .right .timeline-item .content img{object-fit:cover;width:40px;height:40px;border-radius:50%}.pDetails-modal-content .right .timeline-item .content div{width:100%}.pDetails-modal-content .right .timeline-item .message{font-size:.85rem}.pDetails-modal-content .right .timeline-item .username{cursor:pointer;font-size:.72rem;color:#777}.pDetails-modal-content .right .timeline-item .username:hover{color:var(--secondary-color)}.delete-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.delete-modal-content{background-color:#fff;border-radius:12px;padding:2rem;max-width:420px;width:90%;box-shadow:0 10px 30px #0000004d}.delete-modal-content .delete-modal-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.delete-modal-content .delete-modal-header .warning-icon{color:var(--secondary-color);width:24px;height:24px}.delete-modal-content .delete-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#333}.delete-modal-content .delete-modal-body{margin-bottom:2rem}.delete-modal-content .delete-modal-body p{margin:.5rem 0;color:#555;line-height:1.5}.delete-modal-content .delete-modal-body .warning-text{color:var(--secondary-color);font-weight:500;font-size:.9rem}.delete-modal-content .delete-modal-actions{display:flex;gap:1rem;justify-content:flex-end}.delete-modal-content .delete-modal-actions button{padding:.75rem 1.675rem;border-radius:23px;font-weight:500;cursor:pointer;font-size:.9rem}.delete-modal-content .delete-modal-actions button:disabled{opacity:.6;cursor:not-allowed}.delete-modal-content .delete-modal-actions .cancel-btn{background-color:#f3f4f6;color:#374151}.delete-modal-content .delete-modal-actions .cancel-btn:hover:not(:disabled){background-color:#e5e7eb}.delete-modal-content .delete-modal-actions .delete-btn{color:#fff;background-color:var(--secondary-color)}.delete-modal-content .delete-modal-actions .delete-btn:hover:not(:disabled){background-color:var(--dark-secondary-color)}.delete-modal-content .delete-modal-actions .delete-btn:active:not(:disabled){transform:scale(.98)}@media (max-width: 1300px){.timeline-item .content{width:100%}}@media (max-width: 920px){.pDetails-modal-content{flex-direction:column;overflow-y:auto}.pDetails-modal-content .left,.pDetails-modal-content .right{width:100%}.pDetails-modal-content .left{min-height:420px}.pDetails-modal-content .right{overflow-y:visible}}@media (max-width: 480px){.delete-modal-content{padding:1.5rem}.delete-modal-content .delete-modal-actions{flex-direction:column}.delete-modal-content .delete-modal-actions button{width:100%}}:root{--primary-color: #007bff;--dark-primary-color: #0062ca;--secondary-color: #ff007f;--dark-secondary-color: #cc0066;--text-dark-color: #222;--light-bg-color: #faf9f6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;color:var(--text-dark-color);background-color:var(--light-bg-color)}::selection{color:#fff;background-color:var(--secondary-color)}a{-webkit-user-select:none;user-select:none;color:inherit;outline:none;text-decoration:none}a.cancel-redirect{color:#757575;font-weight:500;font-size:.9rem}a.cancel-redirect:hover:not(.disabled){text-decoration:underline}ul{list-style-type:none}img{width:100%;-webkit-user-select:none;user-select:none;display:block}.p-preserve{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.guidelines{width:100%;margin:.8rem 0;padding:1rem;border-radius:12px;border:1px solid #007bff3d;background-color:#007bff15;color:var(--dark-primary-color)}.guidelines.with-icon{display:flex;align-items:center;gap:.6rem}.guidelines.with-icon svg{width:1rem;height:1rem}.guidelines.secondary{border:1px solid #ff007f3d;background-color:#ff007f15;color:var(--dark-secondary-color)}.guidelines h6{font-size:.9rem;font-weight:600}.guidelines p{margin:.2rem 0;font-size:.8rem}button{cursor:pointer;border:none;outline:none;background:none;font-family:inherit}button:focus:not(:disabled){transform:scale(.98)}.primary-btn,.primary-outline-btn{color:#fff;padding:.5rem 1.5rem;border-radius:23px;background-color:var(--primary-color);font-weight:500;font-size:.9rem}.primary-btn:hover:not(:disabled){background-color:var(--dark-primary-color)}.primary-outline-btn{color:var(--primary-color);border:2px solid var(--primary-color);background-color:#fff}.primary-outline-btn:hover:not(:disabled){color:var(--dark-primary-color);border-color:var(--dark-primary-color)}.secondary-btn{color:#fff;padding:.5rem 1.5rem;border-radius:23px;background-color:var(--secondary-color);font-weight:500;font-size:.9rem}.secondary-btn:hover:not(:disabled){background-color:var(--dark-secondary-color)}.icon-btn{display:flex;align-items:center;justify-content:center;gap:.5rem}.upload-btn{margin:1rem 0;display:flex;align-items:center;gap:.6rem}.upload-btn svg{width:1rem;height:1rem;stroke-width:2.5px}.upload-btn:hover:not(:disabled){background-color:var(--dark-primary-color)}.cancel-btn{color:#374151;padding:6px 12px;background-color:#f3f4f6;font-weight:500;font-size:.9rem;padding:.5rem 1.5rem;border-radius:23px}.cancel-btn:hover:not(:disabled){background-color:#e5e7eb}form{-webkit-user-select:none;user-select:none}form input:disabled,form textarea:disabled{cursor:not-allowed}form button:disabled,form .disabled{opacity:.6;cursor:not-allowed}form .disabled{pointer-events:none}form label{font-size:.95rem;font-weight:500;color:#757575;margin-bottom:.3rem}form label span{font-size:.8rem;color:#757575;font-weight:400}form input,form textarea{font-family:inherit}form input:focus,form textarea:focus{outline:none}form input{width:100%;padding:.5rem .8rem;font-weight:500;font-size:.9rem;border:2px solid #e0e0e0;border-radius:13px}form input::placeholder,form textarea::placeholder{font-weight:400;color:#9b9b9b}form input:focus{border:2px solid var(--primary-color)}form .status-message{color:var(--secondary-color);font-size:.8rem;margin:.5rem 0 0 .5rem;font-weight:500}form .hint-text{font-size:.7rem;margin:.5rem;color:#757575}form .password-field{width:100%;position:relative;display:flex;align-items:center}form .password-field .show-password-btn{position:absolute;height:100%;right:.875rem;display:flex;align-items:center;justify-content:center}form .password-field .show-password-btn svg{color:#b6b6b6;width:1.45rem;height:1.45rem}form .checkbox .content{display:flex;align-items:flex-start;gap:.7rem}form .checkbox .content input[type=checkbox]{margin-top:.1rem;width:16px;height:16px;cursor:pointer}form .checkbox .content label{font-size:.85rem;color:#757575;cursor:pointer}form .checkbox .content label a{color:var(--primary-color)}form .checkbox a:hover{color:var(--dark-primary-color);text-decoration:underline}form textarea{width:100%;font-weight:500;font-size:.9rem;border:2px solid #e0e0e0;border-radius:13px;margin-top:.3rem;resize:none;overflow:hidden;padding:.8rem}form textarea:focus{border:2px solid var(--primary-color)}.cosplayer-preview{width:100%;height:450px;border-radius:12px;position:relative;background-color:var(--text-dark-color);background-size:cover;background-position:top;background-repeat:no-repeat;display:block;text-decoration:none}.cosplayer-preview .gradient-overlay{position:absolute;inset:0;background:linear-gradient(to top,#00000093,#0000);border-radius:inherit}.cosplayer-preview .text-content{position:absolute;color:#fff;left:1rem;bottom:1rem}.cosplayer-preview .text-content p{margin:.3rem 0;word-break:break-all}.cosplayer-preview .text-content .disp-name{font-size:1.25rem;font-weight:600}.cosplayer-preview .text-content .character{font-weight:300;font-size:.9rem}.cosplayer-preview .text-content .source-char{margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.cosplayer-preview .text-content .source-char svg{flex-shrink:0;width:1.4rem;height:1.4em;stroke-width:1px}.cosplayer-preview .text-content .source-char span{font-weight:400;font-size:.85rem}