body{background:#fff!important}.hidden{display:none;opacity:0;transition:opacity 1s ease-in-out}.no-height{height:0;transition:height 1s ease-in-out,opacity .5s ease-in-out}.welcome-header{color:#555;font-size:2.75em;text-align:center;margin:0;margin-bottom:.2em;transition:opacity .5s ease-in-out}.community-recommendations{overflow:auto;text-align:center;max-width:750px;margin:0 auto;text-align:center;font-size:1.05em;color:#555}@media (max-width:767px){.community-recommendations{max-width:100%;font-size:1em}}.community-recommendations p{margin:.5em 0}.text-animation-container{max-width:800px;margin:0 auto;text-align:center;display:flex;align-items:center;justify-content:center;font-size:2.5em;color:#555;gap:.75em;font-weight:800;transition:opacity .8s ease-in-out}.text-animation-container .left{width:50%;text-align:right}.text-animation-container .right{width:50%;text-align:left;color:#ccc;position:relative;top:79.5px;display:flex;flex-direction:column;gap:10px;transition:top 1s ease-in-out}.text-animation-container .word{display:inline-block;transition:color .8s ease-in-out;white-space:nowrap}.text-animation-container .word.active{color:#555}.sub-header{font-size:1.25em}.community-recommendations{padding-left:1em;padding-right:1em}.community-grid-scroll-container{max-height:450px;overflow-y:auto;overflow-x:hidden;padding:0;margin-bottom:1em}.community-grid-scroll-container::-webkit-scrollbar{width:6px}.community-grid-scroll-container::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.community-grid-scroll-container::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:4px}.community-grid-scroll-container::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.community-recommendations-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0;padding-top:1px;max-width:900px;margin:0 auto}@media (max-width:900px){.community-recommendations-list{grid-template-columns:repeat(3,1fr);max-width:750px}}@media (max-width:600px){.community-recommendations-list{grid-template-columns:repeat(2,1fr);max-width:600px}}.community-recommendations-list .recommendation-item{position:relative;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px;background-color:var(--white-color);border:2.5px solid var(--block-border-color);border-radius:12px;list-style:none;cursor:pointer;transition:all .2s ease}.community-recommendations-list .recommendation-item:hover{border-color:var(--block-border-color-hover);background-color:var(--off-white-color)}.community-recommendations-list .recommendation-item.active,.community-recommendations-list .recommendation-item.active:hover{border-width:2.5px;border-color:var(--black-color);background-color:var(--off-white-color)}.community-recommendations-list .recommendation-item.active::after{content:'✓';position:absolute;top:8px;right:8px;width:12px;height:12px;background-color:var(--green-color);color:var(--white-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;box-shadow:0 2px 4px rgba(52,199,89,.3);animation:checkmarkPop .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkmarkPop{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.community-recommendations-list .recommendation-item img{width:40px;height:40px;border-radius:50%}.community-recommendations-list .recommendation-item p{margin:0;font-size:13px;line-height:16px;font-weight:500;color:var(--primary-text-color);text-align:center;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:500px){.community-recommendations-list{gap:10px}.community-recommendations-list .recommendation-item{min-height:90px;padding:14px 6px}.community-recommendations-list .recommendation-item img{width:36px;height:36px}}.button-container{margin-top:1.5em}#join-communities:disabled{opacity:.5;cursor:not-allowed}.username-container{width:300px;margin:0 auto}