.onepost-container{display:flex;max-width:1200px;margin:0 auto;padding:20px 15px;gap:30px}.onepost-main-content{flex:1 1;max-width:680px;margin:0 auto}.onepost-sidebar{flex-basis:320px;align-self:flex-start;position:-webkit-sticky;position:sticky;top:80px;display:flex;flex-direction:column;gap:20px}.onepost-card{background-color:#fff;border-radius:16px;box-shadow:0 2px 15px rgba(0,81,165,.1);overflow:hidden;margin-bottom:20px;border:1px solid #e5e7eb;transition:transform .3s ease,box-shadow .3s ease}.onepost-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,81,165,.15)}.onepost-join-banner{background:linear-gradient(135deg,#0051a5,#0068c9);border-radius:16px;padding:25px;margin-bottom:20px;color:#fff;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(0,81,165,.25)}.onepost-join-decoration{position:absolute;top:-10px;right:-10px;width:120px;height:120px;background-color:hsla(0,0%,100%,.1);border-radius:50%;z-index:1}.onepost-join-decoration:before{content:"";position:absolute;bottom:-25px;left:-45px;width:100px;height:100px;background-color:hsla(0,0%,100%,.08);border-radius:50%}.onepost-join-content{position:relative;z-index:2}.onepost-join-title{font-size:24px;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.onepost-join-subtitle{font-size:16px;margin-bottom:20px;opacity:.9}.onepost-join-buttons{display:flex;gap:12px;flex-wrap:wrap}.onepost-engagement-banner{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-top:1px solid #e5e7eb;background-color:#f8f9fa;flex-wrap:wrap;gap:15px;border-radius:0 0 16px 16px}.onepost-engagement-item{display:flex;align-items:center;gap:8px;color:#4b5563;font-size:14px;font-weight:500;padding:8px 12px;border-radius:8px;background:#fff;border:1px solid #e5e7eb;transition:all .2s ease}.onepost-engagement-item:hover{background-color:#f3f4f6;border-color:#d1d5db}.onepost-engagement-icon{color:#0051a5;font-size:16px}.onepost-login-prompt{font-size:14px;color:#6b7280;font-weight:500}.onepost-login-link{color:#0051a5;font-weight:600;text-decoration:none;transition:all .2s ease}.onepost-login-link:hover{color:#003d82;text-decoration:underline}.onepost-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:10px;font-weight:600;font-size:14px;transition:all .25s ease;text-decoration:none;gap:8px;border:2px solid transparent}.onepost-btn-primary{background-color:#fff;color:#0051a5;box-shadow:0 4px 12px rgba(0,81,165,.25)}.onepost-btn-primary:hover{background-color:#f3f4f6;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,81,165,.35)}.onepost-btn-secondary{background-color:hsla(0,0%,100%,.15);color:#fff;border:2px solid hsla(0,0%,100%,.3)}.onepost-btn-secondary:hover{background-color:hsla(0,0%,100%,.25);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.onepost-btn-icon{font-size:16px}.onepost-city-models{background-color:#fff;border-radius:16px;box-shadow:0 2px 15px rgba(0,81,165,.1);padding:24px;margin-bottom:20px;border:1px solid #e5e7eb}.onepost-section-header{margin-bottom:20px;border-bottom:2px solid #e5e7eb;padding-bottom:15px}.onepost-section-title{font-size:18px;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:10px}.onepost-section-icon{color:#0051a5;font-size:18px}.onepost-models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:12px;gap:12px;margin-bottom:20px}.onepost-model-card{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background-color:#f9fafb;border-radius:10px;transition:all .25s ease;border:2px solid #e5e7eb;cursor:pointer}.onepost-model-card:hover{background-color:#e5e7eb;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,81,165,.15);border-color:#0051a5}.onepost-model-name{font-weight:500;color:#1f2937;font-size:15px}.onepost-model-icon{color:#0051a5;font-size:14px;transition:transform .2s ease}.onepost-model-card:hover .onepost-model-icon{transform:translateX(3px)}.onepost-models-more{text-align:center;margin-top:15px;padding-top:15px;border-top:1px solid #e5e7eb}.onepost-models-more a{color:#0051a5;font-weight:600;text-decoration:none;transition:all .2s ease}.onepost-models-more a:hover{color:#003d82;text-decoration:underline}.onepost-other-posts{background-color:#fff;border-radius:16px;box-shadow:0 2px 15px rgba(0,81,165,.1);padding:24px;border:1px solid #e5e7eb}.onepost-other-posts-list{display:flex;flex-direction:column;gap:16px}.onepost-other-post-item{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.07);border:1px solid #e5e7eb;transition:transform .3s ease,box-shadow .3s ease}.onepost-other-post-item:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,81,165,.15);border-color:#0051a5}.onepost-more-from-source{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb;text-align:center}.onepost-more-link{display:inline-flex;align-items:center;gap:8px;color:#0051a5;font-weight:600;transition:all .2s ease;font-size:14px}.onepost-more-link:hover{color:#003d82;text-decoration:underline}.onepost-more-icon{font-size:12px;transition:transform .2s ease}.onepost-more-link:hover .onepost-more-icon{transform:translateX(3px)}.onepost-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background-color:#fff;border-radius:16px;box-shadow:0 2px 15px rgba(0,81,165,.1);border:1px solid #e5e7eb}.onepost-spinner{width:50px;height:50px;border:4px solid rgba(0,81,165,.1);border-top-color:#0051a5;border-radius:50%;animation:onepost-spin 1s linear infinite;margin-bottom:20px}@keyframes onepost-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.onepost-sticky-cta{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#0051a5,#0068c9);padding:12px 20px;box-shadow:0 -4px 20px rgba(0,81,165,.3);z-index:1000;display:flex;justify-content:center;align-items:center}.onepost-sticky-content{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:680px;color:#fff;font-weight:600;font-size:15px}.onepost-sticky-btn{display:inline-flex;align-items:center;gap:8px;background-color:#fff;color:#0051a5;padding:10px 18px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none;transition:all .25s ease;box-shadow:0 4px 12px rgba(0,0,0,.2)}.onepost-sticky-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.onepost-sticky-icon{font-size:14px}.onepost-ad-bottom,.onepost-ad-middle,.onepost-ad-top,.onepost-sidebar-ad{margin:20px 0;background-color:#f9fafb;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;width:100%;display:block!important;position:relative;min-width:1px!important;min-height:1px!important}.onepost-ad-top{height:120px;min-height:120px!important}.onepost-ad-middle,.onepost-sidebar-ad{height:300px;min-height:300px!important}.onepost-ad-bottom{height:400px;min-height:400px!important}.ami-ssp-placement{display:block!important;min-width:1px!important;min-height:1px!important;width:100%!important;height:100%!important;position:relative;overflow:hidden}.onepost-public-message{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;padding:20px;border:2px solid #f59e0b;margin:20px 0}.onepost-public-message-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.onepost-public-message-icon{color:#d97706;font-size:24px}.onepost-public-message-title{font-size:18px;font-weight:700;color:#92400e;margin:0}.onepost-public-message-content{color:#92400e;font-size:15px;line-height:1.6}.onepost-public-message-content p{margin:0 0 10px}.onepost-public-message-content p:last-child{margin-bottom:0}.onepost-desktop-only{display:none}.onepost-mobile-only{display:block}@media (min-width:768px){.onepost-container{padding:25px}.onepost-join-buttons{flex-wrap:nowrap}.onepost-sticky-cta{display:none}.onepost-desktop-only{display:block}.onepost-mobile-only{display:none}}@media (min-width:992px){.onepost-models-grid{grid-template-columns:repeat(2,1fr)}.onepost-sidebar{display:flex}}@media (max-width:991px){.onepost-container{flex-direction:column;gap:20px}.onepost-sidebar{position:static;flex-basis:auto}.onepost-other-posts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:15px;gap:15px}.onepost-sidebar-ad{height:250px;min-height:250px!important}}@media (max-width:767px){.onepost-container{padding:15px 10px}.onepost-join-title{font-size:20px}.onepost-join-subtitle{font-size:14px}.onepost-join-banner{padding:20px}.onepost-btn{width:100%;padding:10px 15px;font-size:13px}.onepost-section-title{font-size:16px}.onepost-models-grid{grid-template-columns:1fr}.onepost-ad-top{height:100px;min-height:100px!important}.onepost-ad-bottom,.onepost-ad-middle,.onepost-sidebar-ad{height:250px;min-height:250px!important}.onepost-other-posts-list{grid-template-columns:1fr}}.onepost-error-banner{background-color:#fef3c7;border:2px solid #f59e0b;border-radius:12px;margin:0 auto 20px;max-width:680px;overflow:hidden;box-shadow:0 4px 12px rgba(245,158,11,.15)}.onepost-error-summary{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;cursor:pointer;transition:background-color .2s ease;color:#92400e;font-weight:600}.onepost-error-summary:hover{background-color:#fde68a}.onepost-error-banner-icon{color:#d97706;font-size:18px;margin-right:12px;flex-shrink:0}.onepost-error-toggle{color:#0051a5;font-size:13px;font-weight:600;text-decoration:underline}.onepost-error-details{border-top:2px solid #f59e0b;background-color:#fffbeb;padding:15px 20px;font-size:14px;color:#92400e}.onepost-error-item{margin-bottom:8px;line-height:1.5}.onepost-error-item:last-child{margin-bottom:0}.onepost-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 30px;text-align:center;background-color:#f9fafb;border-radius:16px;margin:20px 0}.onepost-error-icon{color:#dc2626;font-size:48px;margin-bottom:20px}.onepost-error-title{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:12px}.onepost-error-message{font-size:16px;color:#6b7280;margin-bottom:25px;line-height:1.6;max-width:400px}.onepost-error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (max-width:767px){.onepost-error-container{padding:40px 20px}.onepost-error-icon{font-size:36px;margin-bottom:15px}.onepost-error-title{font-size:20px}.onepost-error-message{font-size:14px;margin-bottom:20px}}body.onepost-page-active{overflow:hidden!important}.onepost-layout-wrapper{display:flex;flex-direction:column;height:calc(100vh - 65px);overflow:hidden;background-color:#f3f4f6}.onepost-scrollable-area{flex:1 1;overflow-y:auto;height:50vh;-webkit-overflow-scrolling:touch}.onepost-comments-docked-area{height:50vh;display:flex;flex-direction:column;border-top:1px solid #e5e7eb;background:#fff;box-shadow:0 -4px 15px rgba(0,0,0,.05);overflow:hidden}.onepost-docked-comments-header{padding:12px 16px;border-bottom:1px solid #e5e7eb;font-weight:700;font-size:15px;color:#1f2937;display:flex;justify-content:space-between;align-items:center;background-color:#f9fafb}.onepost-docked-comments-list{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px;-webkit-overflow-scrolling:touch}.onepost-docked-comments-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;height:100%;font-size:14px}.onepost-docked-comment-item{display:flex;gap:12px}.onepost-docked-comment-avatar{flex-shrink:0}.onepost-docked-comment-body{flex:1 1}.onepost-docked-comment-bubble{background-color:#f3f4f6;border-radius:14px;padding:10px 14px;display:inline-block;max-width:100%}.onepost-docked-comment-username{font-weight:700;font-size:13px;color:#1f2937;margin-bottom:2px}.onepost-docked-comment-text{font-size:14px;color:#4b5563;word-break:break-word}.onepost-docked-comment-footer{display:flex;gap:16px;font-size:12px;color:#9ca3af;margin-top:4px;padding-left:4px}.onepost-docked-comment-like,.onepost-docked-comment-reply{cursor:pointer;font-weight:600}.onepost-docked-comment-like.fb-active{color:#0051a5}.onepost-docked-comment-input-section{padding:12px 16px;border-top:1px solid #e5e7eb;background-color:#fff;display:flex;align-items:center;gap:12px;position:-webkit-sticky;position:sticky;bottom:0;z-index:10}.onepost-docked-comment-input-avatar{flex-shrink:0}.onepost-docked-comment-input-wrapper{flex:1 1;position:relative}.onepost-docked-comment-send-button{background:none;border:none;color:#0051a5;font-size:18px;cursor:pointer;padding:4px 8px;transition:transform .1s ease;display:flex;align-items:center;justify-content:center}.onepost-docked-comment-send-button:disabled{color:#d1d5db;cursor:not-allowed}.onepost-docked-comment-send-button:active:not(:disabled){transform:scale(.9)}.onepost-content-container{display:flex;max-width:1200px;margin:0 auto;padding:20px 15px;gap:30px}@media (min-width:768px){.onepost-layout-wrapper{display:grid;grid-template-columns:1.2fr .8fr;height:calc(100vh - 65px)}.onepost-scrollable-area{height:100%}.onepost-comments-docked-area{height:100%;border-top:none;border-left:1px solid #e5e7eb}}@media (max-width:991px){.onepost-content-container{flex-direction:column;gap:20px}}@media (max-width:767px){.onepost-content-container{padding:15px 10px}}.onepost-viewers-badge{display:inline-flex;align-items:center;gap:6px;background-color:#ecfdf5;color:#047857;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600;border:1px solid #a7f3d0;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .2s ease}.onepost-viewers-badge:hover{transform:scale(1.05)}.onepost-live-dot{width:7px;height:7px;position:relative;display:inline-block}.onepost-live-dot,.onepost-live-dot:after{background-color:#10b981;border-radius:50%}.onepost-live-dot:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;animation:onepost-pulse 1.8s ease-in-out infinite}@keyframes onepost-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(2.6);opacity:0}}@keyframes install-app-pulse{0%{box-shadow:0 0 0 0 rgba(0,81,165,.4)}70%{box-shadow:0 0 0 15px rgba(0,81,165,0)}to{box-shadow:0 0 0 0 rgba(0,81,165,0)}}@keyframes install-app-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes install-app-btn-hover{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}.install-app-container{position:relative;width:100%;max-width:100%;margin:40px 0;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;padding:30px;box-shadow:0 10px 40px rgba(0,81,165,.15);border:1px solid #e3f2fd;animation:install-app-fade-in .6s ease-out;transition:all .3s ease;overflow:hidden;z-index:1;box-sizing:border-box}.install-app-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#007aff,#0051a5 25%,#3ddc84 50%,#34c759 75%,#ff9500);z-index:2}.install-app-container:hover{transform:translateY(-5px);box-shadow:0 15px 50px rgba(0,81,165,.25);animation:install-app-pulse 2s infinite}.install-app-collapsed{width:100%;max-width:100%;margin:30px 0;background:linear-gradient(135deg,#0051a5,#0068c9);border-radius:16px;padding:18px 24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px rgba(0,81,165,.2);animation:install-app-fade-in .5s ease-out;position:relative;overflow:hidden;box-sizing:border-box}.install-app-collapsed:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);transform:rotate(45deg);transition:transform .6s ease}.install-app-collapsed:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px rgba(0,81,165,.35)}.install-app-collapsed:hover:before{transform:rotate(45deg) translateX(100px)}.install-app-collapsed-content{display:flex;align-items:center;justify-content:space-between;color:#fff;font-weight:600;position:relative;z-index:1;width:100%}.install-app-collapsed-icon{font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:install-app-btn-hover 2s infinite;flex-shrink:0}.install-app-collapsed-text{font-size:1.1rem;flex:1 1;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.1);margin:0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.install-app-collapsed-arrow{font-size:1.4rem;animation:install-app-btn-hover 1.5s infinite;flex-shrink:0}.install-app-close-btn{position:absolute;top:15px;right:15px;width:32px;height:32px;border-radius:50%;background:#f1f5f9;border:none;color:#64748b;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.install-app-close-btn:hover{background:#e2e8f0;color:#475569;transform:rotate(90deg)}.install-app-content{text-align:center;position:relative;z-index:1;width:100%}.install-app-title{font-size:1.8rem;color:#1e293b;margin-bottom:20px;font-weight:700;line-height:1.3;word-wrap:break-word}.install-app-emoji{display:inline-block;animation:install-app-btn-hover 2s infinite}.install-app-description{font-size:1.1rem;color:#475569;margin-bottom:30px;line-height:1.6;word-wrap:break-word}.install-app-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:15px;gap:15px;margin-bottom:30px;width:100%}.install-app-feature{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:#f8fafc;border-radius:12px;color:#334155;font-size:.95rem;font-weight:500;transition:all .3s ease;border:1px solid #e2e8f0;word-wrap:break-word;min-height:50px}.install-app-feature:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.feature-emoji{font-size:1.2rem;flex-shrink:0}.install-app-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:25px;width:100%}.install-app-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 28px;font-size:1.1rem;font-weight:600;border:none;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex:1 1;min-width:200px;max-width:100%;position:relative;overflow:hidden;box-sizing:border-box}.install-app-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .7s ease}.install-app-btn:hover:before{left:100%}.install-app-btn:hover{animation:install-app-btn-hover .6s ease}.install-app-btn-ios{background:linear-gradient(135deg,#007aff,#0051a5);color:#fff;box-shadow:0 6px 20px rgba(0,122,255,.3)}.install-app-btn-ios:hover{background:linear-gradient(135deg,#0051a5,#007aff);box-shadow:0 10px 30px rgba(0,122,255,.4);transform:translateY(-3px)}.install-app-btn-android{background:linear-gradient(135deg,#3ddc84,#34c759);color:#fff;box-shadow:0 6px 20px rgba(61,220,132,.3)}.install-app-btn-android:hover{background:linear-gradient(135deg,#34c759,#3ddc84);box-shadow:0 10px 30px rgba(61,220,132,.4);transform:translateY(-3px)}.btn-icon{font-size:1.4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0}.btn-text{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.install-app-footer{margin-top:25px;font-size:1rem;color:#64748b;font-weight:500;word-wrap:break-word}.footer-emoji{animation:install-app-btn-hover 1.5s infinite}.install-app-collapse-btn{margin-top:20px;padding:10px 20px;background:transparent;border:1px solid #cbd5e1;border-radius:10px;color:#64748b;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:200px;margin-left:auto;margin-right:auto;box-sizing:border-box}.install-app-collapse-btn:hover{background:#f1f5f9;color:#475569;border-color:#94a3b8}.collapse-icon{transition:transform .3s ease}.install-app-collapse-btn:hover .collapse-icon{transform:translateY(-2px)}@media (max-width:768px){.install-app-container{margin:30px 0;padding:25px;border-radius:18px}.install-app-collapsed{margin:25px 0;padding:16px 20px;border-radius:14px}.install-app-title{font-size:1.5rem;margin-bottom:15px}.install-app-description{font-size:1rem;margin-bottom:20px;line-height:1.5}.install-app-features{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.install-app-feature{padding:10px;font-size:.9rem;min-height:45px}.install-app-btn{min-width:180px;padding:14px 24px;font-size:1rem}.install-app-buttons{gap:12px;margin-bottom:20px}.install-app-footer{font-size:.9rem;margin-top:20px}.install-app-collapse-btn{font-size:.9rem;padding:9px 18px}.install-app-collapsed-icon{font-size:1.5rem}.install-app-collapsed-text{font-size:1rem}.install-app-collapsed-arrow{font-size:1.2rem}}@media (max-width:576px){.install-app-container{margin:20px 0;padding:20px;border-radius:16px}.install-app-collapsed{margin:20px 0;padding:14px 18px;border-radius:14px}.install-app-collapsed-icon{font-size:1.3rem}.install-app-collapsed-text{font-size:.95rem;margin:0 10px}.install-app-collapsed-arrow{font-size:1.1rem}.install-app-title{font-size:1.3rem}.install-app-description{font-size:.95rem;margin-bottom:18px}.install-app-features{grid-template-columns:1fr;gap:10px;margin-bottom:18px}.install-app-feature{padding:12px;justify-content:flex-start;font-size:.9rem;min-height:40px}.install-app-buttons{flex-direction:column;align-items:center;gap:10px}.install-app-btn{width:100%;max-width:100%;padding:14px 20px}.install-app-footer{font-size:.85rem;margin-top:18px}.install-app-collapse-btn{width:100%;max-width:100%;padding:8px 16px;font-size:.85rem}.install-app-close-btn{width:28px;height:28px;font-size:1.3rem;top:10px;right:10px}}@media (max-width:480px){.install-app-container{margin:16px 0;padding:18px;border-radius:14px}.install-app-collapsed{margin:16px 0;padding:12px 16px;border-radius:12px}.install-app-collapsed-icon{font-size:1.1rem}.install-app-collapsed-text{font-size:.85rem}.install-app-collapsed-arrow{font-size:.9rem}.install-app-title{font-size:1.2rem;margin-bottom:12px}.install-app-description{font-size:.9rem;margin-bottom:16px}.install-app-features{gap:8px;margin-bottom:16px}.install-app-feature{padding:10px;font-size:.85rem;min-height:38px}.feature-emoji{font-size:1rem}.install-app-btn{padding:13px 18px;font-size:.95rem}.btn-icon{font-size:1.2rem}.install-app-footer{font-size:.8rem;margin-top:16px}.install-app-collapse-btn{padding:7px 14px;font-size:.8rem}}@media (max-width:360px){.install-app-container{padding:16px;margin:12px 0}.install-app-collapsed{padding:10px 14px;margin:12px 0}.install-app-title{font-size:1.1rem}.install-app-description{font-size:.85rem}.install-app-btn{padding:12px 16px;font-size:.9rem}.install-app-feature{font-size:.8rem;padding:8px 10px;min-height:35px}}@media (max-width:768px) and (orientation:landscape){.install-app-buttons{flex-direction:row;flex-wrap:wrap}.install-app-btn{flex:1 1;min-width:150px}.install-app-features{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.install-app-container{max-width:800px;margin:40px auto}.install-app-collapsed{max-width:600px;margin:30px auto}}@media (prefers-reduced-motion:reduce){.footer-emoji,.install-app-btn,.install-app-collapsed,.install-app-collapsed-arrow,.install-app-collapsed-icon,.install-app-container,.install-app-emoji,.install-app-feature{animation:none!important;transition:none!important}.install-app-btn:hover,.install-app-collapsed:hover,.install-app-container:hover,.install-app-feature:hover{transform:none!important}.install-app-btn:hover:before{transition:none;display:none}.install-app-close-btn:hover,.install-app-collapse-btn:hover .collapse-icon{transform:none}}.pqc-social-left-side{position:-webkit-sticky;position:sticky;top:80px;background:var(--pq-card-bg,hsla(0,0%,100%,.05));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid var(--pq-border,hsla(0,0%,100%,.1));padding:1.5rem;margin-bottom:1.5rem;color:var(--pq-text-main,#fff)}.pqc-sidebar-header h3{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;color:var(--pq-primary,#00d2ff)}.pqc-sidebar-content{display:flex;flex-direction:column;gap:1rem}.pqc-todo-placeholder{padding:1rem;background:hsla(0,0%,100%,.05);border:1px dashed var(--pq-border,hsla(0,0%,100%,.2));border-radius:12px;text-align:center;font-size:.875rem;color:var(--pq-text-muted,#a0a0a0);margin-top:1rem}.sg-header-container{width:100%;max-width:680px;margin:0 auto 20px;background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 30px -10px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.03);transition:box-shadow .3s ease;position:relative}.sg-header-container:hover{box-shadow:0 20px 40px -15px rgba(0,0,0,.12),0 1px 5px rgba(0,0,0,.04)}.sg-header-cover{width:100%;height:220px;position:relative;border-radius:16px 16px 0 0;background-color:#f1f5f9}.sg-header-cover-image{object-fit:cover}.sg-header-cover-gradient,.sg-header-cover-image{width:100%;height:100%;border-radius:16px 16px 0 0}.sg-header-cover-gradient{position:absolute;top:0;left:0;background:linear-gradient(135deg,#10b981,#059669 50%,#064e3b)}.sg-header-cover-gradient:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.15) 0,transparent 60%)}.sg-header-cover-upload{position:absolute;top:16px;right:16px;z-index:10}.sg-header-edit-cover-btn{display:flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.4);color:#0f172a;font-weight:600;font-size:13px;padding:8px 14px;border-radius:9999px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .2s cubic-bezier(.4,0,.2,1);margin:0}.sg-header-edit-cover-btn:hover{background:hsla(0,0%,100%,.9);transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.12)}.sg-header-edit-cover-btn:active{transform:scale(.97)}.sg-header-content-new{display:flex;flex-direction:column;padding:0 24px 24px;position:relative;background-color:#fff;border-radius:0 0 16px 16px}.sg-header-avatar-section{display:flex;margin-top:-75px;margin-bottom:12px;position:relative;z-index:5;width:140px}.sg-header-avatar-wrapper{position:relative;width:140px;height:140px}.sg-header-avatar{width:140px;height:140px;border-radius:50%;border:4px solid #fff;object-fit:cover;box-shadow:0 8px 24px rgba(0,0,0,.12);transition:transform .35s cubic-bezier(.34,1.56,.64,1);background-color:#fff}.sg-header-avatar:hover{transform:scale(1.03)}.sg-header-avatar-upload{position:absolute;bottom:4px;right:4px;z-index:8}.sg-header-edit-avatar-btn{display:flex;align-items:center;justify-content:center;background-color:#fff;color:#475569;border:1px solid #cbd5e1;width:36px;height:36px;border-radius:50%;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.08);transition:all .2s cubic-bezier(.4,0,.2,1);margin:0}.sg-header-edit-avatar-btn:hover{background-color:#f8fafc;color:#0f172a;border-color:#94a3b8;transform:scale(1.06)}.sg-header-edit-avatar-btn:active{transform:scale(.95)}.sg-header-body-section{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;width:100%;gap:24px}.sg-header-info-section{display:flex;flex-direction:column;flex:1 1}.sg-header-title{font-size:26px;font-weight:800;color:#0f172a;margin:0;line-height:1.25;letter-spacing:-.025em}.sg-header-description{font-size:15px;color:#475569;line-height:1.5;margin-top:8px;margin-bottom:0;word-break:break-word}.sg-header-actions-section{display:flex;flex-direction:row;gap:10px;align-items:center;flex-wrap:wrap;align-self:flex-end}.sg-header-comp-section{margin-top:20px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.sg-header-error-message,.sg-header-loading-message{margin:16px;padding:12px;border-radius:12px;text-align:center;font-weight:500}.sg-header-loading-message{background-color:#eff6ff;color:#2563eb;border:1px solid #dbeafe}.sg-header-error-message{background-color:#fef2f2;color:#b91c1c;border:1px solid #fee2e2}@media (max-width:768px){.sg-header-cover{height:160px}.sg-header-content-new{padding:0 16px 20px;align-items:center}.sg-header-avatar-section{margin-top:-60px;margin-bottom:8px;width:110px;justify-content:center}.sg-header-avatar,.sg-header-avatar-wrapper{width:110px;height:110px}.sg-header-avatar-upload{bottom:2px;right:2px}.sg-header-edit-avatar-btn{width:30px;height:30px}.sg-header-body-section{flex-direction:column;align-items:center;text-align:center;gap:16px}.sg-header-info-section{align-items:center}.sg-header-title{font-size:22px;text-align:center}.sg-header-description{font-size:14px;text-align:center;margin-top:6px}.sg-header-actions-section{justify-content:center;align-self:center;width:100%}}@media (max-width:480px){.sg-header-edit-cover-text{display:none}.sg-header-edit-cover-btn{padding:8px;border-radius:50%}.sg-header-title{font-size:20px}.sg-header-description{font-size:13px}}.sg-header-member-count{display:flex;align-items:center;gap:6px;font-size:14px;color:#64748b;font-weight:500;margin-top:6px;margin-bottom:4px}.sg-header-member-icon{font-size:16px;color:#94a3b8}.sg-header-join-btn{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;padding:10px 24px!important;border-radius:9999px!important;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:all .2s cubic-bezier(.4,0,.2,1)!important;border:none!important;cursor:pointer}.sg-header-join-btn.join{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important}.sg-header-join-btn.join:hover{background:linear-gradient(135deg,#059669,#047857)!important;transform:translateY(-1px);box-shadow:0 6px 16px rgba(16,185,129,.25)}.sg-header-join-btn.joined{background:#f1f5f9!important;color:#475569!important;border:1px solid #e2e8f0!important}.sg-header-join-btn.joined:hover{background:#e2e8f0!important;color:#0f172a!important;transform:translateY(-1px)}.sg-header-join-btn:active{transform:scale(.97)!important}@media (max-width:768px){.sg-header-member-count{justify-content:center;margin-top:4px}}.sg-header-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(15,23,42,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:99999;animation:sg-fade-in .2s ease-out}.sg-header-modal-confirm-wrapper{width:90%;max-width:460px;animation:sg-scale-up .25s cubic-bezier(.34,1.56,.64,1)}.sg-header-modal-confirm{background-color:#fff;border-radius:16px;border:1px solid hsla(0,0%,100%,.8);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden}.sg-header-modal-title-bar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.sg-header-modal-title{font-size:18px;font-weight:700;color:#0f172a;margin:0}.sg-header-modal-close-btn{background:none;border:none;font-size:24px;line-height:1;color:#94a3b8;cursor:pointer;padding:0;transition:color .15s ease}.sg-header-modal-close-btn:hover{color:#475569}.sg-header-modal-body{padding:24px;font-size:15px;color:#334155;line-height:1.6}.sg-header-modal-body p{margin-top:0;margin-bottom:12px}.sg-header-modal-subtext{font-size:13px;color:#64748b;margin:0}.sg-header-modal-footer{padding:16px 24px;background-color:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.sg-header-modal-btn{font-weight:600!important;font-size:14px!important;padding:10px 22px!important;border-radius:9999px!important;transition:all .2s ease!important;cursor:pointer}.sg-header-modal-btn.cancel{background-color:#fff!important;border:1px solid #cbd5e1!important;color:#475569!important}.sg-header-modal-btn.cancel:hover{background-color:#f1f5f9!important;color:#1e293b!important;border-color:#94a3b8!important}.sg-header-modal-btn.confirm{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none!important;color:#fff!important}.sg-header-modal-btn.confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;box-shadow:0 4px 12px rgba(239,68,68,.25);transform:translateY(-1px)}.sg-header-modal-btn:active{transform:scale(.97)!important}@keyframes sg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sg-scale-up{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.social-header-container{width:100%;max-width:680px;margin:0 auto 20px;background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 30px -10px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.03);transition:box-shadow .3s ease}.social-header-container:hover{box-shadow:0 20px 40px -15px rgba(0,0,0,.12),0 1px 5px rgba(0,0,0,.04)}.social-header-cover{width:100%;position:relative;aspect-ratio:820/320;background-color:#f1f5f9;border-radius:16px 16px 0 0}.social-header-cover-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:16px 16px 0 0}.social-header-cover-gradient{width:100%;height:100%;background:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);position:relative;border-radius:16px 16px 0 0}.social-header-cover-gradient:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.15) 0,transparent 60%)}.social-header-cover-upload{position:absolute;top:16px;right:16px;z-index:10}.social-header-edit-cover-btn{display:flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.4);color:#0f172a;font-weight:600;font-size:13px;padding:8px 14px;border-radius:9999px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .2s cubic-bezier(.4,0,.2,1)}.social-header-edit-cover-btn:hover{background:hsla(0,0%,100%,.9);transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.12)}.social-header-edit-cover-btn:active{transform:scale(.97)}.social-header-content-new{display:flex;flex-direction:column;padding:0 24px 24px;position:relative}.social-header-avatar-section{display:flex;margin-top:-75px;margin-bottom:12px;position:relative;z-index:5;width:140px}.social-header-avatar-wrapper{position:relative;width:140px;height:140px}.social-header-avatar{width:140px;height:140px;border-radius:50%;border:4px solid #fff;object-fit:cover;box-shadow:0 8px 24px rgba(0,0,0,.12);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.social-header-avatar:hover{transform:scale(1.03)}.social-header-avatar-placeholder{width:140px;height:140px;border-radius:50%;border:4px solid #fff;background:linear-gradient(135deg,#f1f5f9,#cbd5e1);box-shadow:0 8px 24px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center}.social-header-avatar-placeholder-icon{font-size:40px;color:#64748b}.social-header-avatar-upload{position:absolute;bottom:4px;right:4px;z-index:8}.social-header-edit-avatar-btn{display:flex;align-items:center;justify-content:center;background-color:#fff;color:#475569;border:1px solid #cbd5e1;width:36px;height:36px;border-radius:50%;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.08);transition:all .2s cubic-bezier(.4,0,.2,1)}.social-header-edit-avatar-btn:hover{background-color:#f8fafc;color:#0f172a;border-color:#94a3b8;transform:scale(1.06)}.social-header-edit-avatar-btn:active{transform:scale(.95)}.social-header-body-section{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;width:100%;gap:24px}.social-header-info-section{display:flex;flex-direction:column;flex:1 1}.social-header-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.social-header-title-main{font-size:26px;font-weight:800;color:#0f172a;margin:0;line-height:1.25;letter-spacing:-.025em}.social-header-description{font-size:15px;color:#475569;line-height:1.5;margin-top:8px;word-break:break-word}.social-header-badge-blocked{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:9999px;color:#b91c1c;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.social-header-actions-section{display:flex;flex-direction:row;gap:10px;align-items:center;flex-wrap:wrap;align-self:flex-end}.social-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 20px;border-radius:9999px;font-weight:600;font-size:14px;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.social-btn:active{transform:scale(.97)}.social-btn span{white-space:nowrap}.social-btn-primary{background-color:#0f172a;color:#fff;box-shadow:0 4px 12px rgba(15,23,42,.12)}.social-btn-primary:hover{background-color:#1e293b;box-shadow:0 6px 16px rgba(15,23,42,.18)}.social-btn-follow{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.18)}.social-btn-follow:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 16px rgba(37,99,235,.25);transform:translateY(-1px)}.social-btn-following{background-color:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.social-btn-following:hover{background-color:#dcfce7;border-color:#86efac}.social-btn-danger{background-color:#fef2f2;color:#991b1b;border-color:#fca5a5}.social-btn-danger:hover{background-color:#fecaca;color:#7f1d1d;border-color:#ef4444}.social-btn-icon{width:42px;height:42px;padding:0;border-radius:50%;background-color:#f1f5f9;color:#475569;border-color:#e2e8f0}.social-btn-icon:hover{background-color:#e2e8f0;color:#0f172a;border-color:#cbd5e1}.social-btn-icon.active{background-color:#eff6ff;color:#2563eb;border-color:#bfdbfe}.social-btn-icon.active:hover{background-color:#dbeafe;color:#1d4ed8}.social-dropdown-wrapper{position:relative;display:inline-block}.social-dropdown-menu{position:absolute;right:0;top:48px;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:6px;min-width:180px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.05);z-index:100;display:flex;flex-direction:column;animation:social-dropdown-show .18s cubic-bezier(.16,1,.3,1);transform-origin:top right}@keyframes social-dropdown-show{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.social-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border-radius:8px;border:none;background:none;font-weight:500;font-size:13px;text-align:left;cursor:pointer;transition:all .15s ease}.social-dropdown-item-danger{color:#b91c1c}.social-dropdown-item-danger:hover{background-color:#fef2f2;color:#991b1b}.social-dropdown-item:active{transform:scale(.98)}.social-header-alert{margin:16px;border-radius:8px}.social-header-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background-color:#f8fafc;color:#2563eb;font-weight:500;border-top:1px solid #f1f5f9}.fa-spin{animation:social-spin .8s linear infinite}@keyframes social-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.social-header-cover{aspect-ratio:820/280}.social-header-content-new{padding:0 16px 20px;align-items:center}.social-header-avatar-section{margin-top:-60px;margin-bottom:8px;width:110px;justify-content:center}.social-header-avatar,.social-header-avatar-placeholder,.social-header-avatar-wrapper{width:110px;height:110px}.social-header-avatar-placeholder-icon{font-size:32px}.social-header-avatar-upload{bottom:2px;right:2px}.social-header-edit-avatar-btn{width:30px;height:30px}.social-header-body-section{flex-direction:column;align-items:center;text-align:center;gap:16px}.social-header-info-section{align-items:center}.social-header-title-row{justify-content:center}.social-header-title-main{font-size:22px;text-align:center}.social-header-description{font-size:14px;text-align:center;margin-top:6px}.social-header-actions-section{justify-content:center;align-self:center;width:100%;gap:8px}.social-btn-danger,.social-btn-follow,.social-btn-following,.social-header-edit-profile-btn{flex-grow:1;max-width:180px}}@media (max-width:480px){.social-header-cover{aspect-ratio:820/240}.social-header-edit-cover-text{display:none}.social-header-edit-cover-btn{padding:8px;border-radius:50%}.social-header-title-main{font-size:20px}.social-header-description{font-size:13px}.social-header-actions-section{gap:6px}.social-btn{height:38px;font-size:13px;padding:0 16px}.social-btn-icon{width:38px;height:38px}}.social-btn-friend-add{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;box-shadow:0 4px 12px rgba(16,185,129,.18);border:none!important}.social-btn-friend-add:hover{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 6px 16px rgba(16,185,129,.25);transform:translateY(-1px)}.social-btn-friend-pending{background-color:#f8fafc!important;color:#475569!important;border:1px solid #cbd5e1!important}.social-btn-friend-pending:hover{background-color:#f1f5f9!important;color:#0f172a!important;border-color:#94a3b8!important}.social-btn-friend-accepted{background-color:#eff6ff!important;color:#2563eb!important;border:1px solid #bfdbfe!important}.social-btn-friend-accepted:hover{background-color:#dbeafe!important;border-color:#93c5fd!important}.open-chat-btn-container{display:flex;flex-direction:column;align-items:center}.open-chat-btn{display:flex;align-items:center;background-color:#007bff;color:#fff;padding:10px 15px;border-radius:8px;text-decoration:none;font-weight:700;transition:background-color .3s ease;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.1);width:-moz-fit-content;width:fit-content}.open-chat-btn:hover{background-color:#0056b3}.open-chat-icon{margin-right:8px;font-size:20px}.open-chat-text-container{display:flex;justify-content:center}.open-chat-text{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.open-chat-btn-error{color:red;font-size:12px;margin-bottom:10px}@media (max-width:576px){.open-chat-btn{padding:8px 12px}.open-chat-icon{font-size:18px}.open-chat-text{font-size:12px}}.open-chat-btn.variant-header{background-color:#f1f5f9;color:#0f172a;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.05);font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);height:42px;padding:0 20px;border-radius:9999px;display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content}.open-chat-btn.variant-header:hover{background-color:#e2e8f0;color:#0f172a;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)}.open-chat-btn.variant-header:active{transform:scale(.97)}.open-chat-btn.variant-header .open-chat-icon{font-size:16px;margin-right:6px;color:#475569}@media (max-width:768px){.open-chat-btn.variant-header{width:42px;height:42px;padding:0!important;justify-content:center;border-radius:50%!important}.open-chat-btn.variant-header .open-chat-text-container{display:none!important}.open-chat-btn.variant-header .open-chat-icon{margin-right:0!important;font-size:18px!important}}