.post-text-collapsible{position:relative;overflow:hidden}.post-text-collapsible.is-collapsed{max-height:11em}.post-text-collapsible.is-collapsed::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3em;background:linear-gradient(to bottom,rgba(255,255,255,0),#ffffff);pointer-events:none}.post-readmore-btn{border:0;background:none;padding:0.25rem 0;margin-top:0.15rem;font-size:0.8rem;font-weight:600;color:#0d6efd;cursor:pointer}.post-readmore-btn:hover{text-decoration:underline}.url-preview-card{max-width:100%;animation:slideInUp 0.3s ease-out}@keyframes slideInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 0.5s ease-in}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.url-preview-card .card{transition:all 0.3s ease;border-radius:12px !important;overflow:hidden}.url-preview-card .card:hover{box-shadow:0 8px 25px var(--bs-shadow-color,rgba(0,0,0,0.15)) !important;transform:translateY(-2px) !important;border-color:var(--bs-primary,#0d6efd)}.preview-image-container{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--bs-gray-100,#f8f9fa) 0%,var(--bs-gray-200,#e9ecef) 100%)}.preview-image-container img{transition:transform 0.3s ease}.url-preview-card:hover .preview-image-container img{transform:scale(1.05)}.url-preview-loading{opacity:0.8}.hidden-url{display:none !important}.url-preview-card .card-title{color:var(--bs-body-color,#212529) !important;font-weight:600;font-size:0.95rem}.url-preview-card .card-text{color:var(--bs-secondary,#6c757d);line-height:1.4}.url-preview-card .badge{font-size:0.7rem;padding:0.25rem 0.5rem}.url-preview-image{height:120px;object-fit:cover;width:100%}.url-preview-loading .card{background-color:var(--bs-gray-100,#f8f9fa);border:1px dashed var(--bs-border-color,#dee2e6)}@media (max-width:768px){.url-preview-card .row>div:first-child{margin-bottom:0}.url-preview-image{height:150px}}.group-tag-btn{font-size:0.65rem !important;font-weight:500;border-radius:0.375rem !important;padding:0.35em 0.65em !important;line-height:1 !important;transition:all 0.2s ease;backdrop-filter:blur(10px);margin-left:0 !important;margin-right:0.25rem !important;vertical-align:middle}.group-tag-btn:hover{transform:translateY(-1px);filter:brightness(1.1);text-decoration:none !important}.group-tag-btn:active{transform:translateY(0)}@media (max-width:576px){.group-tag-btn{font-size:0.65rem !important;padding:0.35em 0.65em !important}}.post-box-card{max-width:100%;margin-left:auto;margin-right:auto}.post-text-input{border:none;outline:none;resize:none;font-size:1rem;background:var(--bs-gray-100);border-radius:1.25rem;padding:0.75rem 1rem;min-height:40px;max-height:200px;font-family:inherit;line-height:1.5;box-shadow:none}.post-text-input:focus{border:1px solid var(--bs-primary);box-shadow:0 0 0 0.2rem rgba(var(--bs-primary-rgb),0.25)}.post-text-input::placeholder{color:var(--bs-secondary)}.character-counter{position:absolute;bottom:0.5rem;right:1rem;font-size:0.75rem;color:var(--bs-secondary);pointer-events:none}.background-selector{padding:0.75rem;background:var(--bs-gray-50);border-radius:8px;border:1px solid var(--bs-border-color)}.background-grid{display:flex;gap:0.5rem;overflow-x:auto;padding:0.5rem 0}.bg-thumb{width:50px;height:50px;border-radius:8px;cursor:pointer;border:2px solid transparent;background-size:cover;background-position:center;transition:all 0.2s ease;position:relative;flex-shrink:0}.bg-thumb.no-bg{background:var(--bs-light);display:flex;align-items:center;justify-content:center;color:var(--bs-secondary)}.bg-thumb:hover{transform:scale(1.05);border-color:var(--bs-primary)}.bg-thumb.active{border-color:var(--bs-primary);box-shadow:0 0 0 2px rgba(var(--bs-primary-rgb),0.25)}.feeling-selector{padding:0.75rem;background:var(--bs-gray-50);border-radius:8px;border:1px solid var(--bs-border-color)}.feeling-grid{display:flex;gap:0.5rem;overflow-x:auto;padding:0.5rem 0}.feeling-thumb{min-width:70px;padding:0.5rem;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all 0.2s ease;text-align:center;flex-shrink:0}.feeling-thumb.no-feeling{background:var(--bs-light);display:flex;align-items:center;justify-content:center;color:var(--bs-secondary);min-height:60px}.feeling-thumb:hover{transform:scale(1.05);border-color:var(--bs-primary)}.feeling-thumb.active{border-color:var(--bs-primary);box-shadow:0 0 0 2px rgba(var(--bs-primary-rgb),0.25)}.feeling-thumb small{font-size:0.75rem;color:var(--bs-secondary);margin-top:0.25rem}.media-upload-section{padding:0.75rem;background:var(--bs-gray-50);border-radius:8px;border:1px solid var(--bs-border-color)}.upload-area{position:relative}.upload-placeholder{border:2px dashed var(--bs-border-color);border-radius:8px;transition:all 0.2s ease;cursor:pointer}.upload-placeholder:hover{border-color:var(--bs-primary);background-color:rgba(var(--bs-primary-rgb),0.05)}.upload-placeholder.dragover{border-color:var(--bs-primary);background-color:rgba(var(--bs-primary-rgb),0.1)}.media-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:0.5rem;margin-top:1rem}.media-preview-item{position:relative;border-radius:8px;overflow:hidden;background:var(--bs-gray-100);aspect-ratio:1}.media-preview-item img{width:100%;height:100%;object-fit:cover}.media-preview-item .remove-btn{position:absolute;top:4px;right:4px;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:0.75rem;line-height:1;display:flex;align-items:center;justify-content:center}.video-preview{border:1px solid var(--bs-border-color);border-radius:8px;padding:1rem;background:var(--bs-gray-50)}.video-preview iframe{width:100%;height:200px;border-radius:4px}.post-actions-bar{display:flex;justify-content:space-between;align-items:center;padding-top:0.75rem;border-top:1px solid var(--bs-border-color)}.post-actions-left{display:flex;gap:0.5rem}.action-btn{display:flex;align-items:center;gap:0.25rem;padding:0.5rem 0.75rem;border-radius:6px;font-weight:500;transition:all 0.2s ease}.action-btn:hover{background-color:var(--bs-gray-100);transform:translateY(-1px)}.action-btn.active{background-color:var(--bs-primary);border-color:var(--bs-primary);color:white}.post-btn:disabled{opacity:0.6;cursor:not-allowed}.nav-pills .nav-link{border-radius:6px;padding:0.5rem 1rem;font-weight:500;color:var(--bs-secondary)}.nav-pills .nav-link.active{background-color:var(--bs-primary);color:white}@media (max-width:576px){.post-actions-left{flex-wrap:wrap}.action-btn{font-size:0.875rem;padding:0.375rem 0.5rem}.media-preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.media-upload-section,.background-selector,.feeling-selector{transition:all 0.3s ease;opacity:0;max-height:0;overflow:hidden;padding:0 0.75rem}.media-upload-section:not(.d-none),.background-selector:not(.d-none),.feeling-selector:not(.d-none){opacity:1;max-height:500px;padding:0.75rem}.posts-container{max-width:100%;margin-left:auto;margin-right:auto}.video-embed-container{position:relative;width:100%}.video-embed-container iframe{width:100%;height:315px;border:none}.background-text{font-weight:normal;line-height:1.2;word-wrap:break-word;max-width:100%;display:block}.background-text[data-text]{font-size:48px}.background-text[data-text^=""]{font-size:48px}.background-text{font-size:36px}.background-text{font-size:24px}.background-text{font-size:18px}@media (max-width:768px){.video-embed-container iframe{height:200px}.background-text{font-size:32px !important}.background-text.medium-text{font-size:24px !important}.background-text.long-text{font-size:18px !important}.background-text.very-long-text{font-size:16px !important}}@media (max-width:576px){.video-embed-container iframe{height:180px}.background-text{font-size:28px !important}.background-text.medium-text{font-size:20px !important}.background-text.long-text{font-size:16px !important}.background-text.very-long-text{font-size:14px !important}}.post-actions-left{display:flex;gap:0.25rem}.action-btn{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border:none;background:none;color:var(--bs-secondary);font-weight:600;border-radius:8px;cursor:pointer;transition:background-color 0.2s ease;font-size:0.9375rem}.action-btn:hover{background-color:var(--bs-gray-100)}.action-btn i{font-size:1rem}.post-btn:disabled{opacity:0.6;cursor:not-allowed}#social-community .btn{border-radius:8px;font-weight:500;transition:all 0.2s ease}#social-community .btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.comment-media-preview img,.reply-media-preview img{max-width:200px;border-radius:8px;margin-top:0.5rem}.reaction-picker,.comment-reaction-picker{animation:fadeInUp 0.2s ease-out;backdrop-filter:blur(8px)}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reaction-btn,.comment-reaction-btn{transition:all 0.15s ease;border-radius:50%;display:flex;align-items:center;justify-content:center}.reaction-btn:hover,.comment-reaction-btn:hover{transform:scale(1.3);background-color:var(--bs-primary-bg-subtle,rgba(13,110,253,0.1)) !important}.like-btn.reacted,.comment-like-btn.reacted{font-weight:600}#media-preview img,#media-preview video{max-width:100%;border-radius:var(--bs-border-radius);margin-bottom:0.5rem}#media-preview video{max-height:400px}.post-media{max-height:400px;width:auto;object-fit:contain}@media (max-width:768px){.post-actions-left{gap:0.125rem}.action-btn{padding:0.375rem 0.75rem;font-size:0.875rem}.post-media img{max-height:300px !important}#media-preview video{max-height:300px !important}}@media (max-width:576px){.post-media img{max-height:250px !important}#media-preview video{max-height:250px !important}}@media (min-width:1200px){.post-media img{max-height:500px !important}#media-preview video{max-height:500px !important}}.url-preview-card{transition:transform 0.2s ease-in-out}.url-preview-hover:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1)}.url-preview-image{height:100%;object-fit:cover;max-height:120px}.url-preview-card .card{border:1px solid #e9ecef;transition:all 0.2s ease-in-out}.url-preview-card a:hover .card{border-color:var(--bs-primary,#0d6efd)}#social-community{min-height:70vh}#community-tab-content{min-height:60vh}#groups-content{min-height:50vh}.group-card{transition:transform 0.2s ease,box-shadow 0.2s ease}.group-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.15) !important}.group-card img{object-fit:cover;border:2px solid #e9ecef}.group-card .card-title[style*="color"],.group-card p[style*="color"],.group-card strong[style*="color"],.group-card small[style*="color"]{color:inherit !important}.group-card .btn[style*="background-color"]{background-color:inherit !important;border-color:inherit !important;color:#ffffff !important}