:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;min-height:1200px;height:100%;margin:0 auto;padding:1rem;font-weight:400}body{box-sizing:border-box;height:100%;margin:0}div{position:relative}img{border-radius:5px}button,a,input[type=submit],input[type=button],.a-authentication-header,[role=button],.activity-image{cursor:pointer}.app-container{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}footer{width:100%;margin:0}footer p{margin:0;padding:1rem 0;font-size:.8rem;text-align:center}.div-authentication-header{text-align:right;min-height:min(30px,10vh)}.a-authentication-header{text-decoration:none;color:#00bd7e;cursor:pointer;transition:.4s;padding:3px}@media (hover: hover){.a-authentication-header:hover{background-color:#00bd7e33}}.modal{width:300px;padding:30px;margin:100px auto;border-radius:5px;background:#fff;box-shadow:0 0 8px #0000001a;text-align:center;align-items:center}.signUpIn-form{top:0;left:0;width:100%;height:100%;position:fixed;background:#0006;z-index:100;display:grid;align-items:center;justify-content:center}.close-button{position:absolute;top:5px;right:10px;background:none;border:none;font-family:Courier New,monospace;font-size:24px;cursor:pointer}.new-request.open{display:block}input{display:block;margin:8px 0;padding:8px 2px;width:100%;flex:1;border-radius:5px;border:2px solid #248a52a3}button{margin-top:10px;padding:8px 12px;border:0;font-weight:700;font-family:inherit;cursor:pointer}.error{color:red;font-size:.875em}.verify-email-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1100}.verify-email-modal-content{background-color:#248a52;color:#fff;padding:20px 30px;border-radius:10px;text-align:center;font-size:1.1rem;box-shadow:0 5px 15px #0000004d;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.terms-agreement label{cursor:pointer;font-size:.85em;line-height:1;text-align:left;display:block}.terms-agreement input[type=checkbox]{display:inline-block;width:auto;vertical-align:middle;margin-right:8px}.link-style{color:#007bff;text-decoration:underline;cursor:pointer}.terms-agreement a{color:#007bff;text-decoration:underline}.div-hp{margin:1rem;gap:1rem;display:grid;justify-content:center;grid-template-columns:20% 60% 20%;min-height:800px}.div-hp-search{border:2px solid #ffffffee;align-items:center;overflow:hidden}.div-sidebars{margin-top:1rem;margin-bottom:1rem;margin-left:0;margin-right:0;gap:1rem}.div-sidebar-header{color:#256e4b;border:2px solid #ffffffee;border-radius:5px;margin-top:1rem;margin-bottom:1rem;padding:.5rem;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center}.div-hp-feed{border:2px solid #ffffffee}.div-hp-notifications{border:2px solid #ffffffee;align-items:center}.div-add-activity{background-color:#256e4b;color:#fffe;border:2px solid #ffffffee;border-radius:5px;margin:.5rem;gap:.5rem;text-align:center;font-size:2rem;font-weight:700;width:100px}.div-add-activity.active{transition:transform .2s ease-in-out;width:100%}select{width:100%}.div-activities{display:grid;justify-content:center;grid-template-columns:50% 50%;border-radius:5px}.div-activity{border-radius:5px;border:2px solid #248a52a3;padding:4px;margin:.5rem;gap:.5rem;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.div-activity .div-activity-name{flex:1}.icon-container{display:flex;justify-content:space-around;align-items:center;width:100%;margin:.5rem}.icon{width:1.5rem;height:1.5rem}.div-comments{flex:1 1 auto;color:#ac2d2d80;padding:1%;background-color:#fff;border-radius:5px;margin:0,auto;max-height:300px;overflow-y:scroll}.div-comment{width:100%;font-size:.8rem;border:2px solid #248A52;border-radius:5px;padding:2%;margin-top:10px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;flex:1;flex:1 1 auto;color:#282828}.username,.timestamp{font-size:.6rem;color:#4a4a4a;position:absolute;top:5px;flex:1}.username{left:10px}.timestamp{right:10px}.content{text-align:left;margin-top:.8rem}.div-messages{flex:1 1 auto;color:#ac2d2d80;background-color:#fff;border-radius:5px;margin:0,auto;max-height:300px;overflow-y:scroll}.messages-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.messages-modal-header h3{margin:0;font-size:1rem}.div-message{flex:1 1 auto;color:#ffffff80;overflow:hidden;position:relative;width:100%}.container-from-self{display:flex;flex-direction:column;text-align:right;align-items:flex-end;padding:10px}.message-from-self{display:block;color:#ebebeb;font-size:.8rem;line-height:1.4;margin-left:20px;padding:10px;border-radius:10px 10px 0;background:linear-gradient(120deg,#248a52,#257287);max-width:85%}.timestamp-from-self,.timestamp-from-other{display:block;font-size:.6rem;color:#4a4a4a;margin-left:20px;max-width:300px}.container-from-other{display:flex;flex-direction:column;text-align:left;align-items:flex-start;padding:10px}.message-from-other{display:block;color:#282828;font-size:.8rem;line-height:1.4;padding:10px;border-radius:10px 10px 10px 0;border:2px solid #248A52;max-width:85%}.div-messages::-webkit-scrollbar{width:8px}.div-messages::-webkit-scrollbar-thumb{background-color:#858585;border-radius:6px}.div-comments::-webkit-scrollbar{width:8px}.div-comments::-webkit-scrollbar-thumb{background-color:#858585;border-radius:6px}.image-container{width:100%;position:relative}.image-container:before{display:block;content:"";width:100%;padding-top:56.25%}.image-container img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0}.logo-container{width:min(500px,100%);position:relative;padding:1rem;display:flex;justify-content:center;align-items:center;text-decoration:none;line-height:0}.logo{max-width:90%;object-position:center;object-fit:contain;display:block;margin:0}.mobile-notification-toggle{display:none;position:fixed;bottom:1rem;right:1rem;background-color:#256e4b;color:#fff;border:none;border-radius:10%;width:48px;height:48px;font-size:1.5rem;text-align:center;line-height:24px;cursor:pointer;box-shadow:0 2px 8px #0003;z-index:1100}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-window{position:fixed;top:4rem;right:1rem;bottom:1rem;left:3rem;background-color:#fff;border-radius:5px;padding:1rem;box-shadow:0 4px 6px #0000001a;overflow:auto}@media (max-width: 900px){body{font-size:.8rem}.div-hp{grid-template-columns:1fr;grid-template-rows:fit-content(80px) 500px;gap:0}.div-sidebars,.div-hp-feed{width:100%}.div-hp-feed{order:2}.div-sidebars{order:1}.div-hp-search{margin:0rem .5rem;height:5rem}.div-sidebar-header{height:0;display:none}.div-sidebars{margin:0}.div-hp-notifications{display:none}.mobile-notification-toggle{display:block}.div-comment{font-size:1rem}.username,.timestamp{font-size:.8rem}}.expansion-button{margin:0 auto;display:flex;justify-content:center;align-items:center}.expansion-button.active{transform:rotate(90deg);transition:transform .2s ease-in-out}.expansion-form{height:auto;overflow:hidden;transition:height .8s ease-in-out;background-color:transparent;font-size:1rem;font-weight:initial;padding:10px}.form-group{width:80%;margin:0 auto;display:grid;justify-content:center;grid-template-columns:45% 50%;gap:10px;background-color:transparent}.expansion-form label{grid-column:1;display:block;margin:8px 0;padding:4px 2px;align-self:start;text-align:right}.expansion-form input{grid-column:2;padding:4px}.dropdown-picker{margin:8px 0;padding:4px 2px}.slide-enter-active,.slide-leave-active{height:0px;transition:transform .2s}.activityDetails-form{top:0;left:0;width:100%;height:100%;position:fixed;background:#0006;z-index:100;display:grid;align-items:center}.activityDetails-modal{width:90%;max-width:600px;padding-top:2.5rem;padding-left:2%;padding-right:2%;margin:100px auto;position:relative;border-radius:5px;background:#fff;box-shadow:0 0 8px #0000001a;text-align:center;align-items:center}.modal-content{background-color:#fff;padding:20px;border-radius:5px;max-width:500px}.activity-image{max-width:100%}.activity-info{width:96%;position:absolute;top:2.5rem;left:2%;background-color:#fffc;padding:5px;border-radius:5px}.activity-details{position:relative;display:flex;align-items:flex-start;justify-content:space-between}.h2-activity-name{font-weight:700}.form-messages{width:100%;height:60px;margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-between;gap:2%}.form-messages button{border-radius:5px;display:flex;justify-content:center;align-items:center;margin:0 auto;background-color:#ffe100}.comment-group{width:100%;min-height:60px;margin:0 auto;padding:1%;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px;row-gap:5px}.comment-group .comment-input{flex-grow:1}.comment-group .error{width:100%;text-align:center}input:focus{outline:none;border-color:#248a52;box-shadow:0 0 5px #248a52}input::placeholder{color:#858585}.submit-button{display:flex;justify-content:center;align-items:center;margin:0 auto;color:#ebebeb;background-color:#248a52;border-radius:5px}.div-notification{display:flex;flex-direction:row;align-items:center;text-align:left;align-items:flex-start;padding:8px;color:#282828;font-size:12px;line-height:1.4}.icon-notification{width:14px;height:14px}.text-notification{margin-left:5px}.or-line{display:flex;align-items:center;text-align:center;margin:15px 0}.line{flex:1;height:3px;margin:0 5px;border-bottom:1px dashed gray}.word{margin:0;color:gray}.manageActivity-container{position:relative;display:inline-block}.manageActivity-button{display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:0;width:32px;height:32px;background-color:transparent;border:none;cursor:pointer;padding:0}.activityMenu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:800}.activityMenu-dropdown{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 6px #0000001a;z-index:100;padding:.5rem 0;min-width:120px;z-index:900}.activityMenu-dropdown ul{list-style:none;margin:0;padding:0}.activityMenu-dropdown li{padding:.5rem 1rem;cursor:pointer;font-size:.9rem;color:#333}.activityMenu-dropdown li:hover{background-color:#f5f5f5}.mypage-container{padding:1rem;max-width:900px;margin:0 auto}.tabs-nav{display:flex;justify-content:center;margin-bottom:20px;border-bottom:2px solid #eee}.tab-button{padding:10px 20px;cursor:pointer;border:none;background-color:transparent;font-size:1rem;color:#555;position:relative;margin:0 5px}.tab-button.active-tab{color:#00bd7e;font-weight:700}.tab-button.active-tab:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:#00bd7e}.tab-content{margin-top:20px}.loading-message,.empty-state-message,.please-login-message{text-align:center;color:#777;padding:20px}.messages-list{list-style-type:none;padding:0}.messages-list{list-style-type:none;padding:0;max-width:600px}.message-item{border:2px solid #248A52;padding:12px 15px;margin-bottom:15px;margin-top:15px;border-radius:10px;background-color:#f9f9f9;display:flex;flex-direction:column;gap:8px}.message-participants{font-weight:700;font-size:1rem;color:#282828;word-break:break-word}.message-line{display:flex;font-size:.9rem;justify-content:space-between;align-items:flex-start;gap:10px}.message-preview{flex-grow:1;margin:0;color:#282828;line-height:1.4;word-break:break-word}.message-timestamp{flex-shrink:0;font-size:.8em;color:#4a4a4a;white-space:nowrap;margin-left:10px;padding-top:2px}.message-item:hover{background-color:#f0f0f0;cursor:pointer}.profile-settings-form div{margin-bottom:15px}.profile-settings-form label{display:block;margin-bottom:5px;font-weight:700}.profile-settings-form input[type=text],.profile-settings-form input[type=email]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.profile-settings-form input[disabled]{background-color:#f9f9f9;cursor:not-allowed}.settings-message{padding:10px;margin-top:10px;border-radius:5px;text-align:center}.settings-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.settings-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width: 600px){.tab-button{padding:8px 10px;font-size:.9rem}}.legal-content{max-width:800px;margin:20px auto;padding:20px;line-height:1.6}