/* Phase 121xt: quieter shelf surfaces, cleaner feed separators, and profile-feed width balance */
:root{
  --sv121-page-bg-light: #f0f2f4;
  --sv121-page-bg-dark: #0a0d10;
  --sv121-shelf-light: #f0f2f4;
  --sv121-shelf-dark: #0a0d10;
  --sv121-feed-rule-light: 2px solid rgba(0, 0, 0, .35);
  --sv121-feed-rule-dark: 1px solid rgba(56, 68, 77, .92);
}

html,
body,
body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage){
  background: var(--sv121-page-bg-light) !important;
}

body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage){
  --sv121-page-bg: var(--sv121-page-bg-light);
  --sv121-shelf-bg: var(--sv121-shelf-light);
  --sv-bg: var(--sv121-page-bg) !important;
  background: var(--sv121-page-bg) !important;
}

body.sv-dark:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage){
  --sv121-page-bg: var(--sv121-page-bg-dark);
  --sv121-shelf-bg: var(--sv121-shelf-dark);
  --sv-bg: var(--sv121-page-bg) !important;
  background: var(--sv121-page-bg) !important;
}

body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-uTile{
  border: none !important;
  box-shadow: none !important;
}

body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-groupCard,
body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-gCard,
body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-gSuggestCard,
body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-gShelf .sv-groupCard,
body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-gSuggestRow .sv-groupCard{
  border: none !important;
  box-shadow: none !important;
  background: var(--sv-card) !important;
}

body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-storySuggestCard{
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: var(--sv-card) !important;
}

body.sv-page-home:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-story{
  border: none !important;
  box-shadow: none !important;
  background: var(--sv-card) !important;
}

body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-top,
body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-homeTabs,
body.sv-page-home:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) #sv-stories,
body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-shelf,
body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-stories,
body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-homeTabs,
body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-groupSuggest,
body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-userSuggest,
body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-gShelf{
  background: var(--sv121-shelf-bg) !important;
  box-shadow: none !important;
  border: none !important;
}

body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed,
body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-shell,
body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-pad,
body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-main,
body.author:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-layout,
body.author:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-main > .sv-shell,
body.author:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-profileShell,
body.author:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed,
body.sv-page-about-me:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed{
  overflow-x: clip !important;
  max-width: 100% !important;
}

body.author:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-main > .sv-shell,
body.author:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-profileShell,
body.author:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed,
body.sv-page-about-me:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed{
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.author:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-card,
body.author:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-shelf,
body.author:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-stories,
body.author:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-homeTabs,
body.sv-page-about-me:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-card,
body.sv-page-about-me:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-shelf,
body.sv-page-about-me:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-stories,
body.sv-page-about-me:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-homeTabs{
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-card{
  margin-bottom: 0 !important;
  border-left: none !important;
  border-right: none !important;
  border-top: var(--sv121-feed-rule-light) !important;
  border-bottom: var(--sv121-feed-rule-light) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: var(--sv-card) !important;
}

body.sv-dark:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-card{
  border-top: var(--sv121-feed-rule-dark) !important;
  border-bottom: var(--sv121-feed-rule-dark) !important;
}

body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-card::before,
body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-card::after{
  display: none !important;
  content: none !important;
}

body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-feed > .sv-card + .sv-card{
  margin-top: 0 !important;
}

body:not(.sv-auth-page):not(.sv-authPage):not(.sv-reelsPage) .sv-uFollow{
  color: var(--sv-bg, #000) !important;
  background: var(--sv-fg) !important;
  border: none !important;
  box-shadow: none !important;
}