.cp-post-popup{position:fixed;inset:0;margin:auto;padding:0;width:min(820px,calc(100vw - 32px));height:min(860px,calc(100dvh - 40px));max-width:none;max-height:none;border:1px solid #d5e6df;border-radius:20px;background:#f3f8f5;color:#123e30;box-shadow:0 24px 90px #001e2160;overflow:hidden}
.cp-post-popup::backdrop{background:rgba(0,20,13,.66)}
.cp-post-popup[open]{display:flex;flex-direction:column}
.cp-post-popup__head{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-bottom:1px solid #dce9e2;flex-shrink:0}
.cp-post-popup__head h2{font-family:inherit;font-weight:700;font-size:18px;line-height:1.3;margin:0;flex:1;color:#123e30}
.cp-post-popup__close{border:0!important;border-radius:50%!important;background:#e9f4ee!important;color:#185c3d!important;width:36px;height:36px;padding:0!important;font-size:25px!important;cursor:pointer}
.cp-post-popup__content{width:100%;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px;scrollbar-gutter:stable}
.cp-post-popup__content[hidden],.cp-post-popup__status[hidden],.cp-post-popup__retry[hidden]{display:none!important}
.cp-post-popup__content .cp-community-detail{display:block!important}
.cp-post-popup__content .cp-community-detail>main{min-width:0!important}
.cp-post-popup__content .cp-community-back,.cp-post-popup__content .cp-community-detail-sidebar{display:none!important}
.cp-post-popup__content .cp-community-post,.cp-post-popup__content .cp-community-replies{margin-bottom:12px!important}
.cp-post-popup__status{padding:20px;margin:0;color:#365f50}
.cp-post-popup.is-loading .cp-post-popup__status{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:28px 24px;overflow:auto;background:radial-gradient(ellipse at 50% 20%,#e9f4ed 0,transparent 70%)}
.cp-post-popup__loading-card{width:min(100%,500px);padding:28px;border:1px solid #dce9e1;border-radius:20px;background:#fff;box-shadow:0 12px 36px #143e3008}
.cp-post-popup__loading-intro{display:flex;align-items:center;gap:16px}
.cp-post-popup__loading-indicator{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:16px;background:#eaf5ee}
.cp-post-popup__loading-indicator::before{content:"";width:23px;height:23px;border:3px solid #cee5d7;border-top-color:#078747;border-right-color:#078747;border-radius:50%;animation:cp-popup-spin .85s linear infinite}
.cp-post-popup__loading-copy{min-width:0;display:flex;flex-direction:column;gap:5px}
.cp-post-popup__loading-copy strong{font-size:17px;line-height:1.35;color:#123e30;font-weight:700}
.cp-post-popup__loading-copy>span{font-size:13px;line-height:1.5;color:#718479}
.cp-post-popup__loading-preview{display:flex;flex-direction:column;gap:24px;margin-top:28px;padding-top:25px;border-top:1px solid #edf3ef}
.cp-post-popup__loading-row{display:flex;align-items:flex-start;gap:13px}
.cp-post-popup__skeleton{display:block;overflow:hidden;position:relative;background:#edf3ef;border-radius:6px}
.cp-post-popup__skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 15%,#ffffffb3 45%,transparent 75%);transform:translateX(-100%);animation:cp-popup-shimmer 1.8s ease-in-out infinite}
.cp-post-popup__skeleton-avatar{width:35px;height:35px;flex:0 0 35px;border-radius:50%}
.cp-post-popup__skeleton-lines{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0;padding-top:3px}
.cp-post-popup__skeleton-name{height:10px;width:33%;background:#e2ede5}
.cp-post-popup__skeleton-text{height:9px;width:100%}
.cp-post-popup__skeleton-short{height:9px;width:74%}
.cp-post-popup__loading-row:nth-child(2){opacity:.64}
.cp-post-popup__loading-row:nth-child(2) .cp-post-popup__skeleton-name{width:43%}
.cp-post-popup__loading-row:nth-child(2) .cp-post-popup__skeleton-short{width:58%}
@keyframes cp-popup-spin{to{transform:rotate(360deg)}}
@keyframes cp-popup-shimmer{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.cp-post-popup__loading-indicator::before,.cp-post-popup__skeleton::after{animation:none}.cp-post-popup__skeleton::after{display:none}}
.cp-post-popup__retry{align-self:flex-start;margin:0 20px 20px;padding:9px 16px;border:1px solid #a7c9b7;border-radius:9px;background:#fff;color:#087b47;cursor:pointer}
.cp-post-popup.is-error{height:auto;min-height:0}
.cp-post-popup__link{padding:10px 20px;background:white;border-top:1px solid #dce9e2;color:#087f40!important;font-size:12px;text-align:right;flex-shrink:0}
@media(max-width:600px){.cp-post-popup{width:100%;height:100dvh;border-radius:0;border:0}.cp-post-popup__head{padding:12px}.cp-post-popup__head h2{font-size:16px}.cp-post-popup__content{padding:8px}.cp-post-popup.is-error{width:calc(100vw - 20px);border-radius:16px}}
@media(max-width:600px){.cp-post-popup.is-loading .cp-post-popup__status{padding:20px 16px}.cp-post-popup__loading-card{padding:22px 20px;border-radius:18px}.cp-post-popup__loading-intro{gap:12px}.cp-post-popup__loading-copy strong{font-size:16px}.cp-post-popup__loading-copy>span{font-size:12px}.cp-post-popup__loading-indicator{width:42px;height:42px;flex-basis:42px;border-radius:14px}}