.sosp-container{display:flex;flex-direction:column;gap:1rem;max-width:350px;margin:2rem auto;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 4px 16px #080506}.sosp-input,.modern-select{padding:.75rem 1rem;border:1px solid #ddd;border-radius:.5rem;font-size:1rem;transition:border .2s}.sosp-input:focus,.modern-select:focus{border-color:#bf2b47;outline:none}.sosp-button{padding:.75rem 1rem;background:#fff;color:#bf2b47;border:2px solid #231942;border-radius:.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.sosp-header{color:#bf2b47;font-weight:700;font-size:larger}.sosp-button:hover{background:#bf2b47;color:#fff}.sosp-button-secondary{margin-top:auto;align-self:flex-start;background:#bf2b47;color:#fcfcfc;padding:.25rem 1rem;border-radius:.25rem;border:none;cursor:pointer;transition:background-color .15s ease-in-out}.sosp-button-secondary:hover{background:#892246}.event-box{width:100%;max-width:34rem;height:24rem;border-radius:1rem;overflow:hidden;box-shadow:0 4px 16px #0003;background-color:#fcfcfc;display:flex;flex-direction:column}.event-image{width:100%;height:10rem;object-fit:cover;position:relative}.event-image-overlay{position:absolute;bottom:.25rem;right:.5rem;display:flex;gap:1.5rem;font-size:.875rem;color:#fcfcfc;background-color:#bf2b47cc;padding:.25rem .75rem;border-radius:.75rem}.event-image-overlay-item{display:flex;align-items:center;gap:.25rem}.event-infos{padding:1rem;display:flex;flex-direction:column;gap:.5rem;color:#1f1246;flex:1;overflow-y:auto}.event-header{font-size:1.125rem;font-weight:700;color:#541a46}.event-p{font-size:.875rem;color:#892246}.event-box-large{width:100%;max-width:72rem;height:90vh;border-radius:1rem;overflow:hidden;box-shadow:0 4px 16px #0003;background-color:#fcfcfc;display:flex;flex-direction:column}.event-image-large{width:100%;height:17.5rem;object-fit:cover}.sosp-fullscreen-center{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6}.sosp-center-content{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:#1f1246;height:100%;align-items:center;justify-content:center;text-align:center}.sosp-profile-wrapper{max-width:72rem;margin:0 auto;padding:1rem;background-color:#fcfcfc;border-radius:1rem;box-shadow:0 4px 16px #0003;display:flex;flex-direction:column;gap:1.5rem}.sosp-profile-card{display:grid;grid-template-columns:1fr;gap:.5rem;padding:1rem;width:68rem;height:28rem;margin:0 auto;border-radius:1rem;box-shadow:0 4px 16px #0003;background-color:#fcfcfc;overflow:hidden}.sosp-profile-header{font-size:1.5rem;font-weight:700;color:#541a46}.sosp-profile-card-content{flex-grow:1;overflow-y:auto}.sosp-avatar{width:4rem;height:4rem;border-radius:100%;object-fit:cover;border:2px solid #892246}.sosp-container-userinfo{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #892246;padding-bottom:1rem}.sosp-navbar-button{color:#1f1246;font-weight:700;padding:.5rem .75rem;border-radius:.25rem;background:transparent;cursor:pointer}.sosp-navbar-button:hover{background-color:#bf2b471a;color:#bf2b47}.comments-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #892246}.comments-section h3{font-size:1.125rem;font-weight:700;color:#541a46;margin-bottom:1rem}.comment-input-area{margin-bottom:1rem}.comment-textarea{width:100%;padding:.75rem;border:1px solid #892246;border-radius:.5rem;font-size:.875rem;resize:none;font-family:inherit;transition:border .2s}.comment-textarea:focus{border-color:#bf2b47;outline:none}.comment-textarea:diabled{border-color:#fcfcfc;cursor:not-allowed}.comments-list{max-height:15rem;overflow-y:auto}.comment-item{padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid #fcfcfc}.comment-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.comment-author-info{display:flex;align-items:center;gap:.5rem;flex:1}.comment-author-name{font-weight:600;font-size:.875rem;color:#541a46}.comment-date{font-size:.75rem;color:#666}.comment-content{font-size:.875rem;color:#1f1246;line-height:1.4}.comment-delete-btn{background:none;border:none;color:#bf2b47;font-size:.75rem;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:background-color .15s ease-in-out}.comment-delete-btn:hover{background-color:#bf2b471a;color:#892246}.comment-delete-btn:disabled{color:#ccc;cursor:not-allowed}.no-comments{color:#666;font-size:.875rem;font-style:italic;text-align:center;padding:1rem}