@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Grandstander:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.post-item p,.reply-item p{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.dictionary-toggle-button{background:#6b46c1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:.5rem;padding:.75rem;transition:background .2s;width:100%}.dictionary-toggle-button:hover{background:#553c9a}.dictionary-item{border-bottom:1px solid #e2e8f0;color:#2d3748;padding:.5rem 0}.modal-content2{box-sizing:border-box;overflow-x:hidden;width:100%}.dictionary-back-button{align-items:center;background:transparent;border:none;color:#4299e1;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.3rem;margin-bottom:1.5rem;transition:color .2s}.dictionary-back-button:hover{color:#2b6cb0}.dictionary-entry{align-items:center;background:#f9fafb;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;display:flex;font-size:1rem;gap:1rem;justify-content:space-between;margin-bottom:.75rem;padding:.75rem 1rem;transition:background-color .2s ease}.dictionary-entry:hover{background-color:#edf2f7}.dictionary-entry span{flex:1 1;white-space:normal;word-break:break-word}.dictionary-delete-button{background-color:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem .9rem;transition:background-color .2s ease;white-space:nowrap}.dictionary-delete-button:hover{background-color:#c53030}.add-dictionary-form{align-items:center;background:#f7fafc;border-radius:12px;border-top:2px solid #e2e8f0;box-sizing:border-box;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:500px;padding:1.5rem;width:100%}.add-dictionary-form h4{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:center}.add-dictionary-form input{background-color:#fff;border:1px solid #cbd5e0;border-radius:8px;font-size:.95rem;margin-bottom:1rem;max-width:400px;padding:.75rem 1rem;transition:border .2s ease;width:100%}.add-dictionary-form input:focus{border-color:#4299e1;outline:none}.add-dictionary-form button{background-color:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;text-align:center;transition:background-color .2s ease;width:120px}.add-dictionary-form button:hover{background-color:#3182ce}@media (max-width:480px){.add-dictionary-form{padding:1rem}.add-dictionary-form button{width:100%}}.logout-modal-content{background:#fff;border-radius:12px;box-sizing:border-box;color:#2d3748;max-height:90vh;max-width:500px;overflow-x:hidden;overflow-y:auto;padding:2rem;width:100%}.logout-modal-content h3{color:#2d3748;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.logout-button{background-color:#ff4d4f;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 12px}.logout-button:hover{background-color:#e04345}.login-container{background-color:#fff;display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh}.language-selector{position:absolute;right:16px;top:16px;z-index:10}.language-selector select{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);cursor:pointer;font-size:14px;padding:8px 16px}.login-content{display:flex;height:100vh;width:100%}.login-illustration{align-items:center;background-color:#f9f9f9;display:flex;flex:1 1;justify-content:center;padding:40px}.login-illustration img{max-height:80vh;max-width:100%;object-fit:contain}.login-form-container{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:500px;padding:40px;width:100%}.login-header{margin-bottom:40px;text-align:left}.app-name{color:#1a2e4a;font-size:3.5rem;font-weight:800;margin:0 0 16px}.tagline{color:#1a2e4a;font-size:1.5rem;font-weight:600;line-height:1.3;margin:0}.error-message{color:#b91c1c;margin-bottom:16px;padding:12px}.login-form{gap:16px;margin-bottom:24px}.form-group,.login-form{display:flex;flex-direction:column;width:100%}.form-input{border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:16px;padding:16px;transition:border-color .3s;width:100%}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.2)}.login-button{background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:background-color .3s;width:100%}.login-button:hover{background-color:#1d4ed8}.login-footer{align-items:center;display:flex;flex-direction:column;margin-top:16px;width:100%}.divider{border-bottom:1px solid #e0e0e0;line-height:.1em;margin:20px 0 24px;text-align:center;width:100%}.divider-text{background:#fff;color:#6b7280;font-size:14px;padding:0 10px}.signup-prompt{color:#4b5563;font-size:16px;margin-bottom:24px}.signup-link{color:#2563eb;font-weight:600;text-decoration:none}.signup-link:hover{text-decoration:underline}.additional-links{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.reset-password-link,.styleguide-link{color:#4b5563;font-size:14px;text-decoration:none;transition:color .3s}.reset-password-link:hover,.styleguide-link:hover{color:#2563eb;text-decoration:underline}@media (max-width:1024px){.login-content{flex-direction:column}.login-illustration{display:none}.login-form-container{max-width:100%;padding:20px}.app-name{font-size:2.8rem}.tagline{font-size:1.2rem}}@media (max-width:425px){.login-form-container{padding:15px}.app-name{font-size:2.2rem}.tagline{font-size:1rem}.form-input,.login-button{padding:12px}}@media (min-width:1440px){.login-content{margin:0 auto;max-width:1400px}}@media (min-width:2560px){.login-content{margin:0 auto;max-width:1800px}.login-form-container{max-width:600px;padding:50px}.app-name{font-size:4rem}.tagline{font-size:1.8rem}.form-input,.login-button{font-size:18px;padding:18px}}.post-card{box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:12px;max-width:600px;position:relative;transition:background-color .2s ease}.post-card:hover{background-color:#f9fafb}.tooltip-box{-webkit-animation:fadeIn .2s ease-in-out;animation:fadeIn .2s ease-in-out;background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);font-size:14px;padding:8px 12px;position:fixed;white-space:nowrap;z-index:1000}.clickable{color:#007bff;cursor:pointer;text-decoration:underline}.clickable:hover{color:#0056b3}.post-header{gap:12px;margin-bottom:10px}.profile-picture-post{flex-shrink:0;margin-top:10px}.post-header-info{justify-content:center;margin-bottom:50px;position:relative}.author-line{align-items:baseline}.author-community{color:#000;font-family:Inter,sans-serif;font-size:15px;font-weight:700;margin:0}.date-created{color:#536471;display:inline;font-family:Inter,sans-serif;font-weight:400;margin:0 0 0 6px;padding:0}.delete-icon{cursor:pointer;height:16px;opacity:.7;position:absolute;right:12px;top:12px;transition:opacity .2s ease;width:16px;z-index:1000}.delete-icon:hover{opacity:1}.post-content-community{color:#0f1419;font-family:Inter,sans-serif;font-size:15px;line-height:1.5;margin:0 0 12px;overflow-wrap:break-word;padding-left:0;text-align:left;width:100%;word-break:break-word}.post-footer{border-top:1px solid #eff3f4;margin-top:10px;padding-top:8px}.comment-indicator,.like-section{margin-right:24px}.comment-icon,.like-icon{height:18px;opacity:.6;transition:all .2s;width:18px}.comment-indicator:hover .comment-icon,.like-section:hover .like-icon{opacity:1}.like-section:hover .reaction-count{color:#f91880}.comment-indicator:hover .comment-indicator-text{color:#1d9bf0}.red-heart{color:#f91880}.comment-indicator-text,.reaction-count{color:#536471;font-family:Inter,sans-serif;font-size:13px;margin-left:6px}.comments{overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.comments.animating{-webkit-animation:slideDown .3s ease forwards;animation:slideDown .3s ease forwards}@-webkit-keyframes slideDown{0%{max-height:0;opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{max-height:2000px;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{max-height:0;opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{max-height:2000px;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.comment-form{align-items:flex-end;display:flex;flex-direction:column;margin-bottom:16px}.comment-input{border:1px solid #cfd9de;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;margin-bottom:8px;min-height:40px;padding:10px;resize:none;width:100%}.comment-input:focus{border-color:#1d9bf0;box-shadow:0 0 0 1px rgba(29,155,240,.3);outline:none}.reply-button{background-color:#1d9bf0;border:none;border-radius:9999px;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:700;padding:6px 16px;transition:background-color .2s}.reply-button:hover{background-color:#1a8cd8}.commentlist{-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease;background-color:#f7f9f9;border-radius:12px;margin:8px 0;padding:12px;position:relative}.comments-list{padding-left:0}.no-comments{color:#536471;font-family:Inter,sans-serif;padding:16px 0;text-align:center}.highlight-post{border:2px solid #4299e1!important;box-shadow:0 0 10px rgba(66,153,225,.5)!important}.highlight-comment,.highlight-post{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.highlight-comment{border:2px solid #805ad5!important;box-shadow:0 0 8px rgba(128,90,213,.5)!important}@-webkit-keyframes pulse{0%{box-shadow:0 0 10px rgba(66,153,225,.5)}50%{box-shadow:0 0 15px rgba(66,153,225,.8)}to{box-shadow:0 0 10px rgba(66,153,225,.5)}}@keyframes pulse{0%{box-shadow:0 0 10px rgba(66,153,225,.5)}50%{box-shadow:0 0 15px rgba(66,153,225,.8)}to{box-shadow:0 0 10px rgba(66,153,225,.5)}}.highlight-post-wrapper{position:relative;width:100%}.post-content{color:#333;line-height:1.6}.highlight-card{background-color:#fff;border-radius:8px;bottom:50px;box-shadow:0 4px 12px rgba(0,0,0,.15);left:250px;max-width:90vw;padding:16px;position:fixed;width:300px;z-index:1000}.highlight-card h4{margin:0 0 8px}.highlight-card h4,.highlighted-text{font-family:Inter,sans-serif;font-size:14px}.highlighted-text{background-color:#f8f9fa;border-left:3px solid #3b82f6;border-radius:4px;margin:8px 0 12px;padding:8px 12px}.highlight-actions{flex-direction:column;gap:8px}.highlight-action-button{font-family:Inter,sans-serif;padding:8px 0;width:100%}.reply-button-highlight{background-color:#48bb78;color:#fff}.comm-dictionary-button{background-color:#3b82f6;color:#fff}.comm-dictionary-button:hover{background-color:#2563eb}.highlight-reply-content{border-radius:12px}.highlight-reply-content h4{font-family:Inter,sans-serif;font-size:16px;margin:0 0 8px}.highlighted-text-reply{border-left:3px solid #3b82f6;border-radius:4px;font-family:Inter,sans-serif;font-size:15px;margin:8px 0 16px;padding:10px 12px}.highlight-reply-input{border:1px solid #e2e8f0;border-radius:6px;font-family:Inter,sans-serif;font-size:15px;margin-bottom:16px;padding:12px;resize:vertical;width:90%}.cancel-button,.send-button{border:none;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:8px 16px}@media (max-width:768px){.highlight-notification{bottom:70px;max-width:280px;right:10px;width:calc(100% - 20px)}.highlight-reply-content{padding:20px;width:90%}.highlight-card{bottom:70px;left:5%;padding:16px;width:60%}}.desktop-sidenav{overflow-y:auto;z-index:1000}.desktop-sidenav li,.desktop-sidenav ul{width:100%}.desktop-sidenav li a{box-sizing:border-box;width:100%}.notif-label,.notif-link{position:relative}.notif-label{display:inline-block}.notif-badge{background-color:red;border-radius:999px;color:#fff;font-size:10px;font-weight:700;height:18px;line-height:14px;min-width:18px;padding:2px 6px;position:absolute;right:-30px;text-align:center;top:-10px;z-index:1}.mobile-bottomnav{bottom:0;left:0;position:fixed;width:100%;z-index:1000}.mobile-bottomnav li{flex:1 1;text-align:center}.mobile-bottomnav li a{align-items:center;display:flex;height:100%;justify-content:center;padding:8px 0}#profile-pic-nav{border-radius:25px;height:35px;object-fit:cover;width:35px}.mobile-bottomnav .notif-icon-wrapper{position:relative}.mobile-bottomnav .notif-icon-wrapper .notif-badge{background-color:red;border-radius:50%;color:#fff;font-size:9px;font-weight:700;height:16px;line-height:12px;min-width:16px;padding:2px 5px;position:absolute;right:calc(50% - 20px);text-align:center;top:-6px}.main-app-logged-in{transition:margin-left .3s ease}@media (max-width:768px){.desktop-sidenav{display:none!important}.mobile-bottomnav{display:block!important}.main-app-logged-in{margin-left:0!important;padding-bottom:70px!important}}@media (max-width:425px){.mobile-bottomnav li a img{height:24px;width:24px}#profile-pic-nav{height:30px;width:30px}.mobile-bottomnav ul{height:55px}}@media (min-width:2560px){.desktop-sidenav{width:250px}.main-app-logged-in{margin-left:250px}}@media (max-width:768px){body{padding-bottom:60px}}.desktop-sidenav a.active{color:#007bff;font-weight:700}.mobile-bottomnav a.active img{-webkit-filter:brightness(1.8) contrast(1.2);filter:brightness(1.8) contrast(1.2);-webkit-transform:scale(1.4);transform:scale(1.4);transition:-webkit-transform .2s ease,-webkit-filter .2s ease;transition:transform .2s ease,filter .2s ease;transition:transform .2s ease,filter .2s ease,-webkit-transform .2s ease,-webkit-filter .2s ease}.f_body{align-items:center;background-color:#fff;color:#000;display:flex;flex-direction:column;justify-content:center;text-align:center}.f_header,.friend_form_container{align-items:center;display:flex;justify-content:center;width:100%}.friends-container{display:flex;gap:10%;justify-content:center;margin:20px;width:60%}.friend_list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px;width:100%}.friendlist_item{background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:15px;position:relative;text-align:center;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.friendlist_item:hover{box-shadow:0 4px 10px rgba(0,0,0,.2);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.friend_form{width:30%}.friend_list ul{list-style-type:none;margin:0;padding:0;width:100%}.status-icon-wrapper{padding:5px;position:absolute;right:10px;top:10px}.status-icon{height:30px;width:30px}.user-details{display:flex;justify-content:column;margin-right:10px}.friend-profile-picture{border-radius:50%;height:80px;margin-bottom:10px;width:80px}.friend-username{color:#000;display:block;margin-left:25px;text-decoration:none}.friend-messageIcon{bottom:10px;cursor:pointer;height:35px;left:10px;margin-left:25px;margin-top:10px;width:35px}.friendlist_item-middle{align-items:start;display:flex;flex-direction:column;justify-content:center;width:70%}.icons{bottom:20px;display:block;position:absolute;right:20px}.sidenav-icon{height:30px;margin:5px;width:30px}.friend-add-button{background-color:#4caf50;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:10px 20px;text-align:center;text-decoration:none;width:100%}.friend-add-button:hover{background-color:#45a049}.friend-reject-button{background-color:#f44336;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:10px 20px;text-align:center;text-decoration:none;width:100%}.friend-reject-button:hover{background-color:#d32f2f}@media (max-width:768px){.friends-container{align-items:center;flex-direction:column;gap:10%;width:80vw}.status-icon{height:20px;position:absolute;right:15px;top:20px;width:20px}.friend-profile-picture{height:70px;width:70px}.friendlist_item{display:flex;margin:5px;padding:20px;position:relative}.friendlist_item-middle{align-items:start;display:flex;flex-direction:column;justify-content:center;width:70%}.friend-username{color:#000;display:block;margin-left:15px;text-decoration:none}.friend-messageIcon{cursor:pointer;height:25px;margin-left:15px;margin-top:10px;width:25px}.friend_form_container{align-items:center;display:flex;justify-content:center;width:100%}.friend_list{order:2;width:100%}.friend_form{order:1;width:100%}.friend_post ul{list-style-type:none;margin:0;padding:0;width:100%}}.explore-body{align-items:center;background-color:#f8fafc;box-sizing:border-box;justify-content:flex-start;min-height:100vh;padding:40px 20px}.explore-body,.explore-main-container{display:flex;flex-direction:column;width:100%}.explore-main-container{gap:32px;max-width:1200px}.explore-hero{margin-bottom:20px;overflow:hidden;text-align:center}.explore-title{-webkit-animation:slideIn .8s ease-out forwards;animation:slideIn .8s ease-out forwards;color:#1e293b;font-size:3rem;font-weight:700;margin:0;opacity:0;padding:0;-webkit-transform:translateY(30px);transform:translateY(30px)}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.explore-subtitle{-webkit-animation:fadeIn 1s ease-out forwards;animation:fadeIn 1s ease-out forwards;-webkit-animation-delay:.4s;animation-delay:.4s;color:#64748b;font-size:1.2rem;margin-top:16px;opacity:0}.search-section{align-items:center;display:flex;gap:20px;justify-content:space-between;position:relative;width:100%}.search-container{flex:1 1;max-width:800px;position:relative}.search-bar{border:2px solid transparent;border-radius:30px;box-shadow:0 4px 12px rgba(0,0,0,.05);height:60px;overflow:hidden;padding:0 20px;position:relative;transition:all .3s ease;width:100%}.search-bar:focus-within{border-color:#3b82f6;box-shadow:0 8px 20px rgba(59,130,246,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.search-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;margin-right:12px;padding:0}.search-toggle img{height:24px;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:24px}.search-toggle.active img{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.search-input{color:#1e293b;flex:1 1;height:100%;padding:0 12px}.search-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0}.search-button img{height:24px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:24px}.search-button:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.search-dropdown{background-color:#fff;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.1);left:20px;opacity:0;overflow:hidden;position:absolute;top:70px;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top left;transform-origin:top left;transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;width:200px;z-index:10}.search-dropdown.active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}.search-option{color:#334155;cursor:pointer;font-weight:500;padding:14px 20px;transition:background-color .2s}.search-option:hover{background-color:#f1f5f9;color:#2563eb}.create-community-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:30px;box-shadow:0 4px 12px rgba(59,130,246,.2);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:60px;justify-content:center;padding:0 30px;transition:all .3s ease;white-space:nowrap}.create-community-btn:hover{background-color:#2563eb;box-shadow:0 6px 16px rgba(59,130,246,.25);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.plus-icon{display:none}.plus-icon img{height:16px;width:16px}.explore-autocomplete-container{position:relative;width:100%;z-index:5}.explore-suggestions-box{background-color:#fff;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.1);left:0;margin:0 auto;max-width:800px;overflow:hidden;position:absolute;right:0;top:8px;width:80%;z-index:5}.explore-suggestions{list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:8px 0}.explore-suggestions li{cursor:pointer;font-size:14px;padding:12px 20px;transition:background-color .2s}.explore-suggestion-active,.explore-suggestions li:hover{background-color:#f1f5f9;color:#2563eb;font-weight:500}.section{background-color:#fff;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:32px;padding:24px;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.section:hover{box-shadow:0 8px 16px rgba(0,0,0,.08);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-title{color:#1e293b;display:inline-block;font-size:20px;font-weight:600;margin:0;position:relative}.section-title:after{background-color:#3b82f6;border-radius:2px;bottom:-6px;content:"";height:3px;left:0;position:absolute;width:40px}.recommended-communities{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:20px}.recommended-card{border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.recommended-card:hover{box-shadow:0 12px 20px rgba(0,0,0,.1);-webkit-transform:translateY(-6px);transform:translateY(-6px)}.recommended-card-media{height:140px}.recommended-image{transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.recommended-card:hover .recommended-image{-webkit-transform:scale(1.05);transform:scale(1.05)}.recommended-image-placeholder{font-size:3rem;font-weight:700}.recommended-card-content{display:flex;flex-direction:column;flex-grow:1;padding:16px}.recommended-name{color:#1e293b;margin:0 0 12px}.recommended-tags{margin-top:auto}.recommended-tag,.recommended-tag-more{padding:4px 10px}.community-container{background-color:#fff;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:32px;padding:24px;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.community-container:hover{box-shadow:0 8px 16px rgba(0,0,0,.08);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.community-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:20px}.e-community-info{color:inherit;display:block;text-decoration:none}.community-card{background-color:#f8fafc;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.community-card:hover{box-shadow:0 12px 20px rgba(0,0,0,.1);-webkit-transform:translateY(-6px);transform:translateY(-6px)}.community-card-media{background-color:#e2e8f0;height:140px;overflow:hidden;position:relative}.community-image{height:100%;object-fit:cover;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:100%}.community-card:hover .community-image{-webkit-transform:scale(1.05);transform:scale(1.05)}.community-card-content{display:flex;flex-direction:column;flex-grow:1;padding:16px}.community-card p{color:#1e293b;font-size:16px;font-weight:600;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-communities{background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;padding:32px;text-align:center}.empty-communities p{color:#64748b;margin:8px 0}.loading-spinner{border:3px solid rgba(59,130,246,.1);height:32px;margin:0 auto;width:32px}@media (max-width:768px){.search-section{align-items:stretch;flex-direction:column}.create-community-btn{margin-top:12px;width:100%}.search-container{width:100%}.community-list,.recommended-communities{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.recommended-card-media{height:100px}.section{padding:20px}}.community-list,.recommended-communities{box-sizing:border-box;width:100%}@media (max-width:480px){.explore-title{font-size:1.8rem}.search-bar{height:50px}.create-community-btn{font-size:14px;height:50px}.community-list,.recommended-communities{grid-template-columns:1fr 1fr}}.profile-container{gap:1.5rem}@media (min-width:768px){.profile-container{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:300px 1fr;margin:0 auto;max-width:1200px;padding:2rem}}.profile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:1.5rem}.profile-card h2{color:#2d3748;margin-bottom:1.5rem}.profile-picture{height:150px;margin:0 auto 1.5rem;width:150px}.profile-picture,.profile-picture-post{border:3px solid #e2e8f0;border-radius:50%;display:block;object-fit:cover;position:relative}.profile-picture-post{bottom:20px;height:40px;left:10px;right:15px;width:40px}.profile-details p{color:#4a5568;font-size:.95rem;margin:.75rem 0}.profile-details strong{color:#2d3748;margin-right:.5rem}.profile-card button{background:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:1rem;padding:.75rem;transition:background .2s;width:100%}.modal-overlay{color:#fff;flex-direction:row;font-size:calc(10px + 2vmin)}.profile-form label{font-size:.9rem}.profile-form input[type=file],.profile-form input[type=text]{border-radius:4px;padding:.5rem}.profile-form input[type=file]{padding:.35rem}.modal-buttons button{font-weight:500;padding:.75rem;transition:opacity .2s}.modal-buttons button[type=button],.modal-buttons button[type=submit]{border:none}@media (max-width:480px){.modal-content{padding:1.5rem}.modal-buttons{flex-direction:column}.posts-section,.profile-card,.replies-section{padding:1rem}}.notifications-container{box-shadow:0 2px 12px rgba(0,0,0,.1);margin:1rem auto;max-width:800px;overflow:hidden}.notifications-header{border-bottom:1px solid #eee;padding:1.5rem}.mark-all-read{background:#4a90e2;font-weight:500;padding:.6rem 1.2rem;transition:all .2s}.mark-all-read:hover{background:#357abd}.notification-item{padding:1.2rem;transition:background .2s}.notification-item.unread{background:#f8fbff}.sender-avatar{height:56px;width:56px}.request-actions{gap:.8rem}.accept-btn,.decline-btn{border-radius:6px;flex:1 1;font-weight:500;padding:.6rem 1rem;transition:all .2s}.accept-btn{background:#48bb78}.accept-btn:hover{background:#38a169}.decline-btn{align-items:center;background:#f56565;flex-direction:row;font-size:calc(10px + 2vmin);justify-content:center}.decline-btn:hover{background:#e53e3e}.deletePost{width:100%}.deleteIcon{bottom:15px;margin-left:43vw;position:relative}.settings{width:100%}.link-button{background-color:initial;cursor:pointer;display:inline;margin:0;padding:0}.link-button:active,.link-button:focus,.link-button:hover{outline:none;text-decoration:none}.submitbutton{background-color:blue;border-radius:5px;margin:10px}.no-suggestions{color:#999;padding:.5rem}.suggestions-box{width:80%}.autocomplete-container{position:relative;width:100%}.suggestions{border-top-width:0;display:inline-block;list-style:none;margin-top:0;max-height:143px;overflow-y:auto;padding-left:0;width:100%}.suggestions li{padding:.5rem}.suggestion-active,.suggestions li:hover{background-color:#999;color:#000;cursor:pointer;font-weight:700}.suggestions li:not(:last-of-type){border-bottom:1px solid #999}.comments{display:block;width:90%}.postbody{border:1px solid #000;border-radius:20px;box-shadow:10px 10px 20px #999;justify-content:center;max-width:650px}.desktop-sidenav ul{list-style:none;margin:0}.mobile-bottomnav li a img{height:24px;width:24px}@media (max-width:768px){.desktop-sidenav{display:none}.mobile-bottomnav{display:block}.maincontent{flex-grow:1}.App-header,.maincontent{display:flex;flex-direction:row;justify-content:center;width:100%}.App-header{align-items:center;background-color:#fff;color:#000;font-size:calc(10px + 2vmin);min-height:100vh}}.link-button{background:none;border:none;outline:none;text-align:left}.link-button:focus{outline:none}.tag-active{border:red;border-style:solid;border-width:thick}.sidenav ul{list-style-type:none;margin:40px 0 0}.sidenav-icon{height:20px;width:20px}.comment-icon,.like-icon{height:50px;width:50px}.red-heart{height:60px;width:60px}.modal{background-color:#000;background-color:rgba(0,0,0,.4);display:block;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:0}.modal-content{background-color:#fefefe;border:1px solid #888;height:200px;margin:15% auto;padding:1px 10px 20px 20px;width:50%}.close{color:#aaa;float:right;font-size:35px;font-weight:700;line-height:42px}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.chat__main{flex:0.6 1}.message__container{background-color:purple;height:60vh;overflow-y:scroll;padding:20px;width:100%}.chat__footer{background-color:#000;padding:20px;width:100%}.form{display:flex;height:100%;justify-content:space-between;width:100%}.message{border:1px solid #ddd;height:100%;outline:none;padding:12px;width:80%}.messageIcon{height:40px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:40px}.messageIcon:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.sendBtn{background-color:green;color:#ff0;outline:none;padding:10px;width:150px}.message__recipient{background-color:#000;color:#fff;text-align:start;width:300px}.message__recipient,.message__sender{font-size:15px;padding:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message__sender{background-color:blue;margin-left:auto;max-width:400px;text-align:right}.recipient__name{color:#000;font-size:13px;text-align:left}.sender__name{color:#000;font-size:13px;text-align:right}.LoginForm-header{gap:25px}.App-link{color:#61dafb}@media (max-width:768px){.box{width:75%}.Email-box,.box{align-items:center;flex-direction:column}.Email-box{margin-top:100px;width:90%}.Password-box{width:90%}.Loginbox,.Password-box{align-items:center;flex-direction:column}.Loginbox{left:15px;margin-left:140px;margin-top:-15px;top:5px;width:45%}.Loginbox,.submitBox{font-size:32px;position:relative}.submitBox{left:20px;margin-right:220px;margin-top:25px;width:57%}.logheader,.submitBox{align-items:center;flex-direction:column}}.error-message{font-weight:700;margin-bottom:10px}@media (max-width:768px){.Community-Right{display:none}}.post-footer{gap:2rem;margin-top:1rem}.comment-indicator,.like-section{margin-right:10px}.reaction-count{margin-left:8px}.date-created{color:#00000030;margin-left:25vw;margin-top:-7vh;position:relative}.author{font-size:24px;margin-left:5vw;position:relative;top:10px}.post-content{font-family:Inter}@media (min-width:768px){.toggle-text{display:none}}@media (max-width:768px){.CommunityPic{bottom:7vh;left:-5vw;width:25%}.CommunityName,.CommunityPic{align-items:center;flex-direction:column;position:relative}.CommunityName{bottom:12vh;font-family:Inter;font-size:24px;left:13vw}.CommunityMembers{align-items:center;bottom:7vh;flex-direction:column;font-size:14px;left:5vw;position:relative}.green-button{bottom:5vh}.green-button,.red-button{align-items:center;flex-direction:column;left:8vw;position:relative;width:30vw}.red-button{bottom:12vh}.blue-button{align-items:center;flex-direction:column;left:38vw;position:relative;top:-10vh;width:50vw}.header-container{background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.2);height:15vh;left:50%;padding:20px;position:fixed;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:120%;z-index:1000}.deleteIcon{bottom:20px;left:20vw;position:relative}.date-created{bottom:.5vh;left:16vw;position:relative}.profile-picture-post{height:auto;left:-20px;position:relative;top:-20px;width:50px}.author{left:25px;position:relative;top:25px}.posts{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.postlist-community{background:#fff;border-radius:20px;box-shadow:0 4px 6px rgba(0,0,0,.2);display:inline-flex;margin:10px 90px 10px 10px;padding:30px;position:relative;text-align:left;width:90%}.search-bar-community{position:relative;right:37vw;top:-3vh}.search-button-community{border:none;border-radius:50px;bottom:1vh;box-shadow:0 4px 6px rgba(0,0,0,.2);cursor:pointer;font-size:16px;font-weight:700;left:1vh;padding:12px 30px;position:relative;transition:box-shadow .2s ease;width:20%}.modal-overlay-info{align-items:center;background-color:#fff;border:#000;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.2);display:flex;height:60vh;justify-content:center;position:fixed;right:40vw;top:40vh;width:80vw;z-index:1000}.modal-content-intfo{background:#fff;border-radius:8px;max-width:500px;padding:20px;width:80%}.modal-close-button-info{background:transparent;border:none;cursor:pointer;font-size:1.2rem;position:absolute;right:10px;top:10px}.toggle-text{left:3vw;position:relative;top:4vh}.mobile-community-details{position:relative;top:0}}.main-app{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}@media (min-width:768px){.profile-container{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:300px 1fr;margin:0 auto;max-width:1200px;padding:2rem}.modal-content{max-width:800px;min-height:75vh;width:75%}}@media (min-width:1024px){.modal-content{max-width:900px;min-height:80vh;width:65%}}@media (min-width:1280px){.modal-content{max-width:1000px;min-height:85vh;width:60%}}.main-app-logged-in{margin-left:200px}@media (max-width:768px){.main-app-logged-in{margin-left:0;padding-bottom:60px}.mobile-bottomnav{display:block}.CommunityPic{bottom:7vh;left:-5vw;width:25%}.CommunityName,.CommunityPic{align-items:center;flex-direction:column;position:relative}.CommunityName{bottom:12vh;font-family:Inter;font-size:24px;left:13vw}.CommunityMembers{align-items:center;bottom:7vh;flex-direction:column;font-size:14px;left:5vw;position:relative}.green-button{bottom:5vh}.green-button,.red-button{align-items:center;flex-direction:column;left:8vw;position:relative;width:30vw}.red-button{bottom:12vh}.blue-button{align-items:center;flex-direction:column;left:38vw;position:relative;top:-10vh;width:50vw}.header-container{background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.2);height:15vh;left:50%;padding:20px;position:fixed;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:120%;z-index:1000}.deleteIcon{bottom:20px;left:20vw;position:relative}.date-created{bottom:.5vh;left:16vw;position:relative}.profile-picture-post{height:auto;left:-20px;position:relative;top:-20px;width:50px}.author{left:25px;position:relative;top:25px}.postlist-community{background:#fff;border-radius:20px;box-shadow:0 4px 6px rgba(0,0,0,.2);display:inline-flex;margin:10px 90px 10px 10px;padding:30px;position:relative;text-align:left;width:90%}.search-bar-community{position:relative;right:37vw;top:-3vh}.search-button-community{border:none;border-radius:50px;bottom:1vh;box-shadow:0 4px 6px rgba(0,0,0,.2);cursor:pointer;font-size:16px;font-weight:700;left:1vh;padding:12px 30px;position:relative;transition:box-shadow .2s ease;width:20%}.modal-overlay-info{align-items:center;background-color:#fff;border:#000;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.2);display:flex;height:60vh;justify-content:center;position:fixed;right:40vw;top:40vh;width:80vw;z-index:1000}.modal-content-intfo{background:#fff;border-radius:8px;max-width:500px;padding:20px;width:80%}.modal-close-button-info{background:transparent;border:none;cursor:pointer;font-size:1.2rem;position:absolute;right:10px;top:10px}.Community-Right{display:none}.highlight-notification{bottom:70px;right:10px}.postbody{padding:15px;width:95%}.post-header{flex-wrap:wrap}.author{font-size:16px;margin-left:0;order:2;position:static}.profile-picture-post{height:36px;order:1;position:static;width:36px}.date-created{font-size:12px;margin-left:46px;margin-top:5px;order:3;position:static;width:100%}.deleteIcon{position:absolute;right:5px;top:5px}}.App{text-align:center}.maincontent{flex-grow:1;justify-content:center;width:100%}.container,.maincontent{display:flex;flex-direction:column}.container{align-items:center;padding:20px}.title{font-size:2rem;font-weight:700;margin-bottom:15px;text-align:center}.content-container{margin-top:20vh;padding:0 20px}.desktop-sidenav{background-color:#fff;border-right:1px solid #eee;box-shadow:2px 0 6px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100vh;left:0;padding-top:40px;position:fixed;top:0;width:200px;z-index:10000}.desktop-sidenav ul,.sidenav ul{list-style:none;margin:0;padding:0}.desktop-sidenav ul{padding:0}.sidenav ul{margin-top:40px;padding:10px}.desktop-sidenav li{margin-bottom:20px}.desktop-sidenav li a{color:#333;display:block;padding:10px 20px;text-decoration:none}.desktop-sidenav li a:hover{background-color:#f0f0f0}.sidenav-icon{cursor:pointer;height:40px;margin-bottom:15px;width:40px}.mobile-bottomnav{display:none}.mobile-bottomnav ul{align-items:center;background-color:#fff;border-top:1px solid #eee;bottom:0;box-shadow:0 -2px 6px rgba(0,0,0,.1);display:flex;height:60px;justify-content:space-around;left:0;list-style:none;margin:0;padding:0;position:fixed;width:100%;z-index:1000}.mobile-bottomnav li a img{display:block;height:28px;margin:auto;object-fit:contain;width:28px}.search-bar{background-color:#fff;border:1px solid #ccc;border-radius:9999px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:400px;padding:8px 12px;transition:all .3s ease-in-out;width:90%}.search-bar:hover{border-color:#888}.hamburger-menu{background:none;border:none;color:gray;cursor:pointer;font-size:20px;margin-right:10px}.search-input{flex-grow:1;font-size:16px;min-width:50px}.search-input::-webkit-input-placeholder{color:gray;font-size:14px}.search-input::placeholder{color:gray;font-size:14px}.search-icon{background:none;border:none;color:gray;font-size:20px;margin-left:10px}.search-bar-community{bottom:4vh;position:relative;right:27.5vw}.search-button-community{border:none;border-radius:50px;bottom:1vh;box-shadow:0 4px 6px rgba(0,0,0,.2);cursor:pointer;font-size:16px;font-weight:700;left:1vh;padding:12px 30px;position:relative;transition:box-shadow .2s ease;width:12vw}.search-icon-community{height:30px;position:relative;top:1vh;width:auto}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.profile-container{display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin:0 auto;overflow-x:hidden;padding:1rem}.profile-card button:hover{background:#3182ce}.posts-section,.replies-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:1rem;padding:1.5rem}.posts-section h3,.replies-section h3{color:#2d3748;margin-bottom:1rem}.post-item,.reply-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.75rem;padding:1rem}.post-item p,.reply-item p{color:#4a5568;margin:.25rem 0}.posts{align-items:center;justify-content:flex-start}.App-header{align-items:center;background-color:#fff;color:#000;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#09d3ac}.postbody{align-items:flex-start;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#000;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:20px;max-width:600px;padding:20px;transition:box-shadow .2s ease;width:100%}.postbody:hover{box-shadow:0 8px 16px rgba(0,0,0,.12)}.post-header{align-items:center;display:flex;margin-bottom:15px;position:relative;width:100%}.author{font-size:16px;margin-left:0;margin-right:auto;position:static}.date-created{color:#718096;font-size:14px;margin:0 15px 0 0;position:static}.deleteIcon{cursor:pointer;height:20px;margin:0;position:static;width:20px}.post-content{font-size:16px;-webkit-hyphens:auto;hyphens:auto;margin-bottom:20px;text-align:left;width:100%;word-break:break-word}.comment-block{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:100%}.post-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:20px;margin-top:15px;padding-top:15px;width:100%}.comment-icon,.like-icon{cursor:pointer;height:24px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:24px}.comment-icon:hover,.like-icon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.red-heart{-webkit-filter:none;filter:none;height:24px;width:24px}.comment-indicator-text,.reaction-count{color:#4a5568;font-size:14px;margin-left:8px}.comments{background:#fff;border-radius:20px;border-top:1px solid #e2e8f0;color:#000;margin:10px;padding:10px;width:100%}.comments.show{display:block}.comments.hide{display:none}.commentlist{border-radius:20px;box-shadow:0 4px 6px rgba(0,0,0,.2);color:#000;display:block;font-size:12px;margin:10px;padding:10px;text-align:left;width:90%}.comment-form{margin-bottom:15px}.create-comment-text-area{border:1px solid #ccc;border-radius:6px;font-size:1rem;margin-bottom:1rem;margin-left:-16px;margin-top:-2rem;padding:1rem}.postlist{margin:10px}.postlist,.postlist-community{background:#fff;border-radius:20px;box-shadow:0 4px 6px rgba(0,0,0,.2);display:inline-flex;padding:30px;position:relative;text-align:left;width:60%}.postlist-community{margin:10px 200px 10px 10px}.userlist{background:#fff;display:flex;margin:10px;padding:30px;position:relative;text-align:left}.hide{display:none}.modal-content{display:flex;flex-direction:column;max-width:700px;min-height:70vh;transition:all .3s ease-in-out;width:95%}.modal-content,.modal-content2{background:#fff;border-radius:12px;max-height:90vh;overflow-y:auto;padding:2rem}.modal-content2{max-width:500px;width:90%}.modal-content h2{color:#2d3748;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.modal-close-button{background:transparent;border:none;cursor:pointer;font-size:1.2rem;position:absolute;right:10px;top:10px}.create-post-container{background:rgba(0,0,0,.4)}.create-post-content{border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.2);padding:2rem;text-align:center;width:450px}.create-post-text-area{border:1px solid #ccc;border-radius:6px;font-size:1rem;margin-bottom:1rem;margin-left:-16px;margin-top:1rem;padding:1rem}.create-post-buttons{justify-content:space-evenly;margin-top:1rem}.create-post-button{background-color:#007bff}.create-post-button,.create-post-close-button{border-radius:50px;box-shadow:0 4px 6px rgba(0,0,0,.2);font-size:1rem;font-weight:700;padding:.75rem 1.5rem}.create-post-close-button{background-color:#ccc;color:#000}.create-post-button:hover,.create-post-close-button:hover{opacity:.9}.profile-form{display:flex;flex-direction:column;flex-grow:1;gap:1.2rem}.profile-form label{color:#4a5568;display:block;font-size:1rem;font-weight:700;margin-bottom:1rem}.profile-form input[type=file],.profile-form input[type=text]{border:1px solid #cbd5e0;border-radius:6px;font-size:1rem;margin-top:.5rem;padding:.85rem;width:100%}.profile-form input[type=file]{padding:.5rem}.profileform label{display:block}.modal-buttons{display:flex;gap:1rem;justify-content:space-between;margin-top:1.5rem}.modal-buttons button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.85rem;transition:opacity .2s ease-in-out}.modal-buttons button[type=submit]{background:#48bb78;color:#fff}.modal-buttons button[type=button]{background:#f56565;color:#fff}.modal-buttons button:hover{opacity:.8}.LoginForm{text-align:center}.LoginForm-header{align-items:center;background-color:#fff;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);gap:10px;justify-content:center;min-height:100vh}.login-links{margin-bottom:100px}.box{align-items:center;background-color:#7ca0e2;border-radius:50px;box-shadow:0 6px 10px rgba(0,0,0,.15);display:flex;flex-direction:column;gap:35px;height:210px;justify-content:center;opacity:80%;text-align:center;width:560px}.Email-box{margin-top:170px}.Email-box,.Password-box{background-color:#bdc7f4;border:2px solid #fff;border-radius:0;font-family:IBM Plex Sans Thai Looped,sans-serif;font-size:33px;height:50px;opacity:50%;outline:none;width:500px}.Loginbox{margin-top:150px}.Loginbox,.submitBox{align-items:center;background-color:#7ca0e2;border-color:#7ca0e2;border-radius:30px;display:flex;flex-direction:column;font-family:heebo,sans-serif;font-size:46px;justify-content:center;outline:none;text-align:center;width:750px}.submitBox{margin-top:75px}.submitBox:hover{border-color:#3873e2}.submitBox:active{background-color:#3873e2}.Loginbox:hover{border-color:#3873e2}.Loginbox:active{background-color:#3873e2}.logheader{color:#000;font-family:Grandstander,cursive;font-size:67px}.Webname{color:#000;font-family:Great Vibes,cursive;font-size:89px}.notifications-list{max-height:70vh}.notification-item{border-bottom:1px solid #f5f5f5}.notification-item:last-child{border-bottom:none}.friend-request-content{align-items:flex-start;display:flex;gap:1rem}.sender-avatar{flex-shrink:0;object-fit:cover}.request-details{flex:1 1}.request-text{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.8rem}.sender-name{color:#2d3748;font-weight:600}.highlight-notification{-webkit-animation:slide-up .3s ease-out;animation:slide-up .3s ease-out;bottom:20px;position:fixed;right:20px;z-index:1000}.highlight-card h4{color:#333;display:flex;flex-direction:column;font-size:16px;font-weight:600;margin:0 0 12px}.highlighted-text{color:#4a5568;font-style:italic;font-weight:400;margin-top:4px;max-width:100%;overflow-wrap:break-word;word-break:break-word}.highlight-actions{display:flex;gap:10px}.highlight-action-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.reply-button{background-color:#48bb78;color:#fff}.reply-button:hover{background-color:#38a169}.dictionary-button{background-color:#4299e1}.dictionary-button:hover{background-color:#3182ce}.highlight-reply-modal{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1010}.highlight-reply-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.2);max-width:90vw;padding:24px;width:450px}.highlight-reply-content h4{color:#333;display:flex;flex-direction:column;font-size:18px;font-weight:600;margin:0 0 16px}.highlighted-text-reply{background-color:#f8f9fa;border-left:3px solid #4299e1;color:#4a5568;font-size:16px;font-style:italic;font-weight:400;margin-top:8px;overflow-wrap:break-word;padding:8px;word-break:break-word}.highlight-reply-actions{display:flex;gap:12px;justify-content:flex-end}.send-button{background-color:#48bb78;color:#fff}.send-button:hover{background-color:#38a169}.cancel-button{background-color:#e2e8f0;color:#4a5568}.cancel-button:hover{background-color:#cbd5e0}.success-message{color:#48bb78;font-size:.9rem;margin:1rem 0}.error-message{color:#f56565;font-size:.9rem;margin:1rem 0}.Community-Right{border-left:1px solid #eee;box-shadow:2px 0 6px rgba(0,0,0,.5);color:#000;display:flex;flex-direction:column;height:100vh;right:0;width:230px;z-index:10000}.Community-Right,.header-container{background-color:#fff;position:fixed;top:0}.header-container{box-shadow:0 4px 6px rgba(0,0,0,.2);height:13vh;left:50%;max-width:1200px;padding:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100vw;z-index:1000}.CommunityPic{height:auto;left:2.5vw;margin-bottom:0;margin-right:40vw;position:relative;width:10vw}.CommunityName{color:#333;margin-right:8vw;margin-top:-14vh}.CommunityMembers,.CommunityName{font-family:Inter;position:relative}.CommunityMembers{color:#686262;font-size:48px;font-weight:700;margin-left:-28vw;margin-top:-6vh}.green-button{background-color:#48bb78;border:none;border-radius:50px;bottom:4vh;box-shadow:0 4px 6px rgba(0,0,0,.2);cursor:pointer;font-size:16px;font-weight:700;left:9vw;padding:10px 20px;position:relative;transition:box-shadow .2s ease;width:10vw;z-index:1000}.green-button:hover{box-shadow:0 6px 8px rgba(0,0,0,.3)}.red-button{background-color:#f56565;border:none;border-radius:50px;bottom:4vh;box-shadow:0 4px 6px rgba(0,0,0,.2);cursor:pointer;font-size:16px;font-weight:700;left:8vw;padding:10px 20px;position:relative;transition:box-shadow .2s ease;width:10vw;z-index:1000}.red-button:hover{box-shadow:0 6px 8px rgba(0,0,0,.3)}.blue-button{background-color:#007bff;border:none;border-radius:50px;box-shadow:0 4px 6px rgba(0,0,0,.2);color:#000;cursor:pointer;font-size:16px;font-weight:700;padding:12px 30px;position:relative;right:2.7vw;top:2vh;transition:box-shadow .2s ease;width:12vw}.blue-button:hover{box-shadow:0 6px 8px rgba(0,0,0,.3)}.long-line{border:none;border-top:2px solid #eeee;bottom:20px;left:200px;margin:20px;position:relative;width:80%}.mobile-community-details{display:block}.community-info{left:50px}.toggle-text{left:3vw;position:relative;top:4vh}.reset-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:80px auto;max-width:400px;padding:2rem}.reset-container h1{color:#2d3748;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.reset-container label{color:#4a5568;display:block;font-weight:600;margin-bottom:.25rem}.reset-container input{border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.reset-container input:focus{border-color:#4299e1;box-shadow:0 0 0 2px rgba(66,153,225,.3);outline:none}.reset-container .submitbutton{background-color:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:background-color .2s ease;width:100%}.reset-container .submitbutton:hover{background-color:#3182ce}.reset-container p{color:#718096;font-size:.9rem;margin-top:1rem;text-align:center}.reset-container a{color:#4299e1;text-decoration:none;transition:color .2s ease}.reset-container a:hover{color:#2b6cb0;text-decoration:underline}.chat{border:1px solid #000;border-radius:15px;height:90vh;margin:0 auto;width:60%}.chat,.chat_main{align-items:center;display:flex;flex-direction:column;justify-content:center}.chat_main{background-color:#fff;flex-grow:1;height:100%;width:80%}.chat_header{align-items:center;display:flex;padding:10px;width:100%}.msg_profile_picture{border-radius:50%;height:100px;margin-right:5%;width:100px}.message_container{border:1px solid #ccc;border-radius:15px;display:flex;flex-direction:column;flex-grow:1;height:70vh;overflow-y:auto;padding:10px;width:100%}.message_chats{display:flex;max-width:70%}.message_right{justify-content:flex-end;margin-left:auto}.message_left{justify-content:flex-start;margin-right:auto}.message_sender{background-color:#007bff;color:#fff}.message_recipient,.message_sender{word-wrap:break-word;border-radius:15px;font-size:24px;padding:10px}.message_recipient{background-color:#f1f1f1;color:#000}.chat_footer{padding:10px}.chat-form,.chat_footer{align-items:center;display:flex;width:100%}.message_input{background-color:#fff;border:1px solid #ccc;border-radius:5px;padding:10px;width:100%}.message_input:focus{border-color:#007bff;outline:none}.message_input::-webkit-input-placeholder{color:#ccc}.message_input::placeholder{color:#ccc}.sendBtn{background:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem;transition:background .2s}@media (max-width:768px){.chat{width:90%}.msg_profile_picture{height:50px;width:50px}.chat_main{padding:5px;width:85%}.message_container{height:50vh;min-height:350px;padding:5px}}.modal-overlay{height:100%;width:100%}.modal-container{-webkit-animation:fadeIn .3s ease-out;animation:fadeIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.modal-header{border-bottom:1px solid #ddd;padding:16px}.modal-title{font-size:1.5rem}.modal-close{color:#333}.modal-body{color:#000;font-size:1rem;line-height:1.5;padding:16px}.modal-body h5{font-size:1.2rem;margin-top:0}.modal-body ul{list-style-type:disc;padding-left:20px}.modal-footer{border-top:1px solid #ddd;padding:16px;text-align:right}.btn{border-radius:4px}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#5a6268}.filter_container{align-items:center;display:flex;flex-direction:row-reverse;font-family:Inter,sans-serif;font-size:14px;position:relative}.filter_group{align-items:flex-end;display:flex;flex-direction:column;min-width:150px;position:relative;width:auto}.filter_title{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:100px;box-sizing:border-box;color:#4b5563;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:8px 16px;transition:all .2s ease;width:100%}.filter_title:hover{background-color:#f8fafc;border-color:#cbd5e0}.filter_icon{height:16px;margin-left:8px;opacity:.7;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:16px}.filter_icon.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.filter_options{-webkit-animation:fadeIn .2s ease;animation:fadeIn .2s ease;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;flex-direction:column;left:auto;margin-top:5px;padding:6px;position:fixed;top:auto;width:180px;z-index:9999}.filter_option{border-radius:8px;cursor:pointer;padding:10px 12px;text-align:left;transition:background-color .15s ease}.filter_option:hover{background-color:#f1f5f9}.filter_option.active{background-color:#e0f2fe;color:#0369a1;font-weight:500}body{background-color:#f6f8fa}.community-page{align-items:center;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:700px;padding:20px}.card{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden}.community-header-card{display:flex;flex-direction:column;gap:20px;margin-bottom:8px;padding:24px}.community-header{align-items:center;display:flex;justify-content:space-between}.community-info{align-items:flex-start;display:flex;gap:16px;left:0;position:relative}.community-info>div{align-items:flex-start;display:flex;flex-direction:column}.community-flag{border-radius:8px;height:48px;object-fit:cover;width:48px}.community-title-community{color:#111;font-size:24px;font-weight:700;line-height:1;margin:0;padding:0}.members-count{color:#94a3b8;display:block;font-size:14px;font-weight:400;line-height:1;margin:0;padding:4px 0 0}.action-buttons{display:flex;gap:12px}.btn{border:none;border-radius:100px;font-family:Inter,sans-serif;font-size:14px;padding:8px 16px;transition:all .15s ease}.btn-join{background-color:#10b981;color:#fff}.btn-join:hover{background-color:#059669}.btn-leave{background-color:#ef4444;color:#fff}.btn-leave:hover{background-color:#dc2626}.btn-create{background-color:#3b82f6;color:#fff}.btn-create:hover{background-color:#2563eb}.search-filter{gap:16px;justify-content:space-between}.search-bar,.search-filter{align-items:center;display:flex}.search-bar{background-color:#f1f5f9;border-radius:100px;flex-grow:1;max-width:300px;padding:6px 16px}.search-input{background:transparent;border:none;color:#333;font-size:14px;outline:none;width:100%}.search-input::-webkit-input-placeholder{color:#94a3b8}.search-input::placeholder{color:#94a3b8}.search-icon{cursor:pointer;height:16px;opacity:.7;width:16px}.filter-dropdown{position:relative}.filter-dropdown select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #e2e8f0;border-radius:100px;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;outline:none;padding:8px 32px 8px 16px}.filter-dropdown select:hover{border-color:#cbd5e0}.filter-dropdown select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.posts{gap:16px}.post-header-info,.posts{display:flex;flex-direction:column}.profile-picture-post-community{margin-bottom:30px}.date-created-community{font-size:14px;margin-left:4px}.post-content{font-size:15px}.post-content.truncated{position:relative}.view-more-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:500;margin-top:8px;padding:0;text-align:left}.view-more-button:hover{text-decoration:underline}.hashtag{color:#3b82f6;font-weight:500}.post-categories{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.post-category{background-color:#f1f5f9;border-radius:100px;color:#64748b;font-size:12px;font-weight:500;padding:2px 8px}.food-tag{background-color:#fef3c7;color:#92400e}.music-tag{background-color:#e0e7ff;color:#4338ca}.culture-tag{background-color:#fce7f3;color:#9d174d}.post-footer-community{gap:20px;margin-top:8px;padding-top:12px}.comment-indicator,.like-section,.share-button
.deleteIcon{align-items:center;color:#64748b;cursor:pointer;display:flex;gap:6px;transition:color .15s ease}.comment-indicator:hover,.like-section:hover,.share-button:hover{color:#334155}.comment-icon-community,.like-icon-community,.share-icon-community{height:20px;opacity:.7;width:20px}.red-heart{opacity:1}.comments{border-top:1px solid #f1f5f9;margin-top:12px;padding-top:16px}.create-comment-text-area{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:Inter,sans-serif;font-size:14px;margin-bottom:12px;outline:none;padding:12px;resize:none;width:100%}.comments-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.no-comments{color:#94a3b8;font-size:14px;padding:16px;text-align:left}.sidebar{background-color:#fff;box-shadow:-2px 0 10px rgba(0,0,0,.1);height:100vh;overflow-y:auto;padding:24px;position:fixed;right:-350px;top:0;transition:right .3s ease;width:280px;z-index:900}.sidebar.open{right:0;z-index:900}.sidebar-header{border-bottom:1px solid #e2e8f0;font-size:20px;font-weight:700;margin-bottom:24px;padding-bottom:16px}.sidebar-content{margin-bottom:32px;position:relative;z-index:1000}.sidebar-content h2{color:#111;font-size:18px;font-weight:600;margin-bottom:12px}.sidebar-content p{color:#334155;font-size:15px;line-height:1.6;margin-bottom:16px}.rules-list{margin:0;padding-left:24px}.rules-list li{color:#334155;font-size:15px;margin-bottom:8px}.bottom-right-buttons{bottom:20px;display:flex;flex-direction:column;gap:15px;position:fixed;right:20px;z-index:1000}.bottom-right-buttons button{align-items:center;background-color:#007bff;border:none;border-radius:50%;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:flex;font-size:1.5em;height:50px;justify-content:center;transition:background-color .3s ease;width:50px}.bottom-right-buttons button:hover{background-color:#0056b3}.close-sidebar{background:transparent;border:none;color:#64748b;cursor:pointer;font-size:22px;margin-left:130px;margin-top:15px;position:absolute}@-webkit-keyframes slide-up{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.highlight-heading{font-size:14px;font-weight:600;margin-bottom:8px}.highlight-text{background-color:#f8f9fa;border-left:3px solid #3b82f6;border-radius:4px;color:#4a5568;font-size:14px;margin-bottom:12px}.highlight-buttons{display:flex;gap:8px}.highlight-button{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px}.highlight-button-reply{background-color:#10b981;color:#fff}.highlight-button-save{background-color:#3b82f6;color:#fff}.create-post-container{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.create-post-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.15);max-width:90%;padding:24px;width:500px}.create-post-content h2{color:#111;font-size:20px;margin-bottom:16px;margin-top:0}.create-post-text-area{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:Inter,sans-serif;font-size:15px;margin-bottom:16px;outline:none;padding:12px;resize:none;width:100%}.post-category-selector{margin-bottom:16px}.post-category-selector label{color:#4b5563;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.category-dropdown{border:1px solid #e2e8f0;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;outline:none;padding:10px;width:100%}.create-post-buttons{display:flex;gap:12px;justify-content:flex-end}.create-post-button{background-color:#3b82f6;color:#fff}.create-post-button,.create-post-close-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.create-post-close-button{background-color:#e5e7eb;color:#4b5563}.auth-required,.empty-posts-container,.error-container,.loading-container{margin:16px 0;padding:32px;text-align:left}.auth-message,.empty-posts-message,.error-message{margin:0 auto;max-width:400px}.auth-message h3,.empty-posts-message h3,.error-message h3{color:#1f2937;font-size:18px;margin-bottom:12px}.auth-message p,.empty-posts-message p,.error-message p{color:#64748b;font-size:14px;margin-bottom:20px}.loading-spinner{height:40px;margin:0 auto 16px;width:40px}.btn-retry{background-color:#3b82f6;color:#fff}@media (max-width:768px){.community-header{align-items:flex-start;flex-direction:column;gap:16px}.action-buttons{justify-content:space-between;width:100%}.search-filter{align-items:flex-start;flex-direction:column}.search-bar{max-width:none;width:100%}.sidebar{width:280px}.highlight-notification{bottom:80px}.bottom-right-buttons{bottom:80px;right:20px}.bottom-right-buttons button{font-size:1.2em;height:40px;width:40px}}@media only screen and (min-width:768px) and (max-width:1000px){.community-page{margin-left:200px}}.notifications-container{background:#fff;border-radius:12px;box-shadow:0 6px 14px rgba(0,0,0,.15);display:flex;flex-direction:column;height:90vh;margin:5vh auto;max-width:1600px;padding:30px;width:95%}.notifications-header{align-items:center;border-bottom:3px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.notifications-header h2{font-size:32px;font-weight:700}.mark-all-read{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:14px 20px;transition:background .2s ease-in-out,-webkit-transform .1s;transition:background .2s ease-in-out,transform .1s;transition:background .2s ease-in-out,transform .1s,-webkit-transform .1s}.mark-all-read:hover{background:#0056b3;-webkit-transform:scale(1.05);transform:scale(1.05)}.notifications-list{flex:1 1;overflow-y:auto;padding-right:10px}.notification-item{align-items:center;background:#f9f9f9;border-radius:10px;display:flex;margin-bottom:12px;padding:20px;transition:background .2s ease-in-out,-webkit-transform .1s;transition:background .2s ease-in-out,transform .1s;transition:background .2s ease-in-out,transform .1s,-webkit-transform .1s}.notification-item.unread{background:#e0f3ff}.notification-item:hover{background:#d1ebff;-webkit-transform:scale(1.02);transform:scale(1.02)}.sender-avatar{border-radius:50%;height:70px;margin-right:20px;width:70px}.notification-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.notification-content p{font-size:22px;margin:0;text-align:left}.timestamp{color:gray;font-size:16px;margin-top:4px;text-align:left}.friend-request-wrapper{align-items:center;display:flex;justify-content:space-between}.request-actions{display:flex;gap:12px}.accept-btn,.decline-btn{border:none;border-radius:8px;cursor:pointer;font-size:18px;padding:12px 18px;transition:background .2s ease-in-out,-webkit-transform .1s;transition:background .2s ease-in-out,transform .1s;transition:background .2s ease-in-out,transform .1s,-webkit-transform .1s}.accept-btn{background:#28a745;color:#fff}.accept-btn:hover{background:#218838;-webkit-transform:scale(1.05);transform:scale(1.05)}.decline-btn{background:#dc3545;color:#fff}.decline-btn:hover{background:#c82333;-webkit-transform:scale(1.05);transform:scale(1.05)}.no-notifications{color:gray;font-size:22px;padding:40px;text-align:center}@media (max-width:768px){.title{font-size:1.8rem}.search-bar{max-width:350px;padding:6px 10px;width:95%}.search-input{font-size:14px}.hamburger-menu,.search-icon{font-size:18px}}@media (max-width:480px){.title{font-size:1.5rem}.search-bar{max-width:320px;padding:5px 8px;width:100%}.search-input{font-size:13px}.hamburger-menu,.search-icon{font-size:16px}}.status-badge{border-radius:12px;font-size:.9rem;font-weight:500;padding:.4rem .8rem}.status-badge.accepted{background:#c6f6d5;color:#22543d}.status-badge.declined{background:#fed7d7;color:#742a2a}.timestamp{color:#718096;font-size:.85rem;margin-top:.5rem}.standard-notification{align-items:flex-start;display:flex;gap:1rem}.notification-icon{font-size:1.2rem;margin-top:.2rem}@media (max-width:768px){.notifications-container{border-radius:0;margin:0}.notifications-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.mark-all-read{padding:.8rem;width:100%}.notification-item{padding:1rem}.friend-request-content{align-items:center;flex-direction:column;text-align:center}.sender-avatar{height:64px;width:64px}.request-actions{flex-direction:column}.accept-btn,.decline-btn{padding:.8rem;width:100%}.standard-notification{align-items:center;flex-direction:column;text-align:center}.notification-icon{font-size:1.5rem}}@media (max-width:480px){.timestamp{font-size:.8rem}.sender-name{font-size:1.1rem}}.quiz-container,.quiz-content-container{align-items:center;background-color:#f9f9f9;box-sizing:border-box;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:40px 20px;text-align:center;width:100%}.title,.title2{color:#2c3e50;font-size:40px;font-weight:700;margin-bottom:30px;text-align:center}.title2{font-size:48px;margin-bottom:40px}.language-select{border:1px solid #ccc;border-radius:12px;box-shadow:0 3px 5px rgba(0,0,0,.1);font-size:16px;height:45px;margin:30px 0;max-width:700px;outline:none;padding:0 10px;transition:border-color .2s ease;width:100%}.language-select:focus{border-color:#3498db}.horizontally{display:flex;flex-wrap:wrap;gap:25px;justify-content:center}.quiz-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;flex-direction:column;height:220px;justify-content:space-between;padding:25px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:300px}.quiz-card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.quiz-title{color:#34495e;font-size:22px;font-weight:600}.quiz-description{color:#7f8c8d;flex-grow:1;font-size:14px;margin:10px 0}.back-btn,.cancel-quiz-btn,.finish-btn,.next-quiz-btn,.retry-btn,.skill-quiz-btn,.submit-btn{border:none;border-radius:10px;cursor:pointer;font-size:16px;padding:12px 16px;transition:background-color .2s ease,-webkit-transform .2s ease;transition:background-color .2s ease,transform .2s ease;transition:background-color .2s ease,transform .2s ease,-webkit-transform .2s ease;width:100%}.skill-quiz-btn{background-color:#3498db;color:#fff}.skill-quiz-btn:hover{background-color:#2980b9;-webkit-transform:scale(1.02);transform:scale(1.02)}.submit-btn{background-color:#2ecc71;color:#fff}.submit-btn:hover{background-color:#27ae60;-webkit-transform:scale(1.02);transform:scale(1.02)}.retry-btn{background-color:#f1c40f;color:#fff}.retry-btn:hover{background-color:#d4ac0d;-webkit-transform:scale(1.02);transform:scale(1.02)}.back-btn,.finish-btn{align-self:center;background-color:#e74c3c;border-radius:8px;color:#fff;font-size:14px;margin-top:10px;min-width:120px;padding:6px 12px;transition:background-color .2s ease,-webkit-transform .2s ease;transition:background-color .2s ease,transform .2s ease;transition:background-color .2s ease,transform .2s ease,-webkit-transform .2s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.back-btn:hover,.finish-btn:hover{background-color:#c0392b;-webkit-transform:scale(1.03);transform:scale(1.03)}.quiz-box{background:#fff;border-radius:14px;box-shadow:0 5px 15px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:20px;margin-bottom:20px;max-width:700px;padding:35px;text-align:left;width:100%}.question-title{color:#2c3e50;font-size:22px;font-weight:700}.quiz-question{color:#007bff;font-size:20px;font-weight:500}.answer-input{border:1px solid #ccc;border-radius:10px;font-size:16px;height:100px;padding:15px;resize:none;transition:border-color .2s ease;width:100%}.answer-input:focus{border-color:#3498db}.correct-message{color:#27ae60;font-size:18px;font-weight:700}.incorrect-message{color:#e74c3c;font-size:18px;font-weight:700}.correct-message,.error-message,.incorrect-message,.success-message{-webkit-animation:fadeIn .3s ease-in-out;animation:fadeIn .3s ease-in-out;text-align:center}.error-message,.success-message{font-size:16px;font-weight:700}.correct-container,.incorrect-container,.quiz-completed,.quiz-finished-container{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(4px);transform:translateY(4px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(4px);transform:translateY(4px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.badge-popup-overlay{align-items:center;background:rgba(0,0,0,.4);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.badge-popup{background:#fff;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.2);max-width:90%;padding:24px 32px;text-align:center}.badge-popup h2{font-size:24px;margin-bottom:12px}.badge-popup button{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-top:16px;padding:10px 20px}.dictionary-button{align-items:center;background-color:#007bff;border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:flex;font-size:1.5em;height:50px;justify-content:center;position:absolute;right:20px;transition:background-color .3s ease;width:50px}.mobile{max-width:100vw;overflow-x:hidden;padding:10px;text-align:center}.mobile,.quiz-container.mobile{box-sizing:border-box;width:100%}.quiz-container.mobile{align-items:center;display:flex;flex-direction:column;height:200vh;justify-content:center;left:50%;padding:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mobile-title{color:#000;font-size:32px;margin-bottom:40px;margin-top:350px;text-align:center}.mobile .language-select{max-width:350px;width:90%}.mobile .horizontally{align-items:center;flex-direction:column;gap:20px}.mobile .quiz-card{margin-bottom:20px;max-width:320px;width:90%}.mobile .finish-btn,.mobile .next-btn,.mobile .retry-btn,.mobile .submit-btn,.mobile button{font-size:14px;padding:12px;width:100%}.mobile .quiz-box{margin:0 auto;max-width:400px;min-height:300px;padding:20px;width:85%}.mobile .answer-input{border:1px solid #ccc;border-radius:6px;display:block;font-size:14px;height:80px;margin:10px auto;max-width:350px;padding:8px;resize:none;width:90%}.mobile .quiz-footer{align-items:center;flex-direction:column}.mobile .quiz-creator{margin-bottom:10px;text-align:center}.mobile .correct-container,.mobile .incorrect-container,.mobile .quiz-finished-container{height:auto;padding:20px;text-align:center}.mobile .correct-message,.mobile .incorrect-message,.mobile .quiz-finished-message{font-size:24px}.mobile .back-btn{font-size:32px;margin-top:20px}.recommended-section{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-top:20px;padding:20px;width:100%}.recommended-title{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 16px}.recommended-communities{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.recommended-card{background-color:#f8fafc;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:box-shadow .2s,-webkit-transform .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s}.recommended-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.recommended-card-media{background-color:#e2e8f0;height:100px;overflow:hidden;position:relative;width:100%}.recommended-image{height:100%;object-fit:cover;width:100%}.recommended-image-placeholder{align-items:center;background:linear-gradient(45deg,#3b82f6,#2563eb);color:#fff;display:flex;font-size:32px;font-weight:600;height:100%;justify-content:center;width:100%}.recommended-card-content{padding:12px}.recommended-name{color:#334155;font-size:16px;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommended-tags{display:flex;flex-wrap:wrap;gap:6px}.recommended-tag{background-color:#e0e7ff;color:#4338ca}.recommended-tag,.recommended-tag-more{border-radius:12px;font-size:12px;padding:2px 8px}.recommended-tag-more{background-color:#f1f5f9;color:#64748b}.recommendation-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:24px}.loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3b82f6;height:30px;margin-bottom:12px;width:30px}.recommendation-loading p{color:#64748b;font-size:14px;margin:0}.error-message{background-color:#fee2e2;border-radius:8px;padding:16px;text-align:center}.no-recommendations{color:#64748b;font-size:14px;padding:16px;text-align:center}@media (max-width:768px){.recommended-communities{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.recommended-card-media{height:80px}.recommended-name{font-size:14px}}@media (max-width:480px){.recommended-communities{grid-template-columns:1fr 1fr}}.create-community-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.create-community-modal{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);max-height:90vh;max-width:90%;overflow-y:auto;padding:0;width:560px}.modal-header{background:#fff;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header h2{color:#1a202c;font-size:20px;margin:0}.close-button{background:none;border:none;color:#64748b;cursor:pointer;font-size:24px}form{padding:24px}.form-group{margin-bottom:24px}.form-group label{color:#334155;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input[type=text],.form-group textarea{border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;font-family:Inter,sans-serif;font-size:14px;padding:10px 12px;width:100%}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.image-upload-container{display:flex;justify-content:center;margin-top:8px}.image-upload-area{align-items:center;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:150px;justify-content:center;overflow:hidden;width:150px}.image-upload-area:hover{background-color:rgba(59,130,246,.05);border-color:#3b82f6}.upload-placeholder{align-items:center;color:#64748b;display:flex;flex-direction:column}.upload-placeholder span{font-size:24px;margin-bottom:4px}.upload-placeholder p{font-size:12px;margin:0}.image-preview{height:100%;object-fit:cover;width:100%}.rules-container{display:flex;flex-direction:column;gap:12px}.rule-input-group{align-items:center;display:flex;gap:8px}.rule-input-group input{flex-grow:1}.remove-rule-btn{align-items:center;background:none;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;width:28px}.remove-rule-btn:hover{background-color:rgba(239,68,68,.1)}.add-rule-btn{background:none;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;margin-top:8px;padding:8px 16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.add-rule-btn:hover{background-color:rgba(59,130,246,.05);border-color:#3b82f6;color:#3b82f6}.tags-description{color:#64748b;font-size:12px;margin-bottom:12px;margin-top:0}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.tag{background-color:#f1f5f9;border-radius:16px;color:#475569;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.tag:hover{background-color:#e2e8f0}.tag.selected{background-color:#3b82f6;color:#fff}.tag.selected:hover{background-color:#2563eb}.button-group{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-button,.create-button{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s}.cancel-button{background-color:#fff;border:1px solid #cbd5e1;color:#64748b}.cancel-button:hover{background-color:#f8fafc}.create-button{background-color:#3b82f6;border:none;color:#fff}.create-button:hover{background-color:#2563eb}.cancel-button:disabled,.create-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background-color:rgba(239,68,68,.1);border-radius:6px;color:#ef4444;font-size:14px;margin-top:16px;padding:10px}@media (max-width:640px){.create-community-modal{max-width:95%}.button-group{flex-direction:column}.cancel-button,.create-button{width:100%}}body{background-color:#f9f9f9;color:#333;font-family:Inter,sans-serif;margin:0;padding:0}.style-guide{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:auto;max-width:1200px;padding:80px 40px 40px}.CommunityName{font-size:60px;font-weight:700;margin:40px 0 30px}.CommunityMembers,.CommunityName{font-family:Inter,sans-serif;text-align:center}.CommunityMembers{font-size:50px;margin:20px 0}.post-content{font-family:Inter,sans-serif;font-size:24px;text-align:center}.example-container{background-color:#f0f4f8;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:30px;padding:30px;text-align:center}.example-title{font-size:18px;font-weight:700;padding:15px}.example-box,.example-title{background-color:#fff;border:1px dashed #ccc;border-radius:6px;margin-bottom:15px}.example-box{padding:20px}.layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:200px 1fr;margin-bottom:30px}.navigation{background-color:#e2e8f0;border-radius:8px;padding:20px}.body .content,.body .footer,.body .header{background-color:#edf2f7;border-radius:8px;margin-bottom:15px;padding:20px}.color-palette .color-swatch{border-radius:5px;color:#fff;margin-bottom:15px;padding:15px;text-align:center}.button{border:none;border-radius:50px;box-shadow:0 4px 6px rgba(0,0,0,.2);cursor:pointer;font-size:16px;font-weight:700;margin:10px;padding:15px 25px;transition:box-shadow .2s ease}.button:hover{box-shadow:0 6px 8px rgba(0,0,0,.3)}.modal-overlay{background:rgba(0,0,0,.5);padding:20px}.modal{background:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.3);max-width:500px;padding:30px;text-align:center;width:90%}.tooltip{cursor:pointer;position:relative}.tooltip:after{background:#333;border-radius:4px;bottom:100%;color:#fff;content:attr(title);left:50%;opacity:0;padding:5px 10px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .2s ease-in-out;visibility:hidden;white-space:nowrap}.tooltip:hover:after{opacity:1;visibility:visible}pre{background-color:#2d3748;border-radius:5px;color:#f7fafc;overflow-x:auto;padding:15px}code{font-family:Courier New,monospace;font-size:14px}.profile-container-modern{margin:0 auto;max-width:1200px;padding:2rem 1rem}.profile-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:2rem;overflow:hidden}.delete-modal .modal-body .confirm-message{color:#dc3545;font-size:16px;text-align:center}.profile-cover{background:linear-gradient(90deg,#4299e1,#805ad5);height:150px;position:relative}.profile-avatar-container{bottom:-50px;left:2rem;position:absolute}.profile-avatar{background-color:#f7fafc;border:4px solid #fff;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.1);height:100px;object-fit:cover;width:100px}.edit-avatar-btn{align-items:center;background:#4299e1;border:none;border-radius:50%;bottom:-8px;box-shadow:0 2px 5px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:-8px;transition:all .2s ease;width:32px}.edit-icon:before{content:"✎"}.edit-avatar-btn:hover{background:#3182ce;-webkit-transform:scale(1.1);transform:scale(1.1)}.profile-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 3fr}@media (max-width:768px){.profile-content{grid-template-columns:1fr}}.profile-info{min-width:280px;padding:4rem 2rem 2rem}.profile-username{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.profile-fullname{color:#718096;margin-bottom:1.5rem}.profile-stats{display:flex;gap:2rem;margin-bottom:1.5rem}.stat-item{text-align:center}.stat-value{color:#2d3748;font-size:1.25rem;font-weight:700}.stat-label{color:#718096;font-size:.875rem}.profile-details{margin-bottom:1.5rem}.detail-item{align-items:center;display:flex;font-size:1rem;margin-bottom:.75rem}.detail-icon{color:#4299e1;font-size:1.25rem;height:24px;margin-right:.75rem;width:24px}.language-icon:before{content:"🗣️"}.globe-icon:before{content:"🌐"}.app-icon:before{content:"📱"}.book-icon:before{content:"📚"}.detail-label{color:#718096;font-size:1rem;font-weight:500;margin-right:.5rem;width:140px}.detail-value{color:#2d3748;font-size:1rem;font-weight:600}.btn-danger{background-color:#dc3545;border:none;color:#fff}.btn-danger:hover{background-color:#c82333}.activity-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;padding-bottom:16px}.tab-navigation{border-bottom:1px solid #e2e8f0;display:flex}.tab-item{color:#718096;cursor:pointer;font-weight:500;padding:1rem 1.5rem;position:relative;transition:all .2s ease}.tab-item.active{color:#4299e1}.tab-item.active:after{background-color:#4299e1;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.tab-item:hover{color:#4299e1}.tab-content{padding:1.5rem}.posts-container{gap:16px}.post-card,.posts-container{display:flex;flex-direction:column;margin-bottom:16px;width:100%}.post-card{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);box-sizing:border-box;cursor:pointer;gap:12px;padding:16px;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease;z-index:auto}.post-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1}.author-line{align-items:center;display:flex}.profile-picture-post-community{border-radius:50%;height:40px;margin-right:10px;object-fit:cover;width:40px}.activity-title-pack{-webkit-box-orient:vertical}.activity-date{color:#a0aec0;font-size:.75rem}.author,.author-timestamp{display:block}.author{color:#333;font-size:15px;font-weight:600;margin-bottom:4px}.date-created-community{color:#64748b;display:block;font-size:13px}.post-content{color:#334155;font-size:14px;line-height:1.5;margin:0;overflow-wrap:break-word;padding:0}.activity-footer{align-items:center;display:flex;gap:1rem}.post-footer-community{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:16px;margin-top:12px;padding-top:10px}.comment-indicator,.like-section{align-items:center;color:#64748b;cursor:pointer;display:flex;gap:6px;transition:color .15s ease}.comment-indicator:hover,.like-section:hover{color:#334155}.comment-icon-community,.like-icon-community{font-size:18px;margin-right:4px}.comment-indicator span:last-child,.like-section span:last-child{color:#64748b;font-size:14px}.red-heart{color:#ef4444}.highlight-text{background-color:#f8fafc;border-left:3px solid #4299e1;border-radius:0 4px 4px 0;color:#64748b;font-size:13px;margin-bottom:10px;padding:8px 12px}.empty-activity{align-items:center;color:#718096;display:flex;flex-direction:column;justify-content:center;padding:2rem}.empty-icon{color:#e2e8f0;font-size:3rem;margin-bottom:1rem}.modal-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.modal-title{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;color:#718096;cursor:pointer;font-size:1.5rem}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:.75rem;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.logout-modal{max-width:400px}.confirm-message{color:#000;font-size:1.125rem;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.25rem}.form-label{color:#4a5568;display:block;font-weight:500;margin-bottom:.5rem}.profile-actions{display:flex;flex-direction:column}.form-input{border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;padding:.75rem;transition:all .2s ease}.form-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px rgba(66,153,225,.2);outline:none}.btn{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;margin-bottom:.5rem;margin-right:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-primary{background-color:#4299e1;border:none;color:#fff}.btn-primary:hover{background-color:#3182ce}.btn-secondary{background-color:#a0aec0;border:none;color:#fff}.btn-secondary:hover{background-color:#718096}.btn-third{background-color:#fff;color:red}.btn-outline,.btn-third{border:1px solid #e2e8f0}.btn-outline{background-color:initial;color:#4a5568}.btn-outline:hover{background-color:#f7fafc}.dictionary-list{margin-bottom:1.5rem;max-height:300px;overflow-y:auto}.dictionary-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:.75rem}.dictionary-term{color:#2d3748;font-weight:600;margin-bottom:.25rem}.dictionary-definition{color:#4a5568;font-size:.875rem}.dictionary-delete{background:none;border:none;color:#e53e3e;cursor:pointer;font-size:1.25rem;opacity:.7;transition:opacity .2s ease}.dictionary-delete:hover{opacity:1}.add-dictionary-form{border-top:1px solid #e2e8f0;padding-top:1.5rem}.loading-spinner{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center}.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid rgba(0,0,0,.1);border-left-color:#4299e1;border-radius:50%;height:40px;margin-bottom:1rem;width:40px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.response-message{border-radius:6px;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.success-message{background-color:#c6f6d5;color:#276749}.error-message{background-color:#fed7d7;color:#c53030}.tab-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.tab-title h3{color:#2d3748;font-size:1.125rem;font-weight:600;margin:0}.tab-title span{color:#718096;font-size:.875rem}.activity-card-pack{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;padding:1rem;transition:all .2s ease}.activity-card-pack:hover{border-color:#90cdf4;box-shadow:0 4px 6px rgba(0,0,0,.05);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.activity-card-header-pack{display:flex;justify-content:space-between;margin-bottom:.5rem}.activity-title-pack{color:#2d3748;font-weight:500}.activity-date-pack{color:#a0aec0;font-size:.75rem}.activity-content-pack{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4a5568;display:-webkit-box;font-size:.875rem;line-height:1.5;margin-bottom:.75rem;overflow:hidden;text-overflow:ellipsis}.activity-footer-pack{align-items:center;display:flex;gap:1rem}.activity-list-pack{display:flex;flex-direction:column;gap:1rem}.input-error{border:1px solid red}.error-message{color:red;font-size:.85em;margin-top:4px}.btn-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.profile-prompt-overlay{align-items:center;background:rgba(0,0,0,.6);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.profile-prompt-box{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.3);max-width:90%;padding:30px 40px;text-align:center;width:400px}.go-profile-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-top:20px;padding:10px 20px}.go-profile-btn:hover{background-color:#0056b3}
/*# sourceMappingURL=main.913f299b.css.map*/