/* 2026-10-26: Social clean-up. Stories stay on Home; Notes live in Messages.
   Keep keyboard focus for actual controls, never draw focus around whole page. */
#main:focus,#main:focus-visible,
#view-explore:focus,#view-explore:focus-visible,
#view-explore:focus-within,
#creator-highlights:focus,#creator-highlights:focus-within{
 outline:none!important;outline-offset:0!important;box-shadow:none!important;
}
#view-inbox #creator-inbox-stories{display:none!important}
#view-explore #creator-highlights #highlight-items{
 display:flex!important;flex-wrap:nowrap!important;min-width:0;max-width:100%;
 overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;
 -webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;
}
#view-explore #creator-highlights #highlight-items::-webkit-scrollbar{display:none}
#view-explore #creator-highlights .creator-highlight{
 flex:0 0 84px!important;width:84px!important;min-width:84px!important;
 max-width:84px!important;scroll-snap-align:start;
 -webkit-tap-highlight-color:transparent;
}
#view-explore #creator-highlights .creator-story-add .creator-add-story-circle.has-active-story{
 border:3px solid #69a7f9!important;background:#111d30!important;
 box-shadow:0 0 0 2px #0e192b!important;
}
#view-explore #creator-highlights .creator-story-add .creator-add-story-circle.has-active-story>img{
 object-fit:cover!important;display:block!important;width:100%!important;height:100%!important;
}
#view-explore #creator-highlights .creator-highlight:focus:not(:focus-visible){
 outline:none!important;box-shadow:none!important;
}
#view-inbox .creator-note-item{scroll-snap-align:start}
/* Stable aligned Notes row: adding text won't move profile circles vertically. */
#view-inbox .creator-notes-list .creator-note-bubble{
 height:58px!important;min-height:58px!important;max-height:58px!important;
 overflow:visible;flex:0 0 58px!important;
}
#view-inbox .creator-note-bubble .creator-note-text{
 overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
}
#view-inbox .creator-dm-call-event{
 width:fit-content;max-width:min(82%,270px);min-height:0;
 gap:8px;padding:8px 12px;border-radius:15px;
}
#view-inbox .creator-dm-call-event strong{font-size:12px;font-weight:700}
#view-inbox .creator-dm-call-event small{font-size:10px}
#view-inbox #creator-chat-emoji-toggle,
#view-inbox #creator-chat-emoji-panel{display:none!important}
#view-inbox #inbox-thread-panel .creator-chat-reaction-panel{
 display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;
 gap:3px!important;align-items:center;justify-content:center;
 box-sizing:border-box;width:min(340px,calc(100vw - 28px))!important;
 max-height:min(228px,40dvh)!important;overflow-x:hidden!important;
 overflow-y:auto!important;overscroll-behavior:contain;
 border-radius:18px!important;padding:9px!important;
 -webkit-overflow-scrolling:touch;
}
#view-inbox #inbox-thread-panel #creator-chat-reaction-panel[hidden]{display:none!important}
#view-inbox .creator-chat-reaction-option{
 display:grid;place-items:center;box-sizing:border-box;
 min-width:0!important;width:100%!important;min-height:38px;height:38px!important;
 font-size:24px!important;-webkit-user-select:none!important;
 user-select:none!important;-webkit-touch-callout:none!important;
}
#view-inbox #creator-chat-quick-reaction{
 -webkit-user-select:none!important;user-select:none!important;
 -webkit-touch-callout:none!important;touch-action:manipulation;
}
@media(max-width:780px){
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel .creator-chat-compose-dock{
  grid-template-columns:116px minmax(0,1fr)!important;
  gap:4px!important;min-height:0;overflow:visible;
 }
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel #inbox-send-form{
  display:grid!important;grid-template-columns:minmax(0,1fr) 39px!important;
  grid-auto-flow:row;gap:3px!important;align-items:center!important;
  min-width:0;margin:0!important;
 }
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel #inbox-send-form #creator-chat-quick-reaction{
  grid-column:2;width:39px!important;min-width:39px!important;
  height:44px;align-self:end;margin:0;
 }
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel #inbox-send-form #inbox-message-text{
  grid-column:1;min-width:0!important;width:100%!important;max-width:100%!important;
 }
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel #inbox-send-form #creator-chat-send:not([hidden]){
  grid-column:2!important;min-width:57px!important;justify-self:end;
 }
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel .creator-chat-compose-dock:has(#creator-chat-send:not([hidden])) #inbox-send-form{
  grid-column:1/-1!important;grid-template-columns:minmax(0,1fr) auto!important;
 }
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel .creator-dm-media-tools{
  overflow-x:hidden!important;overflow-y:hidden!important;touch-action:manipulation!important;
 }
 body.creator-inbox-screen.creator-chat-open #view-inbox #inbox-thread-panel .creator-chat-compose-dock{
  padding:5px 2px calc(7px + env(safe-area-inset-bottom,0px))!important;
 }
 #view-explore #creator-highlights .highlights-heading small{display:none}
 #view-explore #creator-highlights #highlight-items{touch-action:pan-x}
}