@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@350;700&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.agape-alert-container{position:fixed;top:3rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem}.agape-alert{display:flex;justify-content:space-between;align-items:center;padding:7px 1rem 7px 2rem;border-radius:.5rem;min-width:250px;max-width:350px;border:1px solid white;color:#fff;font-weight:500;animation:slideIn .3s ease forwards;opacity:0;transform:translateY(-20px)}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}.agape-alert.info{background-color:var(--blue-color);box-shadow:0 4px 14px #00000080}.agape-alert.success{background-color:#fff;border:1px solid #4caf50;color:#333;box-shadow:inset 0 0 7px #4caf50,0 4px 14px #00000080}.agape-alert.warning{background-color:#fff;border:1px solid #ff9800;color:#333;box-shadow:inset 0 0 7px #ff9800,0 4px 14px #00000080}.agape-alert.error{background-color:#fff;border:1px solid #f44336;color:#333;box-shadow:inset 0 0 7px #f44336,0 4px 14px #00000080}.agapealert-close-button{margin:0 0 0 1rem;padding:0;background:none;border:none;font-size:1.2rem;color:#333;cursor:pointer}.login-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:transparent;height:fit-content;font-family:Arial,sans-serif}.login-container{background-color:#fff;margin:40px 0;padding:10px 20px 20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:100%;max-width:320px}.login-container h1,.login-container h2{text-align:center;margin-bottom:20px;color:#333}.input-field{width:100%;padding:12px;margin:4px 0;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px;resize:none}.input-field-readonly{width:100%;padding:12px;margin:4px 0;border:1px solid #ddd;background-color:#ddd;color:gray;border-radius:4px;box-sizing:border-box;font-size:16px}.input-field:focus{border-color:#007bff;outline:none}.login-button{width:100%;padding:12px;margin:0;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}.login-button:hover{background-color:#0056b3}.login-link{display:block;text-align:center;margin-top:15px;color:#007bff;text-decoration:none}.login-link:hover{text-decoration:underline}.error-message{color:red;font-size:14px;text-align:center;margin-top:0;margin-bottom:10px}.close-button{margin:0;text-align:right;color:#333}.how-i-find-jesus{margin-top:1rem;color:#000;font-weight:700}.fingercross-icon-login{width:20%;display:flex;margin-left:auto;margin-right:auto;margin-top:2rem}.terms-of-servece-consent-checkbox{margin:1rem 0;display:flex;align-items:center;justify-content:flex-start;gap:.1rem;width:fit-content}.terms-of-servece-consent-checkbox label{margin:12px;font-size:.95rem;color:#333;white-space:nowrap}.terms-of-servece-consent-checkbox div{color:#007bff;text-decoration:underline}.terms-of-servece-consent-checkbox a:hover{color:#0056b3}.terms-link{color:#07c;text-decoration:underline;cursor:pointer;margin:0 .2rem}.register-agree-input{width:1rem;height:1rem}.privacypolicy-container{padding:2rem;background-color:var(--blue-color);min-height:100vh}.privacypolicy-container p{text-align:left}.privacypolicy-container h1{margin:0}.privacy-policy-content{max-width:600px;border-radius:8;margin:0 auto}.privacy-policy-content p{text-align:left;margin:1rem 0}.privacy-policy-content h2{font-size:large;margin:2rem 0 0}.contact-link{color:#add8e6;cursor:pointer}.dashboard-container{max-width:auto;margin:0 auto;padding:0!important}.dashboard-layout{display:flex;align-items:flex-start;margin-left:250px}.dashboard-content{flex-grow:1;padding:0!important;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.dashboard-list{position:fixed;top:0;left:0;height:100vh;overflow-y:auto;width:250px;background-color:var(--blue-color);background:linear-gradient(var(--blue-color),rgba(35,119,180,.92),var(--blue-color)),url(../srcImages/fingercross.png) no-repeat center center fixed;background-size:cover;padding:10px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease-in-out;z-index:90}.dashboard-list-otsikko{font-family:Josefin Sans,sans-serif!important;margin:0}.viiva{margin:27px 0 7px;width:100%;height:1px;background-color:#add8e6}.dashboard-container h2{text-align:center}p{text-align:center;margin-bottom:40px}.button-container{max-width:420px;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:0 auto}.dashboard-header-title{font-weight:700;font-family:Josefin Sans,sans-serif!important;font-size:small;padding:14px 4px;writing-mode:vertical-rl}.dashboard-button{margin:4px 0 4px 4px;flex:1 1 calc(25% - 20px);font-size:14px;color:#fff;font-weight:700;cursor:pointer;background-color:transparent;padding:1rem;border-radius:24px 4px 4px;box-shadow:2px 2px 2px #0000001a;width:100%;box-sizing:border-box;line-height:1}.dashboard-button-admin{margin:4px 0;flex:1 1 calc(25% - 20px);font-size:14px;color:#fff;font-weight:700;cursor:pointer;padding:1rem;border-radius:24px 4px 4px;box-shadow:2px 2px 2px #0000001a;width:100%;box-sizing:border-box;border:2px solid orange;line-height:1}.dashboard-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.button-content{display:flex;align-items:center}.icon{flex-shrink:0;width:24px;height:24px;margin:0 17px 0 0}.text-button-text{flex:1;text-align:left;word-break:break-word;font-family:Josefin Sans,sans-serif!important}.vahvista-email-napissa-ilmoitus{background-color:#ff0;padding:12px;margin:12px}.kaytto-ohjeet{line-height:1.6;margin:570px 8px;color:var(--gray-color)}.kaytto-ohjeet-viiva{width:100%;height:2px;background-color:var(--gray-color)}.fingercross-icon-list{width:2rem;display:flex;margin:0}.editpen-icon-list{height:2rem;display:flex;margin:0 7px 0 0;border:1px solid white;background-color:var(--dark-color);border-radius:4px;padding:4px}.list-close-button{display:none}.confirmation-message{font-family:Josefin Sans,sans-serif!important;max-width:600px;margin:1rem auto;padding:1rem 3rem!important;background-color:var(--background-color);color:#fff;padding:1.5rem;font-family:sans-serif;line-height:1.6;text-align:center}.confirmation-message-tasks{background-color:var(--blue-color);border:1px solid white;border-radius:24px;font-size:larger;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;padding-bottom:2rem}.confirmation-message h3{font-size:2rem;margin:1rem;color:#ff0}.bottom-items-dashboard{font-size:small;margin:0 0 0 17px;color:#add8e6}.bottom-items-dashboard{cursor:pointer}.dashboard-header{position:fixed;top:7px;left:0;display:flex;flex-direction:column;z-index:100;gap:7px}.header-actions{display:flex;align-items:center;gap:16px}.dashboard-header-button{position:relative;display:flex;align-items:center;gap:8px;background-color:#f0f0f0;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;transition:background-color .2s ease;background:linear-gradient(var(--blue-color),rgba(35,119,180,.7),var(--blue-color))}.sircle:hover{background-color:var(--dark-color)}.dashboard-button:hover{background-color:#00bfff4d}.ala{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#3a3a3a}.ala-link{cursor:pointer;padding:7px;margin:0 7px}.profile-picture-img{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid #eee}.new-post-button{position:fixed;bottom:0;right:0;width:4rem;height:4rem;border-radius:50%;padding:auto;display:flex;justify-content:center;align-items:center;text-align:center;box-shadow:0 0 22px #000000b3}@media (max-width: 768px){.dashboard-list{transform:translate(-100%);z-index:900;border-right:1px solid white}.dashboard-layout{margin-left:0}.dashboard-list.open{transform:translate(0)}.menu-toggle-button{display:flex;align-items:center;margin:0;border:none;box-shadow:0 0 22px #000000b3;border-radius:0 4px 4px 0;padding:0 12px;cursor:pointer;transition:background-color .2s ease}.list-close-button{position:fixed;top:0;right:0;padding:4px;background:none;border:none;cursor:pointer;display:block;margin-bottom:1rem}.dashboard-content{margin-left:0;padding:20px}.dashboard-header{width:fit-content;border-radius:0}.sircle{margin-top:0}}@media (min-width: 769px){.menu-toggle-button,.close-button{display:none}.dashboard-list{transform:translate(0);width:250px}.dashboard-content{padding:20px}}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:900}.announcements-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff8e1;margin:0;color:#000!important}.announcements-div{position:relative;width:100%;display:flex;flex-direction:column;padding:1rem 1rem .5rem;z-index:1}.announcements-div p{margin:0;padding-bottom:4px}.announcement-card{background-color:#fff8e1;padding:0 1rem;box-shadow:0 2px 6px #0000000d}.announcement-message{font-weight:500;margin-bottom:.5rem}.announcement-dates{font-size:.875rem;color:#555;padding-bottom:7px!important}.announcement-close-button{position:absolute;bottom:-4px;right:7px;margin:0 0 0 1rem;padding:0;background:none;border:none;font-size:2.2rem;color:gray;cursor:pointer}@media (max-width: 480px){.announcement-message{font-size:small}.announcement-dates{font-size:x-small}.announcement-close-button{font-size:1.4rem;bottom:0}}.feed-container{position:relative;max-width:600px;margin:auto;padding:1rem}.feed-header-today-title{margin:0 0 1rem;background-color:var(--blue-color);border:1px solid var(--background-color);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:7px 2rem;box-shadow:0 0 77px #fff;color:#fff!important;width:100%}.feed-header-today-title h2{margin:0}.feed-header-today-title div{font-size:small;text-align:center;margin-bottom:4px}.feed-post{position:relative;border:1px solid #ccc;padding:2px;margin-bottom:1rem;border-radius:30px 6px 6px;background:#fafafa;color:#333}.feed-pray-request{position:relative;border:1px solid #ccc;padding:2px;margin:0 auto 1rem;border-radius:2px!important;background:var(--post-it-yellow-color);color:#333;transform:rotate(-1.2deg) scale(.9)}.feed-emergency-pray-request{position:relative;border:1px solid #ccc;padding:2px;margin:0 auto 1rem;border-radius:2px!important;background:var(--post-it-pink-color);color:#333;transform:rotate(-1.2deg) scale(.9)}.post-content{white-space:pre-wrap;margin-bottom:1.2rem;margin-left:1rem;text-align:left}.post-media{position:relative;text-align:center}.post-media-feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(48%,1fr));gap:4px;justify-content:center;margin:0 auto;max-width:100%}.feed-post-image{width:100%!important;height:170px!important;object-fit:cover}.post-media-feed:has(:only-child){justify-content:center;grid-template-columns:1fr}.post-media img,.post-media video{display:block;margin:.5rem auto;max-width:100%}.post-media-feed img{width:60%;height:auto;max-height:340px!important;object-fit:cover}.post-video{max-height:300px}.post-date{color:#666;font-size:.8rem;display:block}.feed-loading,.feed-empty{text-align:center;margin-top:3rem;color:#555}.profile-picture-post-container{width:3.5rem;height:3.5rem;border:2px solid #fff;border-radius:50%}.profile-picture-post-container img{width:100%;height:100%;border-radius:50%;object-fit:cover}.feed-flex-between{display:flex;align-items:center;justify-content:space-between;gap:7px}.post-actions{display:flex;justify-content:space-around;gap:4px;margin-top:10px;padding:0 1rem;border-top:1px solid lightgray}.post-action-button{background-color:transparent;border:none;margin:0 .3rem;cursor:pointer;font-size:.95rem;color:var(--background-color);padding:6px 10px;border-radius:6px;transition:background .2s}.comment-like-button{background-color:transparent;border:none;margin:0;font-size:x-small;cursor:pointer;color:var(--background-color);padding:0 4px 4px}.post-action-button:hover{background-color:#f0f0f0}.like-icon{align-items:right;width:2rem;border:none;cursor:pointer;opacity:.5}.comment-like-icon{align-items:right;width:1rem;border:none;cursor:pointer;opacity:.5}.feed-post-dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 6px #00000026;z-index:10;display:flex;flex-direction:column;padding:.5rem}.feed-post-dropdown-menu button{background:none;color:#333;border:none;padding:4px 15px;text-align:left;cursor:pointer;white-space:nowrap}.feed-post-dropdown-menu button:hover{background-color:#f0f0f0}.post-menu-button{background:none;border:none;cursor:pointer;font-size:.95rem;color:#555;padding:6px 10px;border-radius:6px;transition:background .2s ease}.post-menu-button:hover{background-color:#f0f0f0}.feed-comment-dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 6px #00000026;z-index:10;display:flex;flex-direction:column;padding:.5rem}.feed-comment-dropdown-menu button{background:none;color:#333;border:none;padding:4px 15px;text-align:left;cursor:pointer;white-space:nowrap}.feed-comment-dropdown-menu button:hover{background-color:#f0f0f0}.comment-menu-button{background:none;border:none;cursor:pointer;font-size:.7rem;color:#aaa;padding:0;margin:0 4px;border-radius:6px;transition:background .2s ease}.comment-menu-button:hover{background-color:#f0f0f0}.comment-like-icon,.like-icon{filter:brightness(.1) opacity(.5);transform:scale(1)}.comment-like-icon.liked,.like-icon.liked{filter:brightness(1) saturate(1.2);transform:scale(1.3)}.post-comment{margin:.5rem;background-color:#fff;border-radius:12px;box-shadow:2px 2px 12px #8080801a}.post-comment-last{margin:.5rem;padding:4px;margin:0 1rem 1rem;background:#fff;border-radius:7px;box-shadow:2px 2px 12px #8080801a}.feed-flex-between-comment{display:flex;align-items:flex-end;justify-content:space-between;gap:7px}.feed-flex-between-comment span{font-size:medium}.profile-picture-post-container-comment{width:1.5rem;height:1.5rem;border:2px solid #fff;border-radius:50%}.profile-picture-post-container-comment img{width:100%;height:100%;border-radius:50%;object-fit:cover}.comment-text{padding:7px 4px 7px 12px}.text-end-row{text-align:end;padding:0 4px}.comment-footer{display:flex;justify-content:space-between;align-items:end}.audio-row{display:flex;align-items:center;gap:4px}.profile-picture-on-audio{position:relative;z-index:1}.profile-picture-post-container-audio{flex-shrink:0;width:3rem;height:3rem;margin-bottom:4px;border-radius:50%;z-index:2;overflow:hidden}.profile-picture-post-container-audio img,.profile-picture-post-container-audio .default-profile-icon{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 12px gray;margin:0}.audio-player-wrapper{flex:1}.current-audio-controller{position:fixed;top:220px;left:250px;transform:translateY(-50%);display:flex;justify-content:center;flex-direction:column;width:24px;padding:2px;z-index:1999;background:#777;border-top:1px solid #777777;border-right:1px solid #777777;border-top-right-radius:4px;border-top-left-radius:4px;box-shadow:1px -2px 7px #000000b3}.current-audio-controller:before{content:"";position:absolute;top:35px;left:50%;transform:translate(-50%);width:97%;height:70px;border-radius:15px;background:repeating-linear-gradient(45deg,#aaa,#444 4px,#222 4px,#222 8px);box-shadow:inset 0 0 10px #111}.current-audio-controller:after{content:"";position:relative;top:-14px;left:50%;transform:translate(-50%);width:70%;height:10px;border-radius:12px 12px 0 0;border:4px solid #444;border-bottom:none;position:absolute;z-index:-100}.corner-line{position:absolute;top:-27px;right:1px;width:4px;height:30px;background-color:#444;transform:rotate(20deg);border-radius:2px;z-index:3}.current-audio-controller-profile-img{position:relative;flex-shrink:0;width:3.5rem;height:3.5rem;margin-bottom:4px;border-radius:50%;z-index:2;overflow:hidden;box-shadow:0 -2px 7px #000000b3}.current-audio-controller-profile-img img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #fff;margin:0}.current-audio-controller-profile-img svg,.audio-play-pause-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;opacity:.9;font-size:1.4rem;cursor:pointer;pointer-events:auto;transition:opacity .3s ease;-webkit-user-select:none;user-select:none;z-index:3;filter:drop-shadow(0 0 7px rgba(0,0,0))}.audio-play-pause-icon:hover{opacity:1}.audio-play-pause-icon.playing:before{content:"";position:absolute;top:-25px;left:-25px;width:42px;height:42px;border:4px dashed #ddd;border-radius:50%;animation:rotate 7s linear infinite;z-index:-1}.onefeed-post-visibility-status{font-size:12px;align-self:flex-start;font-weight:700}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.current-audio-controller-button{margin:7px auto;padding:0!important;width:16px;height:24px!important;background-color:transparent}.postdetail-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:999;overflow-y:auto}.prayers-are-needed{text-align:center;font-size:larger;color:#fff;font-weight:700;text-shadow:-1px -1px 0 gray,1px -1px 0 gray,-1px 1px 0 gray,1px 1px 0 gray}@media (max-width: 760px){.current-audio-controller{left:0}}@media (max-width: 480px){.feed-container{padding:0}.feed-post{border-radius:30px 0 0}}.cross-back-button{display:flex;align-items:center;gap:4px;margin:0;background-color:var(--gray-color);border:none;color:#fff;padding:0 0 0 12px;cursor:pointer;height:1.2rem;clip-path:polygon(0% 50%,30% 0%,100% 0%,100% 100%,30% 100%);transition:background-color .3s,clip-path .3s;box-shadow:0 2px 6px #0000001a}.home-back-button{margin:0;padding:0;background-color:transparent}.cross-back-button:hover{background-color:var(--dark-color);border-color:#999}.cross-icon{font-size:18px;color:#fff;width:33px;height:13px;margin:0 0 2px;display:flex;justify-content:center;align-items:center}.cross-back-button:hover .cross-icon{transform:translate(-4px)}.go-back-row{display:flex;flex-direction:column;gap:12px;padding-right:1rem}.container-page{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#ddd}.container-div-header{width:100%;display:flex;align-items:center;gap:1rem;background-color:var(--background-color);padding:12px}.container-div-header h1{margin:0}.empty-profile-header{display:flex;align-items:center}.empty-profile-image{width:1.5rem;height:1.5rem;border:2px solid #fff;border-radius:50%;background-color:#ddd}.empty-profile-name{width:7.5rem;height:.7rem;margin:1px 0;border:2px solid #fff;border-radius:12px;background-color:#ddd}.post-comments{padding:4px}.post-comments-empty-space{height:420px!important;display:flex;justify-content:center;align-items:end;color:#ddd;font-size:larger}.comment-send-button{margin:0;padding:0 1rem 4px 0;background-color:transparent;color:var(--dark-color);font-size:larger}.post-comment textarea{border-radius:0;border:none}.post-comment textarea::placeholder{font-size:12px;color:#333;opacity:1}.comment-textarea{background-color:transparent;padding:.5rem 1rem!important}.comment-text{white-space:pre-wrap}.new-comment-container{margin:1rem 2rem;box-shadow:0 2px 7px #808080b3}.new-comment-pen-icon{filter:grayscale(100%) brightness(70%);width:27px;height:27px}.no-comments{margin:4px}.feed-container{width:100%;margin:0}.add-comment-commuter{position:fixed;bottom:1.5rem;right:1.5rem;background-color:#ffffffe6;border:2px solid #ccc;border-radius:50%;width:58px;height:58px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #0000004d;cursor:pointer;transition:transform .2s ease;z-index:1000}.add-comment-commuter:hover{transform:scale(1.1)}@media (max-width: 480px){.feed-container{width:100%}.feed-post{border-radius:30px 0 0;width:100%!important}}.profile-page{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#eee}.profile-div-header{width:100%;display:flex;align-items:center;gap:1rem;background-color:var(--background-color);padding:12px}.profile-div-header h1{margin:0}.profile-container{max-width:600px;width:100%;display:flex;flex-direction:column;gap:.7rem;margin:.7rem;color:#000!important;padding:2rem;box-shadow:none;border-radius:0}.profile-container h1{text-align:center;margin-bottom:1.5rem;font-size:1.8rem}.input-container{margin-bottom:.5rem!important;box-sizing:border-box}.input-container input{width:100%;padding:.5rem;border-radius:8px;border:1px solid #ccc;font-size:1rem;box-sizing:border-box}.input-container input.readonly{background-color:#e0f7f7;color:#333;cursor:not-allowed}.input-container input.editable{background-color:#fff;color:#000}.profile-actions{display:flex;flex-direction:column;justify-content:end;align-items:end;text-align:right}.profile-actions button{width:180px}.profile-actions button:hover{opacity:.9}.profile-actions button:disabled{background-color:#9e9e9e;cursor:not-allowed}.container-password{margin:38px 2px 0;display:flex;justify-content:flex-end}.in-password{width:180px}.verified{color:green}.no-verified{color:#ffa1a1}.verify-email-container{width:100%;display:flex;justify-content:right}.verify-email-container .button{width:100%;height:5rem;background-color:#c27e00;color:#fff;font-size:16px;padding:10px;border:none;border-radius:5px;cursor:pointer;text-align:center;transition:background-color .3s ease}.verify-email-container .button:hover{background-color:#ffc547}.button-container{display:flex;justify-content:space-between;align-items:center;width:100%}.profile-actions button{margin:2px}.editpen-icon{align-items:right;width:2rem;border:none;cursor:pointer;filter:invert(100%);opacity:.5}.loading{padding:1rem;font-size:16;text-align:center}.profile-settings-button{border:1px solid white}.profile-info label{margin:0;font-weight:700;font-size:medium}.profile-info label.readonly{font-weight:300}.delete-account-container{padding:1rem;background-color:#ffffffb3}.button-content-profile{display:flex;flex-direction:column;align-items:center}.delete-account-button{cursor:pointer;background-color:#ff4d4f;color:#fff;padding:7px 20px;border-radius:4px;text-align:center;font-weight:700;width:fit-content;margin:20px 0;transition:background-color .3s ease}.delete-account-button:hover{background-color:#e04344}.delete-warning-text{color:#a80000;font-size:14px;margin-top:12px;max-width:600px;line-height:1.5;text-align:left}.delete-pre-button{background-color:var(--gray-color);padding:4px;color:#eee;border:2px solid red;cursor:pointer}.center-cross{margin:3rem auto}.profile-picture{width:40px;height:40px}.profile-div{display:flex;flex-direction:column;gap:10px;padding:20px;background:#fff;box-shadow:0 0 7px #80808033;border-radius:4px}.mode-group{display:flex;gap:.5rem}.mode-box{border:1px solid #ddd;padding:1rem;border-radius:10px;background-color:#fafafa}.mode-box h4{margin:0 0 1rem;font-size:1rem;color:#444}.mode-options{display:flex;flex-wrap:wrap;gap:.5rem}.mode-option{display:inline-flex;align-items:center;gap:8px;padding:4px 7px;border:2px solid #ccc;border-radius:12px;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f7f7f7;transition:background-color .2s,border-color .2s;font-size:.95rem}.mode-option input[type=radio]{display:none}.mode-option.selected{background-color:var(--blue-color);color:#fff;border-color:#0057b8}.mode-option:hover{background-color:#e8e8e8}.email-change-warning{background-color:#e6f0ff;color:#004085;padding:7px;font-size:.8rem;line-height:1.4}.profile-image-kontti{position:relative;display:flex;justify-content:center}.delete-profile-image{position:relative;top:12px;right:12px;margin:-17px;background:#0009;color:#fff;border:none;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;padding:4px;z-index:1}.save-profile-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;padding-top:3rem;background-color:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1000}.save-profile-modal-overlay h3{color:#333;margin:0 0 2rem}.save-profile-modal-content{background-color:#fff;padding:2rem 1rem;border-radius:10px;width:300px;text-align:center}.save-profile-modal-actions{display:flex;justify-content:space-between;margin-top:1rem}.delete-account-button-container-bottom{display:flex;justify-content:space-between}.cancel-color-gray{background-color:gray}.cancel-color-gray:hover{background-color:var(--dark-color)!important}@media (max-width: 480px){.profile-container{padding:1rem;margin:0 0 2rem}.profile-container h1{font-size:1.5rem;margin-bottom:1rem}.input-container label{font-size:.9rem}.input-container input{padding:.4rem;font-size:.9rem}.profile-actions button{padding:.6rem 1rem;font-size:.9rem}.mode-box{padding:.5rem}}.settings-page{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#eee}.setting-div-header{width:100%;display:flex;align-items:center;gap:1rem;background-color:var(--background-color);padding:1rem}.setting-div-header h1{margin:0}.settings-container{max-width:900px;width:100%;min-height:90vh;display:flex;flex-direction:column;gap:.7rem;margin:.7rem;color:#000!important}.setting-div{display:flex;flex-direction:column;gap:10px;padding:20px;background:#fff;box-shadow:0 0 7px #80808033;border-radius:4px}.setting-div h2{color:#000!important;margin:0;padding-bottom:.5rem;border-bottom:1px solid gray}.setting-div-flex{display:flex;justify-content:flex-start;align-items:center;padding:7px!important;border-radius:4px;gap:1rem}.setting-div-flex p{text-align:left}.setting-row{display:flex;align-items:center;gap:10px}.setting-button{padding:8px 16px;background-color:var(--gray-color);color:#fff;border:none;border-radius:4px;cursor:pointer}.setting-div-login-sessions{display:flex;flex-direction:column;gap:2rem;background:#fff;padding:20px;border-radius:6px;box-shadow:0 0 7px #0000001a}.session-row{display:flex;justify-content:space-between;align-items:center;padding:7px!important;background-color:#f8f8f8;border-radius:4px}.session-info{display:flex;flex-direction:column}.session-detail{display:flex;justify-content:flex-start;margin-bottom:8px}.session-detail strong{font-family:Arial Narrow,sans-serif}.session-info p,.session-info span{margin:0;display:contents}.session-info strong{width:90px;align-items:end}.session-info em{font-style:italic;margin-left:10px;font-size:x-small;align-self:flex-end}.session-logout-button,.logout-others-button,.logout-all-button{padding:4px 12px;border:none;background-color:var(--gray-color);color:#fff;border-radius:4px;cursor:pointer}.session-logout-button{margin-top:auto}.logout-all-button,.logout-others-button{align-self:flex-end}.settings-email-notification-switch{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.settings-switch-container{display:flex;align-items:center;gap:.75rem}.settings-switch-toggle{width:48px;height:24px;background-color:#ccc;border-radius:9999px;position:relative;transition:background-color .3s}.settings-switch-toggle.settings-on{background-color:#4ade80}.settings-switch-knob{width:20px;height:20px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:left .3s}.settings-switch-toggle.settings-on .settings-switch-knob{left:26px}.settings-switch-label{font-size:.9rem;color:#333}@media (max-width: 480px){.setting-div{font-size:small}.session-info{grid-template-columns:90px auto;font-size:small}.session-row{padding:2px}.session-logout-button{font-size:small;margin-bottom:0;margin-left:auto}.session-row{flex-direction:column;align-items:start;padding-bottom:1rem}.session-info strong{width:70px}.email-notification-setting-button{margin:0;font-size:small}}.notifications-page{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.notifications-div-header{width:100%;display:flex;align-items:center;gap:1rem;background-color:var(--background-color);padding:12px}.notifications-div-header h1{margin:0}.notifications-container{width:fit-content;display:flex;flex-direction:column;gap:.7rem;margin:.7rem;color:#000!important}.notifications-div{max-width:600px;padding-bottom:7rem!important;display:flex;flex-direction:column;padding:12px;background:#eee;box-shadow:0 0 7px #80808033;border-radius:4px}.notifications-div h2{color:#000!important;margin:0;padding-bottom:.5rem;border-bottom:1px solid gray}.notifications-list{display:flex;flex-direction:column;gap:1px}.notification-card{position:relative;background-color:#f0f8ff;border:1px solid #ccc;border-left:4px solid var(--background-color);border-radius:4px;padding:12px;transition:background-color .3s}.notification-card.read{border-left-color:#ccc;background-color:#fff}.notification-card.read:after{display:none}.notification-card p{font-family:Josefin Sans,sans-serif!important;font-size:larger!important;text-align:left}.notification-card:hover{background-color:#f0f8ff}.notification-card p{margin:0 0 6px;color:#333;font-size:.95rem}.notification-time{font-size:.8rem;color:#666;font-weight:600}.notification-time.read{font-weight:300}.see-more-link{color:var(--blue-color)!important;font-size:12px!important}.iconi-aika-rivi{display:flex;align-items:center;gap:8px}.notification-icon{display:flex;align-items:center;justify-content:center;font-size:18px}.notification-icon.like,.notification-icon.comment{color:var(--background-color)}.notification-icon.group_comment,.notification-icon.group_join_request,.notification-icon.follow{color:var(--blue-color)}.notification-icon.follow_accept{color:var(--background-color)}.notification-icon.mention{color:purple}.notification-icon.message{color:orange}.notification-icon.system{color:var(--blue-color)}.notification-icon.default{color:gray}@media (max-width: 480px){.notifications-container{margin:0}.notifications-div{border-radius:0;padding:12px 0}.notifications-div h4{padding-left:4px}.notification-card{border-radius:0}}.groups-page{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.groups-div-header{width:100%;display:flex;align-items:center;gap:1rem;background-color:var(--background-color);padding:12px}.groups-div-header h1{margin:0}.groups-container{max-width:600px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.7rem;margin:.7rem;color:#000!important}.groups-div{width:100%;padding-bottom:7rem!important;display:flex;flex-direction:column;padding:12px;gap:1rem;background:#eee;box-shadow:0 0 7px #80808033;border-radius:4px}.groups-div-search{width:100%;padding-bottom:7rem!important;display:flex;flex-direction:column;gap:1rem;background:#eee;box-shadow:0 0 7px #80808033;border-radius:4px}.group-card{display:flex;justify-content:space-between;align-items:stretch;width:100%;height:120px;overflow:hidden;border-radius:4px;background-color:#fff;box-shadow:0 2px 7px #0000004d;color:#333;font-size:large;gap:4px;cursor:pointer}.group-card-left{width:80%;display:flex;flex-direction:column;padding:.5rem}.group-card-left-description{font-size:medium;margin:4px 0;white-space:pre-wrap}.group-card-right{width:20%;padding:.5rem 1rem;display:flex;align-items:flex-start;justify-content:left;color:#000;overflow:hidden;border-radius:0 4px 4px 0}.group-card h3{margin:0;color:#333}.group-card p{text-align:left!important;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.group-members-list{display:flex;flex-wrap:wrap}.group-member{display:flex;align-items:center;margin-bottom:-7px;margin-right:-4px}.group-flex{position:relative;width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:7px;padding-bottom:4px;border-bottom:1px solid lightgray}.flex{display:flex;align-items:start;gap:8px}.group-title-commuter{position:fixed;bottom:0;left:0;width:100%;padding:7px;border-right:120px solid;background-color:#fff;box-shadow:0 -2px 7px #0000004d;z-index:99}.group-comments-container{position:relative;border:1px solid #ccc;padding:2px;margin:1rem 0;border-radius:6px;background:#fafafa;color:#333}.group-description-content{white-space:pre-wrap;margin:1rem;text-align:left}.group-menu-button{background:none;border:none;cursor:pointer;font-size:.95rem;color:#555;margin:0;padding:6px 10px;border-radius:6px;transition:background .2s ease}.group-menu-button:hover{background-color:#f0f0f0}.group-dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 6px #00000026;z-index:10;display:flex;flex-direction:column;padding:.5rem}.group-dropdown-menu button{background:none;color:#333;border:none;padding:4px 15px;text-align:left;cursor:pointer;white-space:nowrap}.group-dropdown-menu button:hover{background-color:#f0f0f0}.group-members-profile{width:20px;height:20px;border:2px solid #fff;border-radius:50%;overflow:hidden;flex-shrink:0}.group-members-profile img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%}.member-name{white-space:nowrap;font-size:medium;padding-top:2px}.groups-search{width:100%!important;margin:0!important}.group-info{font-size:medium}.waiting-text{writing-mode:vertical-rl;font-weight:700;color:#fff;text-align:center;-webkit-user-select:none;user-select:none;font-size:1.2rem;padding:.5rem}@media (max-width: 480px){.groups-div,.group-comments-container{border-radius:0}}.create-group-container{max-width:600px;margin:0;padding:1rem 1rem 7rem;background-color:#fff;color:#333;border-radius:12px;box-shadow:0 2px 10px #0000001a}.create-group-container h2{text-align:center;color:#333;margin:0}.create-group-form{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;padding:1rem}.create-group-form textarea{resize:vertical;padding:.8rem;border-radius:4px}.create-group-form input{border-radius:4px}.create-group-form input[type=file]{font-size:.9rem}.create-group-form button{margin:4px auto;width:100%;background-color:var(--blue-color);color:#fff;padding:1rem;gap:1rem;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s;box-shadow:0 2px 7px #0000004d;z-index:10}.group-visibility-label{display:flex;justify-content:end;align-items:center;font-size:small;gap:4px}.group-visibility-buttons{display:flex;margin:0 -1rem 1rem}.group-visibility-option{width:155px;padding:4px;cursor:pointer;gap:8px;background-color:#eee;transition:.2s ease;font-size:medium}.group-visibility-option div{white-space:nowrap;margin-bottom:4px}.group-visibility-option:hover{background-color:#eee}.group-visibility-option.selected{background-color:var(--background-color);color:#fff}.group-media-thumb{position:relative}.group-remove-media-button{position:absolute;top:-12px;right:-4px;margin:0!important;padding:0!important;border-radius:50%;width:24px;height:24px!important}.group-photo-guidelines{font-size:.9rem;color:#555;width:100%;text-align:center;margin-top:6px;padding:1rem;border:1px solid #ddd}.group-progress-bar{width:100%;height:6px;background-color:#e0e0e0;border-radius:3px;overflow:hidden;margin:10px 0;box-shadow:inset 0 1px 3px #0000001a}.group-progress{height:100%;background:linear-gradient(90deg,#4facfe,#00f2fe);width:0;border-radius:3px;transition:width .3s ease-in-out;box-shadow:0 0 8px #4facfe}.group-theme-color-picker{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.group-color-swatch-grid{display:flex;flex-wrap:wrap;gap:10px;max-width:300px;margin-top:.5rem;margin-bottom:1rem}.group-color-swatch{width:40px;height:40px;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:transform .2s ease}.group-color-swatch:hover{transform:scale(1.1)}.group-color-swatch.selected{border-color:#000;box-shadow:0 0 0 2px #fff,0 0 0 4px #000}@media (max-width: 520px){.create-post-container{margin:0;border-radius:0;min-height:100vh}.create-group-container h2{font-size:larger}}.audio-recorder-section{background:#777;color:#eee;padding:4px;border-radius:4px;width:97%;max-width:390px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #000000b3;font-family:Arial,sans-serif;-webkit-user-select:none;user-select:none;margin:0;text-align:center;position:relative;z-index:2}.audio-recorder-section h4{margin:1rem 0;font-weight:700;font-size:1.2rem;letter-spacing:1px}.record-buttons-container{display:flex;justify-content:center;align-items:center;font-size:small;padding:1.2rem 0 0}.audio-recorder-section button{background:#333;border:none;color:#eee;border:1px solid orange;padding:12px 18px;margin:8px 10px;border-radius:50%;width:70px;height:70px;font-size:1.2rem;cursor:pointer;box-shadow:inset 0 0 8px #333;transition:background .3s,transform .2s}.audio-recorder-section button:hover:not(:disabled){background:#ff4b4b;transform:scale(1.1)}.audio-recorder-section button:disabled{background:#666;cursor:not-allowed;opacity:.6}.audio-recorder-section button.recording{background:#ff4b4b;box-shadow:inset 0 0 12px #ff1a1a;color:#fff;transform:scale(1.1)}.audio-recorder-section p{font-size:small;margin:1rem 0;padding:12px 7px;line-height:1.4;color:#bbb;background-color:#333;border-radius:12px}.audio-recorder-section audio{margin-top:15px;width:100%;border-radius:10px;box-shadow:0 0 8px #000}.audio-recorder-section>button.close-btn{position:absolute;top:8px;right:8px;background:#555;border-radius:4px;border:1px solid #ff4b4b;width:auto;height:auto;padding:5px 10px;margin:2px;font-size:.8rem;box-shadow:none}.audio-recorder-section>button.close-btn:hover{background:#ff4b4b;color:#fff}.record-status{width:7rem;white-space:none}.audio-recorder-section:before{content:"";position:absolute;top:44px;left:50%;transform:translate(-50%);width:97%;height:20px;border-radius:15px;background:repeating-linear-gradient(45deg,#aaa,#444 4px,#222 4px,#222 8px);box-shadow:inset 0 0 10px #111}.audio-recorder-section:after{content:"";position:relative;top:-14px;left:50%;transform:translate(-50%);width:90%;height:10px;border-radius:12px 12px 0 0;border:4px solid #444;border-bottom:none;position:absolute;z-index:-100}.audio-recorder-section .corner-line{position:absolute;top:-27px;right:1px;width:4px;height:30px;background-color:#444;transform:rotate(20deg);border-radius:2px;z-index:3}.set-new-password-page{display:flex;justify-content:center;align-items:flex-start;padding:1rem;box-sizing:border-box}.set-new-password-container{margin-top:1rem;background-color:var(--blue-color);padding:2rem;border-radius:30px;box-shadow:0 4px 8px #0000001a;width:100%;max-width:400px;box-sizing:border-box;box-shadow:15px 15px 30px #0022344d,-15px -15px 30px #00385033}.set-new-password-container h1{text-align:center;margin-bottom:1.5rem;margin-top:0;font-size:1.8rem}.input-container{margin-bottom:1rem;box-sizing:border-box}.input-container label{display:block;font-weight:700;margin-bottom:.2rem;font-size:1rem}.input-container input{width:100%;padding:.5rem;margin-bottom:.5rem;border-radius:8px;border:1px solid #ccc;font-size:1rem;box-sizing:border-box}.save-new-password-button{display:block;margin-left:auto!important;margin-right:auto!important;margin:0;width:auto;padding:.8rem;font-size:1rem;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.button:hover{background-color:var(--dark-color)}.error-message{color:red;font-size:1rem;margin-bottom:.5rem}.success-message{font-weight:500;text-align:center;text-shadow:0px 0px 4px white;font-size:1rem;margin-bottom:1rem}@media (max-width: 480px){.set-new-password-container{padding:1.5rem;border-radius:20px;box-shadow:none}.set-new-password-container h1{font-size:1.5rem}.input-container input{padding:.4rem;font-size:.9rem}.button{padding:.6rem;font-size:.9rem}}.terms-of-service-content{padding:2rem;background-color:var(--blue-color);min-height:100vh}.cookie-consent-view{margin:0 2vh;padding:1rem;background-color:var(--blue-color);min-height:100vh;transition:transform .7s ease-in-out;transform:translateY(100%)}.cookie-consent-view.show{transform:translateY(0)}.cookie-consent-content{max-width:600px;border-radius:8;margin:0 auto}.cookie-consent-content p{text-align:left}.cookie-consent-content h6{font-size:large;margin:0}.cookie-consent-content h3{font-size:x-large;margin:3rem 0 0}.privacy-policy-link{text-decoration:none;cursor:pointer;color:#add8e6}.cookie-consent-buttons{display:flex}.cookie-consent-button{width:40%;padding:8px;display:flex;align-items:center;justify-content:center;margin:8px;border-radius:5px;border:none;cursor:pointer;box-shadow:2px 2px 12px #0009;line-height:1.1;color:#fff}.cookie-consent-button.accept-all{background-color:green}.cookie-consent-button.only-necessary{background-color:var(--gray-color)}.margin-top-5{margin-top:5rem!important;background-color:var(--dark-color);padding:1rem!important}.cookie-options-container{margin-top:1rem}.cookie-option{padding:1rem 1rem 2rem;border:1px solid white;margin-bottom:1rem}.cookie-check{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-left:6px;margin-top:-6px}.cookie-check input{width:1rem}.cookie-check label{margin:0;white-space:nowrap}.person-huom{margin:4px 0 0 3rem;color:#add8e6}@media (max-width: 480px){.cookie-consent-view{margin:2vh 0;border-top:2px solid white}}.mypen-page{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:start;align-items:center;font-family:Josefin Sans,sans-serif!important;background-color:var(--blue-color)}.mypen-div-header{width:100%;display:flex;align-items:center;gap:1rem;background-color:var(--blue-color);padding:12px}.mypen-div-header h1{margin:0}.mypen-container{max-width:600px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.7rem;color:#000!important}.mypen-top{display:flex;justify-content:center;width:100%;gap:8px;padding:1rem 7px}.mypen-top-contti{display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;background-color:#fff;border-radius:4px;width:124px;height:104px;padding:12px;cursor:pointer;font-weight:700;font-size:small;color:#444;transition:box-shadow .3s ease,transform .3s ease}.mypen-top-contti:hover{transform:translateY(4px);box-shadow:0 16px 32px #00000040}.profile-picture-container{width:7rem;height:7rem;border:2px solid #fff;border-radius:50%;background-color:var(--background-color)}.default-profile-icon{width:100%;height:100%;border-radius:50%;object-fit:cover;color:#fff!important;cursor:pointer}.profile-picture-container img{width:100%;height:100%;border-radius:50%;object-fit:cover}.mypen-profile-container{width:100%;padding:1rem 2rem;margin:1rem 0;max-width:480px;display:flex;justify-content:space-between;gap:1rem;color:#fff;background:linear-gradient(135deg,var(--blue-color) 50%,var(--dark-color) 80%);box-shadow:0 0 12px #0003}@media (max-width: 480px){.mypen-profile-container p{max-width:180px;overflow:hidden}}.userpen-page{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:start;align-items:center;font-family:Josefin Sans,sans-serif!important;background-color:var(--blue-color)}.userpen-top{display:flex;justify-content:right;width:100%;gap:8px;padding:0 12px;margin-top:-20px;max-width:480px}.userpen-one{display:flex;justify-content:space-between;align-items:flex-start}.userpen-feed-flex-between{display:flex;align-items:center;justify-content:flex-start;gap:7px}.userpen-feed-container{position:relative;max-width:600px;margin:auto;padding:1rem;width:100%}.userpen-top-contti{display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;background-color:var(--background-color);border-radius:4px;width:124px;padding:4px;cursor:pointer;font-weight:500;font-size:small;color:#fff;transition:box-shadow .3s ease,transform .3s ease}.disabled-button{background-color:var(--dark-color)}.userpen-profile-container{width:100%;padding:1rem 2rem;margin:0;max-width:480px;display:flex;justify-content:space-between;gap:1rem;color:#fff;background:linear-gradient(135deg,var(--blue-color) 50%,var(--dark-color) 80%);box-shadow:0 0 12px #0003}.userpen-post{background-color:#fff;border-radius:18px 4px 4px;margin-bottom:1rem}.userpen-post-comments{padding:7px 7px 0;display:flex;justify-content:space-between;border-top:1px solid #ddd}.userpen-post-left{flex:1;min-width:0}.userpen-thumbnail-post-media-image{max-height:70px;width:auto;margin:2px;object-fit:contain}.userpen-post-media{width:90px;flex-shrink:0;padding:4px;display:flex;flex-direction:column}.userpen-flex-comment{height:15px;display:flex;align-items:center}.userpen-profile-picture-post-container{width:2rem;height:2rem;border:2px solid #fff;border-radius:50%}.userpen-profile-picture-post-container img{width:100%;height:100%;border-radius:50%;object-fit:cover}.userpen-post-content{padding:4px 12px 12px}.userpen-video-thumbnail-playicon{padding:0 2rem 0 0;margin-top:-2rem;color:#fff;text-align:right}.userpen-audio-icon{width:100%;text-align:right;padding:0 4px;color:var(--dark-color)}.userpen-friend-menu-icon{position:absolute;top:0;right:-1.5rem;cursor:pointer}.userpen-friend-menu-dropdown{position:absolute;top:24px;right:0;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #00000026;z-index:10;min-width:140px}.userpen-friend-menu-item{padding:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#333;white-space:nowrap}.userpen-friend-menu-item:hover{background-color:#f5f5f5}.connections-mypen-container{max-width:600px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.7rem;color:#000!important}.connections-mypen-container h2{margin-bottom:0}.connections-list{width:100%}.connection-users-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.connections-profile-picture-container{width:2rem;height:2rem;border:2px solid #fff;border-radius:50%;background-color:var(--background-color)}.connections-default-profile-icon{width:100%;height:100%;border-radius:50%;object-fit:cover;color:#fff!important;cursor:pointer}.connections-profile-picture-container img{width:100%;height:100%;border-radius:50%;object-fit:cover}.connections-mypen-profile-container{width:100%;padding:1rem;margin:7px;max-width:480px;display:flex;justify-content:space-between;gap:1rem;color:#333;background:linear-gradient(107deg,#fff 79%,var(--background-color) 10%);box-shadow:0 0 12px #0003;cursor:pointer}.not-friend{background:linear-gradient(107deg,#fff 79%,#aaa 10%)!important}.mypen-top-contti.active{background-color:#fff;color:#000;font-weight:700;transform:translateY(7px)}.mypen-top-contti.inactive{background-color:#ccc;transform:translateY(-7px)}.connections-search-container{display:flex;align-items:center;width:fit-content;background-color:#fff;border-radius:4px;border:1px solid #fff;overflow:hidden;margin-bottom:2rem}.connections-search-container input{border:none!important;padding:8px;outline:none}.connections-search-container button{margin:0;cursor:pointer;border-radius:0;display:flex;align-items:center;justify-content:center}.relative-mb3{position:relative;margin-bottom:3rem}.friend-request-buttons{position:absolute;bottom:-30px}.friend-request-buttons button{border-radius:4px;margin:4px 12px;padding:7px 12px;font-size:small}.invite-friend-element{margin-top:-2rem;padding:4px 12px;background-color:#ffffff1a;border-radius:4px;box-shadow:2px 2px 12px #fff;color:#fff;margin-left:auto;width:fit-content;text-align:center;font-size:xx-small;transform:rotate(-4deg);cursor:pointer}.create-post-container{max-width:600px;margin:2rem auto;padding:1rem 1rem 7rem;background-color:#fff;color:#333;border-radius:12px;box-shadow:0 2px 10px #0000001a}.create-post-div-header{width:100%;display:flex;align-items:center;gap:1rem;padding:0}.create-post-div-header h1{margin:0;color:#333;font-size:larger}.create-post-container h2{text-align:center;color:#333}.create-post-form{position:relative;display:flex;flex-direction:column;gap:1rem;padding:1rem}.create-post-form textarea{resize:vertical;padding:.8rem;border-radius:4px;border:1px solid #ccc;font-size:1rem}.create-post-form input[type=file]{font-size:.9rem}.create-post-form button{height:70px!important;width:70px!important;margin:0;background-color:var(--blue-color);color:#fff;padding:4px;text-align:center;border:2px solid white;border-radius:50%;cursor:pointer;font-weight:700;transition:background-color .3s;box-shadow:0 0 4px var(--blue-color);z-index:10}.create-post-buttons-container{display:flex;justify-content:space-between;padding:.5rem}.media-preview{display:flex;flex-wrap:wrap;gap:10px;padding:1rem;margin-top:1rem;justify-content:flex-start}.media-preview img{width:150px;height:150px;object-fit:cover}.file-upload-button{padding:0;height:2rem;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;transition:background-color .3s;width:fit-content}.add-record{margin:1rem 0;cursor:pointer}.add-record svg,.file-upload-button svg{margin-left:7px;vertical-align:middle}.visibility-selector{display:flex;justify-content:end;align-items:center}.visibility-buttons{display:flex;gap:0}.visibility-button{width:70px;padding:4px;border:1px solid #ccc;background-color:#f0f0f0;color:gray;cursor:pointer;transition:background-color .2s,color .2s;text-align:center}.visibility-button:hover{background-color:#e0e0e0}.visibility-button.active{background-color:var(--blue-color);color:#fff;border-color:var(--blue-color)}.media-thumb{width:150px;position:relative}.media-thumb-audio{width:100%;position:relative}.remove-media-button{position:absolute;top:-12px;right:-4px;margin:0!important;padding:0!important;border-radius:50%;width:24px;height:24px!important}.video-photo-guidelines{font-size:.9rem;color:#555;margin-top:6px;padding:1rem;border:1px solid #ddd}.progress-bar{width:100%;height:6px;background-color:#e0e0e0;border-radius:3px;overflow:hidden;margin:10px 0;box-shadow:inset 0 1px 3px #0000001a}.progress{height:100%;background:linear-gradient(90deg,#4facfe,#00f2fe);width:0;border-radius:3px;transition:width .3s ease-in-out;box-shadow:0 0 8px #4facfe}@media (max-width: 480px){.create-post-container{margin:0;border-radius:0;min-height:100vh}.visibility-button{font-size:medium}}.post-type-buttons{display:flex;gap:.5rem;margin-top:.5rem}.post-type-button{width:50%;padding:.5rem;border:1px solid #ccc;border-radius:12px;background-color:#f0f0f0;color:gray;cursor:pointer;transition:background-color .2s,color .2s}.post-type-button:hover{background-color:#e0e0e0}.post-type-button.active{background-color:var(--blue-color);color:#fff;border-color:var(--blue-color)}.post-it-yellow-bg{background-color:var(--post-it-yellow-color)}.post-it-pink-bg{background-color:var(--post-it-pink-color)}@media (max-width: 520px){.post-type-button{font-size:medium}}.group-detail-fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;overflow-y:auto;color:#fff;padding:0;display:flex;justify-content:center;flex-direction:column}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.group-detail-member-list{display:flex;flex-direction:column;padding:1rem;margin:1rem 0 4rem 4rem;flex-grow:1;height:fit-content;overflow-y:auto;border-radius:4px 0 0 4px;box-shadow:0 0 12px #000000e6;animation:slideInFromRight .3s ease-out}.group-detail-my-connections-list{display:flex;flex-direction:column;padding:1rem;margin:1rem 0 4rem 4rem;flex-grow:1;height:fit-content;background-color:#333;overflow-y:auto;border-radius:4px 0 0 4px;box-shadow:0 0 12px #000000e6;animation:slideInFromRight .3s ease-out}.group-detail-member-card{margin:4px 0;padding:4px;background-color:#0000004d;border-radius:12px 4px 4px}.card-member-row-flex{display:flex;justify-content:space-between}.give-admin-right-to-group-member-button{margin:0;padding:0 4px;font-size:small}.give-up-admin-rights-button{margin:0;padding:2px 4px;font-size:x-small}.group-card-detail{display:flex;justify-content:space-between;align-items:stretch;width:100%;border-radius:4px;background-color:#fff;box-shadow:0 2px 7px #0000004d;color:#333;font-size:large;gap:4px}.group-card-detail h3{margin:0;color:#333}.group-card-detail p{text-align:left!important;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.group-color-button{border:1px solid lightgray;margin:12px 4px;padding:12px}.member-list-close-button{width:120px;height:34px;margin:auto 0 4px;padding:2px;background:#000000b3;border:none;cursor:pointer;color:#fff;display:flex;justify-content:center;align-items:center;gap:4px;font-weight:700}.member-search-input{margin-bottom:4px!important}.group-comment-file-upload-button{padding:0;height:2rem;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;transition:background-color .3s;width:fit-content;margin:1rem;font-size:medium}.group-comment-media-preview{display:flex;flex-wrap:wrap;gap:4px;padding:4px;margin:1rem 0;justify-content:center}.group-comment-media-preview img{width:140px;height:140px;object-fit:cover}.group-comment-media-thumb{width:140px;position:relative}.group-comment-image{width:540px!important;height:170px!important;object-fit:cover}.group-comment-upload-progress-container{display:flex;align-items:center;margin:8px auto;width:90%;background-color:#f0f0f0;border-radius:5px;overflow:hidden;position:relative}.group-media-loading-spinner{transform:scale(.5);width:24px!important;height:24px!important}.more-comments-button{background-color:transparent;padding:4px 5rem;color:gray;margin:2rem 0;width:100%}.group-expanded-image{position:fixed;top:50%;left:50%;width:auto;height:100vh;max-width:100vw;max-height:100vh;margin:0!important;object-fit:contain;background-color:#0003;z-index:10000;cursor:zoom-out;transform:translate(-50%,-50%) scale(.7);transition:transform .1s ease-in-out;opacity:0}.group-expanded-image-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:transparent!important;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;transition:opacity .1s ease-in-out;pointer-events:none}.group-expanded-image-overlay.visible{opacity:1;background-color:#0000001a!important;pointer-events:auto}.group-expanded-image-overlay.visible .group-expanded-image{transform:translate(-50%,-50%) scale(1);opacity:1}@media (max-width: 520px){.card-member-row-flex{font-size:medium}}.supportus-page{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.supportus-div-header{width:100%;display:flex;align-items:center;gap:1rem;background-color:var(--background-color);padding:12px}.supportus-div-header h1{margin:0}.supportus-container{width:fit-content;display:flex;flex-direction:column;gap:.7rem;margin:.7rem;color:#000!important}.supportus-div{max-width:600px;padding-bottom:7rem!important;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px;background:#fff;box-shadow:0 0 7px #80808033;border-radius:4px}.supportus-div p{margin:0;text-align:left;margin:.7rem;color:#333}.paypal-donate-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:70%;margin:1rem;border-radius:7px;background-color:#fff;border:1px solid rgb(0,48,135);overflow:hidden}.supportus-div h2{text-shadow:0 0 12px black,0 0 22px gray;font-size:20px}.paypal-donate-container h3{width:100%;background-color:#003087;color:#fff;display:flex;align-items:center;padding:4px;margin:0;font-weight:lighter}.paypal-donate-button{width:200px;margin:7px 0 0}.search-page{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.search-div-header{width:100%;display:flex;align-items:center;gap:1rem;background-color:var(--background-color);padding:12px}.search-div-header h1{margin:0}.search-container{width:fit-content;display:flex;flex-direction:column;gap:.7rem;margin:.7rem;color:#000!important}.search-div{max-width:600px;padding-bottom:7rem!important;display:flex;flex-direction:column;padding:12px;background:#eee;box-shadow:0 0 7px #80808033;border-radius:4px}.verifmail-container{text-align:center;padding:2rem;font-size:1.2rem}.verifmail-container p{background-color:#ffffff1a;padding:1rem;border:2px solid white;border-radius:24px}.verifmail-container.success,.verifmail-container.error{color:#fff}.verifmail-go-home-btn{margin-top:20px;padding:10px 20px;background-color:#003054;color:#fff;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:background-color .3s}.verifmail-go-home-btn:hover{background-color:#00558a}:root{--blue-color: #0162a6;--gray-color: #646a7a;--background-color: #41affd;--dark-color: #003054;--post-it-yellow-color: #fff8b5;--post-it-pink-color: #ffd1dc}body{background-color:var(--background-color);background:linear-gradient(var(--background-color),rgba(35,119,180,.9),var(--background-color)),url(../srcImages/fingercross.png) no-repeat center center fixed;background-size:cover;margin:0;padding:0!important;font-family:Arial,sans-serif;color:#fff;box-sizing:border-box}*{box-sizing:inherit}h1,h2,h3,h4,h5,h6{color:#fff}a{color:#80cbc4;text-decoration:none}a:hover{text-decoration:underline}button{background-color:var(--dark-color);margin:.5rem;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;cursor:pointer;font-size:1rem}.button-yes{background-color:var(--dark-color);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;cursor:pointer}.button-no{background-color:gray;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;cursor:pointer}button:hover{opacity:.9}button:disabled{background-color:#9e9e9e;cursor:not-allowed}input,textarea,select{border-radius:8px;border:1px solid #ccc;padding:.5rem;font-size:1rem;width:100%;box-sizing:border-box}input:focus,textarea:focus,select:focus{border-color:#00796b;outline:none}textarea{resize:none}.josefin{font-family:Josefin Sans,sans-serif!important;color:#000;font-size:larger!important}.app-header-h1{padding-top:3rem;margin:0;text-align:center}.app-button-container{padding:2rem;position:fixed;left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(2,1fr);gap:28px;justify-items:center}.app-button{margin-left:auto;margin-right:auto;width:130px;height:130px;font-size:14px;color:#fff;cursor:pointer;transition:background-color .3s ease;background-color:transparent;padding:1rem;border-radius:20px;box-shadow:2px 8px 26px #0000004d;box-sizing:border-box}.app-button-content{display:flex;flex-direction:column;align-items:center}.search-container{display:flex;align-items:center;margin-bottom:10px}.search-icon{margin:8px;color:gray}.search-input{padding:8px;width:270px;border:1px solid #ccc;border-radius:5px;outline:none}.no-wrap{white-space:nowrap}.close-view-x{position:fixed;top:0;left:0;width:2rem;height:2rem;border-radius:50%;margin:.5rem;font-size:20px;z-index:20;cursor:pointer;background-color:var(--blue-color);box-shadow:0 0 7px #fff}.ask-cookies{position:fixed;bottom:0;left:0;width:100%;height:520px;color:#fff;box-shadow:0 0 70px #000;border-top:2px solid white;z-index:9999;transition:transform .7s ease-in-out;transform:translateY(100%)}.ask-cookies.show{transform:translateY(0)}.ask-cookies.hide{transform:translateY(100%)}.refresh-book-agapepen{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){body{padding:.5rem}.ask-cookies{height:590px;color:#fff;box-shadow:0 0 70px #000}}.loading-spinner{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#ffffffb3;z-index:9999;display:flex;justify-content:center;align-items:center}.spinner{position:relative;width:50px;height:50px}.spinner:before{content:"";box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;border:4px solid #f3f3f3;border-top:7px solid var(--dark-color);border-radius:50%;animation:spin 1s linear infinite}.spinner-icon{position:absolute;top:44%;left:50%;font-size:20px;font-weight:900;color:var(--dark-color);pointer-events:none;transform:translate(-50%,-50%)}