:root{--ccp-red:#ed1c24;--ccp-black:#111214;--ccp-bg:#f4f5f7;--ccp-line:#e4e6e9;--ccp-muted:#777c84}*{box-sizing:border-box}body.ccp-profile-page,body{margin:0}.ccp-app{min-height:100vh;background:var(--ccp-bg);display:grid;grid-template-columns:260px minmax(0,1fr);color:#17181b;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}.ccp-left{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--ccp-line);padding:28px 22px;display:flex;flex-direction:column;z-index:30}.ccp-brand{display:flex;align-items:center;gap:12px;color:#17181b!important;text-decoration:none!important}.ccp-brand-mark{width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:linear-gradient(145deg,#ed1c24,#ff4a56);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 10px 24px rgba(237,28,36,.22)}.ccp-brand>span:last-child{display:flex;flex-direction:column;line-height:.95}.ccp-brand strong{font-size:17px}.ccp-brand em{margin-top:6px;color:var(--ccp-red);font-style:normal;font-size:14px;font-weight:900;letter-spacing:.14em}.ccp-nav{display:flex;flex-direction:column;gap:8px;margin-top:42px}.ccp-nav a{display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:15px;color:#2b2d31!important;text-decoration:none!important;font-size:16px;font-weight:800}.ccp-nav a:hover,.ccp-nav a.is-active{background:#f0f2f4}.ccp-nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ccp-create{margin-top:24px;padding:15px 18px;border-radius:15px;background:linear-gradient(135deg,#ed1c24,#ff4d59);color:#fff!important;text-decoration:none!important;text-align:center;font-weight:900;box-shadow:0 12px 25px rgba(237,28,36,.24)}.ccp-left-copy{margin-top:auto;color:#9ca0a7;font-size:12px}.ccp-main{width:min(100%,1120px);margin:0 auto;padding:26px 28px 70px}.ccp-mobile-header{display:none}.ccp-profile-card{background:#fff;border:1px solid var(--ccp-line);border-radius:28px;box-shadow:0 18px 45px rgba(17,18,20,.08);overflow:hidden}.ccp-profile-top{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:start;padding:32px}.ccp-profile-avatar{position:relative;width:180px;height:180px;border:0;padding:0;border-radius:50%;overflow:hidden;background:#eceef1;cursor:pointer;box-shadow:0 12px 34px rgba(17,18,20,.14)}.ccp-profile-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}.ccp-avatar-edit{position:absolute;left:0;right:0;bottom:0;min-height:42px;background:rgba(0,0,0,.68);color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:800;font-size:13px}.ccp-avatar-edit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.ccp-profile-identity h1{font-size:34px;line-height:1.05;margin:12px 0 5px}.ccp-handle{color:var(--ccp-muted);font-size:17px}.ccp-counts{display:flex;gap:20px;margin-top:22px}.ccp-counts button{border:0;background:transparent;padding:0;display:flex;align-items:baseline;gap:6px;cursor:pointer}.ccp-counts strong{font-size:19px}.ccp-counts span{color:var(--ccp-muted);font-size:14px}.ccp-bio{margin-top:22px}.ccp-bio>span{display:block;color:#ff4b59;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.ccp-bio p{margin:6px 0 0;max-width:600px;color:#3e4147}.ccp-bio button{margin-top:7px;border:0;background:transparent;color:var(--ccp-red);padding:0;font-weight:800;cursor:pointer}.ccp-profile-actions{display:flex;align-items:center;gap:10px}.ccp-follow-button,.ccp-message-button{min-height:44px;padding:0 20px;border-radius:13px;border:0;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;font-weight:900}.ccp-follow-button{background:var(--ccp-red);color:#fff;cursor:pointer}.ccp-follow-button.is-following{background:#17181b}.ccp-message-button{background:#f0f2f4;color:#17181b!important}.ccp-more-menu{position:relative}.ccp-more-button{width:44px;height:44px;border:1px solid var(--ccp-line);border-radius:13px;background:#fff;cursor:pointer}.ccp-more-button svg{width:22px;height:22px}.ccp-more-dropdown,.ccp-account-dropdown{display:none;position:absolute;right:0;top:calc(100% + 8px);width:160px;padding:7px;background:#fff;border:1px solid var(--ccp-line);border-radius:14px;box-shadow:0 18px 40px rgba(17,18,20,.15);z-index:50}.ccp-more-menu:hover .ccp-more-dropdown,.ccp-account-menu:hover .ccp-account-dropdown{display:block}.ccp-more-dropdown button,.ccp-account-dropdown a{display:block;width:100%;padding:10px;border:0;background:transparent;text-align:left;border-radius:9px;color:#222!important;text-decoration:none!important;font-weight:700;cursor:pointer}.ccp-more-dropdown button:hover,.ccp-account-dropdown a:hover{background:#f1f3f5}.ccp-tabs{display:flex;gap:4px;padding:0 24px;border-top:1px solid var(--ccp-line);overflow-x:auto}.ccp-tabs button{border:0;background:transparent;padding:17px 15px;color:#777c84;font-weight:800;white-space:nowrap;cursor:pointer;border-bottom:3px solid transparent}.ccp-tabs button.is-active{color:#16171a;border-color:var(--ccp-red)}.ccp-tab-panel{display:none;margin-top:22px}.ccp-tab-panel.is-active{display:block}.ccp-composer-wrap{margin-bottom:18px}.ccp-composer-wrap .ccmp-standalone-composer{border-radius:22px}.ccp-feed{display:grid;gap:16px}.ccp-post{background:#fff;border:1px solid var(--ccp-line);border-radius:22px;padding:20px;box-shadow:0 10px 28px rgba(17,18,20,.05)}.ccp-post-head{display:flex;align-items:center;gap:12px}.ccp-post-head img{width:48px;height:48px;border-radius:50%;object-fit:cover}.ccp-post-head div{display:flex;flex-direction:column}.ccp-post-head span{color:var(--ccp-muted);font-size:12px}.ccp-post-content{margin-top:14px}.ccp-post-actions{display:flex;gap:22px;margin-top:14px;padding-top:12px;border-top:1px solid var(--ccp-line)}.ccp-post-actions button{border:0;background:transparent;color:#6e737b;font-weight:700}.ccp-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ccp-media-grid article{background:#fff;border-radius:18px;overflow:hidden;min-height:180px}.ccp-media-grid img,.ccp-media-grid video{width:100%;height:100%;max-height:330px;object-fit:cover}.ccp-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ccp-settings-card{background:#fff;border:1px solid var(--ccp-line);border-radius:22px;padding:22px}.ccp-settings-card h2{margin:0 0 10px}.ccp-settings-card label{display:grid;gap:6px;margin-top:14px;font-weight:700}.ccp-settings-card input,.ccp-settings-card textarea{width:100%;padding:12px;border:1px solid var(--ccp-line);border-radius:12px}.ccp-settings-card button,.ccp-primary-link{display:inline-flex;margin-top:14px;padding:11px 16px;border:0;border-radius:12px;background:var(--ccp-red);color:#fff!important;text-decoration:none!important;font-weight:900}.ccp-view-list,.ccp-blocked-list{display:grid;gap:8px}.ccp-view-list a,.ccp-blocked-list>div{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:#f5f6f7;text-decoration:none!important;color:#222!important}.ccp-view-list img,.ccp-blocked-list img{width:44px;height:44px;border-radius:50%;object-fit:cover}.ccp-view-list span{display:flex;flex-direction:column}.ccp-view-list small{color:var(--ccp-muted)}.ccp-blocked-list button{margin-left:auto;margin-top:0;padding:8px 11px}.ccp-empty,.ccp-empty-small{padding:38px;text-align:center;color:var(--ccp-muted);background:#fff;border:1px dashed #d7d9dd;border-radius:20px}.ccp-empty-small{padding:18px}.ccp-footer{background:#101113;color:#fff}.ccp-footer-inner{width:min(100% - 40px,1360px);margin:0 auto;padding:26px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.ccp-footer-brand{display:flex;align-items:center;gap:9px;color:#fff!important;text-decoration:none!important}.ccp-footer-brand span{width:36px;height:36px;border-radius:11px;background:var(--ccp-red);display:grid;place-items:center;font-weight:900}.ccp-footer nav{display:flex;gap:16px;flex-wrap:wrap}.ccp-footer nav a{color:#cfd2d7!important;text-decoration:none!important;font-size:12px;font-weight:700}.ccp-modal[hidden]{display:none}.ccp-modal{position:fixed;inset:0;z-index:999;display:grid;place-items:center;padding:18px}.ccp-modal-backdrop{position:absolute;inset:0;background:rgba(8,9,10,.68);backdrop-filter:blur(6px)}.ccp-modal-card{position:relative;width:min(100%,500px);max-height:82vh;overflow:auto;background:#fff;border-radius:22px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.ccp-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:#f1f2f4;font-size:24px;cursor:pointer}.ccp-modal-card h2{margin:0 40px 18px 0}.ccp-modal-body{display:grid;gap:8px}.ccp-relationship-user{display:flex;align-items:center;gap:12px;padding:10px;border-radius:13px;background:#f5f6f7;color:#222!important;text-decoration:none!important}.ccp-relationship-user img{width:48px;height:48px;border-radius:50%;object-fit:cover}.ccp-relationship-user span{display:flex;flex-direction:column}.ccp-relationship-user small{color:var(--ccp-muted)}.ccp-bio-modal-card textarea{width:100%;min-height:110px;padding:12px;border:1px solid var(--ccp-line);border-radius:12px}.ccp-save-bio,.ccp-avatar-modal-actions button{margin-top:12px;padding:11px 17px;border:0;border-radius:12px;background:var(--ccp-red);color:#fff;font-weight:900}.ccp-avatar-modal-card{width:min(100%,720px);background:#111}.ccp-avatar-modal-card>img{display:block;width:100%;max-height:70vh;object-fit:contain}.ccp-avatar-modal-actions{text-align:center}.ccp-account-menu{position:relative}.ccp-account-avatar{width:48px;height:48px;padding:0;border:0;border-radius:50%;overflow:hidden}.ccp-account-avatar img{width:100%;height:100%;object-fit:cover}.ccp-account-dropdown{width:190px}.ccp-account-logout{border-top:1px solid var(--ccp-line);font-size:11px!important;color:#8c9097!important}.ccp-form-message{margin-top:10px;color:var(--ccp-red)}@media(max-width:1080px){.ccp-app{display:block}.ccp-left{display:none}.ccp-main{width:100%;padding:0 14px 80px}.ccp-mobile-header{display:flex;align-items:center;justify-content:space-between;min-height:82px;margin:0 -14px 18px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--ccp-line)}.ccp-profile-top{grid-template-columns:auto 1fr;gap:20px;padding:24px}.ccp-profile-actions{grid-column:1/-1}.ccp-footer{padding-bottom:72px}.ccp-footer-inner{flex-direction:column;text-align:center}.ccp-footer nav{justify-content:center}}@media(max-width:720px){.ccp-profile-top{grid-template-columns:1fr;text-align:center}.ccp-avatar-column{display:flex;justify-content:center}.ccp-profile-avatar{width:145px;height:145px}.ccp-counts{justify-content:center}.ccp-bio p{margin-left:auto;margin-right:auto}.ccp-profile-actions{justify-content:center}.ccp-tabs{padding:0 8px}.ccp-settings-grid{grid-template-columns:1fr}.ccp-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:460px){.ccp-main{padding-left:10px;padding-right:10px}.ccp-mobile-header{margin-left:-10px;margin-right:-10px}.ccp-brand strong{font-size:14px}.ccp-brand em{font-size:11px}.ccp-profile-top{padding:20px 16px}.ccp-profile-identity h1{font-size:28px}.ccp-media-grid{grid-template-columns:1fr}}
/* v1.1 dashboard-matched desktop shell */
@media(min-width:1081px){
.ccp-app{grid-template-columns:260px minmax(0,1fr)}
.ccp-page{min-width:0;padding:0 26px 70px}
.ccp-desktop-topbar{height:88px;display:flex;align-items:center;justify-content:flex-end;max-width:1340px;margin:0 auto}
.ccp-content-shell{max-width:1340px;margin:0 auto;display:grid;grid-template-columns:minmax(0,860px) 320px;gap:24px;align-items:start}
.ccp-main{width:100%;margin:0;padding:0}
.ccp-right{display:grid;gap:18px;position:sticky;top:24px}
.ccp-profile-top{grid-template-columns:160px minmax(0,1fr) auto;gap:24px;padding:28px}
.ccp-profile-avatar{width:160px;height:160px}
.ccp-profile-identity h1{font-size:31px}
}
.ccp-desktop-topbar{position:relative;z-index:60}
.ccp-right-card{background:#fff;border:1px solid var(--ccp-line);border-radius:22px;padding:22px;box-shadow:0 10px 28px rgba(17,18,20,.035)}
.ccp-welcome-card{background:linear-gradient(145deg,#fff 0%,#fff7f7 100%)}
.ccp-eyebrow{display:block;color:#ff5864;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.ccp-right-card h2{font-size:25px;line-height:1.1;margin:16px 0 12px}.ccp-right-card h3{font-size:19px;margin:0}.ccp-right-card p{color:#777c84;line-height:1.55;margin:0 0 20px}.ccp-welcome-card>a,.ccp-right-heading>a{color:var(--ccp-red)!important;text-decoration:none!important;font-weight:900}
.ccp-right-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.ccp-right-heading>a{font-size:12px}
.ccp-suggestion-list{display:grid;gap:12px}.ccp-suggestion{display:flex;align-items:center;gap:10px}.ccp-suggestion-user{display:flex;align-items:center;gap:10px;min-width:0;flex:1;color:#17181b!important;text-decoration:none!important}.ccp-suggestion-user img{width:46px;height:46px;border-radius:50%;object-fit:cover}.ccp-suggestion-user span{display:flex;flex-direction:column;min-width:0}.ccp-suggestion-user strong,.ccp-suggestion-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccp-suggestion-user small{color:#858a92}.ccp-suggestion>button{border:0;border-radius:999px;background:#111;color:#fff;padding:9px 13px;font-weight:900;cursor:pointer}.ccp-suggestion>button.is-following{background:var(--ccp-red)}
.ccp-trending-card{display:grid}.ccp-trending-card h3{margin-bottom:12px}.ccp-trending-card>a{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--ccp-line);color:#17181b!important;text-decoration:none!important}.ccp-trending-card>a:first-of-type{border-top:0}.ccp-trending-card b{color:var(--ccp-red);font-size:12px}.ccp-trending-card span{display:flex;flex-direction:column;gap:3px}.ccp-trending-card small{color:#8a8f97}
/* colorful sidebar icons matching dashboard */
.ccp-nav a svg{width:22px;height:22px}.ccp-nav a:before{content:"";width:42px;height:42px;flex:0 0 42px;border-radius:13px;box-shadow:0 7px 15px rgba(0,0,0,.08)}.ccp-nav a svg{position:absolute;margin-left:10px;color:#fff;z-index:1}.ccp-nav a{position:relative;padding:8px 12px;gap:14px}.ccp-nav a span{margin-left:42px}.ccp-nav a:nth-child(1):before{background:linear-gradient(145deg,#ff3040,#ff6470)}.ccp-nav a:nth-child(2):before{background:linear-gradient(145deg,#2577ee,#4f94ff)}.ccp-nav a:nth-child(3):before{background:linear-gradient(145deg,#f2a000,#ffc33e)}.ccp-nav a:nth-child(4):before{background:linear-gradient(145deg,#773ce7,#a05cff)}.ccp-nav a:nth-child(5):before{background:linear-gradient(145deg,#19aa6d,#42cc8e)}.ccp-nav a:nth-child(6):before{background:linear-gradient(145deg,#17181b,#34363b)}
.ccp-account-menu.is-open .ccp-account-dropdown{display:block}
@media(max-width:1240px) and (min-width:1081px){.ccp-page{padding-left:18px;padding-right:18px}.ccp-content-shell{grid-template-columns:minmax(0,1fr) 285px;gap:18px}.ccp-profile-top{grid-template-columns:140px minmax(0,1fr);}.ccp-profile-avatar{width:140px;height:140px}.ccp-profile-actions{grid-column:1/-1}}
@media(max-width:1080px){.ccp-page{padding:0}.ccp-desktop-topbar,.ccp-right{display:none}.ccp-content-shell{display:block}.ccp-main{width:100%}}

/* v1.2 compact profile composer */
.ccp-composer-wrap .ccmp-standalone-composer{
    position:relative;
    min-height:190px!important;
    padding:22px 22px 20px!important;
    border-radius:24px!important;
    overflow:hidden;
    box-shadow:none!important;
}
.ccp-composer-wrap .ccmp-standalone-composer form{
    position:relative;
    min-height:146px;
    margin:0!important;
    padding:0!important;
}
.ccp-composer-wrap .ccmp-standalone-composer textarea,
.ccp-composer-wrap .ccmp-standalone-composer [contenteditable="true"]{
    width:100%!important;
    min-height:82px!important;
    height:82px!important;
    max-height:140px!important;
    margin:0!important;
    padding:8px 8px 8px 66px!important;
    border:0!important;
    outline:0!important;
    resize:none!important;
    background:transparent!important;
    color:#f4f4f5!important;
    font-size:18px!important;
    line-height:1.45!important;
    box-shadow:none!important;
}
.ccp-composer-wrap .ccmp-standalone-composer textarea::placeholder{color:#8f9299!important;opacity:1}
.ccp-composer-avatar{
    position:absolute;
    z-index:4;
    top:2px;
    left:0;
    width:50px;
    height:50px;
    border-radius:50%;
    object-fit:cover;
    border:4px solid #404247;
    background:#dfe2e5;
    pointer-events:none;
}
.ccp-composer-wrap .ccmp-standalone-composer button,
.ccp-composer-wrap .ccmp-standalone-composer input[type="button"],
.ccp-composer-wrap .ccmp-standalone-composer input[type="submit"]{
    min-height:44px!important;
    border-radius:13px!important;
}
.ccp-composer-wrap .ccmp-standalone-composer button[type="submit"],
.ccp-composer-wrap .ccmp-standalone-composer input[type="submit"],
.ccp-composer-wrap .ccmp-standalone-composer .ccmp-submit,
.ccp-composer-wrap .ccmp-standalone-composer .ccmp-post-button{
    position:absolute!important;
    right:0!important;
    bottom:0!important;
    min-width:96px!important;
    height:48px!important;
    margin:0!important;
    padding:0 22px!important;
    border:0!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,#ed1c24,#ff3542)!important;
    color:#fff!important;
    font-size:17px!important;
    font-weight:900!important;
    line-height:48px!important;
    box-shadow:0 10px 22px rgba(237,28,36,.22)!important;
}
.ccp-composer-wrap .ccmp-standalone-composer .ccmp-media-actions,
.ccp-composer-wrap .ccmp-standalone-composer .ccmp-attachment-actions,
.ccp-composer-wrap .ccmp-standalone-composer .ccmp-composer-actions{
    position:absolute!important;
    left:0!important;
    bottom:0!important;
    display:flex!important;
    gap:10px!important;
    margin:0!important;
}
.ccp-composer-wrap .ccmp-standalone-composer .ccmp-media-actions button,
.ccp-composer-wrap .ccmp-standalone-composer .ccmp-attachment-actions button,
.ccp-composer-wrap .ccmp-standalone-composer .ccmp-composer-actions button{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid #42444a!important;
    background:#1a1b1f!important;
    color:#fff!important;
    box-shadow:none!important;
}
@media(max-width:720px){
    .ccp-composer-wrap .ccmp-standalone-composer{min-height:176px!important;padding:18px!important;border-radius:20px!important}
    .ccp-composer-wrap .ccmp-standalone-composer form{min-height:138px}
    .ccp-composer-wrap .ccmp-standalone-composer textarea,
    .ccp-composer-wrap .ccmp-standalone-composer [contenteditable="true"]{min-height:76px!important;height:76px!important;padding-left:58px!important;font-size:16px!important}
    .ccp-composer-avatar{width:44px;height:44px;border-width:3px}
    .ccp-composer-wrap .ccmp-standalone-composer button[type="submit"],
    .ccp-composer-wrap .ccmp-standalone-composer input[type="submit"],
    .ccp-composer-wrap .ccmp-standalone-composer .ccmp-submit,
    .ccp-composer-wrap .ccmp-standalone-composer .ccmp-post-button{min-width:88px!important;height:44px!important;line-height:44px!important;font-size:16px!important}
}


/* v1.3 sidebar, tabs and composer alignment refinements */
@media(min-width:1081px){
    .ccp-app{grid-template-columns:240px minmax(0,1fr)}
    .ccp-left{padding:28px 18px}
    .ccp-nav{margin-top:42px;gap:8px}
    .ccp-nav a{padding:8px 10px;gap:16px}
    .ccp-nav a span{margin-left:42px}
    .ccp-create{margin-top:24px}
}
.ccp-tabs{justify-content:space-between;gap:0;padding:0 18px;scrollbar-width:none}
.ccp-tabs::-webkit-scrollbar{display:none}
.ccp-tabs button{flex:1 1 auto;min-width:0;padding:17px 10px;text-align:center}

.ccp-composer-wrap .ccmp-standalone-composer{
    padding:22px 24px 22px!important;
}
.ccp-composer-wrap .ccmp-standalone-composer form{
    min-height:146px;
}
.ccp-composer-avatar{
    top:4px;
    left:2px;
}
.ccp-composer-wrap .ccmp-standalone-composer textarea,
.ccp-composer-wrap .ccmp-standalone-composer [contenteditable="true"]{
    padding-left:72px!important;
}
.ccp-composer-wrap .ccmp-standalone-composer button[type="submit"],
.ccp-composer-wrap .ccmp-standalone-composer input[type="submit"],
.ccp-composer-wrap .ccmp-standalone-composer .ccmp-submit,
.ccp-composer-wrap .ccmp-standalone-composer .ccmp-post-button{
    right:2px!important;
    bottom:2px!important;
}
.ccp-composer-wrap .ccmp-standalone-composer .ccmp-media-actions,
.ccp-composer-wrap .ccmp-standalone-composer .ccmp-attachment-actions,
.ccp-composer-wrap .ccmp-standalone-composer .ccmp-composer-actions{
    left:2px!important;
    bottom:2px!important;
}
@media(max-width:720px){
    .ccp-tabs{justify-content:flex-start;overflow-x:auto}
    .ccp-tabs button{flex:0 0 auto;padding-left:14px;padding-right:14px}
    .ccp-composer-wrap .ccmp-standalone-composer{padding:18px 20px 20px!important}
    .ccp-composer-avatar{top:3px;left:1px}
    .ccp-composer-wrap .ccmp-standalone-composer textarea,
    .ccp-composer-wrap .ccmp-standalone-composer [contenteditable="true"]{padding-left:62px!important}
}

/* v1.4 responsive profile polish */
@media(min-width:1081px){
    /* Match the dashboard sidebar rhythm: icon, modest gap, then label. */
    .ccp-nav a{gap:16px!important}
    .ccp-nav a span{margin-left:0!important}
}

@media(max-width:720px){
    .ccp-page{overflow-x:hidden}

    /* Keep the compact mobile masthead safely inside the viewport. */
    .ccp-mobile-header{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:14px;
        padding:14px 18px!important;
        min-height:78px;
        background:#fff;
        border-bottom:1px solid var(--ccp-line);
    }
    .ccp-mobile-header .ccp-brand{min-width:0;gap:10px}
    .ccp-mobile-header .ccp-brand-mark{width:46px;height:46px;flex-basis:46px;border-radius:14px}
    .ccp-mobile-header .ccp-brand strong{font-size:15px;white-space:nowrap}
    .ccp-mobile-header .ccp-brand em{font-size:12px;margin-top:5px}
    .ccp-mobile-header .ccp-account-menu{flex:0 0 auto;margin-right:0}
    .ccp-mobile-header .ccp-account-avatar{width:46px;height:46px;display:block}
    .ccp-mobile-header .ccp-account-dropdown{right:0}

    .ccp-main{padding:18px 16px 52px!important}
    .ccp-profile-card{border-radius:22px}

    /* Instagram-style compact profile summary. */
    .ccp-profile-top{
        display:grid!important;
        grid-template-columns:92px minmax(0,1fr)!important;
        grid-template-areas:
            "avatar identity"
            "bio bio"
            "actions actions";
        align-items:center!important;
        gap:12px 18px!important;
        padding:20px 18px 16px!important;
    }
    .ccp-avatar-column{grid-area:avatar;align-self:start}
    .ccp-profile-avatar{width:92px!important;height:92px!important;box-shadow:0 8px 22px rgba(17,18,20,.12)}
    .ccp-avatar-edit{min-height:28px;font-size:10px;gap:4px}
    .ccp-avatar-edit svg{width:14px;height:14px}
    .ccp-profile-identity{grid-area:identity;min-width:0}
    .ccp-profile-identity h1{font-size:26px!important;line-height:1.05;margin:0 0 4px!important;overflow-wrap:anywhere}
    .ccp-handle{font-size:15px}
    .ccp-counts{gap:18px;margin-top:14px!important}
    .ccp-counts button{gap:4px}
    .ccp-counts strong{font-size:17px}
    .ccp-counts span{font-size:12px}
    .ccp-bio{grid-area:bio;margin-top:2px!important}
    .ccp-bio>span{font-size:10px;letter-spacing:.12em}
    .ccp-bio p{font-size:14px;line-height:1.4;margin-top:5px}
    .ccp-bio button{font-size:14px;margin-top:4px}
    .ccp-profile-actions{grid-area:actions}

    .ccp-tabs{padding:0 8px!important}
    .ccp-tabs button{padding:14px 12px!important;font-size:14px}
    .ccp-tab-panel{margin-top:14px}

    /* Composer: balanced avatar spacing, actions above, full-width Share button. */
    .ccp-composer-wrap .ccmp-standalone-composer{
        min-height:224px!important;
        padding:18px 16px 16px!important;
        border-radius:20px!important;
    }
    .ccp-composer-wrap .ccmp-standalone-composer form{min-height:190px!important}
    .ccp-composer-avatar{top:2px!important;left:2px!important;width:44px;height:44px}
    .ccp-composer-wrap .ccmp-standalone-composer textarea,
    .ccp-composer-wrap .ccmp-standalone-composer [contenteditable="true"]{
        min-height:82px!important;
        height:82px!important;
        padding:6px 4px 6px 60px!important;
    }
    .ccp-composer-wrap .ccmp-standalone-composer .ccmp-media-actions,
    .ccp-composer-wrap .ccmp-standalone-composer .ccmp-attachment-actions,
    .ccp-composer-wrap .ccmp-standalone-composer .ccmp-composer-actions{
        left:2px!important;
        right:2px!important;
        bottom:58px!important;
        gap:10px!important;
    }
    .ccp-composer-wrap .ccmp-standalone-composer button[type="submit"],
    .ccp-composer-wrap .ccmp-standalone-composer input[type="submit"],
    .ccp-composer-wrap .ccmp-standalone-composer .ccmp-submit,
    .ccp-composer-wrap .ccmp-standalone-composer .ccmp-post-button{
        left:2px!important;
        right:2px!important;
        bottom:2px!important;
        width:calc(100% - 4px)!important;
        max-width:none!important;
        min-width:0!important;
        height:48px!important;
        line-height:48px!important;
        border-radius:14px!important;
    }
}

@media(max-width:430px){
    .ccp-mobile-header{padding-left:14px!important;padding-right:14px!important}
    .ccp-mobile-header .ccp-brand strong{font-size:13px}
    .ccp-mobile-header .ccp-brand em{font-size:11px;letter-spacing:.11em}
    .ccp-profile-top{grid-template-columns:82px minmax(0,1fr)!important;gap:10px 14px!important;padding:18px 15px 14px!important}
    .ccp-profile-avatar{width:82px!important;height:82px!important}
    .ccp-profile-identity h1{font-size:23px!important}
    .ccp-counts{gap:12px}
}


/* v1.5 mobile masthead, spacing, composer and tab refinements */
.ccp-mobile-title{display:none}
@media(max-width:720px){
    .ccp-mobile-header{
        position:relative;
        display:grid!important;
        grid-template-columns:54px minmax(0,1fr) 54px;
        align-items:center;
        gap:10px;
        min-height:72px;
        padding:10px 16px!important;
        background:linear-gradient(135deg,#e91620,#ff3c49)!important;
        border-bottom:0!important;
        box-shadow:0 8px 22px rgba(237,28,36,.18);
    }
    .ccp-mobile-header .ccp-brand{display:block;min-width:0}
    .ccp-mobile-header .ccp-mobile-brand-desktop-text{display:none!important}
    .ccp-mobile-header .ccp-brand-mark{
        width:48px!important;
        height:48px!important;
        flex-basis:48px!important;
        border-radius:14px!important;
        background:#fff!important;
        color:var(--ccp-red)!important;
        box-shadow:0 8px 20px rgba(80,0,5,.18)!important;
        font-size:17px;
    }
    .ccp-mobile-title{
        display:block;
        min-width:0;
        color:#fff!important;
        text-decoration:none!important;
        text-align:center;
        font-size:18px;
        line-height:1.1;
        font-weight:900;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .ccp-mobile-header .ccp-account-menu{justify-self:end;margin:0!important}
    .ccp-mobile-header .ccp-account-avatar{width:48px!important;height:48px!important;border:2px solid rgba(255,255,255,.65)!important;background:#fff}
    .ccp-mobile-header .ccp-account-dropdown{right:0;top:calc(100% + 10px)}

    .ccp-main{padding-top:10px!important}
    .ccp-profile-card{margin-top:0!important}

    .ccp-tabs{
        display:flex!important;
        justify-content:flex-start!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        overscroll-behavior-x:contain;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x proximity;
        padding:0 10px!important;
        scrollbar-width:none;
    }
    .ccp-tabs::-webkit-scrollbar{display:none}
    .ccp-tabs button{
        flex:0 0 auto!important;
        min-width:max-content!important;
        scroll-snap-align:start;
        padding:13px 14px!important;
    }

    .ccp-tab-panel{margin-top:12px!important}
    .ccp-composer-wrap{margin-bottom:14px!important}
    .ccp-composer-wrap .ccmp-standalone-composer{
        min-height:202px!important;
        padding:14px 14px 14px!important;
        border-radius:20px!important;
    }
    .ccp-composer-wrap .ccmp-standalone-composer form{min-height:174px!important}
    .ccp-composer-avatar{top:2px!important;left:2px!important;width:42px!important;height:42px!important}
    .ccp-composer-wrap .ccmp-standalone-composer textarea,
    .ccp-composer-wrap .ccmp-standalone-composer [contenteditable="true"]{
        min-height:68px!important;
        height:68px!important;
        padding:4px 4px 4px 56px!important;
        font-size:16px!important;
    }
    .ccp-composer-wrap .ccmp-standalone-composer .ccmp-media-actions,
    .ccp-composer-wrap .ccmp-standalone-composer .ccmp-attachment-actions,
    .ccp-composer-wrap .ccmp-standalone-composer .ccmp-composer-actions{
        left:2px!important;
        right:2px!important;
        bottom:60px!important;
    }
    .ccp-composer-wrap .ccmp-standalone-composer button[type="submit"],
    .ccp-composer-wrap .ccmp-standalone-composer input[type="submit"],
    .ccp-composer-wrap .ccmp-standalone-composer .ccmp-submit,
    .ccp-composer-wrap .ccmp-standalone-composer .ccmp-post-button{
        left:10px!important;
        right:10px!important;
        bottom:8px!important;
        width:calc(100% - 20px)!important;
        height:46px!important;
        line-height:46px!important;
        border-radius:14px!important;
    }
}
@media(max-width:430px){
    .ccp-mobile-header{grid-template-columns:48px minmax(0,1fr) 48px;padding:9px 12px!important;min-height:68px}
    .ccp-mobile-header .ccp-brand-mark,.ccp-mobile-header .ccp-account-avatar{width:44px!important;height:44px!important}
    .ccp-mobile-title{font-size:16px}
    .ccp-main{padding-top:8px!important}
}

/* v1.6 mobile profile redesign */
@media (max-width:720px){
    body.ccp-profile-page{background:var(--ccp-bg)!important}
    .ccp-page{min-width:0!important}

    /* Cleaner app-style mobile masthead. */
    .ccp-mobile-header{
        grid-template-columns:50px minmax(0,1fr) 50px!important;
        min-height:70px!important;
        padding:10px 14px!important;
        gap:8px!important;
        background:#ed1c24!important;
        box-shadow:0 3px 12px rgba(17,18,20,.12)!important;
    }
    .ccp-mobile-header .ccp-brand-mark{
        width:48px!important;height:48px!important;flex-basis:48px!important;
        border:3px solid #fff!important;border-radius:15px!important;
        background:#fff!important;color:#ed1c24!important;
        box-shadow:none!important;font-size:16px!important;
    }
    .ccp-mobile-title{
        display:flex!important;align-items:center;justify-content:center;
        font-size:17px!important;line-height:1.02!important;letter-spacing:.025em;
        text-transform:uppercase;white-space:normal!important;
        max-width:230px;margin:0 auto;
    }
    .ccp-mobile-header .ccp-account-avatar{
        width:46px!important;height:46px!important;
        border:3px solid rgba(255,255,255,.9)!important;
        box-shadow:none!important;
    }

    /* Pull content toward the masthead and reduce card height. */
    .ccp-main{padding:10px 12px 44px!important}
    .ccp-profile-card{border-radius:22px!important;box-shadow:0 10px 28px rgba(17,18,20,.07)!important}
    .ccp-profile-top{
        grid-template-columns:86px minmax(0,1fr)!important;
        grid-template-areas:"avatar identity" "bio bio" "actions actions"!important;
        align-items:start!important;
        column-gap:16px!important;row-gap:8px!important;
        padding:18px 16px 14px!important;
    }
    .ccp-profile-avatar{width:86px!important;height:86px!important;box-shadow:none!important}
    .ccp-avatar-edit{min-height:26px!important;font-size:10px!important}
    .ccp-profile-identity{padding-top:3px!important}
    .ccp-profile-identity h1{font-size:25px!important;margin:0 0 3px!important;line-height:1.08!important}
    .ccp-handle{font-size:14px!important}
    .ccp-counts{margin-top:12px!important;gap:15px!important}
    .ccp-counts strong{font-size:17px!important}
    .ccp-counts span{font-size:12px!important}
    .ccp-bio{margin:2px 0 0!important;text-align:left!important}
    .ccp-bio>span{font-size:9px!important;letter-spacing:.13em!important}
    .ccp-bio p{margin:4px 0 0!important;font-size:14px!important;line-height:1.32!important}
    .ccp-bio button{margin-top:3px!important;font-size:13px!important}

    /* Fully swipeable tab rail with room for Account. */
    .ccp-tabs{
        width:100%!important;max-width:100%!important;
        gap:0!important;padding:0 8px!important;
        overflow-x:auto!important;overflow-y:hidden!important;
        scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;
    }
    .ccp-tabs::-webkit-scrollbar{display:none!important}
    .ccp-tabs button{
        flex:0 0 auto!important;padding:13px 12px!important;
        min-width:max-content!important;font-size:14px!important;
    }

    /* Compact, clean composer. */
    .ccp-tab-panel{margin-top:10px!important}
    .ccp-composer-wrap{margin-bottom:12px!important}
    .ccp-composer-wrap .ccmp-standalone-composer{
        position:relative!important;min-height:184px!important;
        padding:14px!important;border-radius:20px!important;
        overflow:hidden!important;
    }
    .ccp-composer-wrap .ccmp-standalone-composer form{
        position:relative!important;min-height:156px!important;
        margin:0!important;padding:0!important;background:transparent!important;
    }
    .ccp-composer-wrap .ccmp-standalone-composer textarea,
    .ccp-composer-wrap .ccmp-standalone-composer [contenteditable="true"]{
        display:block!important;width:100%!important;
        min-height:58px!important;height:58px!important;
        margin:0!important;padding:5px 4px 5px 54px!important;
        border:0!important;background:transparent!important;box-shadow:none!important;
        font-size:15px!important;line-height:1.35!important;
    }
    .ccp-composer-avatar{
        top:0!important;left:0!important;width:42px!important;height:42px!important;
        margin:0!important;z-index:3!important;
    }
    .ccp-composer-wrap .ccmp-standalone-composer .ccmp-media-actions,
    .ccp-composer-wrap .ccmp-standalone-composer .ccmp-attachment-actions,
    .ccp-composer-wrap .ccmp-standalone-composer .ccmp-composer-actions{
        position:absolute!important;left:0!important;right:0!important;bottom:55px!important;
        width:100%!important;margin:0!important;padding:0!important;
        gap:10px!important;background:transparent!important;box-shadow:none!important;
    }
    .ccp-composer-wrap .ccmp-standalone-composer .ccmp-media-actions button,
    .ccp-composer-wrap .ccmp-standalone-composer .ccmp-attachment-actions button,
    .ccp-composer-wrap .ccmp-standalone-composer .ccmp-composer-actions button:not([type="submit"]){
        min-height:38px!important;border-radius:11px!important;
    }
    .ccp-composer-wrap .ccmp-standalone-composer button[type="submit"],
    .ccp-composer-wrap .ccmp-standalone-composer input[type="submit"],
    .ccp-composer-wrap .ccmp-standalone-composer .ccmp-submit,
    .ccp-composer-wrap .ccmp-standalone-composer .ccmp-post-button{
        position:absolute!important;left:8px!important;right:8px!important;bottom:6px!important;
        width:calc(100% - 16px)!important;height:43px!important;line-height:43px!important;
        margin:0!important;border-radius:13px!important;
        font-size:16px!important;font-weight:900!important;
    }
    .ccp-empty{padding:28px 18px!important;border-radius:18px!important}
}

@media (max-width:430px){
    .ccp-mobile-header{grid-template-columns:46px minmax(0,1fr) 46px!important;padding:9px 11px!important}
    .ccp-mobile-header .ccp-brand-mark{width:44px!important;height:44px!important;flex-basis:44px!important}
    .ccp-mobile-header .ccp-account-avatar{width:44px!important;height:44px!important}
    .ccp-mobile-title{font-size:15px!important;max-width:190px}
    .ccp-main{padding-left:10px!important;padding-right:10px!important}
    .ccp-profile-top{grid-template-columns:80px minmax(0,1fr)!important;padding:16px 14px 13px!important;column-gap:13px!important}
    .ccp-profile-avatar{width:80px!important;height:80px!important}
    .ccp-profile-identity h1{font-size:22px!important}
    .ccp-counts{gap:11px!important}
}

/* v1.6.1 edge-spacing polish */
@media (min-width:721px){
    .ccp-composer-wrap .ccmp-standalone-composer button[type="submit"],
    .ccp-composer-wrap .ccmp-standalone-composer input[type="submit"],
    .ccp-composer-wrap .ccmp-standalone-composer .ccmp-submit,
    .ccp-composer-wrap .ccmp-standalone-composer .ccmp-post-button{
        right:18px!important;
        bottom:18px!important;
    }
}

@media (max-width:720px){
    .ccp-mobile-header{
        padding-left:20px!important;
        padding-right:20px!important;
    }
    .ccp-mobile-header .ccp-brand-mark{
        justify-self:start!important;
    }
    .ccp-mobile-header .ccp-account-menu{
        justify-self:end!important;
    }
}

@media (max-width:430px){
    .ccp-mobile-header{
        padding-left:16px!important;
        padding-right:16px!important;
    }
}

/* v1.6.2 mobile + tablet masthead consistency */
@media (max-width:1080px){
    .ccp-mobile-header{
        display:grid!important;
        grid-template-columns:54px minmax(0,1fr) 54px!important;
        align-items:center!important;
        gap:12px!important;
        min-height:72px!important;
        margin:0!important;
        padding:10px 20px!important;
        background:linear-gradient(135deg,#e91620,#ff303d)!important;
        border-bottom:0!important;
        box-shadow:0 5px 16px rgba(17,18,20,.12)!important;
    }
    .ccp-mobile-header .ccp-brand{
        display:block!important;
        min-width:0!important;
        justify-self:start!important;
    }
    .ccp-mobile-header .ccp-mobile-brand-desktop-text{
        display:none!important;
    }
    .ccp-mobile-header .ccp-brand-mark{
        width:52px!important;
        height:52px!important;
        flex:0 0 52px!important;
        border:0!important;
        border-radius:16px!important;
        background:#fff!important;
        color:var(--ccp-red)!important;
        box-shadow:0 7px 18px rgba(96,0,7,.17)!important;
        font-size:18px!important;
        font-weight:900!important;
    }
    .ccp-mobile-title{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        min-width:0!important;
        max-width:320px!important;
        margin:0 auto!important;
        color:#fff!important;
        text-align:center!important;
        text-decoration:none!important;
        text-transform:uppercase!important;
        white-space:normal!important;
        overflow:visible!important;
        font-size:22px!important;
        line-height:.98!important;
        font-weight:950!important;
        letter-spacing:-.015em!important;
    }
    .ccp-mobile-header .ccp-account-menu{
        justify-self:end!important;
        margin:0!important;
    }
    .ccp-mobile-header .ccp-account-avatar{
        display:block!important;
        width:48px!important;
        height:48px!important;
        border:3px solid #fff!important;
        background:#fff!important;
        box-shadow:none!important;
    }
    .ccp-main{
        padding-top:14px!important;
    }
}

@media (max-width:720px){
    .ccp-mobile-header{
        grid-template-columns:52px minmax(0,1fr) 52px!important;
        min-height:72px!important;
        padding:10px 16px!important;
    }
    .ccp-mobile-header .ccp-brand-mark{
        width:50px!important;
        height:50px!important;
        flex-basis:50px!important;
        font-size:18px!important;
    }
    .ccp-mobile-title{
        max-width:235px!important;
        font-size:20px!important;
        line-height:1!important;
        font-weight:950!important;
    }
    .ccp-mobile-header .ccp-account-avatar{
        width:48px!important;
        height:48px!important;
    }
}

@media (max-width:430px){
    .ccp-mobile-header{
        grid-template-columns:50px minmax(0,1fr) 50px!important;
        padding-left:14px!important;
        padding-right:14px!important;
    }
    .ccp-mobile-title{
        max-width:205px!important;
        font-size:19px!important;
    }
}

/* v1.6.3 — cinematic mobile/tablet masthead */
@media (max-width:1080px){
    .ccp-mobile-header{
        position:relative!important;
        isolation:isolate!important;
        display:grid!important;
        grid-template-columns:92px minmax(0,1fr) 72px!important;
        align-items:center!important;
        gap:18px!important;
        min-height:116px!important;
        padding:14px 28px!important;
        overflow:hidden!important;
        background:
            linear-gradient(118deg,rgba(0,0,0,.92) 0 9%,rgba(24,0,0,.86) 25%,rgba(111,0,0,.92) 58%,rgba(226,0,18,.96) 100%)!important;
        border:0!important;
        box-shadow:0 10px 28px rgba(35,0,0,.22)!important;
    }
    .ccp-mobile-header:before,
    .ccp-mobile-header:after{
        content:""!important;
        position:absolute!important;
        inset:-30% auto -30% auto!important;
        z-index:-1!important;
        pointer-events:none!important;
        transform:skewX(-24deg)!important;
    }
    .ccp-mobile-header:before{
        left:8%!important;
        width:4px!important;
        background:#ff1020!important;
        box-shadow:34px 0 0 rgba(255,20,32,.65),68px 0 0 rgba(255,20,32,.28)!important;
    }
    .ccp-mobile-header:after{
        right:7%!important;
        width:110px!important;
        background:linear-gradient(90deg,transparent,rgba(255,40,52,.26),transparent)!important;
    }
    .ccp-mobile-header .ccp-brand{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        justify-self:start!important;
        width:88px!important;
        height:88px!important;
        min-width:88px!important;
        position:relative!important;
        transform:skewX(-7deg)!important;
    }
    .ccp-mobile-header .ccp-mobile-brand-desktop-text{display:none!important}
    .ccp-mobile-header .ccp-brand-mark{
        position:relative!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:84px!important;
        height:72px!important;
        flex:0 0 84px!important;
        border:3px solid #fff!important;
        border-radius:17px!important;
        background:linear-gradient(145deg,#fff,#ececec)!important;
        color:#fff!important;
        box-shadow:0 0 0 4px rgba(255,255,255,.08),0 0 22px rgba(255,20,32,.72)!important;
        font-size:0!important;
        transform:skewX(-8deg)!important;
    }
    .ccp-mobile-header .ccp-brand-mark:after{
        content:""!important;
        position:absolute!important;
        left:49%!important;
        top:-24px!important;
        width:5px!important;
        height:120px!important;
        background:#ff1828!important;
        transform:rotate(24deg)!important;
        box-shadow:0 0 12px #ff1828!important;
    }
    .ccp-mobile-header .ccp-brand-mark span{
        position:relative!important;
        z-index:2!important;
        display:block!important;
        margin:-2px!important;
        color:#fff!important;
        -webkit-text-stroke:5px #f21d2b!important;
        paint-order:stroke fill!important;
        font-size:42px!important;
        line-height:1!important;
        font-style:italic!important;
        font-weight:1000!important;
        letter-spacing:-.2em!important;
        text-shadow:0 0 10px rgba(255,0,20,.7)!important;
    }
    .ccp-mobile-title{
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        justify-self:center!important;
        width:100%!important;
        max-width:560px!important;
        margin:0!important;
        color:#fff!important;
        text-align:center!important;
        text-decoration:none!important;
        text-transform:uppercase!important;
        white-space:normal!important;
        line-height:1!important;
        filter:drop-shadow(0 0 8px rgba(255,255,255,.24))!important;
    }
    .ccp-mobile-title strong{
        font-size:34px!important;
        line-height:.98!important;
        font-weight:1000!important;
        font-style:italic!important;
        letter-spacing:.035em!important;
    }
    .ccp-mobile-title span{
        position:relative!important;
        margin-top:7px!important;
        padding:0 28px!important;
        color:#ff202f!important;
        font-size:24px!important;
        line-height:1!important;
        font-weight:1000!important;
        font-style:italic!important;
        letter-spacing:.28em!important;
        text-shadow:0 0 12px rgba(255,0,20,.65)!important;
    }
    .ccp-mobile-title span:before,
    .ccp-mobile-title span:after{
        content:""!important;
        position:absolute!important;
        top:50%!important;
        width:56px!important;
        height:2px!important;
        background:linear-gradient(90deg,transparent,#ff2030)!important;
        box-shadow:0 0 8px #ff2030!important;
    }
    .ccp-mobile-title span:before{right:100%!important}
    .ccp-mobile-title span:after{left:100%!important;transform:rotate(180deg)!important}
    .ccp-mobile-header .ccp-account-menu{justify-self:end!important;margin:0!important}
    .ccp-mobile-header .ccp-account-avatar{
        width:64px!important;
        height:64px!important;
        border:4px solid #fff!important;
        background:#fff!important;
        box-shadow:0 0 0 5px #ef1726,0 0 20px rgba(255,16,36,.5)!important;
    }
    .ccp-main{padding-top:12px!important}
}

@media (max-width:720px){
    .ccp-mobile-header{
        grid-template-columns:68px minmax(0,1fr) 58px!important;
        gap:10px!important;
        min-height:92px!important;
        padding:10px 14px!important;
    }
    .ccp-mobile-header .ccp-brand{
        width:66px!important;height:66px!important;min-width:66px!important;
    }
    .ccp-mobile-header .ccp-brand-mark{
        width:64px!important;height:58px!important;flex-basis:64px!important;border-radius:14px!important;
    }
    .ccp-mobile-header .ccp-brand-mark:after{top:-20px!important;height:98px!important;width:4px!important}
    .ccp-mobile-header .ccp-brand-mark span{font-size:31px!important;-webkit-text-stroke-width:4px!important}
    .ccp-mobile-title strong{font-size:24px!important;letter-spacing:.025em!important}
    .ccp-mobile-title span{margin-top:5px!important;padding:0 16px!important;font-size:16px!important;letter-spacing:.22em!important}
    .ccp-mobile-title span:before,.ccp-mobile-title span:after{width:28px!important}
    .ccp-mobile-header .ccp-account-avatar{width:52px!important;height:52px!important;border-width:3px!important;box-shadow:0 0 0 3px #ef1726!important}
}

@media (max-width:430px){
    .ccp-mobile-header{
        grid-template-columns:58px minmax(0,1fr) 50px!important;
        min-height:84px!important;
        padding-left:10px!important;
        padding-right:10px!important;
    }
    .ccp-mobile-header .ccp-brand{width:56px!important;height:56px!important;min-width:56px!important}
    .ccp-mobile-header .ccp-brand-mark{width:54px!important;height:50px!important;flex-basis:54px!important;border-width:2px!important}
    .ccp-mobile-header .ccp-brand-mark span{font-size:26px!important;-webkit-text-stroke-width:3px!important}
    .ccp-mobile-title strong{font-size:20px!important}
    .ccp-mobile-title span{font-size:13px!important;letter-spacing:.18em!important}
    .ccp-mobile-header .ccp-account-avatar{width:46px!important;height:46px!important}
}

/* v1.6.4 — tablet masthead matches mobile masthead */
@media (max-width:1080px){
    .ccp-mobile-header{
        position:relative!important;
        isolation:auto!important;
        display:grid!important;
        grid-template-columns:52px minmax(0,1fr) 52px!important;
        align-items:center!important;
        gap:12px!important;
        min-height:72px!important;
        margin:0!important;
        padding:10px 18px!important;
        overflow:visible!important;
        background:#ed1c24!important;
        border:0!important;
        border-bottom:0!important;
        box-shadow:0 4px 14px rgba(17,18,20,.12)!important;
    }
    .ccp-mobile-header:before,
    .ccp-mobile-header:after,
    .ccp-mobile-header .ccp-brand-mark:after,
    .ccp-mobile-title span:before,
    .ccp-mobile-title span:after{
        content:none!important;
        display:none!important;
    }
    .ccp-mobile-header .ccp-brand{
        display:block!important;
        width:auto!important;
        height:auto!important;
        min-width:0!important;
        transform:none!important;
        justify-self:start!important;
    }
    .ccp-mobile-header .ccp-brand-mark{
        display:grid!important;
        place-items:center!important;
        width:50px!important;
        height:50px!important;
        flex:0 0 50px!important;
        border:0!important;
        border-radius:15px!important;
        background:#fff!important;
        color:#ed1c24!important;
        box-shadow:none!important;
        transform:none!important;
        font-size:0!important;
    }
    .ccp-mobile-header .ccp-brand-mark span{
        display:inline!important;
        position:static!important;
        margin:0!important;
        color:#ed1c24!important;
        -webkit-text-stroke:0!important;
        font-size:18px!important;
        line-height:1!important;
        font-style:normal!important;
        font-weight:900!important;
        letter-spacing:-.18em!important;
        text-shadow:none!important;
    }
    .ccp-mobile-header .ccp-brand-mark span:last-child{margin-left:-1px!important}
    .ccp-mobile-title{
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        justify-self:center!important;
        width:auto!important;
        max-width:260px!important;
        margin:0!important;
        padding:0!important;
        color:#fff!important;
        filter:none!important;
        text-align:center!important;
        text-decoration:none!important;
        text-transform:uppercase!important;
        white-space:normal!important;
        line-height:1!important;
    }
    .ccp-mobile-title strong,
    .ccp-mobile-title span{
        position:static!important;
        margin:0!important;
        padding:0!important;
        color:#fff!important;
        font-size:20px!important;
        line-height:1.02!important;
        font-style:normal!important;
        font-weight:900!important;
        letter-spacing:.015em!important;
        text-shadow:none!important;
    }
    .ccp-mobile-title span{margin-top:1px!important}
    .ccp-mobile-header .ccp-account-menu{
        justify-self:end!important;
        margin:0!important;
    }
    .ccp-mobile-header .ccp-account-avatar{
        display:block!important;
        width:48px!important;
        height:48px!important;
        border:3px solid #fff!important;
        background:#fff!important;
        box-shadow:none!important;
    }
    .ccp-main{padding-top:14px!important}
}

@media (max-width:430px){
    .ccp-mobile-header{
        grid-template-columns:48px minmax(0,1fr) 48px!important;
        padding-left:14px!important;
        padding-right:14px!important;
    }
    .ccp-mobile-header .ccp-brand-mark{width:46px!important;height:46px!important;flex-basis:46px!important}
    .ccp-mobile-header .ccp-account-avatar{width:46px!important;height:46px!important}
    .ccp-mobile-title strong,
    .ccp-mobile-title span{font-size:18px!important}
}


/* v1.6.6 — safe Sitewide Shell integration (preserves original profile structure) */
body.ccsws-active .ccp-left,
body.ccsws-active .ccp-desktop-topbar,
body.ccsws-active .ccp-mobile-header,
body.ccsws-active .ccp-footer{
    display:none!important;
}
body.ccsws-active .ccp-app{
    display:block!important;
    min-height:0!important;
    width:100%!important;
}
body.ccsws-active .ccp-page{
    min-width:0!important;
    width:100%!important;
    padding-top:24px!important;
}
body.ccsws-active .ccp-content-shell{
    position:relative;
}
body.ccsws-active .ccp-profile-card{
    overflow:visible!important;
    position:relative;
    z-index:20;
}
body.ccsws-active .ccp-tabs{
    background:#fff;
    border-radius:0 0 28px 28px;
}
.ccp-bio>span{display:none!important}
.ccp-bio p{margin-top:0!important}
.ccp-more-menu{z-index:200!important}
.ccp-more-dropdown{
    z-index:10000!important;
    top:calc(100% + 10px)!important;
}
.ccp-more-menu.is-open .ccp-more-dropdown{display:block!important}

/* Compact desktop and tablet: actions get their own row. */
@media (min-width:721px) and (max-width:1240px){
    body.ccsws-active .ccp-page{padding-left:18px!important;padding-right:18px!important}
    .ccp-profile-top{
        grid-template-columns:140px minmax(0,1fr)!important;
        gap:18px 24px!important;
        align-items:center!important;
    }
    .ccp-profile-avatar{width:140px!important;height:140px!important}
    .ccp-profile-identity{min-width:0!important}
    .ccp-profile-identity h1{margin-top:0!important;overflow-wrap:anywhere}
    .ccp-profile-actions{
        grid-column:2!important;
        justify-content:flex-start!important;
        flex-wrap:wrap!important;
        min-width:0!important;
    }
}

/* Mobile: avatar left, identity right, controls below. */
@media (max-width:720px){
    body.ccsws-active .ccp-page{
        padding:14px 12px 64px!important;
    }
    .ccp-profile-top{
        display:grid!important;
        grid-template-columns:104px minmax(0,1fr)!important;
        grid-template-areas:
            "avatar identity"
            "actions actions"!important;
        gap:15px 16px!important;
        align-items:center!important;
        text-align:left!important;
        padding:20px 16px 16px!important;
    }
    .ccp-avatar-column{grid-area:avatar!important;display:block!important}
    .ccp-profile-avatar{width:104px!important;height:104px!important}
    .ccp-profile-identity{grid-area:identity!important;min-width:0!important}
    .ccp-profile-identity h1{
        margin:0 0 5px!important;
        font-size:26px!important;
        line-height:1.04!important;
        overflow-wrap:anywhere;
        text-align:left!important;
    }
    .ccp-handle{text-align:left!important;overflow-wrap:anywhere}
    .ccp-counts{
        justify-content:flex-start!important;
        flex-wrap:wrap!important;
        gap:12px!important;
        margin-top:14px!important;
    }
    .ccp-bio{margin-top:14px!important}
    .ccp-bio p{text-align:left!important;margin:0!important}
    .ccp-profile-actions{
        grid-area:actions!important;
        width:100%!important;
        display:flex!important;
        gap:9px!important;
        justify-content:flex-start!important;
        position:relative!important;
        z-index:300!important;
    }
    .ccp-follow-button,.ccp-message-button{
        flex:1 1 0!important;
        min-width:0!important;
        padding-left:12px!important;
        padding-right:12px!important;
    }
    .ccp-more-menu{flex:0 0 auto!important}
    .ccp-more-dropdown{
        right:0!important;
        left:auto!important;
        width:180px!important;
    }
    .ccp-tab-panel{position:relative;z-index:1}
}

@media (max-width:430px){
    .ccp-profile-top{
        grid-template-columns:88px minmax(0,1fr)!important;
        gap:12px 13px!important;
        padding:17px 13px 14px!important;
    }
    .ccp-profile-avatar{width:88px!important;height:88px!important}
    .ccp-profile-identity h1{font-size:22px!important}
    .ccp-handle{font-size:14px!important}
    .ccp-counts strong{font-size:17px!important}
    .ccp-counts span{font-size:12px!important}
    .ccp-follow-button,.ccp-message-button{font-size:14px!important}
    .ccp-more-button{width:44px!important;height:44px!important}
}

/* v1.6.7 — Sitewide Shell owns navigation and global chrome. */
body.ccsws-active .ccp-left,
body.ccsws-active .ccp-mobile-header,
body.ccsws-active .ccp-footer{display:none!important}
body.ccsws-active .ccp-app{display:block!important;grid-template-columns:none!important;min-height:0!important}
body.ccsws-active .ccp-main{width:min(100%,1120px)!important;margin:0 auto!important}
@media (min-width:1081px){
  body.ccsws-active .ccp-main{padding:28px 30px 72px!important}
}

/* v1.6.8 — sitewide shell desktop rail compatibility */
@media (min-width:1081px){
 body.ccsws-active .ccp-main{min-width:0!important}
 body.ccsws-active .ccp-content-shell{width:100%!important;max-width:100%!important}
 body.ccsws-active .ccp-profile-top{min-width:0!important}
}

/* v1.7.2 — keep profile controls clear of long names on desktop. */
@media (min-width:721px){
    .ccp-profile-top{
        display:grid!important;
        grid-template-columns:180px minmax(0,1fr)!important;
        grid-template-areas:
            "avatar identity"
            "actions actions"!important;
        gap:24px 28px!important;
        align-items:center!important;
    }
    .ccp-avatar-column{grid-area:avatar!important}
    .ccp-profile-avatar{width:180px!important;height:180px!important}
    .ccp-profile-identity{
        grid-area:identity!important;
        min-width:0!important;
        width:100%!important;
    }
    .ccp-profile-identity h1{
        margin-top:0!important;
        max-width:100%!important;
        overflow-wrap:break-word!important;
        word-break:normal!important;
    }
    .ccp-bio{width:100%!important}
    .ccp-bio p{
        width:100%!important;
        max-width:none!important;
        overflow-wrap:break-word!important;
    }
    .ccp-profile-actions{
        grid-area:actions!important;
        grid-column:1 / -1!important;
        width:100%!important;
        display:flex!important;
        align-items:center!important;
        gap:12px!important;
        min-width:0!important;
    }
    .ccp-follow-button,
    .ccp-message-button{
        flex:1 1 0!important;
        min-width:0!important;
        min-height:52px!important;
    }
    .ccp-more-menu{flex:0 0 auto!important}
    .ccp-more-button{width:52px!important;height:52px!important}
}

@media (min-width:721px) and (max-width:1240px){
    .ccp-profile-top{
        grid-template-columns:140px minmax(0,1fr)!important;
    }
    .ccp-profile-avatar{width:140px!important;height:140px!important}
}

/* v1.7.3 profile identity settings */
.ccp-field-note{display:block;margin-top:7px;color:#7b818c;font-size:13px;font-weight:600}.ccp-settings-card input[readonly]{background:#f2f3f5;color:#737984;cursor:not-allowed}.ccp-bio-counter{text-align:right;margin:-6px 0 12px;color:#777e88;font-size:13px;font-weight:700}.ccp-bio-counter span{color:#1d2025}


/* v1.8.0 messages and notifications */
.ccp-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.ccp-section-title h2{margin:0 0 5px}.ccp-section-title p{margin:0;color:#737983}.ccp-compose-link{white-space:nowrap}.ccp-subtabs{display:flex;gap:8px;border-bottom:1px solid #e3e5e8;margin-bottom:4px}.ccp-subtabs button{border:0;background:transparent;padding:13px 18px;font-weight:800;color:#737983;border-bottom:3px solid transparent;cursor:pointer}.ccp-subtabs button.is-active{color:#15171a;border-bottom-color:#f51f2b}.ccp-subtabs button span{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:7px;padding:0 6px;border-radius:999px;background:#f51f2b;color:#fff;font-size:12px}.ccp-message-box{display:none}.ccp-message-box.is-active{display:block}.ccp-message-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #eceef0}.ccp-message-row:last-child{border-bottom:0}.ccp-message-row.is-unread{background:#fff7f7;margin:0 -14px;padding-left:14px;padding-right:14px;border-radius:14px}.ccp-message-open{display:flex;align-items:center;gap:14px;min-width:0;flex:1;color:inherit;text-decoration:none}.ccp-message-open img{width:54px;height:54px;object-fit:cover;border-radius:50%;flex:0 0 54px}.ccp-message-copy{display:flex;flex-direction:column;min-width:0;gap:3px}.ccp-message-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.ccp-message-meta strong{font-size:16px}.ccp-message-meta small{color:#8a9099;white-space:nowrap}.ccp-message-copy b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccp-message-copy em{font-style:normal;color:#747a84;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccp-message-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.ccp-message-actions button{border:1px solid #d9dde2;background:#fff;border-radius:10px;padding:9px 11px;font-weight:800;cursor:pointer}.ccp-message-actions .is-delete{color:#e31e2b}.ccp-notification-list{display:flex;flex-direction:column}.ccp-notification-row{display:flex;align-items:flex-start;gap:13px;padding:17px 4px;border-bottom:1px solid #eceef0;color:inherit;text-decoration:none}.ccp-notification-row:last-child{border-bottom:0}.ccp-notification-dot{width:10px;height:10px;border-radius:50%;margin-top:6px;background:#c9cdd2;flex:0 0 10px}.ccp-notification-row.is-new .ccp-notification-dot{background:#f51f2b}.ccp-notification-row>span:last-child{display:flex;flex-direction:column;gap:5px}.ccp-notification-row strong{font-size:16px;line-height:1.35}.ccp-notification-row.is-new strong{font-weight:900}.ccp-notification-row small{color:#858b94}.ccp-notification-row:hover strong{color:#f51f2b}
@media(max-width:720px){.ccp-section-title{align-items:stretch;flex-direction:column}.ccp-compose-link{text-align:center}.ccp-message-row{align-items:flex-start;flex-direction:column}.ccp-message-open{width:100%}.ccp-message-actions{width:100%;justify-content:flex-end}.ccp-message-copy em{white-space:normal}.ccp-message-meta{align-items:flex-start;flex-direction:column;gap:2px}}


/* v1.8.1 — clear Inbox / Sent controls and polished empty states */
.ccp-messages-card{padding:28px!important;overflow:visible!important}
.ccp-messages-card .ccp-section-title{margin-bottom:22px!important}
.ccp-messages-card .ccp-subtabs{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 16px!important;padding:0!important;border:0!important;min-height:46px!important}
.ccp-messages-card .ccp-subtabs button{appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:auto!important;min-width:104px!important;min-height:44px!important;margin:0!important;padding:10px 18px!important;border:1px solid #dfe2e6!important;border-radius:999px!important;background:#f2f3f5!important;color:#626873!important;font:800 15px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;text-indent:0!important;letter-spacing:0!important;box-shadow:none!important;overflow:visible!important;opacity:1!important;visibility:visible!important}
.ccp-messages-card .ccp-subtabs button::before,.ccp-messages-card .ccp-subtabs button::after{display:none!important;content:none!important}
.ccp-messages-card .ccp-subtabs button.is-active{background:#15171a!important;border-color:#15171a!important;color:#fff!important}
.ccp-messages-card .ccp-subtab-label{display:inline!important;position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;color:inherit!important;font:inherit!important;line-height:1!important;border-radius:0!important}
.ccp-messages-card .ccp-subtab-count{display:inline-grid!important;place-items:center!important;min-width:22px!important;height:22px!important;margin:0!important;padding:0 6px!important;border-radius:999px!important;background:#f51f2b!important;color:#fff!important;font-size:12px!important;font-weight:900!important;line-height:1!important}
.ccp-message-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:124px;padding:28px 20px;text-align:center;color:#747b85;background:#fff;border:1px dashed #d4d8dd;border-radius:18px}
.ccp-message-empty strong{color:#23262b;font-size:17px}
.ccp-message-empty span{max-width:420px;font-size:14px;line-height:1.45}
@media(max-width:720px){.ccp-messages-card{padding:20px!important}.ccp-messages-card .ccp-subtabs{width:100%!important}.ccp-messages-card .ccp-subtabs button{flex:1 1 0!important;min-width:0!important}.ccp-message-empty{min-height:112px;padding:24px 16px}}


/* v1.8.3 Explore-style profile sidebar member cards */
.ccp-members-sidebar-card,.ccp-featured-members-card{padding:24px}
.ccp-members-sidebar-card .ccp-right-heading,.ccp-featured-members-card .ccp-right-heading{margin-bottom:22px}
.ccp-members-sidebar-card .ccp-right-heading h3,.ccp-featured-members-card .ccp-right-heading h3{font-size:24px;font-weight:900}
.ccp-members-sidebar-card .ccp-right-heading>a,.ccp-featured-members-card .ccp-right-heading>a{font-size:14px;color:var(--ccp-red)!important}
.ccp-members-sidebar-card .ccp-suggestion-list{gap:20px}
.ccp-members-sidebar-card .ccp-suggestion{gap:12px}
.ccp-members-sidebar-card .ccp-suggestion-user img{width:54px;height:54px}
.ccp-members-sidebar-card .ccp-suggestion-user strong{font-size:16px}
.ccp-members-sidebar-card .ccp-suggestion-user small{font-size:13px;margin-top:3px}
.ccp-sidebar-view{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:66px;min-height:38px;padding:0 16px;border-radius:999px;background:#111;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:900}
.ccp-featured-member{display:flex;flex-direction:column;align-items:center;padding:20px 14px 8px;border:1px solid var(--ccp-line);border-radius:20px;text-align:center}
.ccp-featured-avatar{display:block;width:150px;height:150px;padding:6px;border:5px solid #ff3d4b;border-radius:50%;background:#fff}
.ccp-featured-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.ccp-featured-name{margin-top:20px;color:#17181b!important;text-decoration:none!important;font-size:22px;font-weight:900;line-height:1.15}
.ccp-featured-handle{margin-top:8px;color:#7e838b;font-size:15px}
.ccp-featured-view{display:inline-flex;align-items:center;justify-content:center;min-width:96px;min-height:42px;margin-top:18px;padding:0 20px;border-radius:999px;background:#111;color:#fff!important;text-decoration:none!important;font-weight:900}


/* 1.8.4: understated self-service profile deletion */
.ccp-delete-profile-section{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;padding:22px;background:#fff;border:1px solid var(--ccp-line);border-radius:22px}.ccp-delete-profile-section h2{margin:0 0 6px;color:#111214;font-size:20px}.ccp-delete-profile-section p{margin:0;max-width:680px;color:#686d75;font-size:14px;line-height:1.55}.ccp-settings-card .ccp-delete-profile-button,.ccp-delete-profile-button{flex:0 0 auto;margin:0;padding:11px 18px;border:0;border-radius:12px;background:#111214;color:#fff!important;font-weight:900;cursor:pointer}.ccp-delete-profile-button:hover{background:#25272b}.ccp-delete-profile-modal-card{width:min(92vw,500px)}.ccp-delete-profile-modal-card>p{margin:0 0 18px;color:#626871;line-height:1.55}.ccp-delete-profile-modal-card label{display:block;margin-bottom:8px;color:#111214;font-weight:700}.ccp-delete-profile-modal-card input{width:100%;padding:12px 14px;border:1px solid #d7dadd;border-radius:12px;font-size:16px;text-transform:uppercase}.ccp-delete-modal-message{min-height:21px;margin-top:9px;color:#111214;font-size:14px}.ccp-delete-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.ccp-delete-modal-actions button{min-height:42px;padding:0 17px;border-radius:11px;font-weight:900;cursor:pointer}.ccp-delete-cancel{border:1px solid #d7dadd;background:#fff;color:#111214}.ccp-delete-confirm{border:0;background:#111214;color:#fff}.ccp-delete-confirm:disabled{opacity:.42;cursor:not-allowed}@media(max-width:700px){.ccp-delete-profile-section{align-items:flex-start;flex-direction:column}.ccp-delete-profile-button{width:100%}.ccp-delete-modal-actions{flex-direction:column-reverse}.ccp-delete-modal-actions button{width:100%}}

/* v1.9.0 member reporting */
.ccp-more-dropdown .ccp-report-menu-item{border-top:1px solid var(--ccp-line);margin-top:4px;padding-top:12px}.ccp-report-modal-card p{color:var(--ccp-muted);line-height:1.5}.ccp-report-modal-card label{display:block;margin:15px 0 6px;font-weight:800}.ccp-report-modal-card label span{color:var(--ccp-muted);font-weight:500}.ccp-report-modal-card select,.ccp-report-modal-card textarea{width:100%;border:1px solid var(--ccp-line);border-radius:12px;padding:12px;font:inherit;background:#fff}.ccp-report-modal-card textarea{min-height:110px;resize:vertical}.ccp-report-submit{width:100%;margin-top:16px;border:0;border-radius:12px;padding:13px;background:var(--ccp-red);color:#fff;font-weight:900;cursor:pointer}.ccp-report-submit:disabled{opacity:.65;cursor:wait}.ccp-report-message{min-height:20px;margin-top:10px;color:#444;font-weight:700}


/* v1.9.1: keep the profile action menu reachable during hover navigation */
.ccp-more-menu::after{content:"";position:absolute;z-index:49;top:100%;right:0;width:max(100%,180px);height:14px;background:transparent;pointer-events:auto}
.ccp-more-menu:hover .ccp-more-dropdown,.ccp-more-menu:focus-within .ccp-more-dropdown,.ccp-more-menu.is-hover-open .ccp-more-dropdown{display:block!important}

/* v2.0.0 message requests and private profiles */
.ccp-message-modal-card{width:min(92vw,560px)}.ccp-message-recipient{display:flex;align-items:center;gap:13px;margin-bottom:15px}.ccp-message-recipient img{width:54px;height:54px;border-radius:50%;object-fit:cover}.ccp-message-recipient span{display:flex;flex-direction:column}.ccp-message-recipient small{color:var(--ccp-muted);font-weight:700}.ccp-message-recipient strong{font-size:20px}.ccp-message-request-notice{display:flex;flex-direction:column;gap:5px;margin-bottom:15px;padding:13px 15px;border-radius:14px;background:#fff6db;border:1px solid #f2d784}.ccp-message-request-notice strong{font-size:15px}.ccp-message-request-notice span{color:#645a3d;font-size:13px;line-height:1.45}.ccp-message-modal-card textarea{width:100%;min-height:150px;padding:14px;border:1px solid var(--ccp-line);border-radius:14px;font:inherit;resize:vertical}.ccp-message-form-status{min-height:22px;margin:8px 0;color:#4a4f57;font-weight:700}.ccp-message-send{width:100%;border:0;border-radius:12px;padding:13px;background:var(--ccp-red);color:#fff;font-weight:900;cursor:pointer}.ccp-message-send:disabled{opacity:.65}.ccp-message-request-row{padding:18px 0;border-bottom:1px solid var(--ccp-line)}.ccp-request-sender{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.ccp-request-sender img{width:52px;height:52px;border-radius:50%;object-fit:cover}.ccp-request-sender span{display:flex;flex-direction:column}.ccp-request-sender small{margin-top:3px;color:var(--ccp-muted)}.ccp-message-request-row p{margin:14px 0;line-height:1.55;white-space:pre-wrap}.ccp-request-actions{display:flex;gap:9px;flex-wrap:wrap}.ccp-request-actions button{border:1px solid #d9dde2;border-radius:10px;padding:9px 15px;background:#fff;font-weight:900;cursor:pointer}.ccp-request-actions .is-accept{border-color:var(--ccp-red);background:var(--ccp-red);color:#fff}.ccp-request-actions .is-block{color:#d51e2b}.ccp-request-resolved{padding:16px;border-radius:12px;background:#f3f4f5;font-weight:800}.ccp-private-profile-notice{display:flex;min-height:220px;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:30px;text-align:center;background:#fff;border:1px solid var(--ccp-line);border-radius:22px}.ccp-private-profile-notice strong{font-size:22px}.ccp-private-profile-notice span{color:var(--ccp-muted)}.ccp-settings-card select[name="profile_visibility"]{width:100%;padding:12px 14px;border:1px solid var(--ccp-line);border-radius:12px;background:#fff;font:inherit}
@media(max-width:720px){.ccp-request-actions button{flex:1}.ccp-message-modal-card{width:94vw}.ccp-messages-card .ccp-subtabs{flex-wrap:wrap!important}.ccp-messages-card .ccp-subtabs button{flex:1 1 30%!important}}


/* v2.1.0 compact Instagram-inspired profile and activity feed */
.ccp-main{padding-top:12px}
.ccp-profile-card{border-radius:22px;box-shadow:0 8px 24px rgba(17,18,20,.06)}
.ccp-profile-top{grid-template-columns:auto minmax(0,1fr) auto;gap:20px;padding:22px 24px 16px}
.ccp-profile-identity h1{font-size:28px;line-height:1.08;margin:4px 0 3px}
.ccp-handle{font-size:15px}
.ccp-counts{gap:22px;margin-top:14px;align-items:center}
.ccp-counts button,.ccp-count-stat{display:flex;align-items:baseline;gap:5px;color:#17181b!important}
.ccp-counts button,.ccp-counts button *{color:#17181b!important}
.ccp-counts strong{font-size:17px;color:#17181b!important}
.ccp-counts span{font-size:13px;color:#4f5359!important}
.ccp-bio{margin-top:12px}
.ccp-bio p{margin:0;font-size:14px;line-height:1.35;font-weight:700;color:#2c2f34}
.ccp-bio button{margin-top:4px;font-size:13px}
.ccp-tabs{min-height:58px;padding:0 10px;border-top:1px solid var(--ccp-line);justify-content:space-evenly}
.ccp-tabs button{flex:1 1 0;display:grid;place-items:center;min-width:48px;padding:14px 10px 11px;border-bottom-width:3px}
.ccp-tabs button span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ccp-tabs svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ccp-tab-panel{margin-top:12px}
.ccp-feed{gap:10px}
.ccp-post{padding:14px 14px 12px;border-radius:18px;box-shadow:0 5px 16px rgba(17,18,20,.035)}
.ccp-post-head{position:relative;gap:10px;padding-right:38px}
.ccp-post-head img{width:42px;height:42px}
.ccp-post-head strong{font-size:15px;line-height:1.15}
.ccp-post-head span{font-size:12px}
.ccp-post-content{margin-top:9px;font-size:15px;line-height:1.4}
.ccp-post-content p{margin:0 0 8px}
.ccp-post-menu{position:absolute;top:0;right:0;z-index:15}
.ccp-post-menu-button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:#5f646c;cursor:pointer}
.ccp-post-menu-button:hover,.ccp-post-menu-button[aria-expanded="true"]{background:#f0f1f3;color:#111}
.ccp-post-menu-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.ccp-post-menu-dropdown{position:absolute;right:0;top:34px;width:148px;padding:6px;background:#fff;border:1px solid #e2e4e7;border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.16)}
.ccp-post-menu-dropdown[hidden]{display:none!important}
.ccp-post-menu-dropdown button{width:100%;padding:10px;border:0;border-radius:8px;background:transparent;text-align:left;font-weight:800;cursor:pointer}
.ccp-post-menu-dropdown .ccp-post-delete{color:#d71920}
.ccp-post-menu-dropdown button:hover{background:#f5f6f7}
.ccp-post-menu-muted{color:#999;cursor:default!important}
.ccp-post-actions,[class*="ccmp-"][class*="interaction"],.ccmp-activity-interactions{border-top:0!important;margin-top:10px!important;padding-top:7px!important}
.ccp-post-actions{display:flex;align-items:center;gap:8px}
.ccp-post-actions button{min-height:36px;padding:6px 10px;border-radius:10px;font-size:0;display:inline-flex;align-items:center;justify-content:center;gap:5px}
.ccp-post-actions button span{font-size:14px}
.ccp-post-actions .ccp-action-icon,.ccp-comment-icon{font-size:25px!important;line-height:1}
.ccp-post-actions .ccp-repost-action{margin-left:auto;padding:8px 13px;background:var(--ccp-red)!important;color:#fff!important;font-size:13px!important;font-weight:900}
.ccp-post-actions .ccp-repost-action::before{content:'↻';font-size:17px;margin-right:6px}
.ccp-media-grid{gap:5px}
.ccp-media-grid article{border-radius:10px;min-height:150px}

/* Normalize interaction controls supplied by the activity plugin. */
.ccp-post .ccmp-activity-actions,.ccp-post .ccmp-interactions,.ccp-post .ccmp-activity-interactions{display:flex!important;align-items:center!important;gap:8px!important;border-top:0!important;margin-top:10px!important;padding-top:7px!important}
.ccp-post .ccmp-activity-actions button,.ccp-post .ccmp-interactions button,.ccp-post .ccmp-activity-interactions button{border:0!important;background:transparent;color:#666!important;min-height:36px;border-radius:10px;padding:6px 9px;font-weight:800}
.ccp-post .ccp-ui-icon-only{font-size:0!important;width:40px!important;padding:4px!important}
.ccp-post .ccp-ui-icon-only svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ccp-post .ccp-ui-repost{margin-left:auto!important;background:var(--ccp-red)!important;color:#fff!important;padding:8px 13px!important;font-size:13px!important}
.ccp-post .ccp-ui-repost svg{width:17px;height:17px;margin-right:6px;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:2}

@media(max-width:1080px){
  .ccp-main{padding-top:4px!important}
  .ccp-content-shell{padding-top:0!important;margin-top:0!important}
  .ccp-profile-card{margin-top:0!important}
}
@media(max-width:720px){
  .ccp-main{padding:4px 8px 42px!important}
  .ccp-profile-top{grid-template-columns:86px minmax(0,1fr)!important;grid-template-areas:"avatar identity" "bio bio" "actions actions"!important;padding:13px 13px 10px!important;column-gap:13px!important;row-gap:5px!important}
  .ccp-profile-identity{padding-top:1px!important}
  .ccp-profile-identity h1{font-size:21px!important;margin:0 0 2px!important}
  .ccp-handle{font-size:13px!important}
  .ccp-counts{margin-top:9px!important;gap:11px!important;flex-wrap:nowrap}
  .ccp-counts strong{font-size:15px!important}.ccp-counts span{font-size:11px!important}
  .ccp-bio{margin-top:0!important}.ccp-bio p{font-size:13px!important;line-height:1.28!important}
  .ccp-profile-actions{margin-top:3px!important}
  .ccp-tabs{min-height:52px!important;padding:0 2px!important;overflow-x:auto!important;justify-content:flex-start!important}
  .ccp-tabs button{flex:1 0 48px!important;min-width:48px!important;padding:12px 8px 9px!important}
  .ccp-tabs svg{width:22px;height:22px}
  .ccp-tab-panel{margin-top:8px!important}
  .ccp-feed{gap:8px!important}
  .ccp-post{padding:12px 11px 10px!important;border-radius:16px!important}
  .ccp-post-head img{width:40px;height:40px}
  .ccp-post-content{margin-top:7px!important}
  .ccp-post-actions .ccp-repost-action,.ccp-post .ccp-ui-repost{font-size:12px!important;padding:7px 10px!important}
}

/* v2.1.1 simplified profile tabs, tighter Instagram-style profile and activity rows */
.ccp-bio p[hidden]{display:none!important}
.ccp-counts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;width:min(100%,430px);text-align:center}
.ccp-counts button,.ccp-count-stat{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;min-width:0;color:#17181b!important}
.ccp-counts strong{line-height:1.05}
.ccp-counts span{line-height:1.15;white-space:nowrap}
.ccp-bio p{font-weight:800!important;font-size:14px!important;line-height:1.3!important;margin-top:5px!important}
.ccp-tabs button{flex:1 1 0!important}

/* Activity media should sit close to its caption and controls. */
.ccp-post{padding-bottom:8px!important}
.ccp-post-content{margin-bottom:4px!important}
.ccp-post-content p:last-child{margin-bottom:0!important}
.ccp-post img,.ccp-post video{display:block}
.ccp-post-actions,
.ccp-post .ccmp-activity-actions,
.ccp-post .ccmp-interactions,
.ccp-post .ccmp-activity-interactions,
.ccp-post [class*="interaction"]{
  min-height:34px!important;
  margin-top:5px!important;
  padding-top:2px!important;
  padding-bottom:0!important;
  gap:3px!important;
  border-top:0!important;
}
.ccp-post-actions button,
.ccp-post .ccmp-activity-actions button,
.ccp-post .ccmp-interactions button,
.ccp-post .ccmp-activity-interactions button{
  min-height:32px!important;
  width:auto!important;
  padding:3px 7px!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#161719!important;
}
.ccp-post .ccp-ui-icon-only{width:36px!important;min-width:36px!important;padding:3px!important}
.ccp-post .ccp-ui-icon-only svg,.ccp-send-icon svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.ccp-post .ccp-ui-share{margin-left:0!important;background:transparent!important;color:#161719!important}
.ccp-post .ccp-ui-repost,.ccp-post-actions .ccp-repost-action{margin-left:0!important;background:transparent!important;color:#161719!important;font-size:0!important;width:36px!important;min-width:36px!important;padding:3px!important}
.ccp-post .ccp-ui-repost span,.ccp-post-actions .ccp-repost-action span{display:none!important}
.ccp-post .ccp-ui-repost svg{width:23px!important;height:23px!important;margin:0!important}
.ccp-post-actions .ccp-share-action{font-size:0!important;width:36px!important;min-width:36px!important;padding:3px!important;background:transparent!important;color:#161719!important}

@media(max-width:720px){
  .ccp-profile-top{
    grid-template-columns:118px minmax(0,1fr)!important;
    grid-template-areas:"avatar identity" "actions actions"!important;
    column-gap:14px!important;
    row-gap:8px!important;
    align-items:start!important;
    text-align:left!important;
    padding:13px 13px 9px!important;
  }
  .ccp-avatar-column{grid-area:avatar!important;display:block!important}
  .ccp-profile-avatar{width:118px!important;height:118px!important}
  .ccp-profile-identity{grid-area:identity!important;min-width:0;padding-top:3px!important}
  .ccp-profile-identity h1{font-size:22px!important;line-height:1.08!important;margin:0 0 3px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ccp-handle{font-size:13px!important;line-height:1.2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ccp-counts{width:100%!important;margin-top:14px!important;gap:3px!important}
  .ccp-counts strong{font-size:16px!important}
  .ccp-counts span{font-size:10px!important}
  .ccp-bio{margin-top:8px!important;text-align:left!important}
  .ccp-bio p{margin:0!important;font-size:12px!important;line-height:1.25!important}
  .ccp-bio button{margin-top:4px!important;font-size:12px!important}
  .ccp-profile-actions{grid-area:actions!important;width:100%;margin-top:2px!important;justify-content:stretch!important}
  .ccp-profile-actions>.ccp-follow-button,.ccp-profile-actions>.ccp-message-button{flex:1 1 0!important;min-width:0!important}
  .ccp-tabs{min-height:48px!important}
  .ccp-tabs button{padding:10px 8px 8px!important}
  .ccp-tabs svg{width:21px!important;height:21px!important}
  .ccp-post{padding:10px 10px 6px!important}
  .ccp-post-head{gap:8px!important}
  .ccp-post-head img{width:38px!important;height:38px!important}
  .ccp-post-content{margin-top:6px!important;line-height:1.32!important}
}

@media(max-width:390px){
  .ccp-profile-top{grid-template-columns:104px minmax(0,1fr)!important;column-gap:11px!important;padding-left:10px!important;padding-right:10px!important}
  .ccp-profile-avatar{width:104px!important;height:104px!important}
  .ccp-profile-identity h1{font-size:20px!important}
  .ccp-counts{margin-top:10px!important}
  .ccp-counts strong{font-size:15px!important}
  .ccp-counts span{font-size:9px!important}
}


/* v2.1.2 cleaner profile composer and tighter desktop header */
.ccp-composer-avatar{display:none!important}
.ccp-composer-wrap .ccmp-standalone-composer textarea,
.ccp-composer-wrap .ccmp-standalone-composer [contenteditable="true"]{
    padding-left:8px!important;
}

@media(min-width:1081px){
    /* Pull the profile card closer to the desktop masthead without changing tablet/mobile. */
    .ccp-desktop-topbar{height:58px!important}
    .ccp-content-shell{margin-top:0!important}
}

@media(max-width:720px){
    .ccp-composer-wrap .ccmp-standalone-composer textarea,
    .ccp-composer-wrap .ccmp-standalone-composer [contenteditable="true"]{
        padding-left:6px!important;
    }
}


/* v2.1.3 subtle top-right profile edit control and tighter vertical alignment */
.ccp-profile-top{position:relative}
.ccp-profile-edit-button{
    border:0!important;
    background:transparent!important;
    color:#17181b!important;
    padding:4px 2px!important;
    margin:0!important;
    font:inherit;
    font-size:14px!important;
    font-weight:400!important;
    line-height:1.2!important;
    cursor:pointer;
    box-shadow:none!important;
}
.ccp-profile-edit-button:hover{text-decoration:underline}
.ccp-profile-actions:has(.ccp-profile-edit-button){
    position:absolute!important;
    top:22px!important;
    right:26px!important;
    width:auto!important;
    margin:0!important;
    z-index:2;
}
.ccp-profile-identity{display:flex;flex-direction:column;min-height:180px}
.ccp-bio{margin-top:auto!important;padding-top:14px}
.ccp-profile-top{padding-bottom:22px}

@media(max-width:720px){
    .ccp-profile-top{
        grid-template-areas:"avatar identity"!important;
        padding-bottom:8px!important;
    }
    .ccp-profile-identity{min-height:118px!important;padding-right:34px!important}
    .ccp-profile-actions:has(.ccp-profile-edit-button){
        top:12px!important;
        right:15px!important;
    }
    .ccp-profile-edit-button{font-size:13px!important}
    .ccp-bio{margin-top:auto!important;padding-top:7px!important}
    .ccp-tabs{margin-top:0!important}
}

@media(max-width:390px){
    .ccp-profile-identity{min-height:104px!important;padding-right:31px!important}
    .ccp-profile-actions:has(.ccp-profile-edit-button){right:11px!important;top:11px!important}
    .ccp-bio{padding-top:5px!important}
}

/* v2.1.4 Instagram-style owner actions and resilient tablet profile layout */
.ccp-profile-actions:has(.ccp-profile-owner-action){
  align-self:end;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px!important;
  width:min(100%,430px)!important;
}
.ccp-profile-owner-action{
  min-height:40px;
  padding:0 18px!important;
  border:0!important;
  border-radius:11px!important;
  background:#f0f1f3!important;
  color:#111214!important;
  font-size:14px!important;
  font-weight:750!important;
  line-height:1!important;
  cursor:pointer;
  box-shadow:none!important;
}
.ccp-profile-owner-action:hover{background:#e6e8eb!important}
.ccp-share-profile-card{width:min(92vw,440px)}
.ccp-share-profile-card>p{margin:-8px 0 18px;color:#6f747c;line-height:1.45}
.ccp-share-profile-options{display:grid;gap:8px}
.ccp-share-profile-options a,.ccp-share-profile-options button{
  width:100%;min-height:46px;padding:0 15px;border:0;border-radius:12px;background:#f3f4f6;
  color:#111214!important;text-decoration:none!important;font:inherit;font-weight:800;display:flex;align-items:center;justify-content:flex-start;cursor:pointer
}
.ccp-share-profile-options a:hover,.ccp-share-profile-options button:hover{background:#e9ebee}
.ccp-share-profile-status{min-height:20px;margin-top:10px;color:#5f646c;font-size:13px}

@media(min-width:721px){
  .ccp-profile-top{grid-template-columns:180px minmax(0,1fr)!important;grid-template-areas:"avatar identity" "avatar actions"!important;align-items:start!important}
  .ccp-avatar-column{grid-area:avatar!important}
  .ccp-profile-identity{grid-area:identity!important;min-width:0!important;min-height:0!important}
  .ccp-profile-actions{grid-area:actions!important;justify-self:start!important}
  .ccp-profile-actions:not(:has(.ccp-profile-owner-action)){align-self:end!important}
  .ccp-bio{margin-top:18px!important;padding-top:0!important}
}

@media(max-width:1080px) and (min-width:721px){
  .ccp-profile-top{grid-template-columns:150px minmax(0,1fr)!important;column-gap:22px!important;row-gap:16px!important;padding:24px!important}
  .ccp-profile-avatar{width:150px!important;height:150px!important}
  .ccp-profile-identity h1{margin-top:5px!important;font-size:30px!important}
  .ccp-counts{width:100%!important;max-width:460px!important;margin-top:18px!important}
  .ccp-profile-actions{width:min(100%,460px)!important}
}

@media(max-width:720px){
  .ccp-profile-top{grid-template-areas:"avatar identity" "actions actions"!important;row-gap:9px!important}
  .ccp-profile-identity{padding-right:0!important;min-height:0!important}
  .ccp-bio{margin-top:8px!important;padding-top:0!important}
  .ccp-profile-actions:has(.ccp-profile-owner-action){position:static!important;grid-area:actions!important;width:100%!important;margin-top:2px!important}
  .ccp-profile-owner-action{min-height:38px;font-size:13px!important;border-radius:10px!important}
}

/* v2.1.5 — dashboard-style profile composer on every screen */
.ccp-composer-wrap .ccmp-standalone-composer{
    position:relative!important;
    display:block!important;
    min-height:250px!important;
    padding:24px 26px 78px!important;
    overflow:hidden!important;
    border:1px solid #e1e4e8!important;
    border-radius:26px!important;
    background:#fff!important;
    color:#17181b!important;
    box-shadow:0 12px 34px rgba(17,18,20,.06)!important;
}
.ccp-composer-wrap .ccmp-standalone-composer textarea{
    display:block!important;
    width:100%!important;
    min-height:135px!important;
    height:135px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#202228!important;
    font:400 20px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
    resize:vertical!important;
    box-shadow:none!important;
}
.ccp-composer-wrap .ccmp-standalone-composer textarea::placeholder{
    color:#8c919a!important;
    opacity:1!important;
}
.ccp-composer-wrap .ccmp-controls{margin:0!important}
.ccp-composer-wrap .ccmp-option-row{
    position:absolute!important;
    left:26px!important;
    bottom:20px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin:0!important;
}
.ccp-composer-wrap .ccmp-option{
    display:grid!important;
    place-items:center!important;
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0!important;
    border:1px solid #d9dde3!important;
    border-radius:14px!important;
    background:#f8f9fb!important;
    color:#606873!important;
    font-size:20px!important;
    line-height:1!important;
    box-shadow:0 2px 5px rgba(17,18,20,.03)!important;
}
.ccp-composer-wrap .ccmp-option:hover{
    border-color:#cbd0d7!important;
    background:#f1f3f6!important;
    color:#333840!important;
}
.ccp-composer-wrap .ccmp-photo-icon{width:23px!important;height:23px!important}
.ccp-composer-wrap .ccmp-submit{
    position:absolute!important;
    right:26px!important;
    bottom:18px!important;
    width:auto!important;
    min-width:132px!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0 28px!important;
    border:0!important;
    border-radius:16px!important;
    background:#f51f32!important;
    color:#fff!important;
    font-size:18px!important;
    font-weight:900!important;
    line-height:52px!important;
    text-align:center!important;
    box-shadow:none!important;
}
.ccp-composer-wrap .ccmp-submit:hover{background:#df1729!important}
.ccp-composer-wrap .ccmp-message{
    position:absolute!important;
    left:26px!important;
    right:180px!important;
    bottom:2px!important;
    min-height:0!important;
    margin:0!important;
    font-size:11px!important;
}
.ccp-composer-wrap .ccmp-preview,
.ccp-composer-wrap .ccmp-link-preview{
    position:relative!important;
    z-index:3!important;
    margin:12px 0 4px!important;
}

@media(max-width:820px){
    .ccp-composer-wrap .ccmp-standalone-composer{
        min-height:230px!important;
        padding:22px 22px 74px!important;
        border-radius:24px!important;
    }
    .ccp-composer-wrap .ccmp-standalone-composer textarea{
        min-height:118px!important;
        height:118px!important;
        font-size:18px!important;
    }
    .ccp-composer-wrap .ccmp-option-row{left:22px!important;bottom:18px!important}
    .ccp-composer-wrap .ccmp-submit{right:22px!important;bottom:16px!important;min-width:120px!important;height:50px!important;min-height:50px!important;padding:0 24px!important;line-height:50px!important}
    .ccp-composer-wrap .ccmp-message{left:22px!important;right:165px!important}
}

@media(max-width:520px){
    .ccp-composer-wrap{margin-bottom:14px!important}
    .ccp-composer-wrap .ccmp-standalone-composer{
        min-height:202px!important;
        padding:18px 18px 68px!important;
        border-radius:22px!important;
    }
    .ccp-composer-wrap .ccmp-standalone-composer textarea{
        min-height:104px!important;
        height:104px!important;
        font-size:16px!important;
        line-height:1.4!important;
    }
    .ccp-composer-wrap .ccmp-option-row{left:18px!important;bottom:15px!important;gap:8px!important}
    .ccp-composer-wrap .ccmp-option{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;border-radius:13px!important}
    .ccp-composer-wrap .ccmp-submit{right:18px!important;bottom:13px!important;min-width:102px!important;height:48px!important;min-height:48px!important;padding:0 21px!important;border-radius:15px!important;font-size:16px!important;line-height:48px!important}
    .ccp-composer-wrap .ccmp-message{left:18px!important;right:138px!important;font-size:10px!important}
}

/* v2.1.6 — force the profile composer action into the bottom-right corner.
   The dashboard composer keeps its own styling; these rules apply only inside
   the profile page wrapper and intentionally outrank Media Posts breakpoints. */
#ccp-profile-composer .ccmp-standalone-composer{
    position:relative!important;
}
#ccp-profile-composer .ccmp-standalone-composer .ccmp-submit,
#ccp-profile-composer .ccmp-standalone-composer button.ccmp-submit,
#ccp-profile-composer .ccmp-standalone-composer input.ccmp-submit{
    position:absolute!important;
    right:26px!important;
    bottom:18px!important;
    left:auto!important;
    top:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:132px!important;
    max-width:132px!important;
    min-width:132px!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0 24px!important;
    border-radius:16px!important;
    line-height:1!important;
}

@media(max-width:820px){
    #ccp-profile-composer .ccmp-standalone-composer .ccmp-submit,
    #ccp-profile-composer .ccmp-standalone-composer button.ccmp-submit,
    #ccp-profile-composer .ccmp-standalone-composer input.ccmp-submit{
        right:22px!important;
        bottom:16px!important;
        width:120px!important;
        max-width:120px!important;
        min-width:120px!important;
        height:50px!important;
        min-height:50px!important;
        padding:0 22px!important;
    }
}

@media(max-width:520px){
    #ccp-profile-composer .ccmp-standalone-composer .ccmp-submit,
    #ccp-profile-composer .ccmp-standalone-composer button.ccmp-submit,
    #ccp-profile-composer .ccmp-standalone-composer input.ccmp-submit{
        right:18px!important;
        bottom:14px!important;
        width:104px!important;
        max-width:104px!important;
        min-width:104px!important;
        height:46px!important;
        min-height:46px!important;
        padding:0 18px!important;
        border-radius:14px!important;
        font-size:16px!important;
    }
}


/* v2.1.7 — live comments and persistent liked-state compatibility.
   The Media Posts plugin owns the AJAX behavior and markup. These narrowly
   scoped rules keep profile activity cards synchronized, compact, and prevent
   legacy profile styles from forcing a liked heart back to black. */
.ccp-post .ccmp-interactions [data-ccmp-like].is-liked,
.ccp-post .ccmp-interactions [data-ccmp-like][aria-pressed="true"],
.ccp-post [data-ccmp-like].is-liked,
.ccp-post [data-ccmp-like][aria-pressed="true"]{
    color:#ed1c24!important;
}
.ccp-post .ccmp-interactions [data-ccmp-like].is-liked svg,
.ccp-post .ccmp-interactions [data-ccmp-like][aria-pressed="true"] svg,
.ccp-post [data-ccmp-like].is-liked svg,
.ccp-post [data-ccmp-like][aria-pressed="true"] svg,
.ccp-post .ccmp-interactions [data-ccmp-like].is-liked .ccmp-heart-icon,
.ccp-post .ccmp-interactions [data-ccmp-like][aria-pressed="true"] .ccmp-heart-icon{
    color:#ed1c24!important;
    fill:#ed1c24!important;
    stroke:#ed1c24!important;
}
.ccp-post .ccmp-interactions,
.ccp-post .ccmp-activity-interactions,
.ccp-post .ccmp-activity-actions{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin-top:7px!important;
    padding-top:5px!important;
    border-top:0!important;
}
.ccp-post .ccmp-interactions button,
.ccp-post .ccmp-activity-interactions button,
.ccp-post .ccmp-activity-actions button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    min-width:34px!important;
    min-height:34px!important;
    padding:4px 6px!important;
    border:0!important;
    border-radius:9px!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:14px!important;
    line-height:1!important;
}
.ccp-post .ccmp-comment-icon,
.ccp-post .ccmp-send-icon,
.ccp-post [data-ccmp-comment] svg,
.ccp-post [data-ccmp-share] svg{
    width:23px!important;
    height:23px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
}
.ccp-post .ccmp-comments-preview{
    margin:2px 0 7px!important;
    padding:0!important;
}
.ccp-post .ccmp-comment-preview,
.ccp-post .ccmp-comment-row{
    margin:3px 0!important;
    font-size:14px!important;
    line-height:1.35!important;
}
.ccp-post .ccmp-view-all-comments{
    display:inline-flex!important;
    margin:3px 0 2px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#777d86!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1.25!important;
}
.ccp-post .ccmp-comments-panel{
    margin-top:3px!important;
    padding-top:7px!important;
    border-top:0!important;
}

/* v2.3.1 — prevent Follow/Following and Message labels from clipping on compact desktop widths. */
@media (min-width:721px) and (max-width:1240px){
  .ccp-profile-actions:not(:has(.ccp-profile-owner-action)){
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    width:100%!important;
    max-width:430px!important;
    gap:10px!important;
    overflow:visible!important;
  }
  .ccp-profile-actions:not(:has(.ccp-profile-owner-action)) > .ccp-follow-button,
  .ccp-profile-actions:not(:has(.ccp-profile-owner-action)) > .ccp-message-button{
    flex:0 1 auto!important;
    width:auto!important;
    min-width:112px!important;
    max-width:none!important;
    min-height:48px!important;
    padding:0 17px!important;
    font-size:15px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .ccp-profile-actions:not(:has(.ccp-profile-owner-action)) > .ccp-more-menu{
    flex:0 0 48px!important;
  }
  .ccp-profile-actions:not(:has(.ccp-profile-owner-action)) .ccp-more-button{
    width:48px!important;
    height:48px!important;
  }
}

@media (min-width:721px) and (max-width:880px){
  .ccp-profile-actions:not(:has(.ccp-profile-owner-action)) > .ccp-follow-button,
  .ccp-profile-actions:not(:has(.ccp-profile-owner-action)) > .ccp-message-button{
    min-width:104px!important;
    padding-left:14px!important;
    padding-right:14px!important;
    font-size:14px!important;
  }
}

/* v2.3.2 — responsive visitor profile actions.
   Keep Follow, Message, and the overflow menu inside the card on compact desktop,
   while using the available width more effectively on tablets. */
@media (min-width:721px) and (max-width:1240px){
  .ccp-profile-actions:not(:has(.ccp-profile-owner-action)){
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px!important;
    align-items:center!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    gap:10px!important;
    justify-self:stretch!important;
    overflow:visible!important;
  }
  .ccp-profile-actions:not(:has(.ccp-profile-owner-action)) > .ccp-follow-button,
  .ccp-profile-actions:not(:has(.ccp-profile-owner-action)) > .ccp-message-button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .ccp-profile-actions:not(:has(.ccp-profile-owner-action)) > .ccp-more-menu{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    justify-self:end!important;
  }
  .ccp-profile-actions:not(:has(.ccp-profile-owner-action)) .ccp-more-button{
    display:grid!important;
    place-items:center!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    padding:0!important;
  }
}

/* Tablet: let the primary actions fill the open horizontal space. */
@media (min-width:721px) and (max-width:1080px){
  .ccp-profile-actions:not(:has(.ccp-profile-owner-action)){
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 54px!important;
    gap:12px!important;
  }
  .ccp-profile-actions:not(:has(.ccp-profile-owner-action)) > .ccp-follow-button,
  .ccp-profile-actions:not(:has(.ccp-profile-owner-action)) > .ccp-message-button{
    min-height:56px!important;
    padding:0 20px!important;
    font-size:17px!important;
    border-radius:15px!important;
  }
  .ccp-profile-actions:not(:has(.ccp-profile-owner-action)) > .ccp-more-menu,
  .ccp-profile-actions:not(:has(.ccp-profile-owner-action)) .ccp-more-button{
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    height:56px!important;
  }
}

/* Compact desktop: preserve comfortable labels without allowing the menu to escape. */
@media (min-width:1081px) and (max-width:1240px){
  .ccp-profile-actions:not(:has(.ccp-profile-owner-action)) > .ccp-follow-button,
  .ccp-profile-actions:not(:has(.ccp-profile-owner-action)) > .ccp-message-button{
    min-height:48px!important;
    padding:0 14px!important;
    font-size:15px!important;
  }
}

/* v2.3.3 persistent notification history */
.ccp-notification-row.is-history-hidden{display:none}.ccp-load-more-notifications{align-self:center;margin:18px auto 4px;padding:10px 18px;border:1px solid #d9dde2;border-radius:10px;background:#fff;color:#15171a;font:inherit;font-weight:700;cursor:pointer}.ccp-load-more-notifications:hover{background:#f6f7f8}


/* v2.3.5 clickable profile photo/video grids */
.ccp-media-grid .ccp-media-tile{position:relative;display:block;min-width:0;cursor:pointer;isolation:isolate;background:#0b0c0e}.ccp-media-grid .ccp-media-tile .ccmp-activity-media{height:100%;margin:0!important;border-radius:0!important}.ccp-media-grid .ccp-media-tile img,.ccp-media-grid .ccp-media-tile video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.ccp-media-grid .ccp-media-tile::after{content:'↗';position:absolute;right:10px;top:10px;z-index:3;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.58);color:#fff;font-size:17px;opacity:0;transform:translateY(-3px);transition:.16s ease}.ccp-media-grid .ccp-media-tile:hover::after{opacity:1;transform:none}.ccp-video-grid .ccp-media-tile::before{content:'▶';position:absolute;left:50%;top:50%;z-index:3;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(0,0,0,.64);color:#fff;font-size:20px;transform:translate(-50%,-50%);box-shadow:0 8px 24px rgba(0,0,0,.25)}

/* v2.3.6 — profile media tiles open the dedicated media viewer. */
.ccp-media-tile[data-ccmp-grid-media]{cursor:pointer;outline:none}
.ccp-media-tile[data-ccmp-grid-media]:focus-visible{box-shadow:0 0 0 3px rgba(237,28,36,.28)}
.ccp-video-grid .ccp-media-tile video{pointer-events:none}

/* v2.3.7 unread private-message badges */
.ccp-nav a,.ccp-account-dropdown a,.ccp-tabs button{position:relative}
.ccp-message-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#f51f31;color:#fff;font-size:12px;font-weight:800;line-height:1;box-shadow:0 6px 16px rgba(245,31,49,.25);margin-left:auto}
.ccp-tabs .ccp-message-badge{position:absolute;top:8px;right:calc(50% - 27px);min-width:20px;height:20px;padding:0 5px;font-size:10px;margin:0}
.ccp-account-dropdown .ccp-message-badge{margin-left:auto}
@media(max-width:767px){.ccp-tabs .ccp-message-badge{top:5px;right:calc(50% - 24px)}}

/* v2.3.8 notification actor avatars */
.ccp-notification-row{align-items:center;gap:14px;padding:17px 4px}
.ccp-notification-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:50%;object-fit:cover;background:#eef0f2;box-shadow:0 0 0 1px #e2e5e9}
.ccp-notification-row.is-new .ccp-notification-avatar{box-shadow:0 0 0 2px #fff,0 0 0 4px #f51f2b}
.ccp-notification-avatar-fallback{display:grid;place-items:center;color:#7d848d}
.ccp-notification-avatar-fallback svg{width:22px;height:22px}
.ccp-notification-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.ccp-notification-row>span:last-child{display:flex;flex-direction:column;gap:5px}
@media(max-width:600px){.ccp-notification-avatar{width:40px;height:40px;flex-basis:40px}.ccp-notification-row{gap:12px}}

/* v2.3.9 verification management and deletion request */
.ccp-verification-section{grid-column:1/-1;display:flex;align-items:center;gap:18px;margin-top:18px;padding:22px;border-radius:22px;border:1px solid #cfe4ff;background:linear-gradient(135deg,#f6fbff 0%,#eef7ff 55%,#fff 100%);box-shadow:0 12px 32px rgba(24,119,242,.08)}
.ccp-verification-icon{width:62px;height:62px;flex:0 0 62px}.ccp-verification-icon img{display:block;width:100%;height:100%;object-fit:contain}.ccp-verification-copy{min-width:0;flex:1}.ccp-verification-eyebrow{display:block;margin-bottom:3px;color:#1877f2;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ccp-verification-copy h2{margin:0 0 5px;font-size:20px}.ccp-verification-copy p{margin:0;max-width:700px;color:#626a75;font-size:14px;line-height:1.5}.ccp-verification-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:0;border-radius:13px;background:#1877f2;color:#fff!important;text-decoration:none!important;font-weight:900;white-space:nowrap;cursor:pointer;box-shadow:0 8px 20px rgba(24,119,242,.22)}.ccp-verification-button:hover{background:#0d68dc}.ccp-verification-modal-card{width:min(92vw,460px);text-align:center}.ccp-verification-modal-icon{width:72px;height:72px;margin:0 auto 10px}.ccp-verification-modal-icon img{width:100%;height:100%;object-fit:contain}.ccp-verification-modal-card h2{margin:0 0 7px}.ccp-verification-modal-card>p{margin:0 0 18px;color:#68707b}.ccp-verification-modal-actions{display:grid;gap:12px}.ccp-manage-primary{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:13px;background:#1877f2;color:#fff!important;text-decoration:none!important;font-weight:900}.ccp-verification-modal-actions details{border-top:1px solid #eceff2;padding-top:10px}.ccp-verification-modal-actions summary{color:#777f89;font-size:13px;font-weight:800;cursor:pointer;list-style:none}.ccp-verification-modal-actions summary::-webkit-details-marker{display:none}.ccp-manage-cancel{display:block;margin-top:10px;color:#bd1f2d!important;font-size:14px;font-weight:800;text-decoration:none!important}.ccp-delete-modal-message{font-weight:700}.ccp-delete-profile-section p strong{color:#111214}
@media(max-width:700px){.ccp-verification-section{align-items:flex-start;flex-wrap:wrap;padding:18px}.ccp-verification-icon{width:52px;height:52px;flex-basis:52px}.ccp-verification-copy{flex:1 1 calc(100% - 74px)}.ccp-verification-button{width:100%}}

/* Verified member badge */
.cc-verified-name{display:inline-flex;align-items:center;gap:.28em;max-width:100%;vertical-align:middle}
.cc-verified-badge{display:inline-block!important;width:17px!important;height:17px!important;min-width:17px!important;object-fit:contain!important;border-radius:50%!important;vertical-align:-2px!important;margin:0!important;box-shadow:none!important}
.cc-verified-badge--profile{width:24px!important;height:24px!important;min-width:24px!important}
.cc-verified-badge--compact,.cc-verified-badge--comment{width:14px!important;height:14px!important;min-width:14px!important}
@media(max-width:767px){.cc-verified-badge--profile{width:20px!important;height:20px!important;min-width:20px!important}.cc-verified-badge{width:15px!important;height:15px!important;min-width:15px!important}}

/* v2.4.1 — restore strong, readable member names after verified badge integration. */
.ccp-profile-identity h1,
.ccp-profile-identity h1 .cc-verified-name,
.ccp-post-head strong,
.ccp-post-head .cc-verified-name,
.ccp-request-sender strong,
.ccp-request-sender .cc-verified-name,
.ccp-view-list strong,
.ccp-view-list .cc-verified-name,
.ccp-relationship-user strong,
.ccp-relationship-user .cc-verified-name,
.ccp-featured-name,
.ccp-featured-name:visited,
.ccp-featured-name .cc-verified-name,
.ccp-sidebar-user strong,
.ccp-sidebar-user .cc-verified-name {
  color:#17181b!important;
  font-weight:800!important;
  opacity:1!important;
}

/* v2.4.2 — prevent avatar rules from enlarging inline verified badges. */
.ccp-profile-identity h1 img.cc-verified-badge,
.ccp-post-head img.cc-verified-badge,
.ccp-request-sender img.cc-verified-badge,
.ccp-view-list img.cc-verified-badge,
.ccp-relationship-user img.cc-verified-badge,
.ccp-featured-name img.cc-verified-badge,
.ccp-sidebar-user img.cc-verified-badge,
.cc-verified-name > img.cc-verified-badge {
  display:inline-block!important;object-fit:contain!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:50%!important;box-shadow:none!important;transform:none!important;
}
.ccp-profile-identity h1 img.cc-verified-badge{width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;min-height:22px!important;max-height:22px!important;flex:0 0 22px!important}
.ccp-post-head img.cc-verified-badge{width:15px!important;height:15px!important;min-width:15px!important;max-width:15px!important;min-height:15px!important;max-height:15px!important;flex:0 0 15px!important}
.ccp-request-sender img.cc-verified-badge,.ccp-view-list img.cc-verified-badge,.ccp-relationship-user img.cc-verified-badge,.ccp-featured-name img.cc-verified-badge,.ccp-sidebar-user img.cc-verified-badge{width:13px!important;height:13px!important;min-width:13px!important;max-width:13px!important;min-height:13px!important;max-height:13px!important;flex:0 0 13px!important}
@media(max-width:767px){
  .ccp-profile-identity h1 img.cc-verified-badge{width:19px!important;height:19px!important;min-width:19px!important;max-width:19px!important;min-height:19px!important;max-height:19px!important;flex-basis:19px!important}
  .ccp-post-head img.cc-verified-badge{width:14px!important;height:14px!important;min-width:14px!important;max-width:14px!important;min-height:14px!important;max-height:14px!important;flex-basis:14px!important}
}

/* Conservative Connect Profiles 2.4.3 — readable message action buttons */
.ccp-message-actions button,
.ccp-message-actions .is-delete {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 108px !important;
    min-height: 42px !important;
    padding: 10px 14px !important;
    border: 1px solid #111214 !important;
    border-radius: 12px !important;
    background: #111214 !important;
    background-color: #111214 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    cursor: pointer !important;
    box-shadow: 0 2px 7px rgba(0,0,0,.12) !important;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease !important;
}
.ccp-message-actions button:hover,
.ccp-message-actions button:focus-visible {
    background: #292b30 !important;
    background-color: #292b30 !important;
    border-color: #292b30 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.ccp-message-actions .is-delete:hover,
.ccp-message-actions .is-delete:focus-visible {
    background: #d51f2b !important;
    background-color: #d51f2b !important;
    border-color: #d51f2b !important;
}
.ccp-message-actions button:active {
    transform: translateY(1px) !important;
}
.ccp-message-actions button:disabled {
    opacity: .55 !important;
    cursor: not-allowed !important;
}
@media (max-width:720px) {
    .ccp-message-actions {
        gap: 8px !important;
    }
    .ccp-message-actions button,
    .ccp-message-actions .is-delete {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        max-width: 150px !important;
        min-height: 42px !important;
        padding: 9px 11px !important;
        font-size: 14px !important;
    }
}

/* Conservative Connect Profiles 2.4.4 — compact message controls and inline thread reader */
.ccp-message-actions{position:relative;display:flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important}
.ccp-message-actions .ccp-mark-read{min-width:0!important;min-height:32px!important;padding:6px 10px!important;border:1px solid #d8dce1!important;border-radius:9px!important;background:#e9ebee!important;background-color:#e9ebee!important;color:#17181b!important;-webkit-text-fill-color:#17181b!important;font-size:12px!important;font-weight:800!important;line-height:1!important;box-shadow:none!important}
.ccp-message-actions .ccp-mark-read:hover,.ccp-message-actions .ccp-mark-read:focus-visible{background:#dfe2e6!important;background-color:#dfe2e6!important;border-color:#cfd3d8!important;color:#111!important;-webkit-text-fill-color:#111!important}
.ccp-message-more{position:relative;flex:0 0 auto}
.ccp-message-actions .ccp-message-more-toggle{min-width:34px!important;width:34px!important;min-height:32px!important;height:32px!important;padding:0 0 6px!important;border:1px solid #d8dce1!important;border-radius:9px!important;background:#fff!important;background-color:#fff!important;color:#33373d!important;-webkit-text-fill-color:#33373d!important;font-size:15px!important;font-weight:900!important;line-height:1!important;letter-spacing:1px!important;box-shadow:none!important}
.ccp-message-actions .ccp-message-more-toggle:hover,.ccp-message-actions .ccp-message-more-toggle:focus-visible{background:#f2f3f5!important;background-color:#f2f3f5!important;border-color:#cfd3d8!important;color:#111!important;-webkit-text-fill-color:#111!important}
.ccp-message-more-menu{position:absolute;z-index:40;right:0;top:calc(100% + 7px);min-width:178px;padding:6px;border:1px solid #e0e3e7;border-radius:11px;background:#fff;box-shadow:0 12px 34px rgba(20,24,31,.16)}
.ccp-message-more-menu[hidden]{display:none!important}
.ccp-message-actions .ccp-message-more-menu .is-delete{display:flex!important;width:100%!important;min-width:0!important;min-height:36px!important;justify-content:flex-start!important;padding:8px 10px!important;border:0!important;border-radius:8px!important;background:#fff!important;background-color:#fff!important;color:#c5222f!important;-webkit-text-fill-color:#c5222f!important;font-size:13px!important;font-weight:800!important;box-shadow:none!important}
.ccp-message-actions .ccp-message-more-menu .is-delete:hover,.ccp-message-actions .ccp-message-more-menu .is-delete:focus-visible{background:#fff0f1!important;background-color:#fff0f1!important;color:#a91420!important;-webkit-text-fill-color:#a91420!important}
.ccp-message-open{cursor:pointer}
.ccp-thread-modal-card{width:min(94vw,680px);max-height:min(88vh,820px);display:flex;flex-direction:column;padding:24px!important}
.ccp-thread-modal-card h2{margin:0 42px 15px 0}
.ccp-thread-loading,.ccp-thread-empty{padding:28px 12px;text-align:center;color:#757c86;font-weight:700}
.ccp-thread-messages{display:flex;flex-direction:column;gap:13px;min-height:160px;max-height:50vh;overflow-y:auto;padding:4px 4px 16px}
.ccp-thread-message{display:flex;align-items:flex-end;gap:9px;max-width:88%}
.ccp-thread-message.is-mine{align-self:flex-end;flex-direction:row-reverse}
.ccp-thread-message>img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:0 0 34px}
.ccp-thread-bubble{min-width:0;padding:10px 13px;border-radius:16px 16px 16px 4px;background:#f0f1f3;color:#17181b}
.ccp-thread-message.is-mine .ccp-thread-bubble{border-radius:16px 16px 4px 16px;background:#17181b;color:#fff}
.ccp-thread-message-meta{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.ccp-thread-message-meta strong{font-size:12px}.ccp-thread-message-meta small{font-size:10px;color:#7b828c}.ccp-thread-message.is-mine small{color:#c7cbd1}
.ccp-thread-message-content{font-size:14px;line-height:1.48;overflow-wrap:anywhere}.ccp-thread-message-content p{margin:0 0 7px}.ccp-thread-message-content p:last-child{margin-bottom:0}
.ccp-thread-reply-form{padding-top:14px;border-top:1px solid #e7e9ec}
.ccp-thread-reply-form label{display:block;margin-bottom:6px;font-size:13px;font-weight:900}
.ccp-thread-reply-form textarea{width:100%;min-height:88px;padding:12px;border:1px solid #d9dde2;border-radius:12px;font:inherit;resize:vertical;background:#fff}
.ccp-thread-reply-status{min-height:20px;padding:5px 0;color:#666d77;font-size:12px;font-weight:700}
.ccp-thread-reply-form button{width:100%;min-height:42px;border:0;border-radius:11px;background:#f51f31;color:#fff;font-weight:900;cursor:pointer}
.ccp-thread-reply-form button:disabled{opacity:.6;cursor:wait}
@media(max-width:720px){.ccp-message-row{position:relative;flex-direction:row!important;align-items:center!important}.ccp-message-open{padding-right:4px}.ccp-message-actions{width:auto!important;justify-content:flex-end!important;align-self:flex-start}.ccp-message-actions .ccp-mark-read{max-width:none!important;flex:0 0 auto!important}.ccp-message-actions .ccp-message-more-toggle{max-width:34px!important;flex:0 0 34px!important}.ccp-thread-modal-card{width:96vw;padding:19px!important}.ccp-thread-messages{max-height:52vh}.ccp-thread-message{max-width:95%}}

/* Conservative Connect Profiles 2.4.5 — looping neon media navigation */
.ccp-collection-navigation[hidden]{display:none!important}
.ccp-collection-navigation{position:fixed;z-index:100050;right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;pointer-events:none}
.ccp-collection-arrow{pointer-events:auto;display:grid!important;place-items:center!important;width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;padding:0!important;border:1px solid rgba(255,255,255,.58)!important;border-radius:18px!important;color:#07110b!important;cursor:pointer!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important}
.ccp-collection-arrow svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}
.ccp-collection-arrow-up{background:#21f47a!important;box-shadow:0 0 14px rgba(33,244,122,.8),0 0 34px rgba(33,244,122,.48),0 8px 26px rgba(0,0,0,.35)!important}
.ccp-collection-arrow-down{background:#ff174d!important;color:#fff!important;box-shadow:0 0 14px rgba(255,23,77,.8),0 0 34px rgba(255,23,77,.48),0 8px 26px rgba(0,0,0,.35)!important}
.ccp-collection-arrow:hover,.ccp-collection-arrow:focus-visible{transform:scale(1.07);filter:brightness(1.08);outline:3px solid rgba(255,255,255,.9)!important;outline-offset:3px}
.ccp-collection-arrow:active{transform:scale(.96)}
@media(max-width:1080px){.ccp-collection-navigation{right:16px;gap:13px}.ccp-collection-arrow{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;border-radius:17px!important}.ccp-collection-arrow svg{width:28px;height:28px}}
@media(max-width:720px){.ccp-collection-navigation{right:10px;gap:11px}.ccp-collection-arrow{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-radius:15px!important}.ccp-collection-arrow svg{width:25px;height:25px}}
@media(max-width:420px){.ccp-collection-navigation{right:7px}.ccp-collection-arrow{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:14px!important}.ccp-collection-arrow svg{width:23px;height:23px}}

/* Conservative Connect Profiles 2.4.6 — force-visible media arrows and collapsed comment composer */
.ccp-collection-navigation{
    position:fixed!important;
    z-index:2147483646!important;
    right:max(14px,env(safe-area-inset-right))!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    pointer-events:none!important;
    visibility:visible!important;
    opacity:1!important;
}
.ccp-collection-navigation[hidden]{display:none!important}
.ccp-collection-arrow{pointer-events:auto!important;visibility:visible!important;opacity:1!important}
.ccp-active-media-viewer .ccp-media-comment-composer[hidden],
.ccp-active-media-viewer .ccp-media-comment-composer:not(.is-open){display:none!important}
.ccp-active-media-viewer .ccp-media-comment-composer.is-open{display:flex!important}
.ccp-active-media-viewer textarea:focus{scroll-margin-bottom:120px}
@media(max-width:720px){
    .ccp-collection-navigation{right:max(8px,env(safe-area-inset-right))!important;top:45%!important;gap:10px!important}
    .ccp-collection-arrow{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;border-radius:14px!important}
    .ccp-active-media-viewer .ccp-media-comment-composer.is-open{max-height:34vh!important;overflow:auto!important}
}

/* v2.4.7 full-width profile buttons */
.ccp-profile-actions{
display:grid!important;
grid-template-columns:1fr 1fr;
gap:12px;
width:100%;
margin-top:18px;
}
.ccp-profile-actions>.ccp-follow-button,
.ccp-profile-actions>.ccp-message-button,
.ccp-profile-actions>a,
.ccp-profile-actions>button{
width:100%!important;
min-height:50px!important;
padding:0 18px!important;
border-radius:12px!important;
white-space:nowrap!important;
font-size:17px!important;
font-weight:800!important;
}
.ccp-message-button{background:#f2f3f5!important;color:#111214!important;}
.ccp-follow-button{background:#111214!important;color:#fff!important;}


/* Conservative Connect Profiles 2.4.8 — keep verified badges beside names */
.cc-verified-name{
    display:inline-flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:.28em!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:nowrap!important;
    vertical-align:middle!important;
}
.cc-verified-name-text{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.cc-verified-name > img.cc-verified-badge{
    display:block!important;
    flex-shrink:0!important;
    align-self:center!important;
    position:static!important;
    inset:auto!important;
    float:none!important;
    clear:none!important;
}
/* Photo/video collection viewer author header. */
.ccp-post-head > div:not(.ccp-post-menu){
    min-width:0!important;
}
.ccp-post-head > div:not(.ccp-post-menu) > strong{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    min-width:0!important;
    max-width:100%!important;
    line-height:1.15!important;
}
.ccp-post-head > div:not(.ccp-post-menu) > strong > .cc-verified-name{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
}


/* Sleeker profile action buttons */
.ccp-profile-actions{
display:flex;
gap:10px;
}
.ccp-profile-actions .ccp-follow-button,
.ccp-profile-actions .ccp-message-button{
flex:1;
min-height:36px;
height:36px;
padding:0 14px;
border-radius:10px;
font-size:13px;
font-weight:700;
line-height:1;
}

/* Conservative Connect Profiles 2.4.11 — compact profile actions and discreet overflow menu */
.ccp-profile-top{position:relative!important}

/* Owner: compact Instagram-style Edit/Share buttons. */
.ccp-profile-actions:has(.ccp-profile-owner-action){
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
    margin-top:12px!important;
    align-items:center!important;
}
.ccp-profile-actions:has(.ccp-profile-owner-action)>.ccp-profile-owner-action{
    width:100%!important;
    min-width:0!important;
    min-height:32px!important;
    height:32px!important;
    padding:0 10px!important;
    border:0!important;
    border-radius:9px!important;
    background:#f0f1f3!important;
    color:#17181b!important;
    font-size:12px!important;
    font-weight:750!important;
    line-height:1!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    box-shadow:none!important;
    cursor:pointer!important;
}
.ccp-profile-actions:has(.ccp-profile-owner-action)>.ccp-profile-owner-action:hover,
.ccp-profile-actions:has(.ccp-profile-owner-action)>.ccp-profile-owner-action:focus-visible{
    background:#e7e9ec!important;
}

/* Other profiles: keep Follow and Message on one clean row. */
.ccp-profile-actions:not(:has(.ccp-profile-owner-action)){
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;
    width:100%!important;
    margin-top:14px!important;
    padding-right:0!important;
    align-items:center!important;
}
.ccp-profile-actions:not(:has(.ccp-profile-owner-action))>.ccp-follow-button,
.ccp-profile-actions:not(:has(.ccp-profile-owner-action))>.ccp-message-button{
    width:100%!important;
    min-width:0!important;
    min-height:36px!important;
    height:36px!important;
    padding:0 12px!important;
    border-radius:10px!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
}

/* Remove the large third button and place a small ellipsis in the card corner. */
.ccp-profile-actions:not(:has(.ccp-profile-owner-action))>.ccp-more-menu{
    position:absolute!important;
    top:18px!important;
    right:20px!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    z-index:55!important;
}
.ccp-profile-actions:not(:has(.ccp-profile-owner-action)) .ccp-more-button{
    display:grid!important;
    place-items:center!important;
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    color:#17181b!important;
    box-shadow:none!important;
    opacity:.78!important;
}
.ccp-profile-actions:not(:has(.ccp-profile-owner-action)) .ccp-more-button:hover,
.ccp-profile-actions:not(:has(.ccp-profile-owner-action)) .ccp-more-button:focus-visible{
    background:#f0f1f3!important;
    opacity:1!important;
}
.ccp-profile-actions:not(:has(.ccp-profile-owner-action)) .ccp-more-button svg{
    width:19px!important;
    height:19px!important;
}
.ccp-profile-actions:not(:has(.ccp-profile-owner-action)) .ccp-more-dropdown{
    top:calc(100% + 5px)!important;
    right:0!important;
}

@media(max-width:720px){
    .ccp-profile-actions:has(.ccp-profile-owner-action){margin-top:9px!important;gap:7px!important}
    .ccp-profile-actions:has(.ccp-profile-owner-action)>.ccp-profile-owner-action{
        min-height:31px!important;height:31px!important;font-size:11.5px!important;border-radius:8px!important
    }
    .ccp-profile-actions:not(:has(.ccp-profile-owner-action)){
        margin-top:10px!important;gap:8px!important
    }
    .ccp-profile-actions:not(:has(.ccp-profile-owner-action))>.ccp-follow-button,
    .ccp-profile-actions:not(:has(.ccp-profile-owner-action))>.ccp-message-button{
        min-height:34px!important;height:34px!important;font-size:12.5px!important;border-radius:9px!important
    }
    .ccp-profile-actions:not(:has(.ccp-profile-owner-action))>.ccp-more-menu{
        top:12px!important;right:13px!important
    }
    .ccp-profile-actions:not(:has(.ccp-profile-owner-action)) .ccp-more-button{
        width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important
    }
}

/* Conservative Connect Stories integration */
.ccp-stories-wrap{margin:0 0 16px}.ccp-stories-wrap .ccs-shell{margin:0}.ccp-stories-wrap:empty{display:none}
@media(max-width:700px){.ccp-stories-wrap{margin-bottom:12px}}

/* Stories action dialog integration: keep options centered above fixed app navigation. */
.ccp-page .ccs-story-actions-card,.ccp-wrap .ccs-story-actions-card{top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important}

/* v2.4.15 — Streamlined story strip: remove the card/square treatment and keep stories high. */
.ccp-stories-wrap{
    width:100%;
    margin:0 0 8px!important;
    padding:0!important;
    background:#fff!important;
    overflow:hidden;
}
.ccp-stories-wrap .ccs-shell{
    width:100%!important;
    margin:0!important;
    padding:10px 12px 8px!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
}
.ccp-stories-wrap .ccs-row{
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    flex-wrap:nowrap!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
}
.ccp-stories-wrap .ccs-row::-webkit-scrollbar{display:none}
@media(max-width:700px){
    .ccp-stories-wrap{margin-bottom:6px!important}
    .ccp-stories-wrap .ccs-shell{
        margin:0!important;
        padding:8px 10px 7px!important;
        border-radius:0!important;
    }
}

/* v2.4.16 — Pull Stories directly beneath the masthead and remove desktop top gap. */
.ccp-main{
    padding-top:0!important;
}
.ccp-stories-wrap{
    margin-top:0!important;
}
.ccp-stories-wrap .ccs-shell{
    padding-top:6px!important;
}
.ccp-stories-wrap .ccs-row{
    justify-content:flex-start!important;
    align-items:flex-start!important;
    text-align:left!important;
}
.ccp-stories-wrap .ccs-story-item,
.ccp-stories-wrap .ccs-your-story{
    flex:0 0 auto!important;
    margin-left:0!important;
    margin-right:14px!important;
}
@media(min-width:1081px){
    .ccp-content-shell{
        margin-top:0!important;
        padding-top:0!important;
    }
    .ccp-stories-wrap .ccs-shell{
        padding:6px 12px 7px!important;
    }
}


/* v2.4.17 — Remove the shell-created desktop gap above Stories. */
@media(min-width:1081px){
  body.ccsws-active .ccp-page{
    padding-top:0!important;
    margin-top:0!important;
  }
  body.ccsws-active .ccp-content-shell{
    padding-top:0!important;
    margin-top:0!important;
  }
  body.ccsws-active .ccp-main{
    padding-top:0!important;
    margin-top:0!important;
  }
  body.ccsws-active .ccp-stories-wrap{
    margin-top:0!important;
    padding-top:0!important;
  }
  body.ccsws-active .ccp-stories-wrap .ccs-shell{
    padding-top:6px!important;
  }
}

/* v2.4.18 — Compact small-desktop profile header spacing. */
@media (min-width:721px) and (max-width:1100px){
  .ccp-profile-top{
    grid-template-columns:140px minmax(0,1fr)!important;
    column-gap:14px!important;
    row-gap:10px!important;
    padding:22px 24px 18px!important;
  }
  .ccp-profile-avatar{
    width:140px!important;
    height:140px!important;
  }
  .ccp-profile-identity{
    padding-left:0!important;
    margin-left:0!important;
  }
  .ccp-profile-identity h1{
    margin:2px 0 3px!important;
    font-size:29px!important;
  }
  .ccp-handle{font-size:16px!important}
  .ccp-counts{
    margin-top:14px!important;
    gap:16px!important;
    justify-content:flex-start!important;
    max-width:none!important;
  }
  .ccp-bio{
    margin-top:14px!important;
    max-width:520px!important;
  }
  .ccp-profile-actions{
    width:min(100%,390px)!important;
    margin-top:0!important;
  }
  .ccp-profile-actions:has(.ccp-profile-owner-action){
    width:min(100%,390px)!important;
  }
}

/* v2.4.19 — Compact, left-aligned profile card on small desktop/tablet. */
@media (min-width:721px) and (max-width:1240px){
  .ccp-profile-top{
    display:grid!important;
    grid-template-columns:132px minmax(0,1fr)!important;
    grid-template-areas:
      "avatar identity"
      "avatar actions"!important;
    column-gap:16px!important;
    row-gap:14px!important;
    align-items:start!important;
    padding:22px!important;
  }
  .ccp-avatar-column{
    grid-area:avatar!important;
    width:132px!important;
    min-width:132px!important;
    align-self:start!important;
  }
  .ccp-profile-avatar{
    width:132px!important;
    height:132px!important;
  }
  .ccp-profile-identity{
    grid-area:identity!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
  }
  .ccp-profile-identity h1{
    margin:0 0 4px!important;
    font-size:27px!important;
    line-height:1.08!important;
    max-width:100%!important;
  }
  .ccp-handle{
    font-size:15px!important;
    line-height:1.25!important;
  }
  .ccp-counts{
    width:100%!important;
    margin:15px 0 0!important;
    gap:22px!important;
    justify-content:flex-start!important;
  }
  .ccp-counts button,
  .ccp-count-stat{
    min-width:0!important;
  }
  .ccp-counts strong{font-size:18px!important}
  .ccp-counts span{font-size:13px!important}
  .ccp-bio{
    width:100%!important;
    max-width:520px!important;
    margin:15px 0 0!important;
    text-align:left!important;
  }
  .ccp-bio p{
    margin:0!important;
    max-width:100%!important;
    font-size:15px!important;
    line-height:1.35!important;
  }
  .ccp-profile-actions,
  .ccp-profile-actions:has(.ccp-profile-owner-action){
    grid-area:actions!important;
    grid-column:auto!important;
    position:static!important;
    width:100%!important;
    max-width:390px!important;
    margin:0!important;
    padding:0!important;
    justify-content:flex-start!important;
    align-self:start!important;
  }
  .ccp-profile-owner-action,
  .ccp-follow-button,
  .ccp-message-button{
    min-width:0!important;
    min-height:34px!important;
    height:34px!important;
    padding:0 14px!important;
    border-radius:9px!important;
    font-size:12px!important;
    line-height:1!important;
  }
  .ccp-profile-owner-action{
    flex:1 1 0!important;
    max-width:180px!important;
  }
}

@media (min-width:721px) and (max-width:900px){
  .ccp-profile-top{
    grid-template-columns:116px minmax(0,1fr)!important;
    column-gap:13px!important;
    padding:18px!important;
  }
  .ccp-avatar-column{width:116px!important;min-width:116px!important}
  .ccp-profile-avatar{width:116px!important;height:116px!important}
  .ccp-profile-identity h1{font-size:24px!important}
  .ccp-counts{gap:15px!important;margin-top:12px!important}
  .ccp-bio{margin-top:12px!important}
  .ccp-profile-actions,
  .ccp-profile-actions:has(.ccp-profile-owner-action){max-width:340px!important}
}


/* v2.4.21: crisp profile photos and a clean, obvious viewer close control. */
#ccp-avatar-modal .ccp-avatar-modal-card {
    overflow: visible;
}
#ccp-avatar-modal .ccp-avatar-modal-card > img {
    image-rendering: auto;
}
#ccp-avatar-modal .ccp-modal-close {
    z-index: 3;
    background: rgba(255,255,255,.96);
    color: #111;
    box-shadow: 0 4px 18px rgba(0,0,0,.28);
}

/* v2.4.23 — keep profile photo/video collection viewers below the fixed masthead. */
@media (min-width:781px){
  body.ccsws-active .ccmp-media-lightbox.is-photo-sequence,
  body.ccsws-active .ccmp-media-lightbox.is-video-sequence{
    top:var(--ccsws-header-height,72px)!important;
    bottom:0!important;
    height:auto!important;
    padding:18px!important;
  }
  body.ccsws-active .ccmp-media-lightbox.is-photo-sequence .ccmp-media-lightbox-dialog,
  body.ccsws-active .ccmp-media-lightbox.is-video-sequence .ccmp-media-lightbox-dialog{
    height:min(920px,calc(100dvh - var(--ccsws-header-height,72px) - 36px))!important;
    max-height:calc(100dvh - var(--ccsws-header-height,72px) - 36px)!important;
  }
  body.admin-bar.ccsws-active .ccmp-media-lightbox.is-photo-sequence,
  body.admin-bar.ccsws-active .ccmp-media-lightbox.is-video-sequence{
    top:calc(var(--ccsws-header-height,72px) + 32px)!important;
  }
  body.admin-bar.ccsws-active .ccmp-media-lightbox.is-photo-sequence .ccmp-media-lightbox-dialog,
  body.admin-bar.ccsws-active .ccmp-media-lightbox.is-video-sequence .ccmp-media-lightbox-dialog{
    height:min(920px,calc(100dvh - var(--ccsws-header-height,72px) - 68px))!important;
    max-height:calc(100dvh - var(--ccsws-header-height,72px) - 68px)!important;
  }
}
@media (min-width:781px) and (max-width:782px){
  body.admin-bar.ccsws-active .ccmp-media-lightbox.is-photo-sequence,
  body.admin-bar.ccsws-active .ccmp-media-lightbox.is-video-sequence{
    top:calc(var(--ccsws-header-height,64px) + 46px)!important;
  }
}


/* v2.4.25 — remove unused caption space from media-only timeline cards. */
.ccp-post.ccmp-media-only-card .ccp-post-head{margin-bottom:5px!important}
.ccp-post.ccmp-media-only-card>.ccmp-activity-media,
.ccp-post.ccmp-media-only-card>.ccmp-link-card,
.ccp-post.ccmp-media-only-card>.ccmp-repost-card{margin-top:0!important}

/* v2.4.26 — remove inherited timeline gaps from captionless media posts. */
.ccp-post.ccmp-media-only-card{display:block!important;gap:0!important}
.ccp-post.ccmp-media-only-card>.ccp-post-head{margin:0 0 8px!important;padding-bottom:0!important;min-height:0!important}
.ccp-post.ccmp-media-only-card>.ccmp-activity-media,
.ccp-post.ccmp-media-only-card>.ccmp-link-card,
.ccp-post.ccmp-media-only-card>.ccmp-repost-card{margin:0!important;padding-top:0!important}

/* v2.4.28 — Keep the member options menu cleanly anchored in the mobile card corner. */
@media (max-width:720px){
    .ccp-profile-top{
        position:relative!important;
        overflow:visible!important;
    }
    .ccp-profile-identity{
        padding-right:48px!important;
    }
    .ccp-profile-actions{
        position:static!important;
        padding-right:0!important;
    }
    .ccp-profile-actions .ccp-follow-button,
    .ccp-profile-actions .ccp-message-button{
        flex:1 1 0!important;
        width:auto!important;
        max-width:none!important;
    }
    .ccp-profile-actions .ccp-more-menu{
        position:absolute!important;
        top:17px!important;
        right:13px!important;
        width:40px!important;
        height:40px!important;
        margin:0!important;
        padding:0!important;
        z-index:500!important;
    }
    .ccp-profile-actions .ccp-more-button{
        display:grid!important;
        place-items:center!important;
        width:40px!important;
        min-width:40px!important;
        max-width:40px!important;
        height:40px!important;
        min-height:40px!important;
        padding:0!important;
        margin:0!important;
        border:0!important;
        border-radius:50%!important;
        background:transparent!important;
        box-shadow:none!important;
        line-height:1!important;
    }
    .ccp-profile-actions .ccp-more-button svg{
        display:block!important;
        width:25px!important;
        height:25px!important;
        min-width:25px!important;
        fill:#202124!important;
        overflow:visible!important;
    }
    .ccp-profile-actions .ccp-more-dropdown{
        top:calc(100% + 5px)!important;
        right:0!important;
        left:auto!important;
        width:184px!important;
        max-width:calc(100vw - 32px)!important;
        margin:0!important;
        transform:none!important;
        z-index:10000!important;
    }
}

@media (max-width:430px){
    .ccp-profile-identity{padding-right:43px!important}
    .ccp-profile-actions .ccp-more-menu{
        top:13px!important;
        right:10px!important;
        width:38px!important;
        height:38px!important;
    }
    .ccp-profile-actions .ccp-more-button{
        width:38px!important;
        min-width:38px!important;
        max-width:38px!important;
        height:38px!important;
        min-height:38px!important;
    }
    .ccp-profile-actions .ccp-more-button svg{
        width:23px!important;
        height:23px!important;
        min-width:23px!important;
    }
}

/* v2.4.29 message sender profile links */
.ccp-message-person{display:flex;flex:0 0 54px;text-decoration:none}.ccp-message-person img{width:54px;height:54px;object-fit:cover;border-radius:50%;display:block}.ccp-message-person-name{color:inherit;text-decoration:none}.ccp-message-person-name:hover strong{color:#f51f2b}.ccp-message-thread-link{display:flex;flex-direction:column;gap:3px;color:inherit;text-decoration:none;min-width:0}.ccp-message-thread-link b,.ccp-message-thread-link em{display:block}.ccp-thread-sender-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;flex:0 0 34px;display:block}.ccp-thread-sender-avatar img{width:100%;height:100%;object-fit:cover;display:block}.ccp-thread-sender-name{color:inherit;text-decoration:none}.ccp-thread-sender-name:hover strong{color:#f51f2b}.ccp-thread-message.is-mine .ccp-thread-sender-name:hover strong{color:#fff;text-decoration:underline}

/* v2.4.31 — member identity elements are always real profile links. */
.ccp-member-profile-link,
.ccp-member-profile-link:visited{
    color:inherit!important;
    text-decoration:none!important;
}
.ccp-member-profile-link:hover{
    color:inherit!important;
    text-decoration:none!important;
}
.ccp-avatar-column{position:relative}
.ccp-profile-avatar{
    display:block;
    text-decoration:none!important;
}
.ccp-avatar-edit{
    z-index:4;
    width:100%;
    border:0;
    cursor:pointer;
}
.ccp-profile-name-link{
    display:inline-flex;
    align-items:center;
    max-width:100%;
}
.ccp-handle.ccp-member-profile-link{
    display:inline-block;
    width:max-content;
    max-width:100%;
}
.ccp-post-author-avatar{
    display:block;
    flex:0 0 auto;
    border-radius:50%;
    line-height:0;
}
.ccp-post-head .ccp-post-author-avatar img{
    display:block;
}
.ccp-post-author-name{
    display:inline-flex;
    align-items:center;
    min-width:0;
    max-width:100%;
    color:#17181b!important;
    font-weight:inherit;
}
.ccp-post-author-name .cc-verified-name{color:#17181b!important}
.ccp-blocked-user-link{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}

/* v2.4.32 — Instagram-style live-story border around the owner's Stories rail. */
.ccp-stories-wrap{
    overflow:visible!important;
}
.ccp-stories-wrap .ccs-shell{
    border:1px solid transparent!important;
    border-radius:18px!important;
    background:
      linear-gradient(#fff,#fff) padding-box,
      linear-gradient(115deg,rgba(255,138,0,.82),rgba(255,45,85,.86) 38%,rgba(193,53,132,.78) 68%,rgba(131,58,180,.72)) border-box!important;
    box-shadow:0 0 14px rgba(225,48,108,.09),0 1px 4px rgba(17,24,39,.04)!important;
}
@media(max-width:700px){
    .ccp-stories-wrap{
        padding-top:8px!important;
    }
    .ccp-stories-wrap .ccs-shell{
        border-radius:16px!important;
        box-shadow:0 0 11px rgba(225,48,108,.08),0 1px 3px rgba(17,24,39,.035)!important;
    }
}

/* v2.4.33 — Match the Social Dashboard's Instagram-style live-story rail exactly.
   This repeats the rule at the end of the stylesheet so it wins over older
   profile/story reset rules, while CCP_VERSION 2.4.33 forces a fresh CSS asset. */
.ccp-stories-wrap .ccs-shell{
  border:1px solid transparent!important;
  border-radius:18px!important;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(115deg,rgba(255,138,0,.82),rgba(255,45,85,.86) 38%,rgba(193,53,132,.78) 68%,rgba(131,58,180,.72)) border-box!important;
  box-shadow:0 0 14px rgba(225,48,108,.09),0 1px 4px rgba(17,24,39,.04)!important;
}
@media(max-width:700px){
  .ccp-stories-wrap .ccs-shell{
    border-radius:16px!important;
    box-shadow:0 0 11px rgba(225,48,108,.08),0 1px 3px rgba(17,24,39,.035)!important;
  }
}

/* v2.4.34 — Profile Stories rail spacing + rounded background cleanup.
   Keep the wrapper transparent so no square white panel shows behind the
   rounded Instagram-style rail, and give the rail a small top breathing room
   so the entire neon border remains visible below the masthead. */
.ccp-stories-wrap{
  background:transparent!important;
  padding:8px 0 0!important;
  margin-top:0!important;
  overflow:visible!important;
}
.ccp-stories-wrap .ccs-shell{
  overflow:hidden!important;
  border:1px solid transparent!important;
  border-radius:18px!important;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(115deg,rgba(255,138,0,.82),rgba(255,45,85,.86) 38%,rgba(193,53,132,.78) 68%,rgba(131,58,180,.72)) border-box!important;
  box-shadow:0 0 14px rgba(225,48,108,.09),0 1px 4px rgba(17,24,39,.04)!important;
}
@media(max-width:1080px){
  .ccp-stories-wrap{
    padding-top:9px!important;
  }
}
@media(max-width:700px){
  .ccp-stories-wrap{
    padding-top:8px!important;
  }
  .ccp-stories-wrap .ccs-shell{
    border-radius:16px!important;
    box-shadow:0 0 11px rgba(225,48,108,.08),0 1px 3px rgba(17,24,39,.035)!important;
  }
}

/* v2.4.35 — Mobile/tablet Stories rail mirrors Social Dashboard edge alignment.
   Break only the Stories rail out of the profile page's responsive gutters so
   its neon frame sits flush with the usable left/right content edges, while
   keeping the profile card and the rest of the page comfortably inset. Also
   remove the inherited shell top offset so the rail sits compactly beneath the
   masthead with the same small breathing gap used on the Social Dashboard. */
@media (max-width:1080px){
  body.ccsws-active .ccp-page{
    padding-top:0!important;
  }
  body.ccsws-active .ccp-stories-wrap{
    box-sizing:border-box!important;
    margin-top:0!important;
    padding-top:10px!important;
  }
}

/* Tablet gutters are 18px in the profile layout. Let only Stories escape them. */
@media (min-width:721px) and (max-width:1080px){
  body.ccsws-active .ccp-stories-wrap{
    width:calc(100% + 36px)!important;
    max-width:none!important;
    margin-left:-18px!important;
    margin-right:-18px!important;
  }
}

/* Mobile gutters are 12px. Match the dashboard's compact edge-to-edge rail. */
@media (max-width:720px){
  body.ccsws-active .ccp-page{
    padding:0 12px 64px!important;
  }
  body.ccsws-active .ccp-stories-wrap{
    width:calc(100% + 24px)!important;
    max-width:none!important;
    margin-left:-12px!important;
    margin-right:-12px!important;
    padding-top:12px!important;
  }
}

/* v2.4.37 profile-completion entry point at top of Account */
.ccp-profile-completion-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;padding:22px 24px;background:#fff;border:1px solid var(--ccp-line);border-radius:22px;box-shadow:0 8px 24px rgba(17,18,20,.04)}
.ccp-profile-completion-copy{min-width:0;flex:1}.ccp-profile-completion-eyebrow{display:block;margin-bottom:5px;color:var(--ccp-red);font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.ccp-profile-completion-cta h2{margin:0;color:#111214;font-size:21px;line-height:1.2}.ccp-profile-completion-cta p{margin:6px 0 12px;max-width:620px;color:#70757e;font-size:14px;line-height:1.45}.ccp-profile-completion-progress{width:min(430px,100%);height:5px;overflow:hidden;border-radius:999px;background:#eceef1}.ccp-profile-completion-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ed1c24,#ff7a18,#f2ce2f,#43c879,#5b72ff)}.ccp-profile-completion-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:12px;background:#111214;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:900;white-space:nowrap}.ccp-profile-completion-button:hover{background:#25272b}
@media(max-width:700px){.ccp-profile-completion-cta{align-items:flex-start;flex-direction:column;padding:19px}.ccp-profile-completion-button{width:100%}}

/* v2.4.38 — compact the profile display name only on genuinely narrow phones.
   This intentionally stops at 420px so larger phones/tablets keep the existing sizing. */
@media (max-width:420px){
  .ccp-profile-identity h1{
    font-size:24px!important;
    line-height:1.04!important;
    letter-spacing:-.018em!important;
  }
  .ccp-profile-identity h1 .ccp-profile-name-link,
  .ccp-profile-identity h1 .cc-verified-name{
    max-width:100%!important;
    min-width:0!important;
  }
}


/* v2.4.41 — small-phone profile identity: never clip the display name or badges.
   Keep the compact avatar/name layout, but let the identity row use all available
   width and wrap naturally when a long name, verified badge, or emoji needs it. */
@media (max-width:430px){
  .ccp-profile-top{
    grid-template-columns:100px minmax(0,1fr)!important;
    column-gap:11px!important;
    padding-left:10px!important;
    padding-right:10px!important;
    overflow:visible!important;
  }
  .ccp-profile-avatar{
    width:100px!important;
    height:100px!important;
  }
  .ccp-profile-top.is-owner .ccp-profile-identity,
  .ccp-profile-top.is-visitor .ccp-profile-identity{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    padding-right:0!important;
    overflow:visible!important;
  }
  .ccp-profile-identity h1{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 3px!important;
    padding:0!important;
    font-size:21px!important;
    line-height:1.08!important;
    letter-spacing:-.018em!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .ccp-profile-identity h1 .ccp-profile-name-link{
    display:inline!important;
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .ccp-profile-identity h1 .cc-verified-name{
    display:inline!important;
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .ccp-profile-identity h1 .cc-verified-name-text{
    display:inline!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .ccp-profile-identity h1 img.cc-verified-badge,
  .ccp-profile-identity h1 .cc-verified-badge--profile{
    display:inline-block!important;
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    max-width:17px!important;
    min-height:17px!important;
    max-height:17px!important;
    margin:0 0 0 3px!important;
    vertical-align:-1px!important;
  }
}

@media (max-width:390px){
  .ccp-profile-top{
    grid-template-columns:92px minmax(0,1fr)!important;
    column-gap:9px!important;
    padding-left:9px!important;
    padding-right:9px!important;
  }
  .ccp-profile-avatar{
    width:92px!important;
    height:92px!important;
  }
  .ccp-profile-identity h1{
    font-size:19px!important;
    line-height:1.1!important;
  }
  .ccp-profile-identity h1 img.cc-verified-badge,
  .ccp-profile-identity h1 .cc-verified-badge--profile{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    max-width:15px!important;
    min-height:15px!important;
    max-height:15px!important;
  }
}


/* v2.4.42 — profile card: slight breathing room between display name and verified check.
   Activity-feed and compact badge spacing intentionally remains unchanged. */
.ccp-profile-identity h1 img.cc-verified-badge--profile{
  margin-left:5px!important;
}

/* v2.4.43 profile website link + leaving-app confirmation */
.ccp-profile-link{display:flex;align-items:center;gap:6px;max-width:100%;margin-top:7px;color:#1877f2!important;text-decoration:none!important;font-size:14px;font-weight:750;line-height:1.25;min-width:0}
.ccp-profile-link:hover{text-decoration:underline!important}
.ccp-profile-link[hidden]{display:none!important}
.ccp-profile-link-icon{flex:0 0 auto;color:#1877f2;font-size:15px;line-height:1}
.ccp-profile-link-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ccp-edit-profile-label{display:block;margin:12px 0 7px;color:#202327;font-size:13px;font-weight:850}
.ccp-bio-modal-card .ccp-edit-profile-link-input{width:100%;height:44px;padding:0 12px;border:1px solid var(--ccp-line);border-radius:12px;background:#fff;color:#16181b;font:inherit;outline:none}
.ccp-bio-modal-card .ccp-edit-profile-link-input:focus{border-color:#1877f2;box-shadow:0 0 0 3px rgba(24,119,242,.12)}
.ccp-bio-modal-card .ccp-edit-profile-link-input.is-invalid{border-color:#e32636!important;box-shadow:0 0 0 3px rgba(227,38,54,.10)!important}
.ccp-link-help{margin:7px 0 0;color:#777e88;font-size:12px;font-weight:600}
.ccp-edit-profile-error{min-height:18px;margin-top:8px;color:#d92536;font-size:12px;font-weight:750}
.ccp-leaving-app-card{width:min(100%,390px);text-align:center;padding:26px 22px 22px}
.ccp-leaving-app-card h2{margin:2px 36px 8px;font-size:22px;line-height:1.15}
.ccp-leaving-app-card p{margin:0;color:#6f7680;font-size:14px;line-height:1.4}
.ccp-leaving-app-url{margin:12px auto 0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1877f2;font-size:12px;font-weight:750}
.ccp-leaving-app-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.ccp-leaving-app-actions button{min-height:44px;border-radius:12px;font-size:14px;font-weight:850;cursor:pointer}
.ccp-leaving-continue{background:#fff;color:#15171a;border:1px solid #d9dde3!important}
.ccp-leaving-cancel{background:#1877f2;color:#fff;border:1px solid #1877f2!important}
@media(max-width:720px){.ccp-profile-link{justify-content:flex-start;text-align:left}.ccp-leaving-app-card{width:min(100%,360px)}}


/* v2.4.44 — very-small-phone name/check spacing + sleeker Edit Profile modal. */
/* Keep the feed/comment badge spacing untouched; this selector is profile-card only. */
.ccp-profile-identity h1 img.cc-verified-badge--profile{
  margin-left:5px!important;
}

/* The narrow-phone profile header needs a touch more separation because the name
   and badge are visually denser at the reduced type/badge sizes. */
@media (max-width:430px){
  .ccp-profile-identity h1 img.cc-verified-badge--profile{
    margin-left:7px!important;
  }
}
@media (max-width:390px){
  .ccp-profile-identity h1 img.cc-verified-badge--profile{
    margin-left:7px!important;
  }
}

/* Compact, modern Edit Profile sheet. */
.ccp-bio-modal-card{
  width:min(100%,500px);
  padding:22px 24px 20px;
}
.ccp-bio-modal-card h2{
  margin-bottom:14px;
}
.ccp-bio-modal-card .ccp-edit-profile-label{
  margin:10px 0 6px;
}
.ccp-bio-modal-card textarea{
  min-height:96px;
}
.ccp-bio-modal-card .ccp-bio-counter{
  margin:-5px 0 7px;
}
.ccp-bio-modal-card .ccp-edit-profile-error{
  min-height:0;
  margin-top:6px;
}
.ccp-bio-modal-card .ccp-edit-profile-error:empty{
  display:none;
}
.ccp-bio-modal-card .ccp-save-bio{
  margin-top:12px;
}

@media (max-width:460px){
  .ccp-bio-modal-card{
    width:100%;
    padding:19px 18px 18px;
    border-radius:20px;
  }
  .ccp-bio-modal-card h2{
    margin-bottom:12px;
  }
  .ccp-bio-modal-card textarea{
    min-height:92px;
  }
  .ccp-bio-modal-card .ccp-edit-profile-link-input{
    height:42px;
  }
}

/* v2.4.45 — profile-answer discovery panel + truly blank optional bio/link */
.ccp-bio.is-empty{display:none!important;margin:0!important;padding:0!important;min-height:0!important}

.ccp-answers-panel,.ccp-owner-answers{position:relative}
.ccp-answers-panel{background:#fff;border:1px solid var(--ccp-line);border-radius:22px;padding:22px;box-shadow:0 10px 28px rgba(17,18,20,.05)}
.ccp-owner-answers{margin-bottom:16px;background:#fff;border:1px solid var(--ccp-line);border-radius:22px;padding:22px;box-shadow:0 8px 24px rgba(17,18,20,.04)}
.ccp-answers-hero{padding:2px 2px 18px}
.ccp-answers-hero-owner{padding-top:0}
.ccp-answers-eyebrow{display:block;margin-bottom:6px;color:#ed1c24;font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.ccp-answers-hero h2{margin:0;color:#111214;font-size:26px;line-height:1.12;letter-spacing:-.025em}
.ccp-answers-hero p{margin:7px 0 0;color:#747982;font-size:14px;line-height:1.45}

.ccp-answer-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ccp-answer-card{display:flex;align-items:center;gap:12px;min-width:0;padding:16px;border:1px solid #eceef1;border-radius:18px;background:linear-gradient(145deg,#fff,#f8f9fb)}
.ccp-answer-card:nth-child(4n+1){background:linear-gradient(145deg,#fff8f8,#fff)}
.ccp-answer-card:nth-child(4n+2){background:linear-gradient(145deg,#f5f8ff,#fff)}
.ccp-answer-card:nth-child(4n+3){background:linear-gradient(145deg,#fffbed,#fff)}
.ccp-answer-card:nth-child(4n+4){background:linear-gradient(145deg,#f4fbf6,#fff)}
.ccp-answer-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 5px 14px rgba(17,18,20,.08);font-size:23px;line-height:1}
.ccp-answer-copy{display:flex;flex-direction:column;min-width:0;gap:3px}.ccp-answer-copy small{color:#7d828a;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ccp-answer-copy strong{overflow-wrap:anywhere;color:#17181b;font-size:16px;line-height:1.24}
.ccp-answer-section{margin-top:14px;padding:18px;border:1px solid #eceef1;border-radius:18px;background:#fff}
.ccp-answer-section-head{display:flex;align-items:center;gap:10px;margin-bottom:13px}.ccp-answer-section-head>span{font-size:24px}.ccp-answer-section-head div{display:flex;flex-direction:column}.ccp-answer-section-head small{color:#ed1c24;font-size:9px;font-weight:950;letter-spacing:.12em}.ccp-answer-section-head h3{margin:1px 0 0;font-size:19px;line-height:1.15}
.ccp-answer-chips{display:flex;flex-wrap:wrap;gap:8px}.ccp-answer-chips span{padding:9px 11px;border-radius:999px;background:#f3f5f8;color:#26292e;font-size:12px;font-weight:800;line-height:1.15}
.ccp-quick-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ccp-quick-answer-card{display:flex;flex-direction:column;gap:5px;min-width:0;padding:13px;border-radius:15px;background:linear-gradient(145deg,#f7f8fa,#fff);border:1px solid #eceef1}.ccp-quick-answer-card small{color:#7a7f87;font-size:11px;font-weight:700;line-height:1.25}.ccp-quick-answer-card strong{color:#15171a;font-size:15px;line-height:1.2;overflow-wrap:anywhere}
.ccp-sports-answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ccp-sports-answer-grid>div{display:flex;flex-direction:column;gap:4px;min-width:0;padding:13px;border-radius:15px;background:#f5f7fa}.ccp-sports-answer-grid small{color:#8b9097;font-size:9px;font-weight:950;letter-spacing:.1em}.ccp-sports-answer-grid strong{color:#181a1d;font-size:14px;line-height:1.22;overflow-wrap:anywhere}

/* Tabs switch immediately; this is only a tiny native-app-style visual response. */
.ccp-app.ccp-tab-press::after{content:"";position:fixed;inset:0;z-index:2147483000;pointer-events:none;background:rgba(255,255,255,.12);opacity:1;animation:ccpTabVeil .14s ease-out forwards}
.ccp-tabs button:active{transform:scale(.94)}
@keyframes ccpTabVeil{from{opacity:.12}to{opacity:0}}

@media(max-width:900px){
  .ccp-answers-panel{border-radius:18px;padding:16px}
  .ccp-owner-answers{padding:16px;border-radius:18px}
  .ccp-answers-hero{padding:0 0 14px}.ccp-answers-hero h2{font-size:22px}.ccp-answers-hero p{font-size:13px}
  .ccp-answer-summary-grid{gap:8px}.ccp-answer-card{padding:13px;gap:10px;border-radius:15px}.ccp-answer-icon{width:38px;height:38px;flex-basis:38px;border-radius:12px;font-size:21px}.ccp-answer-copy strong{font-size:14px}
  .ccp-answer-section{margin-top:10px;padding:14px;border-radius:16px}.ccp-quick-answer-grid{gap:7px}.ccp-quick-answer-card{padding:11px}.ccp-sports-answer-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .ccp-answer-summary-grid{grid-template-columns:1fr}
  .ccp-quick-answer-grid{grid-template-columns:1fr 1fr}
  .ccp-answer-chips{gap:6px}.ccp-answer-chips span{padding:8px 9px;font-size:11px}
}
@media(max-width:380px){.ccp-quick-answer-grid{grid-template-columns:1fr}}


/* v2.4.46 — keep destructive account deletion tucked behind Manage My Profile. */
.ccp-manage-profile-section{grid-column:1/-1;margin-top:18px;border:1px solid var(--ccp-line);border-radius:18px;background:#fff;overflow:hidden}
.ccp-manage-profile-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:0;background:#fff;color:#17181b;text-align:left;cursor:pointer}
.ccp-manage-profile-toggle>span{display:flex;flex-direction:column;gap:3px;min-width:0}.ccp-manage-profile-toggle strong{font-size:16px;font-weight:900;line-height:1.2}.ccp-manage-profile-toggle small{color:#7a8089;font-size:12px;font-weight:600}.ccp-manage-profile-toggle svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:#8a9098;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}.ccp-manage-profile-toggle.is-open svg{transform:rotate(180deg)}
.ccp-manage-profile-toggle:hover{background:#fafbfc}.ccp-manage-profile-toggle:active{background:#f5f6f7}
.ccp-manage-profile-panel{padding:0 16px 16px;border-top:1px solid #eef0f2;background:#fbfcfd}
.ccp-manage-profile-panel[hidden]{display:none!important}
.ccp-manage-profile-panel .ccp-delete-profile-section{margin-top:16px;border-radius:16px;box-shadow:none}
@media(max-width:700px){.ccp-manage-profile-section{border-radius:16px}.ccp-manage-profile-toggle{padding:16px 17px}.ccp-manage-profile-panel{padding:0 12px 12px}.ccp-manage-profile-panel .ccp-delete-profile-section{padding:18px}}

/* v2.4.47 — Compatibility / Conservative Meter: larger, brighter, still compact */
.ccp-profile-signals{display:flex;align-items:center;gap:34px;min-height:66px;padding:8px 20px;margin:0;background:#fff;border:0;border-bottom:1px solid rgba(17,24,39,.07)}
.ccp-compatibility,.ccp-conservative-meter{display:flex;align-items:center;min-width:0}
.ccp-compatibility{gap:11px;flex:0 0 auto}
.ccp-signal-label{font-size:15px;font-weight:800;line-height:1.1;color:#181b20;white-space:nowrap}
.ccp-compat-ring{position:relative;display:inline-flex;align-items:center;justify-content:center;width:49px;height:49px;flex:0 0 49px;border-radius:50%;background:conic-gradient(from 20deg,#ff2d55,#ff9500,#ffd60a,#30d158,#0a84ff,#5e5ce6,#bf5af2,#ff2d55);box-shadow:0 2px 10px rgba(94,92,230,.18)}
.ccp-compat-ring:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#fff}
.ccp-compat-ring strong,.ccp-compat-ring small{position:relative;z-index:1;color:#111318;line-height:1}
.ccp-compat-ring strong{font-size:15px;font-weight:900}.ccp-compat-ring small{font-size:9px;font-weight:900;margin-left:1px}
.ccp-conservative-meter{gap:10px;flex:1;justify-content:flex-end}.ccp-conservative-meter>strong{font-size:14px;font-weight:850;color:#181b20;white-space:nowrap}
.ccp-meter-track{position:relative;width:min(175px,27vw);height:6px;flex:0 1 175px;border-radius:999px;background:linear-gradient(90deg,#ff2d55,#ff9500,#ffd60a,#30d158,#0a84ff,#5e5ce6,#bf5af2);box-shadow:0 1px 7px rgba(10,132,255,.16)}
.ccp-meter-track i{position:absolute;top:50%;width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:#17191d;box-shadow:0 1px 5px rgba(0,0,0,.25);transform:translate(-50%,-50%)}
@media(max-width:520px){.ccp-profile-signals{gap:14px;min-height:61px;padding:7px 14px}.ccp-compatibility{gap:8px}.ccp-compat-ring{width:45px;height:45px;flex-basis:45px}.ccp-signal-label{font-size:13px}.ccp-conservative-meter{gap:7px}.ccp-conservative-meter>strong{font-size:13px}.ccp-meter-track{width:auto;min-width:76px;flex:1 1 100px;height:5px}}
@media(max-width:365px){.ccp-profile-signals{align-items:stretch;flex-direction:column;gap:6px;padding:7px 14px}.ccp-compatibility{min-height:45px}.ccp-conservative-meter{justify-content:flex-start;min-height:29px}.ccp-meter-track{max-width:130px}}

/* v2.4.48 — persistent profile metadata strip above profile card */
.ccp-profile-signals-top{position:relative;margin:0 0 10px;padding:8px 16px;min-height:64px;border:1.5px solid transparent;border-radius:18px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(105deg,#ff7a00,#ff2d55,#d600ff,#6d5cff) border-box;box-shadow:none;overflow:hidden}
.ccp-profile-signals-top.ccp-profile-signals{border-bottom:1.5px solid transparent}
.ccp-profile-signals-top .ccp-conservative-meter{margin-left:auto}
.ccp-connections-link{appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer;text-align:left}
.ccp-connections-link:hover .ccp-signal-label,.ccp-connections-link:focus-visible .ccp-signal-label{text-decoration:underline}
.ccp-profile-signals-top.is-owner-signals{justify-content:space-between}
.ccp-profile-signals-top.is-owner-signals .ccp-conservative-meter{margin-left:auto}
@media(max-width:520px){.ccp-profile-signals-top{margin-bottom:9px;padding:7px 12px;min-height:59px;border-radius:16px}.ccp-profile-signals-top .ccp-conservative-meter{margin-left:auto}}
@media(max-width:365px){.ccp-profile-signals-top{flex-direction:row;align-items:center;gap:8px;padding:6px 10px}.ccp-profile-signals-top .ccp-compatibility{min-height:43px}.ccp-profile-signals-top .ccp-conservative-meter{justify-content:flex-end;min-height:27px}.ccp-profile-signals-top .ccp-signal-label{font-size:11px}.ccp-profile-signals-top .ccp-meter-track{min-width:55px;max-width:82px}.ccp-profile-signals-top .ccp-compat-ring{width:42px;height:42px;flex-basis:42px}}

/* v2.4.49 — profile metadata border/meter polish */
.ccp-profile-signals-top{
  background:#fff;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(105deg,#ff7a00,#ff2d55,#d600ff,#6d5cff) border-box;
}
.ccp-profile-signals-top.is-owner-signals{
  border-color:#111;
  background:#fff;
}
.ccp-profile-signals-top .ccp-meter-track{
  background:linear-gradient(90deg,#ff2028 0%,#e3151c 34%,#78090d 68%,#090909 100%);
  box-shadow:0 1px 6px rgba(225,21,28,.16);
}
@media (min-width:366px){
  .ccp-profile-signals-top:not(.is-owner-signals){margin-top:8px;}
}
@media (max-width:365px){
  .ccp-profile-signals-top:not(.is-owner-signals){margin-top:6px;}
}

/* v2.4.50 — definitive metadata styling; paired with CCP_VERSION cache bust */
.ccp-main > .ccp-profile-signals-top:not(.is-owner-signals){
  margin-top:10px !important;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(105deg,#ff7a00,#ff2d55,#d600ff,#6d5cff) border-box !important;
  border:1.5px solid transparent !important;
}
.ccp-main > .ccp-profile-signals-top.is-owner-signals{
  border:1.5px solid #111 !important;
  background:#fff !important;
}
.ccp-main > .ccp-profile-signals-top .ccp-meter-track{
  background:linear-gradient(90deg,#ff2028 0%,#d80f17 42%,#650609 72%,#050505 100%) !important;
  box-shadow:0 1px 6px rgba(216,15,23,.18) !important;
}
@media(max-width:520px){
 .ccp-main > .ccp-profile-signals-top:not(.is-owner-signals){margin-top:8px !important}
}


/* v2.4.51 — faint conditional divider between profile signals */
.ccp-profile-signals-top.has-conservative-meter .ccp-conservative-meter{
  position:relative;
  padding-left:26px;
}
.ccp-profile-signals-top.has-conservative-meter .ccp-conservative-meter::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:1px;
  height:30px;
  background:rgba(17,24,39,.12);
  transform:translateY(-50%);
  border-radius:999px;
}
@media(max-width:520px){
  .ccp-profile-signals-top.has-conservative-meter .ccp-conservative-meter{
    padding-left:14px;
  }
  .ccp-profile-signals-top.has-conservative-meter .ccp-conservative-meter::before{
    height:26px;
    background:rgba(17,24,39,.10);
  }
}
@media(max-width:365px){
  .ccp-profile-signals-top.has-conservative-meter .ccp-conservative-meter{
    padding-left:10px;
  }
  .ccp-profile-signals-top.has-conservative-meter .ccp-conservative-meter::before{
    height:24px;
  }
}

/* v2.4.53 — sleek multicolor Conservative Meter + softer signal card + mobile-safe layout */
.ccp-main > .ccp-profile-signals-top,
.ccp-main > .ccp-profile-signals-top.is-owner-signals,
.ccp-main > .ccp-profile-signals-top:not(.is-owner-signals){
  border:1px solid rgba(17,24,39,.18) !important;
  background:#fff !important;
  box-shadow:none !important;
}
.ccp-main > .ccp-profile-signals-top .ccp-meter-track{
  height:5px;
  background:linear-gradient(90deg,
    #7c4dff 0%,
    #3f8cff 18%,
    #24c7d9 34%,
    #39d16f 49%,
    #f3dc3d 66%,
    #ff9b35 82%,
    #ff3d5f 100%) !important;
  box-shadow:0 1px 5px rgba(63,140,255,.12) !important;
}
.ccp-main > .ccp-profile-signals-top .ccp-meter-track i{
  width:14px;
  height:14px;
  border:1px solid rgba(17,24,39,.12);
  background:#fff;
  box-shadow:0 1px 5px rgba(17,24,39,.20);
}

@media(max-width:520px){
  .ccp-main > .ccp-profile-signals-top{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:center;
    gap:0;
    min-height:66px;
    padding:7px 10px;
    border-radius:16px;
  }
  .ccp-main > .ccp-profile-signals-top .ccp-compatibility{
    min-width:0;
    gap:7px;
    padding-right:12px;
  }
  .ccp-main > .ccp-profile-signals-top .ccp-compat-ring{
    width:43px;
    height:43px;
    flex-basis:43px;
  }
  .ccp-main > .ccp-profile-signals-top .ccp-compatibility .ccp-signal-label{
    min-width:0;
    font-size:12px;
    line-height:1.1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .ccp-main > .ccp-profile-signals-top.has-conservative-meter .ccp-conservative-meter{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto;
    column-gap:5px;
    row-gap:5px;
    align-items:center;
    justify-content:stretch;
    min-width:0;
    min-height:50px;
    margin-left:0;
    padding:0 0 0 12px;
  }
  .ccp-main > .ccp-profile-signals-top .ccp-conservative-meter .ccp-signal-label{
    grid-column:1 / -1;
    grid-row:1;
    font-size:11px;
    font-weight:800;
    line-height:1;
    text-align:center;
    white-space:nowrap;
  }
  .ccp-main > .ccp-profile-signals-top .ccp-conservative-meter .ccp-meter-track{
    grid-column:1;
    grid-row:2;
    width:100%;
    min-width:0;
    max-width:none;
    flex:none;
    height:5px;
  }
  .ccp-main > .ccp-profile-signals-top .ccp-conservative-meter > strong{
    grid-column:2;
    grid-row:2;
    font-size:12px;
    line-height:1;
  }
  .ccp-main > .ccp-profile-signals-top.has-conservative-meter .ccp-conservative-meter::before{
    left:0;
    top:50%;
    width:1px;
    height:36px;
    background:rgba(17,24,39,.10);
    transform:translateY(-50%);
  }
}

@media(max-width:365px){
  .ccp-main > .ccp-profile-signals-top{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:center;
    gap:0;
    padding:6px 8px;
  }
  .ccp-main > .ccp-profile-signals-top .ccp-compatibility{
    min-height:0;
    padding-right:8px;
  }
  .ccp-main > .ccp-profile-signals-top .ccp-compat-ring{
    width:40px;
    height:40px;
    flex-basis:40px;
  }
  .ccp-main > .ccp-profile-signals-top .ccp-compatibility .ccp-signal-label{
    font-size:11px;
  }
  .ccp-main > .ccp-profile-signals-top.has-conservative-meter .ccp-conservative-meter{
    min-height:46px;
    padding-left:9px;
    column-gap:4px;
    row-gap:4px;
  }
  .ccp-main > .ccp-profile-signals-top .ccp-conservative-meter .ccp-signal-label{
    font-size:10px;
  }
  .ccp-main > .ccp-profile-signals-top .ccp-conservative-meter > strong{
    font-size:11px;
  }
  .ccp-main > .ccp-profile-signals-top.has-conservative-meter .ccp-conservative-meter::before{
    height:33px;
  }
}

/* v2.4.54 — mobile divider is anchored to the exact 50/50 column midpoint */
@media(max-width:520px){
  .ccp-main > .ccp-profile-signals-top.has-conservative-meter{
    position:relative;
  }
  .ccp-main > .ccp-profile-signals-top.has-conservative-meter .ccp-conservative-meter::before{
    content:none !important;
    display:none !important;
  }
  .ccp-main > .ccp-profile-signals-top.has-conservative-meter::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:1px;
    height:36px;
    background:rgba(17,24,39,.10);
    transform:translate(-.5px,-50%);
    pointer-events:none;
  }
}
@media(max-width:365px){
  .ccp-main > .ccp-profile-signals-top.has-conservative-meter::after{
    height:33px;
  }
}


/* v2.4.56 — Messages: inbox-first, compact modern rows, neutral inline badges. */
.ccp-messages-card .ccp-subtabs{gap:10px!important;margin-top:18px!important;margin-bottom:16px!important}
.ccp-messages-card .ccp-subtabs>button{min-height:42px!important;padding:8px 22px!important}
.ccp-message-row{padding:14px 0!important;min-height:0!important;gap:12px!important}
.ccp-message-open{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;flex:1 1 auto!important}
.ccp-message-person{flex:0 0 46px!important;width:46px!important;height:46px!important}
.ccp-message-person img{width:46px!important;height:46px!important}
.ccp-message-copy{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;flex:1 1 auto!important}
.ccp-message-meta{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;line-height:1.2!important}
.ccp-message-meta>a,.ccp-message-meta>span{min-width:0!important}
.ccp-message-meta strong{font-size:15px!important;line-height:1.2!important}
.ccp-message-meta small{margin-left:auto!important;white-space:nowrap!important;font-size:13px!important;color:#8a8f98!important}
.ccp-message-thread-link{gap:0!important;min-width:0!important}
.ccp-message-thread-link b{display:none!important}
.ccp-message-thread-link em{font-style:normal!important;font-size:14px!important;line-height:1.35!important;color:#747a84!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.ccp-message-row.is-unread .ccp-message-thread-link em{color:#555b64!important}
.ccp-message-actions{margin-left:4px!important}
.ccp-message-actions .ccp-mark-read{min-height:30px!important;padding:5px 8px!important;font-size:11px!important}
.ccp-message-actions .ccp-message-more-toggle{width:32px!important;min-width:32px!important;height:30px!important;min-height:30px!important}
.ccp-message-person-name .cc-verified-name{display:inline-flex!important;align-items:center!important;gap:4px!important;background:transparent!important;box-shadow:none!important;padding:0!important;border:0!important;border-radius:0!important}
.ccp-message-person-name .cc-verified-name-text{background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important}
.ccp-message-person-name img.cc-verified-badge{display:inline-block!important;background:transparent!important;background-color:transparent!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;border-radius:50%!important}
/* Any auxiliary badge plugin output beside a message name should stay inline/transparent, never a red tile. */
.ccp-message-meta [class*="badge"],.ccp-message-meta [class*="Badge"]{background-color:transparent!important;box-shadow:none!important}
.ccp-message-meta [class*="badge"] img,.ccp-message-meta [class*="Badge"] img{background:transparent!important;box-shadow:none!important}
.ccp-sent-to{display:inline-flex!important;align-items:center!important;gap:4px!important;min-width:0!important}
@media(max-width:720px){
  .ccp-message-row{padding:12px 0!important;gap:8px!important}
  .ccp-message-open{gap:10px!important}
  .ccp-message-person{flex-basis:42px!important;width:42px!important;height:42px!important}
  .ccp-message-person img{width:42px!important;height:42px!important}
  .ccp-message-meta{gap:7px!important}
  .ccp-message-meta strong{font-size:14px!important}
  .ccp-message-meta small{font-size:12px!important}
  .ccp-message-thread-link em{font-size:13px!important}
}


/* v2.4.57 — Messages: keep Verified + member badges tightly grouped after names. */
.ccp-messages-card .ccp-message-name-badges,
.ccp-messages-card .ccp-sent-to{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:2px!important;
  width:auto!important;
  max-width:calc(100% - 72px)!important;
  min-width:0!important;
  flex:0 1 auto!important;
  white-space:nowrap!important;
}
.ccp-messages-card .ccp-message-person-name{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.ccp-messages-card .ccp-message-person-name strong,
.ccp-messages-card .ccp-message-person-name .cc-verified-name{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  min-width:0!important;
  flex:0 1 auto!important;
  gap:3px!important;
  margin:0!important;
  padding:0!important;
}
.ccp-messages-card .ccp-message-name-badges > .ccbadge-public-badges,
.ccp-messages-card .ccp-sent-to > .ccbadge-public-badges{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0 0 0 1px!important;
  padding:0!important;
  white-space:nowrap!important;
}
.ccp-messages-card .ccbadge-public-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:1!important;
}
.ccp-messages-card .ccbadge-public-emoji{
  display:inline-block!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
}
.ccp-messages-card .ccp-message-meta > small{
  flex:0 0 auto!important;
  margin-left:auto!important;
}
@media(max-width:720px){
  .ccp-messages-card .ccp-message-name-badges,
  .ccp-messages-card .ccp-sent-to{max-width:calc(100% - 58px)!important;gap:1px!important}
  .ccp-messages-card .ccp-message-name-badges > .ccbadge-public-badges,
  .ccp-messages-card .ccp-sent-to > .ccbadge-public-badges{margin-left:0!important}
}

/* v2.4.58 — Notifications + Views: linked bold names, normal action copy, compact badges. */
.ccp-notifications-card .ccp-notification-row{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  color:inherit!important;
}
.ccp-notification-avatar-link{
  display:block!important;
  flex:0 0 auto!important;
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  text-decoration:none!important;
}
.ccp-notification-copy{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;flex:1 1 auto!important}
.ccp-notification-line{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:0!important;min-width:0!important;font-size:16px!important;line-height:1.35!important}
.ccp-notification-name-badges{display:inline-flex!important;align-items:center!important;gap:2px!important;width:auto!important;min-width:0!important;max-width:100%!important;margin:0 4px 0 0!important;padding:0!important;white-space:nowrap!important}
.ccp-notification-name{display:inline-flex!important;align-items:center!important;width:auto!important;margin:0!important;padding:0!important;color:#17181b!important;text-decoration:none!important;font-weight:800!important}
.ccp-notification-name strong,.ccp-notification-name .cc-verified-name{display:inline-flex!important;align-items:center!important;gap:3px!important;width:auto!important;margin:0!important;padding:0!important;color:#17181b!important;font-weight:800!important}
.ccp-notification-detail{display:inline!important;margin:0!important;padding:0!important;color:#17181b!important;text-decoration:none!important;font-weight:400!important}
.ccp-notification-detail:hover{color:#17181b!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:2px!important}
.ccp-notification-row.is-new .ccp-notification-name strong{font-weight:800!important}
.ccp-notification-row small{font-weight:400!important}

/* Views are rows, not one giant anchor. This keeps third-party badges attached to the name. */
.ccp-view-list{display:grid!important;gap:8px!important}
.ccp-view-row{display:flex!important;align-items:center!important;gap:10px!important;padding:10px!important;border-radius:12px!important;background:#f5f6f7!important;color:#222!important;min-width:0!important}
.ccp-view-avatar-link{display:block!important;flex:0 0 44px!important;width:44px!important;height:44px!important;border-radius:50%!important;text-decoration:none!important}
.ccp-view-avatar-link>img{display:block!important;width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;border-radius:50%!important;object-fit:cover!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
.ccp-view-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;min-width:0!important;flex:1 1 auto!important}
.ccp-view-name-badges{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:2px!important;width:auto!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;white-space:nowrap!important}
.ccp-view-name{display:inline-flex!important;align-items:center!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;color:#17181b!important;text-decoration:none!important}
.ccp-view-name strong,.ccp-view-name .cc-verified-name{display:inline-flex!important;align-items:center!important;gap:3px!important;width:auto!important;margin:0!important;padding:0!important;color:#17181b!important;font-weight:800!important}
.ccp-view-copy>small{display:block!important;color:var(--ccp-muted)!important;font-weight:400!important}

/* Defensive normalization across every Profile tab. Badge plugin output must never become a colored tile/card. */
.ccp-app .ccbadge-public-badges{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
.ccp-app .ccbadge-public-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  line-height:1!important;
}
.ccp-app .ccbadge-public-emoji,.ccp-app .ccbadge-public-badge img{
  display:inline-block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:1!important;
  vertical-align:middle!important;
}
.ccp-notification-name-badges>.ccbadge-public-badges,
.ccp-view-name-badges>.ccbadge-public-badges{margin-left:0!important}

@media(max-width:600px){
  .ccp-notification-avatar-link{width:40px!important;height:40px!important}
  .ccp-notification-line{font-size:15px!important}
  .ccp-notification-name-badges{margin-right:3px!important;gap:1px!important}
  .ccp-view-name-badges{gap:1px!important}
}


/* v2.4.59 — Profile Views: compact white social-app rows with stable inline badges. */
.ccp-tab-panel[data-panel="views"] .ccp-settings-card{
  background:#fff!important;
}
.ccp-tab-panel[data-panel="views"] .ccp-view-list{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  margin-top:4px!important;
}
.ccp-tab-panel[data-panel="views"] .ccp-view-row{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-width:0!important;
  min-height:54px!important;
  padding:6px 2px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#17181b!important;
  overflow:visible!important;
}
.ccp-tab-panel[data-panel="views"] .ccp-view-row + .ccp-view-row{
  border-top:1px solid #f0f1f3!important;
}
.ccp-tab-panel[data-panel="views"] .ccp-view-avatar-link{
  display:block!important;
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  overflow:hidden!important;
  text-decoration:none!important;
  position:relative!important;
}
.ccp-tab-panel[data-panel="views"] .ccp-view-avatar-link>img{
  display:block!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
  position:static!important;
  transform:none!important;
  box-shadow:none!important;
}
.ccp-tab-panel[data-panel="views"] .ccp-view-copy{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:2px!important;
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
.ccp-tab-panel[data-panel="views"] .ccp-view-name-badges{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:2px!important;
  flex:0 1 auto!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  line-height:1.15!important;
}
.ccp-tab-panel[data-panel="views"] .ccp-view-name{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#17181b!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.ccp-tab-panel[data-panel="views"] .ccp-view-name strong,
.ccp-tab-panel[data-panel="views"] .ccp-view-name .cc-verified-name{
  display:inline-flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:3px!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#17181b!important;
  font-weight:800!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
/* Badge plugins may append their badge group beside the name wrapper. Keep that sibling on the same line. */
.ccp-tab-panel[data-panel="views"] .ccp-view-copy > .ccbadge-public-badges,
.ccp-tab-panel[data-panel="views"] .ccp-view-name-badges > .ccbadge-public-badges{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0 0 0 1px!important;
  padding:0!important;
  gap:0!important;
  white-space:nowrap!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.ccp-tab-panel[data-panel="views"] .ccp-view-row .ccbadge-public-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:1!important;
  vertical-align:middle!important;
}
.ccp-tab-panel[data-panel="views"] .ccp-view-row .ccbadge-public-emoji,
.ccp-tab-panel[data-panel="views"] .ccp-view-row .ccbadge-public-badge img{
  display:inline-block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:1!important;
  vertical-align:middle!important;
  transform:none!important;
}
.ccp-tab-panel[data-panel="views"] .ccp-view-copy>small{display:none!important}
@media(max-width:600px){
  .ccp-tab-panel[data-panel="views"] .ccp-view-row{min-height:50px!important;padding:5px 0!important;gap:10px!important}
  .ccp-tab-panel[data-panel="views"] .ccp-view-avatar-link,
  .ccp-tab-panel[data-panel="views"] .ccp-view-avatar-link>img{
    flex-basis:40px!important;width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;min-height:40px!important;max-height:40px!important
  }
  .ccp-tab-panel[data-panel="views"] .ccp-view-name-badges{gap:1px!important}
  .ccp-tab-panel[data-panel="views"] .ccp-view-copy > .ccbadge-public-badges,
  .ccp-tab-panel[data-panel="views"] .ccp-view-name-badges > .ccbadge-public-badges{margin-left:0!important}
}


/* v2.4.60 — Messages small-screen alignment + Views multi-badge containment. */
@media (max-width: 760px){
  .ccp-tab-panel[data-panel="messages"] .ccp-messages-card{
    padding:18px 16px!important;
  }
  .ccp-tab-panel[data-panel="messages"] .ccp-section-title{
    display:block!important;
    margin:0 0 8px!important;
  }
  .ccp-tab-panel[data-panel="messages"] .ccp-section-title h2{
    margin:0!important;
  }
  .ccp-tab-panel[data-panel="messages"] .ccp-subtabs{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    width:100%!important;
    min-height:0!important;
    margin:0 0 10px!important;
  }
  .ccp-tab-panel[data-panel="messages"] .ccp-subtabs>button{
    flex:1 1 0!important;
    min-width:0!important;
    min-height:38px!important;
    padding:7px 12px!important;
  }
  .ccp-tab-panel[data-panel="messages"] .ccp-message-row{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
    min-height:0!important;
    padding:10px 0!important;
    margin:0!important;
  }
  .ccp-tab-panel[data-panel="messages"] .ccp-message-open{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    width:auto!important;
    min-width:0!important;
    flex:1 1 auto!important;
    padding:0!important;
  }
  .ccp-tab-panel[data-panel="messages"] .ccp-message-person{
    display:block!important;
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    margin:0!important;
    border-radius:50%!important;
    overflow:hidden!important;
  }
  .ccp-tab-panel[data-panel="messages"] .ccp-message-person img{
    display:block!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    object-fit:cover!important;
    border-radius:50%!important;
    position:static!important;
    transform:none!important;
  }
  .ccp-tab-panel[data-panel="messages"] .ccp-message-copy{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:2px!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
  }
  .ccp-tab-panel[data-panel="messages"] .ccp-message-meta{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    text-align:left!important;
  }
  .ccp-tab-panel[data-panel="messages"] .ccp-message-name-badges,
  .ccp-tab-panel[data-panel="messages"] .ccp-sent-to{
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:2px!important;
    flex:0 1 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    text-align:left!important;
    white-space:nowrap!important;
  }
  .ccp-tab-panel[data-panel="messages"] .ccp-message-person-name,
  .ccp-tab-panel[data-panel="messages"] .ccp-message-person-name strong,
  .ccp-tab-panel[data-panel="messages"] .ccp-message-person-name .cc-verified-name{
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    white-space:nowrap!important;
  }
  .ccp-tab-panel[data-panel="messages"] .ccp-message-meta>small{
    flex:0 0 auto!important;
    margin-left:auto!important;
    font-size:12px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
  .ccp-tab-panel[data-panel="messages"] .ccp-message-thread-link{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    text-align:left!important;
  }
  .ccp-tab-panel[data-panel="messages"] .ccp-message-thread-link em{
    display:block!important;
    max-width:100%!important;
    font-size:13px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .ccp-tab-panel[data-panel="messages"] .ccp-message-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    align-self:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    margin:0!important;
  }
  .ccp-tab-panel[data-panel="messages"] .ccp-message-actions .ccp-message-more-toggle{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0!important;
  }
}

@media (max-width: 430px){
  .ccp-tab-panel[data-panel="messages"] .ccp-messages-card{padding:16px 14px!important}
  .ccp-tab-panel[data-panel="messages"] .ccp-message-row{gap:7px!important;padding:9px 0!important}
  .ccp-tab-panel[data-panel="messages"] .ccp-message-open{gap:9px!important}
  .ccp-tab-panel[data-panel="messages"] .ccp-message-person,
  .ccp-tab-panel[data-panel="messages"] .ccp-message-person img{
    flex-basis:38px!important;width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;min-height:38px!important;max-height:38px!important
  }
  .ccp-tab-panel[data-panel="messages"] .ccp-message-meta strong{font-size:14px!important}
}

/* Views: no badge may establish its own row, tile, offset, or absolute position. */
.ccp-tab-panel[data-panel="views"] .ccp-view-name-badges,
.ccp-tab-panel[data-panel="views"] .ccp-view-name-badges strong,
.ccp-tab-panel[data-panel="views"] .ccp-view-name-badges .cc-verified-name,
.ccp-tab-panel[data-panel="views"] .ccp-view-name-badges .ccbadge-public-badges,
.ccp-tab-panel[data-panel="views"] .ccp-view-name-badges .ccbadge-public-badge{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  gap:2px!important;
  white-space:nowrap!important;
  position:static!important;
  inset:auto!important;
  float:none!important;
  clear:none!important;
  transform:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.ccp-tab-panel[data-panel="views"] .ccp-view-name-badges .ccbadge-public-badges{
  flex:0 0 auto!important;
  gap:1px!important;
}
.ccp-tab-panel[data-panel="views"] .ccp-view-name-badges .ccbadge-public-badge{
  flex:0 0 auto!important;
  line-height:1!important;
}
.ccp-tab-panel[data-panel="views"] .ccp-view-name-badges .ccbadge-public-emoji,
.ccp-tab-panel[data-panel="views"] .ccp-view-name-badges .ccbadge-public-badge img{
  display:inline-block!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:20px!important;
  height:auto!important;
  max-height:20px!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  inset:auto!important;
  float:none!important;
  transform:none!important;
  vertical-align:middle!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  line-height:1!important;
}


/* Conservative Connect Profiles 2.4.61 — follow state color polish.
   Keep existing button dimensions/layout; only change the Follow/Following colors. */
.ccp-profile-actions .ccp-follow-button:not(.is-following){
    background:#d93732!important;
    color:#fff!important;
}
.ccp-profile-actions .ccp-follow-button.is-following{
    background:#111214!important;
    color:#fff!important;
}

/* v2.4.64 — modern Profile > Messages conversation polish + media composer. */
.ccp-thread-modal-card{
  width:min(94vw,720px)!important;
  max-height:min(90vh,860px)!important;
  padding:22px 22px 18px!important;
  overflow:hidden!important;
}
.ccp-thread-modal-card .ccp-thread-close{
  top:12px!important;right:12px!important;
  width:34px!important;height:34px!important;
  background:rgba(17,18,20,.055)!important;
  color:#111!important;-webkit-text-fill-color:#111!important;
  font-size:25px!important;font-weight:300!important;line-height:1!important;
  box-shadow:none!important;border:0!important;
}
.ccp-thread-loading{padding:20px 12px!important}
.ccp-thread-messages{
  min-height:180px!important;max-height:58vh!important;
  gap:13px!important;padding:24px 4px 12px!important;
  overscroll-behavior:contain;
}
.ccp-thread-message{display:flex!important;align-items:flex-end!important;gap:9px!important;max-width:88%!important}
.ccp-thread-message.is-mine{align-self:flex-end!important;flex-direction:row-reverse!important}
.ccp-thread-sender-avatar{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:50%!important;overflow:hidden!important}
.ccp-thread-sender-avatar img{width:34px!important;height:34px!important;object-fit:cover!important;display:block!important}
.ccp-thread-bubble{min-width:0!important;padding:10px 13px!important;border-radius:18px 18px 18px 5px!important;background:#eef0f3!important;color:#111214!important}
.ccp-thread-message.is-mine .ccp-thread-bubble{
  border-radius:18px 18px 5px 18px!important;
  background:#0a84ff!important;color:#fff!important;
}
.ccp-thread-message-meta{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 4px!important;min-width:0!important}
.ccp-thread-name-badges{display:inline-flex!important;align-items:center!important;gap:2px!important;min-width:0!important;width:auto!important;white-space:nowrap!important}
.ccp-thread-sender-name,.ccp-thread-sender-name strong,.ccp-thread-sender-name .cc-verified-name{
  display:inline-flex!important;align-items:center!important;gap:3px!important;min-width:0!important;width:auto!important;
  color:inherit!important;text-decoration:none!important;margin:0!important;padding:0!important;white-space:nowrap!important;
}
.ccp-thread-sender-name .cc-verified-name-text{color:inherit!important}
.ccp-thread-sender-name img.cc-verified-badge{margin:0!important;padding:0!important;flex:0 0 auto!important;background:transparent!important;box-shadow:none!important}
.ccp-thread-name-badges>.ccbadge-public-badges{
  display:inline-flex!important;align-items:center!important;gap:0!important;flex:0 0 auto!important;
  width:auto!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;
}
.ccp-thread-name-badges .ccbadge-public-badge,.ccp-thread-name-badges .ccbadge-public-emoji{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;
  width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;background:transparent!important;border:0!important;box-shadow:none!important;line-height:1!important;
}
.ccp-thread-message-meta strong{font-size:12px!important;line-height:1.2!important}
.ccp-thread-message-meta small{font-size:10px!important;color:#777f89!important;white-space:nowrap!important;font-weight:400!important}
.ccp-thread-message.is-mine .ccp-thread-message-meta small{color:rgba(255,255,255,.76)!important}
.ccp-thread-message-content{font-size:14px!important;line-height:1.42!important;overflow-wrap:anywhere!important}
.ccp-thread-message-content p{margin:0!important}

/* Attachment inside a bubble. */
.ccp-thread-attachment{position:relative;overflow:hidden;border-radius:13px;margin:2px 0 7px;max-width:360px;background:#dfe3e8}
.ccp-thread-attachment-media{display:block;width:100%;max-height:420px;object-fit:cover;background:#111}
.ccp-thread-attachment-text{position:absolute;transform:translate(-50%,-50%);max-width:88%;color:#fff;font-weight:800;font-size:18px;line-height:1.15;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.8);overflow-wrap:anywhere;pointer-events:none}
.ccp-message-filter-original{filter:none!important}
.ccp-message-filter-vivid{filter:saturate(1.28) contrast(1.08)!important}
.ccp-message-filter-tan{filter:sepia(.20) saturate(1.16) hue-rotate(-8deg) brightness(1.04)!important}
.ccp-message-filter-smooth{filter:brightness(1.08) contrast(.93) saturate(1.04)!important}

/* No Reply label or divider; compact native-style composer. */
.ccp-thread-reply-form{padding:8px 0 0!important;border:0!important;margin:0!important}
.ccp-thread-composer{display:flex!important;align-items:flex-end!important;gap:8px!important;width:100%!important}
.ccp-thread-media-picker{position:relative;flex:0 0 auto}
.ccp-thread-media-button{
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;
  display:grid!important;place-items:center!important;border:0!important;border-radius:50%!important;background:#f1f2f4!important;color:#111!important;box-shadow:none!important;
}
.ccp-thread-media-button svg{width:20px;height:20px;fill:currentColor}
.ccp-thread-media-menu{position:absolute;left:0;bottom:44px;z-index:20;width:190px;padding:6px;background:#fff;border:1px solid #e4e6ea;border-radius:13px;box-shadow:0 12px 32px rgba(0,0,0,.14)}
.ccp-thread-media-menu[hidden]{display:none!important}
.ccp-thread-media-menu button{display:block!important;width:100%!important;min-height:38px!important;padding:8px 10px!important;border:0!important;border-radius:8px!important;background:#fff!important;color:#111!important;text-align:left!important;font-size:13px!important;font-weight:700!important;box-shadow:none!important}
.ccp-thread-media-menu button:hover{background:#f3f4f6!important}
.ccp-thread-reply-form textarea{
  flex:1 1 auto!important;width:auto!important;min-width:0!important;min-height:38px!important;max-height:92px!important;height:38px;
  padding:8px 12px!important;border:1px solid #d8dce2!important;border-radius:18px!important;background:#fff!important;
  font:inherit!important;font-size:14px!important;line-height:20px!important;resize:none!important;outline:none!important;box-shadow:none!important;
}
.ccp-thread-reply-form textarea:focus{border-color:#111!important;box-shadow:none!important;outline:none!important}
.ccp-thread-send{
  flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;
  display:grid!important;place-items:center!important;border:0!important;border-radius:50%!important;background:#1687f8!important;color:#fff!important;box-shadow:none!important;
}
.ccp-thread-send svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ccp-thread-send:disabled{opacity:.55!important}
.ccp-thread-reply-status{min-height:16px!important;padding:3px 44px 0!important;font-size:11px!important;font-weight:500!important;color:#747a84!important}

/* One-media preview with story-style filters and draggable text. */
.ccp-thread-media-preview{position:relative;margin:0 44px 8px 44px;padding:0;border:0}
.ccp-thread-media-preview[hidden]{display:none!important}
.ccp-thread-media-stage{position:relative;width:min(100%,360px);aspect-ratio:4/5;max-height:42vh;margin:0 auto;overflow:hidden;border-radius:18px;background:#111;touch-action:pan-y}
.ccp-thread-media-image,.ccp-thread-media-video{display:block;width:100%;height:100%;object-fit:cover}
.ccp-thread-media-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:86%;padding:4px 6px;color:#fff;font-size:20px;font-weight:800;line-height:1.15;text-align:center;text-shadow:0 1px 5px rgba(0,0,0,.85);cursor:grab;touch-action:none;user-select:none;overflow-wrap:anywhere}
.ccp-thread-media-remove{position:absolute;top:8px;right:calc(50% - min(50%,180px) + 8px);width:30px!important;height:30px!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(0,0,0,.42)!important;color:#fff!important;font-size:22px!important;font-weight:300!important;line-height:1!important;z-index:5}
.ccp-thread-add-text{position:absolute;left:calc(50% - min(50%,180px) + 8px);top:8px;z-index:5;min-height:28px!important;padding:5px 9px!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:12px!important;background:rgba(0,0,0,.34)!important;color:#fff!important;font-size:11px!important;font-weight:700!important;box-shadow:none!important}
.ccp-thread-filter-label{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);padding:4px 8px;border-radius:12px;background:rgba(0,0,0,.38);color:#fff;font-size:11px;font-weight:700;opacity:0;transition:opacity .15s ease;pointer-events:none}
.ccp-thread-filter-label.is-visible{opacity:1}

/* Hide the sitewide mobile/tablet dock only while a conversation is open. */
body.ccp-thread-conversation-open #ccsws-mobile-nav,
body.ccp-thread-conversation-open .ccsws-mobile-nav{display:none!important}
@media(max-width:1080px){body.ccp-thread-conversation-open.ccsws-active{padding-bottom:0!important}}

/* Name in Inbox/Sent opens the conversation; keep it visually like a name. */
.ccp-messages-card .ccp-message-person-name[data-open-thread]{cursor:pointer!important}

@media(max-width:720px){
  .ccp-thread-modal-card{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px)!important;padding:16px 14px 12px!important;border-radius:24px!important}
  .ccp-thread-messages{max-height:60dvh!important;padding-top:22px!important}
  .ccp-thread-message{max-width:96%!important}
  .ccp-thread-media-preview{margin-left:0!important;margin-right:0!important}
  .ccp-thread-media-stage{width:min(100%,330px);max-height:39dvh}
  .ccp-thread-media-remove{right:8px}
  .ccp-thread-add-text{left:8px}
  .ccp-thread-reply-status{padding-left:44px!important;padding-right:44px!important}
}
.ccp-thread-message-meta>.ccbadge-public-badges,.ccp-thread-sender-name+.ccbadge-public-badges{display:inline-flex!important;align-items:center!important;gap:0!important;flex:0 0 auto!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
\n\n/* v2.4.66 — Messages cleanup + multiline profile descriptions. */\n.ccp-tab-panel[data-panel="messages"] .ccp-mark-read{display:none!important}\n.ccp-tab-panel[data-panel="messages"] .ccp-message-row{\n  display:flex!important;align-items:center!important;gap:10px!important;\n}\n.ccp-tab-panel[data-panel="messages"] .ccp-message-open{min-width:0!important;flex:1 1 auto!important}\n.ccp-tab-panel[data-panel="messages"] .ccp-message-actions{\n  flex:0 0 36px!important;width:36px!important;min-width:36px!important;margin-left:0!important;\n}\n.ccp-tab-panel[data-panel="messages"] .ccp-message-more{position:relative!important;width:36px!important;min-width:36px!important}\n.ccp-tab-panel[data-panel="messages"] .ccp-message-name-badges,\n.ccp-tab-panel[data-panel="messages"] .ccp-sent-to{\n  display:inline-flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:2px!important;\n  width:auto!important;max-width:100%!important;min-width:0!important;white-space:nowrap!important;\n}\n.ccp-tab-panel[data-panel="messages"] .ccp-message-person-name,\n.ccp-tab-panel[data-panel="messages"] .ccp-message-person-name strong,\n.ccp-tab-panel[data-panel="messages"] .ccp-message-person-name .cc-verified-name{\n  display:inline-flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:2px!important;\n  min-width:0!important;max-width:100%!important;white-space:nowrap!important;\n}\n.ccp-tab-panel[data-panel="messages"] .ccbadge-public-badges{\n  display:inline-flex!important;align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;\n  gap:0!important;width:auto!important;max-width:none!important;min-width:0!important;\n  margin:0 0 0 1px!important;padding:0!important;position:static!important;transform:none!important;\n}\n.ccp-tab-panel[data-panel="messages"] .ccbadge-public-badge,\n.ccp-tab-panel[data-panel="messages"] .ccbadge-public-emoji{\n  display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;\n  width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;\n  margin:0!important;padding:0!important;position:static!important;transform:none!important;line-height:1!important;\n  background:transparent!important;border:0!important;box-shadow:none!important;\n}\n.ccp-tab-panel[data-panel="messages"] .ccp-message-more-menu{z-index:40!important}\n.ccp-bio p,#ccp-bio-text{white-space:pre-line!important}\n.ccp-bio-modal-card #ccp-edit-bio{white-space:pre-wrap!important;overflow-wrap:anywhere!important}\n
/* v2.4.67 — mobile full-screen conversation + cleaner media messages. */
.ccp-thread-header{display:flex;align-items:center;min-height:54px;padding:4px 44px 9px 2px;border-bottom:1px solid #e7e9ec}
.ccp-thread-header[hidden]{display:none!important}
.ccp-thread-peer{display:inline-flex;align-items:center;gap:9px;min-width:0;color:#111!important;text-decoration:none!important;font-weight:800}
.ccp-thread-peer-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;object-fit:cover;display:block}
.ccp-thread-peer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.ccp-thread-modal-card .ccp-thread-close{top:9px!important;right:10px!important}

/* Media stands on its own; only accompanying text gets a message bubble. */
.ccp-thread-message .ccp-thread-bubble.has-media{background:transparent!important;padding:0!important;overflow:visible!important}
.ccp-thread-message .ccp-thread-bubble.has-media .ccp-thread-message-meta{padding:0 4px!important}
.ccp-thread-message .ccp-thread-bubble.has-media .ccp-thread-attachment{margin:0!important;background:transparent!important;border-radius:16px!important}
.ccp-thread-message .ccp-thread-bubble.has-media.has-text .ccp-thread-message-content{margin-top:6px;padding:9px 12px;border-radius:16px 16px 16px 5px;background:#eef0f3;color:#111214}
.ccp-thread-message.is-mine .ccp-thread-bubble.has-media.has-text .ccp-thread-message-content{border-radius:16px 16px 5px 16px;background:#0a84ff;color:#fff}
.ccp-thread-message .ccp-thread-bubble.has-media:not(.has-text) .ccp-thread-message-content{display:none!important}
.ccp-thread-attachment{background:transparent!important}
.ccp-thread-attachment-text,.ccp-thread-add-text,.ccp-thread-media-text{display:none!important}

/* Camera/media button matches the blue send control. */
.ccp-thread-media-button{background:#1687f8!important;color:#fff!important}
.ccp-thread-media-button svg{width:20px!important;height:20px!important;fill:currentColor!important}

/* Compact, reassuring upload state. */
.ccp-thread-reply-status{transition:opacity .15s ease}

@media(max-width:600px){
  #ccp-thread-modal{display:block!important;position:fixed!important;inset:0!important;padding:0!important;background:#fff!important;z-index:100000!important}
  #ccp-thread-modal[hidden]{display:none!important}
  #ccp-thread-modal .ccp-modal-backdrop{display:none!important}
  #ccp-thread-modal .ccp-thread-modal-card{
    position:absolute!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;
    overflow:hidden!important;display:flex!important;flex-direction:column!important;
  }
  #ccp-thread-modal .ccp-thread-header{flex:0 0 auto!important;min-height:56px!important;padding:7px 52px 7px 14px!important;background:#fff!important}
  #ccp-thread-modal .ccp-thread-peer-avatar{width:36px!important;height:36px!important;flex-basis:36px!important}
  #ccp-thread-modal .ccp-thread-peer-name{font-size:15px!important}
  #ccp-thread-modal .ccp-thread-close{top:9px!important;right:12px!important;background:transparent!important;color:#111!important}
  #ccp-thread-modal .ccp-thread-loading{flex:0 0 auto!important;padding:12px 14px!important}
  #ccp-thread-modal .ccp-thread-messages{
    flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;
    padding:14px 12px 12px!important;gap:11px!important;background:#fff!important;
    -webkit-overflow-scrolling:touch;
  }
  #ccp-thread-modal .ccp-thread-reply-form{
    flex:0 0 auto!important;margin:0!important;padding:7px 10px max(8px,env(safe-area-inset-bottom))!important;
    background:#fff!important;border-top:1px solid #eceef1!important;
  }
  #ccp-thread-modal .ccp-thread-composer{align-items:center!important;gap:7px!important}
  #ccp-thread-modal .ccp-thread-reply-form textarea{min-height:36px!important;height:36px;max-height:76px!important;padding:7px 11px!important}
  #ccp-thread-modal .ccp-thread-media-button,#ccp-thread-modal .ccp-thread-send{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
  #ccp-thread-modal .ccp-thread-reply-status{padding:3px 43px 0!important;min-height:14px!important;font-size:10px!important;line-height:1.2!important}
  #ccp-thread-modal .ccp-thread-media-preview{flex:0 0 auto!important;margin:0 42px 6px!important}
  #ccp-thread-modal .ccp-thread-media-stage{max-height:32dvh!important}
  body.ccp-thread-conversation-open{overflow:hidden!important}
}

/* v2.4.68 — Desktop-only breathing room between the site masthead and Stories rail.
   Mobile/tablet spacing is intentionally untouched. */
@media (min-width:1081px){
  body.ccsws-active .ccp-stories-wrap{
    padding-top:10px!important;
  }
}


/* v2.4.70 — media-only message readability + cleaner mobile media composer. */
/* Media-only messages do not have a colored bubble, so never inherit white text. */
.ccp-thread-message .ccp-thread-bubble.has-media:not(.has-text),
.ccp-thread-message.is-mine .ccp-thread-bubble.has-media:not(.has-text){
  color:#111214!important;
}
.ccp-thread-message .ccp-thread-bubble.has-media:not(.has-text) .ccp-thread-message-meta,
.ccp-thread-message .ccp-thread-bubble.has-media:not(.has-text) .ccp-thread-sender-name,
.ccp-thread-message .ccp-thread-bubble.has-media:not(.has-text) .ccp-thread-sender-name strong,
.ccp-thread-message .ccp-thread-bubble.has-media:not(.has-text) .cc-verified-name,
.ccp-thread-message.is-mine .ccp-thread-bubble.has-media:not(.has-text) .ccp-thread-message-meta,
.ccp-thread-message.is-mine .ccp-thread-bubble.has-media:not(.has-text) .ccp-thread-sender-name,
.ccp-thread-message.is-mine .ccp-thread-bubble.has-media:not(.has-text) .ccp-thread-sender-name strong,
.ccp-thread-message.is-mine .ccp-thread-bubble.has-media:not(.has-text) .cc-verified-name{
  color:#111214!important;
  -webkit-text-fill-color:#111214!important;
}
.ccp-thread-message .ccp-thread-bubble.has-media:not(.has-text) .ccp-thread-message-meta small,
.ccp-thread-message.is-mine .ccp-thread-bubble.has-media:not(.has-text) .ccp-thread-message-meta small{
  color:#777c84!important;
  -webkit-text-fill-color:#777c84!important;
}

/* No separator above the reply composer. */
#ccp-thread-modal .ccp-thread-reply-form{
  border-top:0!important;
}

/* Media preview: preserve the full frame and make the discard X light and unobtrusive. */
.ccp-thread-media-stage{
  width:min(100%,460px)!important;
  aspect-ratio:auto!important;
  min-height:260px!important;
  max-height:58vh!important;
  background:#fff!important;
  border-radius:18px!important;
}
.ccp-thread-media-image,
.ccp-thread-media-video{
  width:100%!important;
  height:auto!important;
  max-height:58vh!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
}
.ccp-thread-media-video{height:100%!important}
.ccp-thread-media-remove{
  top:8px!important;
  right:9px!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  padding:2px 5px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.9)!important;
  -webkit-text-fill-color:rgba(255,255,255,.9)!important;
  text-shadow:0 1px 4px rgba(0,0,0,.55)!important;
  box-shadow:none!important;
  font-size:28px!important;
  font-weight:200!important;
  line-height:1!important;
}

/* Lightweight upload veil: only appears while an actual media upload is in flight. */
.ccp-thread-media-stage.is-uploading::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:20;
  background:rgba(255,255,255,.58);
  pointer-events:none;
  animation:ccpMediaVeilIn .14s ease-out both;
}
.ccp-thread-media-stage.is-uploading::before{
  content:"";
  position:absolute;
  left:50%;top:50%;
  z-index:21;
  width:28px;height:28px;
  margin:-14px 0 0 -14px;
  border:3px solid rgba(22,135,248,.22);
  border-top-color:#1687f8;
  border-radius:50%;
  pointer-events:none;
  animation:ccpMediaSpin .72s linear infinite;
}
@keyframes ccpMediaSpin{to{transform:rotate(360deg)}}
@keyframes ccpMediaVeilIn{from{opacity:0}to{opacity:1}}

@media(max-width:600px){
  #ccp-thread-modal .ccp-thread-reply-form{
    padding:7px 12px max(18px,calc(env(safe-area-inset-bottom) + 10px))!important;
    border-top:0!important;
  }
  #ccp-thread-modal .ccp-thread-composer{
    margin-bottom:2px!important;
  }
  #ccp-thread-modal .ccp-thread-reply-status{
    min-height:15px!important;
    padding:2px 44px 2px!important;
    font-size:10px!important;
    line-height:1.15!important;
    font-weight:400!important;
    color:#8a8f97!important;
  }
  #ccp-thread-modal .ccp-thread-media-preview{
    margin:0 10px 8px!important;
  }
  #ccp-thread-modal .ccp-thread-media-stage{
    width:100%!important;
    min-height:300px!important;
    max-height:54dvh!important;
    border-radius:18px!important;
  }
  #ccp-thread-modal .ccp-thread-media-image,
  #ccp-thread-modal .ccp-thread-media-video{
    max-height:54dvh!important;
    object-fit:contain!important;
  }
}

/* v2.4.71 — desktop-only Account > Request deletion modal cleanup.
   Mobile/tablet behavior is intentionally unchanged. */
@media (min-width:701px){
  #ccp-delete-profile-modal{
    padding:28px!important;
  }
  #ccp-delete-profile-modal .ccp-delete-profile-modal-card{
    width:min(560px,calc(100vw - 56px))!important;
    max-width:560px!important;
    max-height:min(82vh,760px)!important;
    margin:0!important;
    padding:28px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    border-radius:22px!important;
    box-sizing:border-box!important;
  }
  #ccp-delete-profile-modal .ccp-delete-profile-modal-card h2{
    margin:0 52px 16px 0!important;
    font-size:28px!important;
    line-height:1.15!important;
  }
  #ccp-delete-profile-modal .ccp-delete-profile-modal-card > p{
    margin:0 0 20px!important;
    max-width:none!important;
    font-size:16px!important;
    line-height:1.55!important;
  }
  #ccp-delete-profile-modal .ccp-delete-profile-modal-card label{
    margin:0 0 8px!important;
    font-size:15px!important;
    line-height:1.35!important;
  }
  #ccp-delete-profile-modal #ccp-delete-confirmation{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:48px!important;
    margin:0!important;
    padding:0 14px!important;
    box-sizing:border-box!important;
  }
  #ccp-delete-profile-modal .ccp-delete-modal-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    width:100%!important;
    margin:16px 0 0!important;
  }
  /* The cancel button also carries .ccp-modal-close for JS handling; neutralize
     the generic absolute close-button geometry only inside the action row. */
  #ccp-delete-profile-modal .ccp-delete-modal-actions .ccp-modal-close,
  #ccp-delete-profile-modal .ccp-delete-modal-actions .ccp-delete-cancel{
    position:static!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    width:auto!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 16px!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#111214!important;
    font-size:14px!important;
    line-height:1!important;
    box-shadow:none!important;
    white-space:nowrap!important;
  }
  #ccp-delete-profile-modal .ccp-delete-modal-actions .ccp-delete-confirm{
    position:static!important;
    width:auto!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 17px!important;
    font-size:14px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  #ccp-delete-profile-modal .ccp-delete-profile-modal-card > .ccp-modal-close:not(.ccp-delete-cancel){
    top:14px!important;
    right:14px!important;
    width:36px!important;
    height:36px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border-radius:50%!important;
    font-size:24px!important;
    line-height:1!important;
  }
}

/* v2.4.72 — editable Instagram-style username handle under Account */
.ccp-username-status.is-available{color:#16803a!important}.ccp-username-status.is-unavailable{color:#c5222a!important}


/* v2.4.73 — faint @ prefix inside editable username field */
.ccp-username-input-wrap{position:relative!important;display:block!important;width:100%!important;}
.ccp-username-input-wrap .ccp-username-prefix{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important;color:#9ca3af!important;font-weight:400!important;font-size:15px!important;line-height:1!important;pointer-events:none!important;user-select:none!important;}
.ccp-username-input-wrap input[name="username"]{padding-left:29px!important;width:100%!important;box-sizing:border-box!important;}


/* v2.4.76 — open message threads at newest message + sleek desktop scrollbar. */
.ccp-thread-messages{
  scrollbar-width:thin;
  scrollbar-color:rgba(92,99,110,.28) transparent;
}
@media (min-width:721px){
  .ccp-thread-messages::-webkit-scrollbar{width:6px!important}
  .ccp-thread-messages::-webkit-scrollbar-track{background:transparent!important}
  .ccp-thread-messages::-webkit-scrollbar-thumb{
    background:rgba(92,99,110,.22)!important;
    border-radius:999px!important;
    border:0!important;
  }
  .ccp-thread-messages:hover::-webkit-scrollbar-thumb{background:rgba(92,99,110,.34)!important}
}


/* v2.4.77 — Messages badge repair: same compact inline treatment as Notifications/Views. */
.ccp-message-badge-source,
.ccp-thread-badge-source{
  position:absolute!important;
  width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}
.ccp-messages-card .ccp-message-name-badges,
.ccp-messages-card .ccp-sent-to,
#ccp-thread-modal .ccp-thread-peer-name-badges,
#ccp-thread-modal .ccp-thread-name-badges{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:2px!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  flex-wrap:nowrap!important;
  vertical-align:middle!important;
}
.ccp-messages-card .ccp-message-person-name,
#ccp-thread-modal .ccp-thread-sender-name,
#ccp-thread-modal .ccp-thread-peer-name{
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  line-height:1.15!important;
}
.ccp-messages-card .cc-verified-name,
#ccp-thread-modal .cc-verified-name{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
}
.ccp-messages-card .ccbadge-public-badges,
#ccp-thread-modal .ccbadge-public-badges{
  display:inline-flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:1px!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  position:static!important;
  vertical-align:middle!important;
}
.ccp-messages-card .ccbadge-public-badge,
#ccp-thread-modal .ccbadge-public-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
  position:static!important;
  line-height:1!important;
}
.ccp-messages-card .ccbadge-public-emoji,
#ccp-thread-modal .ccbadge-public-emoji{
  display:inline-block!important;
  width:auto!important;
  height:auto!important;
  max-width:20px!important;
  max-height:20px!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  object-fit:contain!important;
  transform:none!important;
}
#ccp-thread-modal .ccp-thread-peer{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}
@media (max-width: 760px){
  .ccp-messages-card .ccp-message-name-badges,
  .ccp-messages-card .ccp-sent-to,
  #ccp-thread-modal .ccp-thread-peer-name-badges,
  #ccp-thread-modal .ccp-thread-name-badges{gap:1px!important}
  .ccp-messages-card .ccbadge-public-emoji,
  #ccp-thread-modal .ccbadge-public-emoji{max-width:18px!important;max-height:18px!important}
}


/* v2.4.80 — compact Instagram-style message likes + small-phone badge breathing room */
.ccp-thread-bubble{position:relative!important}
.ccp-message-reaction-heart{
  position:absolute!important;
  right:9px!important;
  bottom:-10px!important;
  z-index:5!important;
  display:grid!important;
  place-items:center!important;
  min-width:20px!important;
  height:20px!important;
  padding:0 3px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#f51f32!important;
  font-size:16px!important;
  line-height:1!important;
  box-shadow:0 1px 5px rgba(0,0,0,.14)!important;
  pointer-events:none!important;
}
@media(max-width:400px){
  .ccp-thread-name-badges,
  .ccp-thread-peer-name-badges,
  .ccp-message-name-badges{
    column-gap:3px!important;
  }
  .ccp-thread-name-badges > .cc-verified-name + *,
  .ccp-thread-peer-name-badges > .cc-verified-name + *,
  .ccp-message-name-badges > .cc-verified-name + *,
  .ccp-thread-name-badges img.cc-verified-badge,
  .ccp-thread-peer-name-badges img.cc-verified-badge{
    margin-left:2px!important;
  }
}


/* v2.4.81 — SMALL PHONES ONLY (<=390px): prevent name/checkmark crowding.
   Existing regular-mobile and tablet spacing is unchanged. */
@media (max-width:390px){
  .ccp-profile-identity h1 img.cc-verified-badge,
  .ccp-profile-identity h1 .cc-verified-badge--profile,
  .ccp-post-author-name img.cc-verified-badge,
  .ccp-post-author-name .cc-verified-badge{
    margin-left:4px!important;
  }
}


/* v2.4.82 — current password appears only when a new password is entered. */
.ccp-current-password-field[hidden]{display:none!important}
.ccp-account-help{margin-top:10px;color:#a0a4ac;font-size:12px;font-weight:400;line-height:1.4}
.ccp-account-help a{color:#8f949c!important;text-decoration:none!important;font-weight:500}
.ccp-account-help a:hover{text-decoration:underline!important}


/* v2.4.83 — SMALL DESKTOP ONLY.
   Keep an open Profile > Messages conversation entirely inside the main content
   area to the right of the fixed Sitewide Shell sidebar. Normal/large desktop,
   tablet, and mobile are intentionally unchanged. */
@media (min-width:1081px) and (max-width:1540px){
  body.ccsws-active #ccp-thread-modal{
    left:var(--ccsws-sidebar-width,260px)!important;
    right:0!important;
    width:calc(100vw - var(--ccsws-sidebar-width,260px))!important;
    max-width:none!important;
    padding:18px 24px!important;
    box-sizing:border-box!important;
  }

  body.ccsws-active #ccp-thread-modal .ccp-modal-backdrop{
    left:0!important;
    right:0!important;
    width:100%!important;
  }

  body.ccsws-active #ccp-thread-modal .ccp-thread-modal-card{
    width:min(720px,calc(100% - 36px))!important;
    max-width:720px!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  body.ccsws-active #ccp-thread-modal .ccp-thread-header,
  body.ccsws-active #ccp-thread-modal .ccp-thread-messages,
  body.ccsws-active #ccp-thread-modal .ccp-thread-reply-form,
  body.ccsws-active #ccp-thread-modal .ccp-thread-composer{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  body.ccsws-active #ccp-thread-modal .ccp-thread-composer{
    width:100%!important;
  }

  body.ccsws-active #ccp-thread-modal .ccp-thread-media-button,
  body.ccsws-active #ccp-thread-modal .ccp-thread-send{
    flex:0 0 auto!important;
    position:relative!important;
    z-index:2!important;
    pointer-events:auto!important;
  }

  body.ccsws-active #ccp-thread-modal .ccp-thread-reply-form textarea{
    min-width:0!important;
    flex:1 1 auto!important;
  }
}


/* v2.4.84 — sleek profile-originated direct message composer.
   Mirrors Profile > Messages: compact pill field + blue camera/send controls. */
#ccp-message-modal .ccp-message-modal-card{
  width:min(92vw,620px)!important;
  padding:20px 20px 16px!important;
  overflow:visible!important;
}
#ccp-message-modal .ccp-message-recipient{
  margin:0 44px 14px 0!important;
  gap:10px!important;
}
#ccp-message-modal .ccp-message-recipient img{
  width:42px!important;height:42px!important;flex:0 0 42px!important;
}
#ccp-message-modal .ccp-message-recipient span{display:block!important}
#ccp-message-modal .ccp-message-recipient strong{
  font-size:16px!important;line-height:1.2!important;color:#16181d!important;
}
#ccp-message-modal .ccp-message-recipient small{display:none!important}
#ccp-message-modal .ccp-profile-message-composer{
  display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;
}
#ccp-message-modal .ccp-profile-message-media-picker{position:relative!important;flex:0 0 auto!important}
#ccp-message-modal .ccp-profile-message-camera,
#ccp-message-modal .ccp-message-send{
  display:grid!important;place-items:center!important;
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
  padding:0!important;border:0!important;border-radius:50%!important;
  background:#1687f8!important;color:#fff!important;
  box-shadow:none!important;cursor:pointer!important;
}
#ccp-message-modal .ccp-profile-message-camera svg{
  width:21px!important;height:21px!important;fill:currentColor!important;
}
#ccp-message-modal .ccp-message-send svg{
  width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;
  stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
#ccp-message-modal .ccp-message-send:disabled{opacity:.5!important}
#ccp-message-modal textarea[name="message"]{
  flex:1 1 auto!important;min-width:0!important;width:auto!important;
  min-height:42px!important;height:42px!important;max-height:92px!important;
  margin:0!important;padding:9px 14px!important;
  border:1px solid #d4d9e1!important;border-radius:999px!important;
  outline:none!important;background:#fff!important;
  font:inherit!important;font-size:15px!important;line-height:22px!important;
  resize:none!important;box-sizing:border-box!important;
}
#ccp-message-modal textarea[name="message"]:focus{
  border-color:#1b1d21!important;box-shadow:none!important;
}
#ccp-message-modal .ccp-message-form-status{
  min-height:14px!important;margin:5px 50px 0!important;
  color:#848a94!important;font-size:10px!important;line-height:1.2!important;font-weight:400!important;
}
#ccp-message-modal .ccp-profile-message-media-menu{
  position:absolute!important;left:0!important;bottom:50px!important;z-index:50!important;
  width:180px!important;padding:6px!important;border:1px solid #e0e3e8!important;border-radius:14px!important;
  background:#fff!important;box-shadow:0 12px 30px rgba(0,0,0,.13)!important;
}
#ccp-message-modal .ccp-profile-message-media-menu[hidden]{display:none!important}
#ccp-message-modal .ccp-profile-message-media-menu button{
  width:100%!important;padding:9px 10px!important;border:0!important;border-radius:9px!important;
  background:#fff!important;color:#17191d!important;text-align:left!important;font-weight:700!important;
}
#ccp-message-modal .ccp-profile-message-media-menu button:hover{background:#f4f5f7!important}
#ccp-message-modal .ccp-profile-message-media-preview{
  margin:0 0 10px!important;
}
#ccp-message-modal .ccp-profile-message-media-stage{
  position:relative!important;width:min(100%,460px)!important;max-height:46vh!important;
  margin:0 auto!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;
}
#ccp-message-modal .ccp-profile-message-media-image,
#ccp-message-modal .ccp-profile-message-media-video{
  display:block!important;width:100%!important;height:auto!important;max-height:46vh!important;
  object-fit:contain!important;background:#fff!important;
}
#ccp-message-modal .ccp-profile-message-media-remove{
  position:absolute!important;top:8px!important;right:8px!important;z-index:3!important;
  width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
  padding:2px 5px!important;border:0!important;background:transparent!important;
  color:#fff!important;font-size:26px!important;font-weight:200!important;line-height:1!important;
  text-shadow:0 1px 4px rgba(0,0,0,.65)!important;box-shadow:none!important;
}
@media(max-width:600px){
  #ccp-message-modal .ccp-message-modal-card{
    width:calc(100vw - 20px)!important;padding:16px 14px 14px!important;border-radius:22px!important;
  }
  #ccp-message-modal .ccp-profile-message-camera,
  #ccp-message-modal .ccp-message-send{
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  }
  #ccp-message-modal textarea[name="message"]{
    min-height:40px!important;height:40px!important;padding:8px 12px!important;
  }
}


/* v2.4.88 — mobile/tablet message-thread exit control.
   Profile > Messages conversations now expose a compact X in the upper-left
   that closes the thread and returns to the existing Inbox/Sent message list.
   Desktop (>1080px) keeps the existing upper-right close control unchanged. */
.ccp-thread-back{
  display:none!important;
}
@media (max-width:1080px){
  #ccp-thread-modal .ccp-thread-header{
    position:relative!important;
    gap:9px!important;
  }
  #ccp-thread-modal .ccp-thread-back{
    display:grid!important;
    place-items:center!important;
    flex:0 0 30px!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    color:#15171a!important;
    -webkit-text-fill-color:#15171a!important;
    font:300 24px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
    cursor:pointer!important;
    box-shadow:none!important;
    -webkit-tap-highlight-color:transparent!important;
    position:relative!important;
    z-index:3!important;
  }
  #ccp-thread-modal .ccp-thread-back:hover,
  #ccp-thread-modal .ccp-thread-back:focus-visible{
    background:#f1f2f4!important;
    outline:none!important;
  }
  #ccp-thread-modal .ccp-thread-close{
    display:none!important;
  }
  #ccp-thread-modal .ccp-thread-peer{
    flex:1 1 auto!important;
    min-width:0!important;
  }
}
@media (max-width:600px){
  #ccp-thread-modal .ccp-thread-header{
    padding-left:10px!important;
    padding-right:12px!important;
  }
}



/* v2.4.89 — owner profile navigation uses clear text labels instead of icons. */
.ccp-tabs.ccp-tabs--owner{
    justify-content:space-evenly!important;
    gap:0!important;
}
.ccp-tabs.ccp-tabs--owner button{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:1 1 0!important;
    min-width:110px!important;
    padding:17px 14px 14px!important;
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:850!important;
    text-align:center!important;
}
.ccp-tabs.ccp-tabs--owner button > span:not(.ccp-message-badge){
    position:static!important;
    width:auto!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    clip:auto!important;
    clip-path:none!important;
    white-space:nowrap!important;
    border:0!important;
}
.ccp-tabs.ccp-tabs--owner .ccp-message-badge{
    position:static!important;
    display:inline-flex!important;
    width:auto!important;
    min-width:20px!important;
    height:20px!important;
    margin-left:7px!important;
    padding:0 5px!important;
    font-size:10px!important;
    line-height:1!important;
}
@media(max-width:720px){
    .ccp-tabs.ccp-tabs--owner{
        justify-content:flex-start!important;
        overflow-x:auto!important;
    }
    .ccp-tabs.ccp-tabs--owner button{
        flex:0 0 auto!important;
        min-width:max-content!important;
        padding-left:16px!important;
        padding-right:16px!important;
    }
}

/* v2.4.90 — text-only Photo/Video controls in the owner profile composer. */
.ccp-composer-wrap .ccmp-standalone-composer .ccp-composer-text-media-button{
    font-size:14px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:0!important;
    text-transform:none!important;
}
.ccp-composer-wrap .ccmp-standalone-composer .ccp-composer-text-media-button svg,
.ccp-composer-wrap .ccmp-standalone-composer .ccp-composer-text-media-button img{display:none!important}
.ccp-composer-wrap .ccmp-standalone-composer .ccp-composer-emoji-control{display:none!important}



/* v2.4.91 — Followers/Following: Verified first, auxiliary badges inline and tightly attached. */
#ccp-relationship-modal .ccp-modal-body{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
#ccp-relationship-modal .ccp-relationship-row{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  padding:10px!important;
  border-radius:13px!important;
  background:#f5f6f7!important;
  color:#222!important;
}
#ccp-relationship-modal .ccp-relationship-avatar-link{
  display:block!important;
  flex:0 0 48px!important;
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  text-decoration:none!important;
}
#ccp-relationship-modal .ccp-relationship-avatar-link>img{
  display:block!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
  box-shadow:none!important;
}
#ccp-relationship-modal .ccp-relationship-copy{
  display:flex!important;
  flex:1 1 auto!important;
  min-width:0!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
}
#ccp-relationship-modal .ccp-relationship-name-badges{
  display:inline-flex!important;
  flex:0 1 auto!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  line-height:1.15!important;
}
#ccp-relationship-modal .ccp-relationship-name,
#ccp-relationship-modal .ccp-relationship-name:visited{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#17181b!important;
  text-decoration:none!important;
  font-weight:800!important;
}
#ccp-relationship-modal .ccp-relationship-name strong,
#ccp-relationship-modal .ccp-relationship-name .cc-verified-name{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 1 auto!important;
  flex-wrap:nowrap!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#17181b!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
#ccp-relationship-modal .ccp-relationship-name .cc-verified-name{
  gap:3px!important;
}
#ccp-relationship-modal .ccp-relationship-name .cc-verified-name-text{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#ccp-relationship-modal .ccp-relationship-name img.cc-verified-badge,
#ccp-relationship-modal .ccp-relationship-name img.cc-verified-badge--compact{
  display:block!important;
  flex:0 0 13px!important;
  width:13px!important;
  height:13px!important;
  min-width:13px!important;
  max-width:13px!important;
  min-height:13px!important;
  max-height:13px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  object-fit:contain!important;
  box-shadow:none!important;
}
#ccp-relationship-modal .ccp-relationship-name-badges>.ccbadge-public-badges{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 0 auto!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  position:static!important;
  transform:none!important;
}
#ccp-relationship-modal .ccp-relationship-name-badges>.ccbadge-public-badges .ccbadge-public-badge,
#ccp-relationship-modal .ccp-relationship-name-badges>.ccbadge-public-badges .ccbadge-public-emoji{
  margin:0!important;
  padding:0!important;
  position:static!important;
  transform:none!important;
}
#ccp-relationship-modal .ccp-relationship-handle,
#ccp-relationship-modal .ccp-relationship-handle:visited{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  color:var(--ccp-muted)!important;
  font-size:13px!important;
  line-height:1.2!important;
  text-decoration:none!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* v2.4.92 — compact black Add Photo / Add Video controls across profile breakpoints. */
.ccp-composer-wrap .ccmp-standalone-composer .ccp-composer-text-media-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:10px!important;
    background:#111214!important;
    color:#fff!important;
    box-shadow:none!important;
    font-size:13px!important;
    font-weight:850!important;
    line-height:1!important;
    letter-spacing:0!important;
    text-transform:none!important;
    white-space:nowrap!important;
}
.ccp-composer-wrap .ccmp-standalone-composer .ccp-composer-text-media-button:hover,
.ccp-composer-wrap .ccmp-standalone-composer .ccp-composer-text-media-button:focus-visible{
    background:#24262a!important;
    color:#fff!important;
}
.ccp-composer-wrap .ccmp-standalone-composer .ccmp-media-actions,
.ccp-composer-wrap .ccmp-standalone-composer .ccmp-attachment-actions,
.ccp-composer-wrap .ccmp-standalone-composer .ccmp-composer-actions{
    align-items:center!important;
    gap:8px!important;
}
.ccp-composer-wrap .ccmp-standalone-composer .ccp-composer-emoji-control{display:none!important}

@media(max-width:720px){
    .ccp-composer-wrap .ccmp-standalone-composer .ccp-composer-text-media-button{
        height:32px!important;
        min-height:32px!important;
        max-height:32px!important;
        padding:0 12px!important;
        border-radius:9px!important;
        font-size:12.5px!important;
    }
}


/* v2.4.93 — target the live Media Posts composer markup (.ccmp-option-row). */
#ccp-profile-composer .ccmp-option-row{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
}
#ccp-profile-composer .ccmp-option-row .ccp-composer-text-media-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:10px!important;
    background:#111214!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:850!important;
    line-height:1!important;
    box-shadow:none!important;
}
#ccp-profile-composer .ccmp-option-row .ccp-composer-text-media-button svg,
#ccp-profile-composer .ccmp-option-row .ccp-composer-text-media-button img,
#ccp-profile-composer .ccmp-option-row .ccp-composer-text-media-button .ccmp-photo-icon{
    display:none!important;
}
@media(max-width:720px){
    #ccp-profile-composer .ccmp-option-row .ccp-composer-text-media-button{
        height:32px!important;
        min-height:32px!important;
        max-height:32px!important;
        padding:0 12px!important;
        border-radius:9px!important;
        font-size:12.5px!important;
    }
}

/* v2.4.94 — visitor profile navigation uses clear text labels instead of icons. */
.ccp-tabs.ccp-tabs--visitor{
    justify-content:space-evenly!important;
    gap:0!important;
}
.ccp-tabs.ccp-tabs--visitor button{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:1 1 0!important;
    min-width:0!important;
    padding:17px 10px 14px!important;
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:850!important;
    text-align:center!important;
}
.ccp-tabs.ccp-tabs--visitor button > span{
    position:static!important;
    width:auto!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    clip:auto!important;
    clip-path:none!important;
    white-space:nowrap!important;
    border:0!important;
}
.ccp-tabs.ccp-tabs--visitor button > svg{
    display:none!important;
}
@media(max-width:720px){
    .ccp-tabs.ccp-tabs--visitor{
        justify-content:space-evenly!important;
        overflow:visible!important;
        padding-left:0!important;
        padding-right:0!important;
    }
    .ccp-tabs.ccp-tabs--visitor button{
        flex:1 1 25%!important;
        min-width:0!important;
        padding:14px 4px 11px!important;
        font-size:13px!important;
    }
}
@media(max-width:380px){
    .ccp-tabs.ccp-tabs--visitor button{
        font-size:12px!important;
        padding-left:2px!important;
        padding-right:2px!important;
    }
}


/* v2.4.95 — message viewport hardening, safe-edge controls, and persistent chat exit. */
.ccp-thread-mobile-exit{display:none}

/* Never allow the profile/messages surface to create a wider-than-device canvas. */
body.ccsws-active,
body.ccsws-active .ccp-app,
body.ccsws-active .ccp-page,
body.ccsws-active .ccp-main,
body.ccsws-active .ccp-content-shell{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
body.ccsws-active{overflow-x:clip!important}

@media (max-width:1080px){
  /* Sitewide shell safety: keep edge controls inside iPhone/tablet safe areas.
     These selectors intentionally cover the shell's common header class/id names. */
  body.ccsws-active #ccsws-header,
  body.ccsws-active .ccsws-header,
  body.ccsws-active #ccsws-mobile-header,
  body.ccsws-active .ccsws-mobile-header,
  body.ccsws-active [class*="ccsws-"][class*="header"]{
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding-left:max(14px,env(safe-area-inset-left))!important;
    padding-right:max(14px,env(safe-area-inset-right))!important;
  }

  #ccp-thread-modal{
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  #ccp-thread-modal .ccp-thread-modal-card{
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  #ccp-thread-modal .ccp-thread-mobile-exit{
    display:grid!important;
    place-items:center!important;
    position:absolute!important;
    top:max(8px,env(safe-area-inset-top))!important;
    right:max(10px,env(safe-area-inset-right))!important;
    z-index:80!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.88)!important;
    color:#17181b!important;
    -webkit-text-fill-color:#17181b!important;
    font:200 28px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
    box-shadow:0 1px 6px rgba(0,0,0,.08)!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  #ccp-thread-modal .ccp-thread-back,
  #ccp-thread-modal .ccp-thread-close{display:none!important}
  #ccp-thread-modal .ccp-thread-header{
    padding-left:max(14px,env(safe-area-inset-left))!important;
    padding-right:max(54px,calc(env(safe-area-inset-right) + 48px))!important;
    box-sizing:border-box!important;
  }
  #ccp-thread-modal .ccp-thread-messages{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding-left:max(16px,calc(env(safe-area-inset-left) + 8px))!important;
    padding-right:max(16px,calc(env(safe-area-inset-right) + 8px))!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }
  #ccp-thread-modal .ccp-thread-message{
    min-width:0!important;
    max-width:calc(100% - 2px)!important;
  }
  #ccp-thread-modal .ccp-thread-sender-avatar{
    flex:0 0 34px!important;
    min-width:34px!important;
  }
  #ccp-thread-modal .ccp-thread-bubble{max-width:100%!important;min-width:0!important}
  #ccp-thread-modal .ccp-thread-reply-form{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding-left:max(12px,calc(env(safe-area-inset-left) + 8px))!important;
    padding-right:max(12px,calc(env(safe-area-inset-right) + 8px))!important;
    box-sizing:border-box!important;
  }
  #ccp-thread-modal .ccp-thread-composer{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  #ccp-thread-modal .ccp-thread-media-button,
  #ccp-thread-modal .ccp-thread-send{
    flex:0 0 38px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
  }
  #ccp-thread-modal .ccp-thread-reply-form textarea{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
  }
}

@media (max-width:600px){
  #ccp-thread-modal .ccp-thread-modal-card{
    height:100dvh!important;
    max-height:100dvh!important;
  }
  #ccp-thread-modal .ccp-thread-header{
    min-height:58px!important;
    padding-top:max(8px,env(safe-area-inset-top))!important;
  }
  #ccp-thread-modal .ccp-thread-reply-form{
    padding-bottom:max(10px,env(safe-area-inset-bottom))!important;
  }
}


/* Conservative Smokeshows v3 */
:root{--ccp-red:#DA31D6!important;--ccp-pink:#DA31D6}
.ccp-counts,.ccp-counts button,.ccp-count-stat,[data-share-profile],#ccp-share-profile-modal,.ccp-verification-section,#ccp-verification-manager-modal{display:none!important}
.ccp-profile-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ccp-subscribe-button,.ccp-subscription-message-cta,.ccp-manage-subscriptions{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;border-radius:12px;background:#DA31D6;color:#fff!important;font-weight:900;text-decoration:none!important;border:0}
.ccp-subscribe-button.is-subscribed{background:#DA31D6}
.ccp-message-button{background:#000!important;color:#fff!important;border-color:#000!important}
.ccp-tabs{display:flex!important;justify-content:flex-start!important;gap:12px!important;padding:14px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap}
.ccp-tabs::-webkit-scrollbar{display:none}
.ccp-tabs button{flex:0 0 116px!important;min-width:116px!important;height:94px!important;padding:10px 8px!important;border:0!important;border-radius:10px!important;background:#000!important;color:#fff!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-weight:900!important}
.ccp-tabs button svg{display:block!important;width:34px!important;height:34px!important;stroke:#fff!important;fill:none!important;stroke-width:1.9!important}
.ccp-tabs button.is-active{background:#DA31D6!important;color:#fff!important}
.ccp-tabs button span{display:block!important;color:inherit!important;margin:0!important}
.ccp-tabs .ccp-message-badge{position:absolute;margin:-58px 0 0 75px!important;background:#DA31D6!important;min-width:20px!important;height:20px!important;border-radius:999px;padding:0 5px!important}
.ccp-locked-creator{position:relative;min-height:420px;border-radius:22px;overflow:hidden;background:#f5f5f5;border:1px solid #e5e5e5}
.ccp-locked-preview{position:absolute;inset:0;display:grid;gap:16px;padding:28px;filter:blur(8px);opacity:.55}
.ccp-locked-preview span{display:block;border-radius:20px;background:linear-gradient(135deg,#ddd,#aaa);min-height:105px}
.ccp-locked-cta{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:rgba(255,255,255,.55);backdrop-filter:blur(3px)}
.ccp-locked-cta strong{font-size:30px;color:#111}.ccp-locked-cta p{max-width:480px;font-size:16px}.ccp-locked-cta a{background:#DA31D6;color:#fff;text-decoration:none;font-weight:900;border-radius:14px;padding:13px 28px}
.ccp-my-subscriptions{background:#fff;border:1px solid #e5e5e5;border-radius:18px;padding:18px 20px;margin:0 0 16px}.ccp-my-subscriptions h2{margin:0 0 12px}.ccp-subscription-list{display:flex;gap:12px;overflow-x:auto}.ccp-subscription-list a{display:flex;align-items:center;gap:8px;color:#111;text-decoration:none;font-weight:800;background:#f7f7f7;border-radius:999px;padding:7px 12px 7px 7px;white-space:nowrap}.ccp-subscription-list img{width:36px;height:36px;border-radius:50%;object-fit:cover}.ccp-no-subscriptions{margin:0;color:#555}.ccp-no-subscriptions a{color:#DA31D6!important;font-weight:900!important}.ccp-public-bio-card{max-width:760px;margin:auto}.ccp-subscription-management{margin-top:18px}.ccp-subscription-message-card{text-align:center}.ccp-subscription-message-card p{font-size:16px;color:#555}.ccp-subscription-message-cta{margin-top:8px}
.ccp-settings-card button[type=submit],.ccp-report-submit,.ccp-delete-profile-button{background:#DA31D6!important;border-color:#DA31D6!important;color:#fff!important}
@media(max-width:720px){.ccp-tabs{padding:10px 8px!important;gap:8px!important}.ccp-tabs button{flex-basis:96px!important;min-width:96px!important;height:84px!important;font-size:12px!important}.ccp-tabs button svg{width:30px!important;height:30px!important}.ccp-locked-cta strong{font-size:24px}}
\n\n/* Conservative Smokeshows v3.0.1 — compact separated profile navigation tiles. */\n.ccp-profile-signals,.ccp-profile-signals-top,.ccp-conservative-meter,.ccp-compatibility{display:none!important}\n.ccp-tabs.ccp-tabs--owner,.ccp-tabs.ccp-tabs--visitor{\n  display:flex!important;\n  justify-content:flex-start!important;\n  align-items:stretch!important;\n  gap:12px!important;\n  padding:14px 16px!important;\n  overflow-x:auto!important;\n  overflow-y:hidden!important;\n  -webkit-overflow-scrolling:touch!important;\n  scrollbar-width:none!important;\n  white-space:nowrap!important;\n}\n.ccp-tabs.ccp-tabs--owner::-webkit-scrollbar,.ccp-tabs.ccp-tabs--visitor::-webkit-scrollbar{display:none!important}\n.ccp-tabs.ccp-tabs--owner button,.ccp-tabs.ccp-tabs--visitor button{\n  position:relative!important;\n  flex:0 0 118px!important;\n  width:118px!important;\n  min-width:118px!important;\n  max-width:118px!important;\n  height:96px!important;\n  min-height:96px!important;\n  padding:10px 8px 9px!important;\n  border:0!important;\n  border-radius:12px!important;\n  background:#000!important;\n  color:#fff!important;\n  display:flex!important;\n  flex-direction:column!important;\n  align-items:center!important;\n  justify-content:center!important;\n  gap:7px!important;\n  box-shadow:none!important;\n  font-size:13px!important;\n  line-height:1.05!important;\n  font-weight:900!important;\n  text-align:center!important;\n}\n.ccp-tabs.ccp-tabs--owner button.is-active,.ccp-tabs.ccp-tabs--visitor button.is-active{background:#DA31D6!important;color:#fff!important}\n.ccp-tabs.ccp-tabs--owner button>svg,.ccp-tabs.ccp-tabs--visitor button>svg{\n  display:block!important;\n  flex:0 0 auto!important;\n  width:38px!important;\n  height:38px!important;\n  margin:0!important;\n  stroke:#fff!important;\n  fill:none!important;\n  stroke-width:1.9!important;\n}\n.ccp-tabs.ccp-tabs--owner button>span:not(.ccp-message-badge),.ccp-tabs.ccp-tabs--visitor button>span:not(.ccp-message-badge){\n  position:static!important;\n  display:block!important;\n  width:auto!important;\n  height:auto!important;\n  min-width:0!important;\n  margin:0!important;\n  padding:0!important;\n  overflow:visible!important;\n  clip:auto!important;\n  clip-path:none!important;\n  white-space:nowrap!important;\n  border:0!important;\n  color:#fff!important;\n}\n.ccp-tabs.ccp-tabs--owner .ccp-message-badge{\n  position:absolute!important;\n  top:7px!important;\n  right:7px!important;\n  display:inline-flex!important;\n  align-items:center!important;\n  justify-content:center!important;\n  min-width:20px!important;\n  width:auto!important;\n  height:20px!important;\n  margin:0!important;\n  padding:0 5px!important;\n  border-radius:999px!important;\n  background:#DA31D6!important;\n  color:#fff!important;\n  font-size:10px!important;\n  line-height:1!important;\n}\n.ccp-tabs.ccp-tabs--owner button.is-active .ccp-message-badge{background:#000!important}\n@media(max-width:720px){\n  .ccp-tabs.ccp-tabs--owner,.ccp-tabs.ccp-tabs--visitor{gap:9px!important;padding:10px 8px!important}\n  .ccp-tabs.ccp-tabs--owner button,.ccp-tabs.ccp-tabs--visitor button{\n    flex-basis:102px!important;width:102px!important;min-width:102px!important;max-width:102px!important;\n    height:86px!important;min-height:86px!important;padding:8px 7px!important;border-radius:11px!important;font-size:12px!important;gap:5px!important;\n  }\n  .ccp-tabs.ccp-tabs--owner button>svg,.ccp-tabs.ccp-tabs--visitor button>svg{width:34px!important;height:34px!important}\n}\n

/* Conservative Smokeshows v3.0.2 — smaller, clearly separated profile navigation cards. */
.ccp-tabs.ccp-tabs--owner,
.ccp-tabs.ccp-tabs--visitor{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:14px!important;
  column-gap:14px!important;
  padding:16px 20px!important;
  background:#fff!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}
.ccp-tabs.ccp-tabs--owner button,
.ccp-tabs.ccp-tabs--visitor button{
  flex:0 0 104px!important;
  width:104px!important;
  min-width:104px!important;
  max-width:104px!important;
  height:88px!important;
  min-height:88px!important;
  margin:0!important;
  padding:9px 7px!important;
  border:0!important;
  border-radius:14px!important;
  background:#000!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:1.05!important;
  font-weight:900!important;
  text-align:center!important;
}
.ccp-tabs.ccp-tabs--owner button>svg,
.ccp-tabs.ccp-tabs--visitor button>svg{
  width:33px!important;
  height:33px!important;
  min-width:33px!important;
  min-height:33px!important;
  margin:0!important;
}
.ccp-tabs.ccp-tabs--owner button>span:not(.ccp-message-badge),
.ccp-tabs.ccp-tabs--visitor button>span:not(.ccp-message-badge){
  font-size:12px!important;
  line-height:1.08!important;
}
.ccp-tabs.ccp-tabs--owner button.is-active,
.ccp-tabs.ccp-tabs--visitor button.is-active{background:#DA31D6!important}

@media(max-width:720px){
  .ccp-tabs.ccp-tabs--owner,.ccp-tabs.ccp-tabs--visitor{
    gap:10px!important;
    column-gap:10px!important;
    padding:12px 12px!important;
  }
  .ccp-tabs.ccp-tabs--owner button,.ccp-tabs.ccp-tabs--visitor button{
    flex:0 0 90px!important;
    width:90px!important;
    min-width:90px!important;
    max-width:90px!important;
    height:78px!important;
    min-height:78px!important;
    padding:7px 6px!important;
    border-radius:12px!important;
    gap:4px!important;
    font-size:11px!important;
  }
  .ccp-tabs.ccp-tabs--owner button>svg,.ccp-tabs.ccp-tabs--visitor button>svg{width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important}
  .ccp-tabs.ccp-tabs--owner button>span:not(.ccp-message-badge),.ccp-tabs.ccp-tabs--visitor button>span:not(.ccp-message-badge){font-size:11px!important}
}

/* Conservative Smokeshows v3.0.3 — centered profile tabs and vertical subscriptions. */
@media(min-width:721px){
  .ccp-tabs.ccp-tabs--owner,
  .ccp-tabs.ccp-tabs--visitor{
    justify-content:center!important;
    gap:14px!important;
    padding:18px 22px!important;
  }
}
.ccp-tabs.ccp-tabs--owner button,
.ccp-tabs.ccp-tabs--visitor button{
  flex:0 0 98px!important;
  width:98px!important;
  min-width:98px!important;
  max-width:98px!important;
  height:84px!important;
  min-height:84px!important;
  gap:5px!important;
  border-radius:13px!important;
}
.ccp-tabs.ccp-tabs--owner button>svg,
.ccp-tabs.ccp-tabs--visitor button>svg{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  stroke:#fff!important;
  color:#fff!important;
}
.ccp-tabs.ccp-tabs--owner button>span:not(.ccp-message-badge),
.ccp-tabs.ccp-tabs--visitor button>span:not(.ccp-message-badge){font-size:11.5px!important}

.ccp-my-subscriptions{
  background:#fff!important;
  border:1px solid #e7e7e9!important;
  border-radius:20px!important;
  padding:20px!important;
  margin:0 0 18px!important;
  box-shadow:0 10px 30px rgba(17,18,20,.05)!important;
}
.ccp-my-subscriptions h2{
  margin:0 0 14px!important;
  font-size:20px!important;
  line-height:1.2!important;
  color:#151515!important;
}
.ccp-subscription-list{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  overflow:visible!important;
  width:100%!important;
}
.ccp-subscription-list a{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:9px 12px 9px 9px!important;
  border:1px solid #ececef!important;
  border-radius:15px!important;
  background:#fafafa!important;
  color:#171717!important;
  text-decoration:none!important;
  font-weight:850!important;
  white-space:normal!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
.ccp-subscription-list a:hover{
  background:#fff!important;
  border-color:#DA31D6!important;
  transform:translateY(-1px)!important;
}
.ccp-subscription-list a:after{
  content:'View';
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 12px;
  border-radius:10px;
  background:#000;
  color:#fff;
  font-size:11px;
  font-weight:900;
}
.ccp-subscription-list img{
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  box-shadow:0 4px 12px rgba(0,0,0,.1)!important;
}
.ccp-subscription-list span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
@media(max-width:720px){
  .ccp-tabs.ccp-tabs--owner,.ccp-tabs.ccp-tabs--visitor{justify-content:flex-start!important;padding:12px!important;gap:10px!important}
  .ccp-tabs.ccp-tabs--owner button,.ccp-tabs.ccp-tabs--visitor button{
    flex:0 0 88px!important;width:88px!important;min-width:88px!important;max-width:88px!important;height:76px!important;min-height:76px!important;
  }
  .ccp-tabs.ccp-tabs--owner button>svg,.ccp-tabs.ccp-tabs--visitor button>svg{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important}
  .ccp-my-subscriptions{padding:15px!important;border-radius:17px!important}
  .ccp-subscription-list a{grid-template-columns:44px minmax(0,1fr) auto!important;padding:8px!important;gap:10px!important}
  .ccp-subscription-list img{width:44px!important;height:44px!important}
}


/* Conservative Smokeshows v3.0.4 — force profile composer primary action to brand pink. */
html body .ccp-composer-wrap .ccmp-submit,
html body .ccp-composer-wrap .ccmp-submit:link,
html body .ccp-composer-wrap .ccmp-submit:visited,
html body .ccp-composer-wrap .ccmp-submit:hover,
html body .ccp-composer-wrap .ccmp-submit:focus,
html body .ccp-composer-wrap .ccmp-submit:active,
html body .ccp-composer-wrap button.ccmp-submit,
html body .ccp-composer-wrap button.ccmp-submit:hover,
html body .ccp-composer-wrap button.ccmp-submit:focus,
html body .ccp-composer-wrap button.ccmp-submit:active{
  background:#DA31D6!important;
  background-image:none!important;
  border-color:#DA31D6!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Conservative Smokeshows v3.0.5 — final brand-color override for the My Profile activity composer. */
html body #ccp-profile-composer .ccmp-standalone-composer button.ccmp-submit,
html body #ccp-profile-composer .ccmp-standalone-composer input.ccmp-submit,
html body #ccp-profile-composer .ccmp-standalone-composer .ccmp-submit,
html body #ccp-profile-composer .ccmp-standalone-composer button[type="submit"],
html body #ccp-profile-composer .ccmp-standalone-composer input[type="submit"]{
  background:#DA31D6!important;
  background-color:#DA31D6!important;
  background-image:none!important;
  border-color:#DA31D6!important;
  box-shadow:0 10px 24px rgba(218,49,214,.22)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body #ccp-profile-composer .ccmp-standalone-composer button.ccmp-submit:hover,
html body #ccp-profile-composer .ccmp-standalone-composer button.ccmp-submit:focus,
html body #ccp-profile-composer .ccmp-standalone-composer button.ccmp-submit:active,
html body #ccp-profile-composer .ccmp-standalone-composer .ccmp-submit:hover,
html body #ccp-profile-composer .ccmp-standalone-composer .ccmp-submit:focus,
html body #ccp-profile-composer .ccmp-standalone-composer .ccmp-submit:active{
  background:#c92bc5!important;
  background-color:#c92bc5!important;
  background-image:none!important;
  border-color:#c92bc5!important;
}

/* Conservative Smokeshows v3.0.6 — left-aligned, horizontally scrollable profile tab rail. */
.ccp-tabs.ccp-tabs--owner,
.ccp-tabs.ccp-tabs--visitor{
  justify-content:flex-start!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
  gap:12px!important;
  padding:16px 18px!important;
}
.ccp-tabs.ccp-tabs--owner::-webkit-scrollbar,
.ccp-tabs.ccp-tabs--visitor::-webkit-scrollbar{display:none!important}
.ccp-tabs.ccp-tabs--owner button,
.ccp-tabs.ccp-tabs--visitor button{
  scroll-snap-align:start;
}
@media(max-width:720px){
  .ccp-tabs.ccp-tabs--owner,
  .ccp-tabs.ccp-tabs--visitor{
    justify-content:flex-start!important;
    gap:10px!important;
    padding:12px!important;
  }
}


/* Conservative Smokeshows v3.0.7 — comfortable left inset for the tab rail. */
.ccp-tabs.ccp-tabs--owner,
.ccp-tabs.ccp-tabs--visitor{
  box-sizing:border-box!important;
  padding-left:26px!important;
  padding-right:18px!important;
  scroll-padding-left:26px!important;
}
@media(max-width:720px){
  .ccp-tabs.ccp-tabs--owner,
  .ccp-tabs.ccp-tabs--visitor{
    padding-left:16px!important;
    padding-right:12px!important;
    scroll-padding-left:16px!important;
  }
}

/* Conservative Smokeshows v3.0.10 — phone conversation close control.
   The open chat is full-screen and the site masthead is fixed above it, so the
   existing top-of-viewport X was hidden under the pink bar (wordmark/hamburger).
   Start the phone chat below that bar and keep the same X, in the chat's top
   corner, wired to the desktop close action. */
@media (max-width:600px){
  #ccp-thread-modal{
    top:var(--ccsws-header-height,58px)!important;
    bottom:0!important;
    height:auto!important;
    max-height:none!important;
  }
  body.admin-bar #ccp-thread-modal{
    top:calc(var(--ccsws-header-height,58px) + 46px)!important;
  }
  #ccp-thread-modal .ccp-thread-modal-card{
    top:0!important;
    bottom:0!important;
    height:100%!important;
    max-height:100%!important;
  }
  #ccp-thread-modal .ccp-thread-mobile-exit{
    display:grid!important;
    place-items:center!important;
    position:absolute!important;
    top:10px!important;
    right:max(12px,env(safe-area-inset-right))!important;
    left:auto!important;
    z-index:90!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:rgba(17,18,20,.06)!important;
    color:#111!important;
    -webkit-text-fill-color:#111!important;
    font:300 26px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
    box-shadow:none!important;
    cursor:pointer!important;
    pointer-events:auto!important;
  }
  #ccp-thread-modal .ccp-thread-header{
    padding-top:10px!important;
    padding-right:max(54px,calc(env(safe-area-inset-right) + 48px))!important;
  }
}

/* Subscription-only activity controls */
.ccp-exclusivity-toggle{display:block;margin:10px 16px;border:1px solid #e4d7df;border-radius:9px;background:#fff;padding:8px 12px;font-weight:700;cursor:pointer;color:#a8217f}
.ccp-locked-media{position:relative;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;background:url("locked-preview.jpg") center center/cover no-repeat;border-radius:18px;margin:12px;padding:24px;color:#fff;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)}.ccp-locked-media:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,9,21,.18) 0%,rgba(18,9,21,.08) 22%,rgba(18,9,21,.15) 46%,rgba(18,9,21,.08) 100%)}.ccp-locked-media>*{position:relative;z-index:1}.ccp-locked-media .ccp-locked-icon{display:none}.ccp-locked-media strong{display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:min(100%,820px);padding:18px 30px;border-radius:28px;background:linear-gradient(180deg,#ff57ef 0%,#da31d6 100%);color:#fff;font-size:clamp(24px,4vw,42px);line-height:1.05;font-weight:900;letter-spacing:-.03em;box-shadow:0 12px 28px rgba(218,49,214,.28)}.ccp-locked-media strong:before{content:"🔒";display:inline-block;line-height:1}.ccp-locked-media p{display:none}.ccp-locked-media a{display:inline-flex;align-items:center;justify-content:center;min-width:min(100%,700px);max-width:700px;min-height:62px;padding:14px 28px;background:#050505!important;color:#fff!important;border-radius:22px;text-decoration:none;font-size:clamp(18px,2.1vw,28px);font-weight:900;line-height:1.1;box-shadow:0 12px 25px rgba(0,0,0,.22)}.ccp-locked-tile{min-height:210px;margin:0;width:100%;gap:12px;padding:18px}.ccp-locked-tile strong{padding:14px 18px;border-radius:22px;font-size:clamp(16px,2.2vw,24px);max-width:100%}.ccp-locked-tile a{min-width:0;max-width:340px;width:100%;min-height:48px;padding:10px 14px;font-size:clamp(14px,1.8vw,18px);border-radius:18px}@media(max-width:700px){.ccp-locked-media{min-height:230px;padding:18px;gap:12px}.ccp-locked-media strong{padding:14px 18px;font-size:clamp(18px,6.8vw,30px);border-radius:22px}.ccp-locked-media a{min-width:0;width:min(100%,360px);min-height:48px;padding:12px 16px;font-size:clamp(15px,4.7vw,22px);border-radius:18px}.ccp-locked-tile{min-height:185px}}


/* v3.1.1 — Fit complete published photos in PROFILE TIMELINE only.
   Media Posts applies a JS-calculated absolute crop for the dashboard.
   These declarations override its inline width/height/translate without
   changing the homepage, creator's gallery grid, composer, or lightbox. */
.ccp-feed .ccp-post .ccmp-activity-image.ccmp-carousel {
  width:100%!important; height:min(72vh,680px)!important;
  max-height:680px!important; aspect-ratio:auto!important;
  overflow:hidden!important; background:#f0f1f3!important;
}
.ccp-feed .ccp-post .ccmp-activity-image .ccmp-carousel-track {
  height:100%!important; min-height:0!important;
}
.ccp-feed .ccp-post .ccmp-activity-image .ccmp-carousel-slide {
  height:100%!important; min-height:0!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
  overflow:hidden!important; background:#f0f1f3!important;
}
.ccp-feed .ccp-post .ccmp-activity-image .ccmp-carousel-slide img.ccmp-feed-image {
  position:static!important; inset:auto!important; left:auto!important; top:auto!important;
  display:block!important; width:auto!important; height:auto!important;
  max-width:100%!important; max-height:100%!important;
  margin:auto!important; padding:0!important;
  transform:none!important; object-fit:contain!important;
  object-position:center center!important; background:transparent!important;
}
/* Single image posts and embedded media use the same uncropped treatment. */
.ccp-feed .ccp-post > .ccmp-activity-media > img:not(.cc-verified-badge),
.ccp-feed .ccp-post > .ccmp-activity-media > video {
  display:block!important; width:auto!important; height:auto!important;
  max-width:100%!important; max-height:min(72vh,680px)!important;
  margin-inline:auto!important; object-fit:contain!important;
  object-position:center!important; transform:none!important;
}
@media(max-width:720px){
  .ccp-feed .ccp-post .ccmp-activity-image.ccmp-carousel {
    height:min(68dvh,580px)!important; max-height:580px!important;
  }
}

/* Single pinned activity card on Editor profiles. */
.ccp-pinned-post{border:2px solid #e65b9e!important;}
.ccp-pinned-label{font-size:12px;font-weight:800;letter-spacing:.035em;color:#cf3f84;padding:12px 16px 0;}
.ccp-pin-toggle{display:block;max-width:max-content;border:1px solid #e65b9e;border-radius:8px;background:transparent;color:#d43c86;cursor:pointer;font-weight:700;font-size:12px;padding:7px 11px;margin:8px 15px;}
.ccp-pin-toggle:hover{background:#fce9f3;}
.ccp-pin-toggle:disabled{opacity:.55;cursor:wait;}

/* v3.2.3: paid-only Viewed Me destination, keeping the tab accessible. */
.ccp-views-paywall{text-align:center;padding:36px 18px 42px;max-width:620px;margin:0 auto}
.ccp-views-lock{font-size:34px;display:block;margin-bottom:12px}
.ccp-views-paywall h3{font-size:clamp(23px,3vw,31px);font-weight:850;line-height:1.2;margin:0 0 12px;color:#171717}
.ccp-views-paywall p{font-size:16px;line-height:1.6;color:#555;margin:0 auto 24px;max-width:470px}
.ccp-views-upgrade{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:12px 30px;border-radius:14px;background:#d923ce;color:#fff!important;text-decoration:none!important;font-weight:800;font-size:17px}
.ccp-views-upgrade:hover,.ccp-views-upgrade:focus{background:#ba1cba;color:#fff!important}

#ccp-interaction-subscription-modal{z-index:2147483000!important}#ccp-interaction-subscription-modal .ccp-interaction-subscribe,#ccp-interaction-subscription-modal .ccp-interaction-premium{display:inline-block;margin:8px 5px 0;padding:13px 18px;background:#da31d6;color:#fff!important;border-radius:12px;font-weight:850;text-decoration:none}#ccp-interaction-subscription-modal .ccp-interaction-premium{background:#111}
/* Single premium CTA — no redundant black button */
.ccp-locked-media{justify-content:center!important;align-items:center!important;gap:0!important}
.ccp-locked-media .ccp-premium-cta{display:inline-flex!important;align-items:center;justify-content:center;min-width:0!important;width:auto!important;max-width:95%!important;min-height:58px;padding:16px 30px!important;background:linear-gradient(180deg,#ff57ef,#da31d6)!important;border-radius:28px!important;box-shadow:0 12px 28px rgba(218,49,214,.28)!important;color:white!important;font-weight:900!important;font-size:clamp(19px,3.8vw,38px)!important;text-align:center;text-decoration:none!important}
.ccp-locked-media .ccp-premium-cta:hover{filter:brightness(.93)}

/* v3.2.9: Compact, native-accessible subscription accordion. */
.ccp-my-subscriptions.ccp-subscriptions-is-collapsible{padding:0!important;border:2px solid #e12bd2!important;overflow:hidden!important;background:#fff!important;}
.ccp-subscriptions-accordion{display:block;width:100%;}
.ccp-subscriptions-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;list-style:none!important;cursor:pointer!important;margin:0!important;padding:17px 20px!important;background:#d92cd2!important;color:#fff!important;font-size:20px!important;font-weight:900!important;line-height:1.3!important;}
.ccp-subscriptions-toggle::-webkit-details-marker{display:none!important;}
.ccp-subscriptions-toggle::marker{content:'';}
.ccp-subscriptions-toggle:focus-visible{outline:3px solid #101010!important;outline-offset:-5px!important;}
.ccp-subscriptions-chevron{flex:none;display:block!important;width:12px;height:12px;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(45deg);transition:transform .15s ease;margin-right:5px;margin-top:-5px;}
.ccp-subscriptions-accordion[open] .ccp-subscriptions-chevron{transform:rotate(225deg);margin-top:5px;}
.ccp-subscriptions-panel{padding:14px!important;background:#fff!important;}
.ccp-subscriptions-panel .ccp-subscription-list{max-height:350px!important;overflow-y:auto!important;overscroll-behavior:contain;padding-right:5px;scrollbar-width:thin;}
.ccp-subscriptions-panel .ccp-no-subscriptions{padding:5px;}
@media(max-width:720px){.ccp-subscriptions-toggle{padding:15px 16px!important;font-size:18px!important}.ccp-subscriptions-panel{padding:10px!important}.ccp-subscriptions-panel .ccp-subscription-list{max-height:320px!important}}

/* Small editorial disclosure outside the profile header and tab content. */
.ccp-ai-content-notice{font-family:inherit!important;font-size:11px!important;font-weight:400!important;line-height:1.4!important;text-align:center!important;color:#a1a1a6!important;letter-spacing:0!important;margin:5px auto 9px!important;padding:0 8px!important;max-width:100%!important;}
.ccp-ai-content-notice--tab{margin:-7px auto 12px!important;}
@media(max-width:600px){.ccp-ai-content-notice{font-size:10px!important;margin:4px auto 8px!important;}}

/* v3.3.1 Premium Content CTA */
.ccp-locked-media .ccp-premium-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;background:#df2bd2!important;color:#fff!important;text-decoration:none!important;}
.ccp-premium-lock{font-size:.78em;line-height:1;flex-shrink:0;}

/* v3.3.3: two equal-width profile actions, creator-specific tips */
.ccp-profile-actions:has(.ccp-send-tip-button),.ccp-profile-actions:has(.ccp-subscribe-button){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch!important}
.ccp-profile-actions>.ccp-send-tip-button{display:flex!important;align-items:center;justify-content:center;min-width:0;min-height:50px!important;padding:0 10px!important;border:0;border-radius:12px;background:#111!important;color:#fff!important;font-size:15px!important;font-weight:800!important;cursor:pointer}
.ccp-profile-actions:has(.ccp-send-tip-button)>.ccp-message-button,.ccp-profile-actions:has(.ccp-subscribe-button)>.ccp-message-button,.ccp-profile-actions>.ccp-subscribe-button{width:100%!important;min-width:0!important;min-height:50px!important;display:flex!important;align-items:center;justify-content:center;text-align:center}
.ccp-tip-overlay[hidden]{display:none!important}.ccp-tip-overlay{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:20px}
.ccp-tip-panel{position:relative;max-width:430px;width:100%;padding:28px 22px;border-radius:18px;background:#fff;color:#181818;box-shadow:0 20px 80px #0006}
.ccp-tip-panel h2{margin:0 0 9px;font-size:24px}.ccp-tip-panel p{line-height:1.5}.ccp-tip-close{position:absolute;right:12px;top:9px;border:0;background:transparent;font-size:30px;cursor:pointer}
.ccp-tip-amounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:17px 0}.ccp-tip-amounts label{cursor:pointer}.ccp-tip-amounts input{position:absolute;opacity:0}.ccp-tip-amounts span{display:block;padding:13px;text-align:center;border:2px solid #eee;border-radius:10px;font-weight:800}.ccp-tip-amounts input:checked+span{border-color:#d82dce;background:#ffeffc}.ccp-tip-amounts input:focus-visible+span{outline:2px solid #333}.ccp-tip-note{font-size:12px;color:#666}.ccp-tip-proceed{width:100%;padding:14px;border:0;border-radius:12px;background:#db2cce;color:#fff;font-weight:800;cursor:pointer}

@media (max-width: 480px){.ccp-tip-amounts{grid-template-columns:1fr!important}}


/* Editor-only, non-overlapping two-card recommendation rail. */
.ccs-random-sidebar-card{background:#fff;border:1px solid #e1e2e6;border-radius:23px;padding:22px;margin:0 0 18px;min-width:0;box-shadow:0 8px 22px rgba(25,25,30,.03)}
.ccs-random-sidebar-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px}
.ccs-random-sidebar-heading h3{font-size:23px;font-weight:900;line-height:1.2;color:#141414;margin:0}
.ccs-random-sidebar-heading>a{color:#d62bd2!important;font-size:13px;font-weight:800;text-decoration:none!important;white-space:nowrap}
.ccs-random-sidebar-member{border:1px solid #e3e3e7;border-radius:20px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 12px 20px;min-width:0}
.ccs-random-sidebar-avatar{height:158px;width:158px;max-width:100%;border:5px solid #f65b90;border-radius:50%;padding:5px;display:block;overflow:hidden}
.ccs-random-sidebar-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.ccs-random-sidebar-name{font-weight:900;font-size:20px;color:#151515!important;text-decoration:none!important;margin-top:14px;line-height:1.25;overflow-wrap:anywhere}
.ccs-random-sidebar-handle{color:#888b92;font-size:14px;margin-top:7px;overflow-wrap:anywhere}
.ccs-random-sidebar-view{background:#101010;color:#fff!important;text-decoration:none!important;border-radius:30px;padding:10px 24px;min-width:90px;font-weight:800;margin-top:16px}
.ccs-random-sidebar-empty{padding:16px;color:#777;text-align:center}