/* BTB Social: compact native-feeling Stories and personal page.
   Scope to Social only; leave creator shop, moderation and business tools intact. */
#view-stories{min-width:0}
#view-stories>.creator-stories-head{gap:8px;margin:5px 2px 10px}
#view-stories>.creator-stories-head h2{font-size:clamp(22px,5vw,29px);margin:0}
#view-stories>.creator-stories-head .eyebrow,#view-stories>.creator-stories-head p{display:none}
#view-stories>.creator-stories-head [data-open-story-archive]{min-height:38px;padding:7px 12px;font-size:12px}
#view-stories>.creator-story-compose{max-width:100%;padding:0!important;margin:4px 0 14px!important;overflow:hidden}
#view-stories>.creator-story-compose>summary{box-sizing:border-box;padding:13px 15px;font-size:15px;min-height:45px}
#view-stories>.creator-story-compose:not([open]){background:transparent;border:1px solid #315277;border-radius:13px}
#view-stories>.creator-story-compose[open]{padding:0 10px 12px!important}
#view-stories #story-text{min-height:65px!important;max-height:130px;padding:12px!important}
#view-stories .creator-story-pickers{gap:6px}
#view-stories .creator-story-compose-actions{gap:6px}
#view-stories .creator-story-compose-actions>*{font-size:12px!important;min-height:41px;min-width:0;flex:1 1 auto;padding:8px 6px}
#view-stories .creator-story-selected-media{max-height:300px;overflow:hidden}
#view-stories .creator-story-selected-media img,#view-stories .creator-story-selected-media video{max-height:260px;object-fit:contain}
#view-stories .btb-story-rail-heading{display:flex;align-items:baseline;gap:10px;justify-content:space-between;margin:9px 3px}
#view-stories .btb-story-rail-heading h3{margin:0;font-size:16px}
#view-stories .btb-story-rail-heading small{font-size:11px;color:#a4b8d3}
#view-stories .btb-story-circle-row{display:flex;gap:15px;align-items:flex-start;min-height:102px;max-width:100%;padding:7px 5px 9px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none}
#view-stories .btb-story-circle-row::-webkit-scrollbar{display:none}
#view-stories .btb-story-circle{display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 72px;min-width:72px;max-width:72px;padding:0;background:none;border:0;color:#f3f7ff;scroll-snap-align:start}
#view-stories .btb-story-circle .avatar{box-sizing:border-box;display:grid;place-items:center;width:62px;height:62px;min-width:62px;min-height:62px;border:3px solid #5296f1;border-radius:50%;overflow:hidden;font-size:24px;box-shadow:0 0 0 2px #12294c}
#view-stories .btb-story-circle .avatar img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%}
#view-stories .btb-story-circle-label{max-width:72px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;line-height:1.25}
#view-stories .btb-story-circle:focus-visible{outline:2px solid #82bdff;outline-offset:4px;border-radius:8px}
#view-stories .btb-story-circle-add .avatar{border-style:dashed;color:#afd4ff}
#view-myprofile{display:flex;flex-direction:column;min-width:0}
#view-myprofile[hidden]{display:none!important} /* Keep other Social tabs from rendering My Page underneath. */
#view-myprofile>.social-head{order:0;margin:0 0 8px;min-height:0}
#view-myprofile>.social-head .eyebrow,#view-myprofile>.social-head p{display:none}
#view-myprofile>.social-head h2{font-size:20px;margin:0}
#view-myprofile>.profile-panel-group[data-profile-section="profile"]{display:contents}
#view-myprofile>.profile-panel-group[data-profile-section="profile"][hidden]{display:none!important}
#view-myprofile>.profile-panel-group:not([data-profile-section="profile"]){order:5;min-width:0}
#view-myprofile #profile-summary{order:1;margin:0!important;border-radius:11px!important}
#view-myprofile>.profile-tabs{order:2;display:flex;max-width:100%;width:100%;justify-content:space-between;gap:0;margin:10px 0 5px;padding:0;border-bottom:1px solid #324765;overflow-x:auto}
#view-myprofile>.profile-tabs>button{flex:1 0 auto!important;min-width:0!important;min-height:43px!important;padding:9px 7px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#bbcee4;font-size:12px!important;font-weight:700}
#view-myprofile>.profile-tabs>button.is-active{border-bottom:2px solid #6fb5ff!important;color:#fff!important}
#view-myprofile>.profile-tabs>.profile-more-toggle{min-width:50px!important;flex:0 0 54px!important}
#view-myprofile>#creator-profile-more-options{order:3;margin:0 0 7px!important;padding:7px!important}
#view-myprofile>#creator-profile-more-options[hidden]{display:none!important}
#view-myprofile #creator-profile-home-content{order:4;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;margin:0 0 10px!important}
#view-myprofile #creator-profile-home-content .creator-profile-home-heading{display:none!important}
#view-myprofile #profile-home-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px!important;margin:0!important}
#view-myprofile #profile-home-gallery .creator-media-tile{width:100%;border-radius:1px!important;aspect-ratio:1/1}
#view-myprofile #creator-profile-home-content .creator-profile-home-footer{justify-content:center;padding:9px}
#view-myprofile #creator-profile-home-content .creator-profile-home-footer>.btn{min-height:37px;font-size:11px}
#view-myprofile .btb-creator-feature-links{order:6;display:none!important}
#view-myprofile #creator-profile-editor{order:7;margin:8px 0}
#view-myprofile #profile-summary .creator-own-cover{min-height:92px!important;height:92px!important}
#view-myprofile #profile-summary .creator-cover-caption{display:none!important}
#view-myprofile #profile-summary .creator-cover-edit{right:8px;bottom:8px;min-height:32px;padding:5px 10px}
#view-myprofile #profile-summary .creator-profile-identity{margin-top:-29px;gap:10px}
#view-myprofile #profile-summary .creator-avatar-edit .avatar{width:68px;height:68px;min-width:68px}
#view-myprofile #profile-summary .creator-profile-identity h3{font-size:20px}
#view-myprofile #profile-summary .creator-bio{margin-top:6px;line-height:1.35;font-size:13px}
#view-myprofile #profile-summary .creator-profile-stats{margin-top:7px;margin-bottom:8px;gap:18px}
#view-myprofile #profile-summary .creator-profile-stats b{font-size:14px}
#view-myprofile #profile-summary .creator-profile-quick-actions{display:flex;flex-wrap:nowrap;gap:7px;padding:7px 13px 11px}
#view-myprofile #profile-summary .creator-profile-quick-actions>*{flex:1 1 0;min-width:0!important;min-height:38px!important;padding:8px 6px!important;font-size:12px!important;white-space:normal}
#view-myprofile #profile-summary .creator-profile-quick-actions>*:nth-child(n+4){display:none!important}
#view-myprofile #profile-summary .creator-profile-quick-actions .btb-messages-glyph{display:none}
#view-myprofile .creator-profile-no-media{min-height:135px;display:flex;flex-direction:column;justify-content:center;align-items:center}
#view-myprofile .creator-profile-no-media>p{margin:7px 0}
#view-myprofile [hidden]{display:none!important}
#story-viewer #story-viewer-comment{display:grid;place-items:center;flex:0 0 41px;width:41px;height:41px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.24);color:#fff;font-size:27px}
#story-viewer #story-viewer-comment[hidden]{display:none!important}
#story-viewer .btb-story-comment-sheet{z-index:50;max-height:72dvh}
#story-viewer .btb-story-comment-list{display:flex;flex-direction:column;gap:9px;flex:1 1 auto;min-height:66px;overflow:auto;padding:3px 0 12px}
#story-viewer .btb-story-comment-line{display:flex;align-items:flex-start;gap:8px}
#story-viewer .btb-story-comment-line .avatar{flex:0 0 32px;width:32px;height:32px}
#story-viewer .btb-story-comment-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
#story-viewer .btb-story-comment-text strong{font-size:12px}
#story-viewer .btb-story-comment-text p{font-size:12px;line-height:1.4;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
#story-viewer .btb-story-comment-line [data-story-comment-remove]{font-size:11px;min-height:30px;color:#c9d9eb;background:none;border:0}
#story-viewer #story-comment-form{display:flex;align-items:center;gap:7px;margin:4px 0 0}
#story-viewer #story-comment-text{flex:1 1 auto;min-width:0;min-height:43px;border:1px solid #536e94;border-radius:22px;padding:9px 13px;background:#0b192e;color:#fff;font-size:16px}
#story-viewer #story-comment-form button{min-width:56px;min-height:42px;border:0;border-radius:18px;background:#236cce;color:#fff;font-weight:800}
@media(max-width:780px){
 #view-myprofile>.profile-tabs>button{font-size:11px!important;padding:8px 5px!important}
 #view-myprofile #profile-summary .creator-profile-quick-actions{gap:5px}
 #story-viewer #story-viewer-comment{width:38px;height:38px;flex-basis:38px}
}
@media(prefers-reduced-motion:reduce){#view-stories .btb-story-circle{scroll-behavior:auto}}


#view-myprofile #profile-home-text-posts:empty{display:none!important}
#view-myprofile #profile-home-text-posts{margin:8px 0 12px;display:flex;flex-direction:column;border-top:1px solid #293d58}
#view-myprofile .btb-profile-post-heading{font-size:14px;padding:10px 5px 3px;margin:0}
#view-myprofile .btb-profile-post-entry{display:flex;flex-direction:column;gap:5px;min-height:58px;padding:11px 6px;
 background:transparent;border:0;border-bottom:1px solid #253851;color:#edf6ff;text-align:left;cursor:pointer}
#view-myprofile .btb-profile-post-entry>span{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
#view-myprofile .btb-profile-post-entry>small{color:#9fb8d6;font-size:11px}
#view-myprofile .btb-profile-post-entry:focus-visible{outline:2px solid #87c7ff;outline-offset:-2px}
#view-stories .btb-story-circle-row>.empty-state{width:100%;flex:1 1 auto}
.btb-photo-looks-hint{display:block;margin:0 9px 7px;color:#b8cde6;font-size:11px}