/* QRSocial R59 — Social + Commercial Finish
   One modern social shell across feed, people, profile, Messenger and Phone. */
:root{
  --r59-violet:#7457ff;--r59-blue:#247dff;--r59-cyan:#3bd8ff;--r59-pink:#e54cff;--r59-green:#14c98a;
  --r59-gradient:linear-gradient(135deg,var(--r59-violet) 0%,var(--r59-blue) 68%,var(--r59-cyan) 125%);
  --r59-glow:0 14px 42px rgba(70,79,255,.20);
}
/* shell */
body.has-tabbar{background:
 radial-gradient(circle at 78% -10%,color-mix(in srgb,var(--r59-violet) 7%,transparent),transparent 34%),
 radial-gradient(circle at 18% 108%,color-mix(in srgb,var(--r59-blue) 5%,transparent),transparent 32%),var(--qs-bg)}
.qs-sidebar{width:260px!important;padding:18px 14px 14px!important;background:color-mix(in srgb,var(--qs-surface) 94%,transparent)!important;box-shadow:10px 0 40px rgba(23,31,48,.025)}
body.has-tabbar{padding-left:260px!important}.qs-brand{padding:4px 8px 18px!important}.qs-brand-logo{max-width:154px!important;max-height:37px!important;object-fit:contain!important}.qs-brand-copy{display:none!important}
.qs-sidebar-section-label{padding:0 12px 8px!important;color:var(--qs-text-tertiary)!important}.qs-nav-list{gap:2px!important}.qs-nav-item{min-height:44px!important;border-radius:15px!important;padding:10px 12px!important;font-weight:680!important}.qs-nav-item.is-active{background:color-mix(in srgb,var(--r59-violet) 10%,var(--qs-surface))!important;color:var(--qs-text)!important;box-shadow:none!important}.qs-nav-item.is-active .qs-nav-icon{color:var(--r59-violet)!important}.qs-nav-item:hover{transform:none!important;background:var(--qs-surface-muted)!important}.qs-nav-icon{font-size:16px!important}
.qs-create-button{min-height:48px!important;border-radius:16px!important;background:var(--r59-gradient)!important;box-shadow:var(--r59-glow)!important;letter-spacing:-.01em}.qs-sidebar-more,.qs-nerddi-entry{border-radius:16px!important}.qs-sidebar-user{margin-top:10px!important}.qs-user-chip img,.qs-user-chip>span{border-radius:50%!important}
.qs-topbar{background:color-mix(in srgb,var(--qs-surface) 88%,transparent)!important;border-bottom:1px solid var(--qs-line)!important;backdrop-filter:blur(22px) saturate(1.2)!important;-webkit-backdrop-filter:blur(22px) saturate(1.2)!important}
.qs-mobile-logo{width:auto!important;max-width:88px!important;height:28px!important}.qs-circle-button{border-radius:15px!important}
/* modern drawer */
#menu-drawer.qs-network-drawer{background:color-mix(in srgb,var(--qs-surface) 97%,transparent)!important;box-shadow:30px 0 80px rgba(10,15,28,.20)!important}#menu-drawer .menu-link{border-radius:14px!important;min-height:46px!important}#menu-drawer .menu-link:hover{background:var(--qs-surface-muted)!important}#menu-drawer .qs-drawer-identity{border-radius:20px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--r59-violet) 7%,var(--qs-surface)),var(--qs-surface))!important;border:1px solid color-mix(in srgb,var(--r59-violet) 15%,var(--qs-line))!important}
/* unified page headers */
.qs-social-modern .qs-page-hero-r38,.qs-inbox .qs-page-hero-r38,.qs-calls-page .qs-page-hero-r38{border:1px solid color-mix(in srgb,var(--qs-line) 82%,transparent)!important;box-shadow:0 16px 46px rgba(22,30,48,.065)!important}.qs-page-hero-r36-eyebrow{letter-spacing:.18em!important;font-weight:850!important}.qs-page-hero-r36-copy h1{letter-spacing:-.055em!important}.qs-page-hero-r36-copy p{color:var(--qs-text-secondary)!important}
/* Home = fast feed, not a dashboard */
.qs-home-surface .qs-page-hero-r38{min-height:112px!important;margin:2px 0 14px!important;border-radius:24px!important}.qs-home-surface .qs-page-hero-r36-copy{padding:18px 22px!important}.qs-home-surface .qs-page-hero-r36-copy h1{font-size:33px!important}.qs-home-surface .qs-page-hero-r36-copy p{font-size:11.5px!important}.qs-home-surface .qs-story-rail{margin:0 0 12px!important;padding:5px 1px 7px!important}.qs-story-ring>span{border-radius:50%!important;box-shadow:0 0 0 2px var(--qs-surface),0 0 0 4px color-mix(in srgb,var(--r59-violet) 70%,var(--r59-pink))!important}.qs-story-ring.is-viewed>span{box-shadow:0 0 0 2px var(--qs-surface),0 0 0 3px var(--qs-line)!important}
.qs-r59-feed-tabs{display:flex;gap:5px;overflow-x:auto;margin:0 0 12px;padding:4px;border:1px solid var(--qs-line);border-radius:999px;background:color-mix(in srgb,var(--qs-surface) 90%,transparent);scrollbar-width:none}.qs-r59-feed-tabs::-webkit-scrollbar{display:none}.qs-r59-feed-tabs a{flex:1;min-width:82px;min-height:37px;display:grid;place-items:center;padding:0 13px;border-radius:999px;text-decoration:none;color:var(--qs-muted);font-size:10.5px;font-weight:820;white-space:nowrap}.qs-r59-feed-tabs a.is-active{color:white;background:var(--r59-gradient);box-shadow:0 6px 18px rgba(75,81,255,.18)}
.qs-network-pulse{margin:0 0 12px!important;border-radius:18px!important;overflow:hidden!important;background:var(--qs-surface)!important;border:1px solid var(--qs-line)!important;box-shadow:0 6px 22px rgba(22,30,48,.045)!important}.qs-network-pulse a{border:0!important;border-right:1px solid var(--qs-line)!important}.qs-network-pulse a:last-child{border-right:0!important}.qs-network-pulse strong{font-size:15px!important}.qs-network-pulse span{font-size:8.5px!important}
.qs-composer-launcher{border-radius:24px!important;padding:14px!important;margin-bottom:14px!important}.qs-composer-avatar{width:42px!important;height:42px!important;border-radius:50%!important}.qs-compose-prompt{min-height:43px!important;border-radius:999px!important;background:var(--qs-surface-muted)!important;text-align:left!important;padding:0 16px!important;font-size:12px!important}.qs-composer-bottom{padding-top:10px!important}.qs-compose-tool{border-radius:12px!important}.qs-composer-launcher .qs-primary{background:var(--r59-gradient)!important;border:0!important;border-radius:13px!important}
.qs-post-card{overflow:hidden!important;content-visibility:auto;contain-intrinsic-size:620px}.qs-home-surface .qs-post-card{border-radius:24px!important;margin-bottom:13px!important;border:1px solid color-mix(in srgb,var(--qs-line) 78%,transparent)!important;box-shadow:0 7px 24px rgba(22,30,48,.055)!important}.qs-home-surface .qs-post-head{padding:14px 15px 7px!important}.qs-home-surface .qs-post-body{padding:10px 15px 14px!important}.qs-home-surface .qs-post-author>img,.qs-home-surface .qs-post-author>span{width:42px!important;height:42px!important;border-radius:50%!important}.qs-home-surface .qs-post-author strong{font-size:12.5px!important}.qs-home-surface .qs-post-body{font-size:13px!important;line-height:1.52!important}.qs-post-media-grid{border-radius:0!important}.qs-post-footer{background:color-mix(in srgb,var(--qs-surface-muted) 28%,transparent)!important}.qs-post-footer button,.qs-post-footer a{border-radius:10px!important}.qs-post-footer button:hover,.qs-post-footer a:hover{background:var(--qs-surface-muted)!important}
.qs-right-rail .qs-card{border:1px solid var(--qs-line)!important;border-radius:22px!important;box-shadow:0 6px 24px rgba(22,30,48,.05)!important}.qs-rail-card{padding:14px!important}.qs-rail-conversation img,.qs-rail-conversation>span,.qs-suggestion img,.qs-suggestion>span{border-radius:50%!important}
/* People */
.qs-people-surface .qs-page-hero-r38{min-height:118px!important;border-radius:24px!important}.qs-people-search{position:sticky;top:12px;z-index:15;display:flex!important;gap:8px!important;padding:6px!important;border:1px solid var(--qs-line)!important;background:color-mix(in srgb,var(--qs-surface) 91%,transparent)!important;backdrop-filter:blur(18px)!important}.qs-people-search input{min-height:46px!important;border-radius:15px!important;padding:0 14px!important;font-size:12px!important}.qs-people-search button{min-width:86px!important;background:var(--r59-gradient)!important;color:white!important;border:0!important}.qs-people-grid{gap:12px!important}.qs-person-card{border:1px solid var(--qs-line)!important;border-radius:22px!important;box-shadow:0 6px 22px rgba(22,30,48,.045)!important}.qs-person-top img,.qs-person-top>span{border-radius:50%!important}.qs-person-actions a,.qs-person-actions button{min-height:37px!important;border-radius:12px!important}
/* Messenger / Phone inherit R58 but get R59 shell tuning */
.qs-inbox .qs-page-hero-r38,.qs-calls-page .qs-page-hero-r38{background-position:center!important}.qs-r58-comms-switch{border-radius:20px!important}.qs-r58-comms-switch a.is-active{background:var(--r59-gradient)!important}.qs-r58-phone-actions .is-primary,.qs-calls-tabs button.is-active{background:var(--r59-gradient)!important}.qs-thread-row{content-visibility:auto;contain-intrinsic-size:78px}.qs-r58-live-unread{background:var(--r59-gradient)!important}
/* Profile and content cards */
.qs-profile-shell .card,.qs-profile-shell .qs-card,.qs-social-modern .qs-card{border-color:color-mix(in srgb,var(--qs-line) 82%,transparent)!important}.profile-hero,.qs-profile-hero{border-radius:26px!important}.avatar{object-fit:cover}
/* Public landing polish without changing structure */
.qs-public-hero{background:radial-gradient(circle at 78% 18%,rgba(62,161,255,.15),transparent 28%),radial-gradient(circle at 34% 10%,rgba(126,76,255,.14),transparent 32%)}.qs-public-cta-primary{background:var(--r59-gradient)!important;box-shadow:var(--r59-glow)!important}.qs-public-phone{box-shadow:0 28px 80px rgba(22,23,55,.28)!important}.qs-public-pillar,.qs-r34-showcase article{border-radius:24px!important}
/* R59 mobile navigation */
.qs-r59-mobile-nav .qs-mobile-nav-item,.qs-r59-mobile-nav .qs-r59-create{height:57px!important}.qs-r59-mobile-nav .qs-mobile-nav-item{font-size:9px!important;font-weight:720!important}.qs-r59-create{border:0;background:transparent;color:var(--qs-muted);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;font:inherit;font-size:9px;font-weight:760;padding:0 2px 5px;cursor:pointer;min-width:0}.qs-r59-create-orb{width:58px;height:58px;margin-top:-24px;border-radius:20px;display:grid;place-items:center;background:var(--r59-gradient);color:white;font-size:30px;font-weight:300;line-height:1;box-shadow:0 12px 30px rgba(67,82,255,.32),0 0 0 4px color-mix(in srgb,var(--qs-surface) 95%,transparent);transition:transform .16s ease}.qs-r59-create:active .qs-r59-create-orb{transform:scale(.92)}.qs-r59-message-icon{position:relative}.qs-r59-unread{position:absolute;top:-7px;right:-10px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:#ff365f;color:white;border:2px solid var(--qs-surface);font-size:8px;line-height:1}.qs-r59-mobile-nav .qs-mobile-nav-item.is-active{color:var(--r59-violet)!important;background:color-mix(in srgb,var(--r59-violet) 7%,transparent)!important}.qs-r59-mobile-nav .qs-mobile-me-avatar,.qs-r59-mobile-nav .qs-mobile-me-fallback{border-radius:50%!important}
html[data-theme="dark"] .qs-home-surface .qs-post-card,html[data-theme="dark"] .qs-right-rail .qs-card,html[data-theme="dark"] .qs-person-card{box-shadow:0 9px 30px rgba(0,0,0,.24)!important}
@media(min-width:1100px){.qs-layout{max-width:1110px!important;grid-template-columns:minmax(0,690px) 300px!important;gap:24px!important}.qs-main{max-width:690px!important}.qs-right-rail{width:300px!important}}
@media(max-width:760px){
 body.has-tabbar{padding-left:0!important;padding-bottom:96px!important}.qs-page{padding:0 11px 108px!important}.qs-main,.container{max-width:none!important;width:100%!important}
 .qs-home-surface .qs-page-hero-r38{display:none!important}.qs-home-surface .qs-story-rail{margin-top:5px!important}.qs-r59-feed-tabs{margin:0 0 9px!important}.qs-network-pulse{display:none!important}.qs-composer-launcher{padding:10px!important;border-radius:20px!important}.qs-composer-bottom{display:none!important}.qs-compose-prompt{font-size:11.5px!important}.qs-home-surface .qs-post-card{margin-left:-1px!important;margin-right:-1px!important;border-radius:20px!important}.qs-home-surface .qs-post-head{padding:12px 13px 6px!important}.qs-home-surface .qs-post-body{padding:9px 13px 12px!important}
 .qs-people-surface .qs-page-hero-r38{display:none!important}.qs-people-search{top:68px!important;margin-top:6px!important}.qs-people-grid{grid-template-columns:1fr!important;gap:8px!important}.qs-person-card{padding:13px!important;border-radius:19px!important}.qs-person-actions{flex-direction:row!important}
 .qs-r59-mobile-nav{left:10px!important;right:10px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;height:72px!important;grid-template-columns:1fr 1fr 1.1fr 1fr 1fr!important;padding:7px 7px 6px!important;border-radius:24px!important;background:color-mix(in srgb,var(--qs-surface) 92%,transparent)!important;box-shadow:0 18px 55px rgba(7,12,24,.18)!important;backdrop-filter:blur(24px) saturate(1.25)!important;-webkit-backdrop-filter:blur(24px) saturate(1.25)!important}
 .qs-r59-mobile-nav .qs-mobile-nav-item{border-radius:15px!important}
 .qs-inbox .qs-page-hero-r38,.qs-calls-page .qs-page-hero-r38{min-height:108px!important}.qs-inbox .qs-page-hero-r36-copy p,.qs-calls-page .qs-page-hero-r36-copy p{display:none!important}
}
@media(max-width:390px){.qs-r59-mobile-nav{left:6px!important;right:6px!important}.qs-r59-create-orb{width:54px;height:54px;border-radius:18px}.qs-r59-feed-tabs a{min-width:76px;font-size:9.5px}.qs-story-ring{width:58px!important}}
@media(prefers-reduced-motion:reduce){.qs-r59-create-orb,.qs-nav-item,.qs-post-card,.qs-person-card{transition:none!important}}