/* R87 Run 55 · approved People / Create / Pulse interiors · Global network header & Messenger untouched. */
/* Contrast tokens */
.qs-r53-people,.qs-r53-pulse,.qs-premium-compose{--qs55-blue:#0769f8;--qs55-edge:#acd1ff;--qs55-soft:#e9f3ff;--qs55-ink:var(--qs-text,#142342)}
/* HERO CREATE: the actual existing orb, not a duplicate button. High-contrast light and Midnight. */
body.qs-r21-unified.has-tabbar .qs-mobile-nav .qs-r59-create-orb,
body.has-tabbar .qs-r59-mobile-nav .qs-r59-create-orb{
 background:#fff!important;background-image:none!important;
 border:2px solid #187cff!important;border-radius:19px!important;
 box-shadow:0 0 0 3px rgba(255,255,255,.95),0 4px 15px rgba(16,94,199,.16)!important;
 color:#086efb!important;isolation:isolate
}
body.has-tabbar .qs-r59-create-orb .qs52-create-mark{width:80%!important;height:80%!important;filter:drop-shadow(0 0 0 transparent)!important;opacity:1!important;display:block!important}
html[data-theme="dark"] body.qs-r21-unified.has-tabbar .qs-mobile-nav .qs-r59-create-orb,
html[data-theme="dark"] body.has-tabbar .qs-r59-mobile-nav .qs-r59-create-orb{
 background:#0c1b31!important;background-image:none!important;
 border:2px solid #168cff!important;box-shadow:0 0 0 3px #13263e,0 4px 18px rgba(0,111,247,.24)!important
}
body.has-tabbar .qs-r59-create:focus-visible .qs-r59-create-orb{outline:3px solid #3acbff!important;outline-offset:3px!important}
/* People: identity-quality art, connected profile bubbles from the ACTUAL directory. */
.qs-r53-people .qs-r16-people-head.qs43-pagebar{position:relative!important;min-height:158px!important;overflow:hidden!important;align-items:flex-start!important;padding:17px 16px!important;border:1px solid #cae2ff!important;border-radius:25px!important;background:#edf6ff url('/assets/qrs-r55-people-network.svg') right center/auto 100% no-repeat!important;box-shadow:0 9px 24px rgba(38,105,203,.075)!important;isolation:isolate}
.qs-r53-people .qs-r16-people-head.qs43-pagebar:before{content:'';position:absolute;inset:0;background:linear-gradient(98deg,rgba(248,252,255,.94) 0%,rgba(246,251,255,.75) 52%,transparent 100%);z-index:-1;pointer-events:none}
.qs-r53-people .qs-r16-people-head .qs43-page-name,.qs-r53-people .qs-r16-people-head .qs43-page-action{position:relative;z-index:2}
.qs-r53-people .qs-r16-people-head .qs43-page-action{background:#076dfe!important;border:1px solid #4c99ff!important;color:#fff!important;box-shadow:0 4px 12px rgba(10,104,226,.13)!important}
.qs-r53-people .qs55-network-portraits{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:0;z-index:1;pointer-events:none}
.qs-r53-people .qs55-network-person{width:48px;height:48px;margin-left:-7px;display:grid;place-items:center;overflow:hidden;background:#e5f2ff;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #83bbfc,0 5px 13px rgba(26,87,153,.12)}
.qs-r53-people .qs55-network-person:nth-child(2){transform:translateY(-23px)}
.qs-r53-people .qs55-network-person:nth-child(3){transform:translateY(3px)}
.qs-r53-people .qs55-network-person:nth-child(4){transform:translateY(-18px)}
.qs-r53-people .qs55-network-person img{width:100%;height:100%;object-fit:cover}
.qs-r53-people .qs55-network-person b{color:#1165c4;font-size:18px}
.qs-r53-people .qs-r16-circles{background:linear-gradient(115deg,#f5faff,#e9edff 52%,#dcf8fa)!important;border-color:#c7e0ff!important;border-radius:21px!important;padding:15px!important;box-shadow:0 5px 15px rgba(45,108,178,.055)!important}
.qs-r53-people .qs-r16-circles .qs-primary{background:#fff!important;border:1px solid #73b2fb!important;color:#075dd0!important;box-shadow:none!important}
.qs-r53-people .qs-people-grid>.qs-person-card{background:var(--qs53-surface)!important;border:1px solid var(--qs53-line)!important}
.qs-r53-people .qs-person-actions>a,.qs-r53-people .qs-person-actions>button{background:#f8fbff!important;border:1.5px solid #85b9ff!important;color:#076cf1!important;opacity:1!important;filter:none!important}
.qs-r53-people .qs-person-actions>a::after,.qs-r53-people .qs-person-actions>button::after{color:#086ff6!important;opacity:1!important;filter:none!important}
.qs-r53-people .qs-person-actions>.qs-friend-state-button.is-friends{background:#086dfa!important;border-color:#086dfa!important;color:#fff!important}
.qs-r53-people .qs-person-actions>.qs-friend-state-button.is-friends::after{color:#fff!important}
.qs-r53-people .qs-person-actions :is(a,button):focus-visible{outline:3px solid #31b4ff!important;outline-offset:3px}
/* Pulse: waveform title art and content-first color separation, no fake timeline content */
.qs-r53-pulse .qs-r65-pulse-head.qs43-pagebar{position:relative!important;min-height:102px!important;padding:18px 14px!important;border-radius:24px!important;border:1px solid #c9e1ff!important;overflow:hidden!important;background:#eef7ff url('/assets/qrs-r55-pulse-wave.svg') right center/auto 100% no-repeat!important;box-shadow:0 7px 22px rgba(28,101,188,.06)!important}
.qs-r53-pulse .qs-r65-pulse-head .qs-r14-pulse-title,.qs-r53-pulse .qs-r65-pulse-head .qs-r65-pulse-actions{position:relative;z-index:1}
.qs-r53-pulse .qs-r65-tune{background:#0671f7!important;border-color:#0671f7!important;color:#fff!important;filter:none!important;opacity:1!important}
.qs-r53-pulse .qs-r65-pulse-tabs{border:1px solid #d5e6fa!important;box-shadow:0 3px 12px rgba(42,88,160,.06)!important}
.qs-r53-pulse .qs-r65-pulse-tabs a.is-active{background:#096cf6!important;color:#fff!important}
.qs-r53-pulse .qs-r65-live-people{border-radius:21px!important;padding:12px 8px 10px!important;background:color-mix(in srgb,#f2f9ff 80%,var(--qs53-surface))!important}
.qs-r53-pulse .qs-r65-create{border:1px solid #d6e7fa!important;box-shadow:0 5px 17px rgba(27,91,170,.055)!important}
.qs-r53-pulse .qs-r65-create-tools :is(button,a){border:1px solid #c9e1ff!important;box-shadow:0 3px 10px rgba(38,94,177,.04)!important;opacity:1!important;filter:none!important}
.qs-r53-pulse .qs-r65-create-tools :is(button,a):active{transform:scale(.985)}
.qs-r53-pulse .qs-r14-connection-bar>a:first-child{background:linear-gradient(105deg,#f1e6ff,#e6f2ff,#dceeff)!important;border-color:#cedafa!important;box-shadow:0 4px 15px rgba(68,84,186,.07)!important}
.qs-r53-pulse .qs-r65-feed>.qs-post-card{border:1px solid var(--qs53-line)!important;box-shadow:0 4px 13px rgba(21,72,135,.035)!important}
/* Create studio: contrasting shortcuts, vivid SkyMind, readable action buttons */
.qs-premium-compose.qs-compose-modal{background:var(--qs53-surface)!important}
.qs-premium-compose .qs-compose-modal-head{background:linear-gradient(110deg,var(--qs53-surface),color-mix(in srgb,#ddf1ff 38%,var(--qs53-surface)))!important}
.qs-premium-compose .qs-r65-studio-shortcuts :is(button,a):first-child{background:#096ffa!important;color:#fff!important;border-color:#096ffa!important}
.qs-premium-compose .qs-r65-studio-shortcuts :is(button,a):first-child::before{color:#fff!important}
.qs-premium-compose .qs-r65-studio-shortcuts :is(button,a){border:1px solid #d1e3fb!important;box-shadow:0 3px 9px rgba(21,76,145,.045)!important}
.qs-premium-compose .qs-r67-compose-assist{background:linear-gradient(115deg,#eaf6ff,#eef2ff)!important;border-color:#c9e1ff!important}
.qs-premium-compose .qs-r67-compose-assist button{border:1px solid #d2e5fb!important;color:#14365b!important;background:#fff!important;opacity:1!important}
.qs-premium-compose .qs-compose-options button[type=submit]{background:linear-gradient(110deg,#057ffb,#5545f4)!important;color:#fff!important;opacity:1!important;filter:none!important}
.qs-premium-compose .qs-compose-options button:focus-visible{outline:3px solid #31a8ff!important;outline-offset:2px}
/* Midnight, intentional deep navy against electric-blue borders. */
html[data-theme="dark"] .qs-r53-people .qs-r16-people-head.qs43-pagebar{background-color:#122842!important;border-color:#355d91!important}
html[data-theme="dark"] .qs-r53-people .qs-r16-people-head.qs43-pagebar:before{background:linear-gradient(95deg,rgba(10,23,43,.94),rgba(10,27,48,.7) 48%,transparent)!important}
html[data-theme="dark"] .qs-r53-people .qs55-network-person{border-color:#1d3c62;background:#253e60;box-shadow:0 0 0 1px #3fa6ff}
html[data-theme="dark"] .qs-r53-people .qs-r16-circles{background:linear-gradient(110deg,#16283f,#253158,#153d50)!important;border-color:#3a5a83!important}
html[data-theme="dark"] .qs-r53-people .qs-r16-circles .qs-primary{background:#192d49!important;color:#8fc9ff!important;border-color:#4585cf!important}
html[data-theme="dark"] .qs-r53-people .qs-person-actions>a,html[data-theme="dark"] .qs-r53-people .qs-person-actions>button{background:#11253f!important;border-color:#387fcb!important;color:#85c4ff!important}
html[data-theme="dark"] .qs-r53-people .qs-person-actions :is(a,button)::after{color:#82c1ff!important}
html[data-theme="dark"] .qs-r53-people .qs-person-actions>.qs-friend-state-button.is-friends{background:#075fcd!important;color:#fff!important}
html[data-theme="dark"] .qs-r53-people .qs-person-actions>.qs-friend-state-button.is-friends::after{color:#fff!important}
html[data-theme="dark"] .qs-r53-pulse .qs-r65-pulse-head.qs43-pagebar{background-color:#11243f!important;border-color:#345c85!important}
html[data-theme="dark"] .qs-r53-pulse .qs-r65-pulse-tabs{background:#122841!important;border-color:#2e4b74!important}
html[data-theme="dark"] .qs-r53-pulse .qs-r65-pulse-tabs a.is-active{background:#075cca!important;color:#fff!important}
html[data-theme="dark"] .qs-r53-pulse .qs-r65-live-people{background:#142941!important;border:1px solid #28496b!important}
html[data-theme="dark"] .qs-r53-pulse .qs-r65-create{border-color:#355276!important;background:#152941!important}
html[data-theme="dark"] .qs-r53-pulse .qs-r65-create-tools :is(button,a){background:#132a45!important;border-color:#345478!important;color:#def0ff!important}
html[data-theme="dark"] .qs-r53-pulse .qs-r14-connection-bar>a:first-child{background:linear-gradient(110deg,#242044,#193753)!important;border-color:#3c547a!important}
html[data-theme="dark"] .qs-premium-compose .qs-r65-studio-shortcuts :is(button,a){background:#192d48!important;border-color:#37547a!important;color:#e9f4ff!important}
html[data-theme="dark"] .qs-premium-compose .qs-r65-studio-shortcuts :is(button,a):first-child{background:#0963da!important;border-color:#2c95fb!important;color:white!important}
html[data-theme="dark"] .qs-premium-compose .qs-r67-compose-assist{background:linear-gradient(110deg,#19304e,#25234b)!important;border-color:#365b85!important}
html[data-theme="dark"] .qs-premium-compose .qs-r67-compose-assist button{background:#223957!important;border-color:#426286!important;color:#f0f6ff!important}
/* Mobile sizing: cards never create horizontal page overflow. */
@media(max-width:700px){
 .qs-r53-people .qs-r16-people-head.qs43-pagebar{margin-bottom:10px!important}
 .qs-r53-people .qs55-network-person{width:41px;height:41px}
 .qs-r53-pulse .qs-r65-pulse-head.qs43-pagebar{margin:0 11px 9px!important;min-height:94px!important}
 .qs-r53-pulse .qs-r65-pulse-actions{gap:4px!important}
 .qs-r53-pulse .qs-r65-tune,.qs-r53-pulse .qs-r65-focus{min-width:0!important}
 .qs-premium-compose .qs-r65-studio-shortcuts{gap:5px!important}
}
@media(max-width:360px){
 .qs-r53-people .qs-r16-people-head.qs43-pagebar{min-height:142px!important;padding:12px!important}
 .qs-r53-people .qs55-network-portraits{right:10px;bottom:9px}
 .qs-r53-people .qs55-network-person:nth-child(n+4){display:none}
 .qs-r53-pulse .qs-r65-pulse-head.qs43-pagebar{padding:11px 9px!important}
 .qs-r53-pulse .qs-r65-pulse-actions{gap:3px!important}
}
@media(prefers-reduced-motion:reduce){.qs-r53-people *, .qs-r53-pulse *,.qs-premium-compose *{animation:none!important;transition:none!important}}
/* Keep the real six creation shortcuts on one swipeable, compact line on phones. */
@media(max-width:700px){
 .qs-premium-compose .qs-r65-studio-shortcuts{display:grid!important;grid-template-columns:repeat(6,minmax(54px,1fr))!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important;max-width:100%!important;padding:2px 2px 5px!important}
 .qs-premium-compose .qs-r65-studio-shortcuts::-webkit-scrollbar{display:none}
 .qs-premium-compose .qs-r65-studio-shortcuts :is(a,button){font-size:10px!important;min-height:56px!important}
}
/* Account for padded roots in standalone routes and shared composer containers. */
.qs-r53-people,.qs-r53-pulse,.qs-premium-compose{box-sizing:border-box!important;max-width:100%}
