.reels-topbar-title {pointer-events:auto;justify-self:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font:800 14px/1.3 var(--font-ui);text-shadow:0 1px 10px #07111e}
.reel-byline .reel-topic {position:static;transform:none;display:inline;color:#bdeaff;border:0;background:transparent;padding:0;margin-right:6px;font-size:inherit;letter-spacing:0}
@media(max-width:760px) {
  body.group-public-interface.reels-body {--group-feed-dock:calc(65px + max(10px,env(safe-area-inset-bottom)));--group-feed-edge:max(15px,env(safe-area-inset-left));background:#080f18!important}
  .reels-body .reels-stage {background:#080f18!important}
  .reels-body .reels-topbar {top:calc(8px + env(safe-area-inset-top))!important;width:calc(100% - 24px);grid-template-columns:44px minmax(0,1fr) 44px}
  .reels-body .reels-topbar :is(.reels-title,.reels-search) {width:44px;height:44px;border:0;background:rgb(7 13 21 / .34)!important;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .reels-topbar .reels-topbar-title {display:block;width:auto;height:auto;padding:6px 10px;border:0;border-radius:999px;background:rgb(7 13 21 / .34)!important;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:13px;letter-spacing:-.01em}
  .reels-body .reel-card::after {display:none}
  .reels-body .reel-shade {
    background:
      linear-gradient(180deg,rgb(5 10 17 / .57),transparent 21%,transparent 40%,rgb(5 10 17 / .58) 64%,rgb(5 10 17 / .70) 80%,rgb(5 10 17 / .24) 100%),
      linear-gradient(270deg,rgb(6 12 20 / .3),transparent 24%);
    pointer-events:none;
  }
  .reels-body .reel-copy {left:var(--group-feed-edge);right:74px;bottom:calc(var(--group-feed-dock) + 8px);text-shadow:0 1px 9px rgb(0 0 0 / .7)}
  .reels-body .reel-account {gap:9px;max-width:100%;margin:0 0 6px}
  .reels-body .reel-avatar {width:38px;height:38px;flex:0 0 38px;border:1.5px solid rgb(255 255 255 / .85);background:#103653;box-shadow:0 1px 8px rgb(0 0 0 / .2)}
  .reels-body .reel-avatar img {width:100%;height:100%;object-fit:cover}
  .reels-body .reel-account strong {font-size:14px;line-height:1.15}
  .reels-body .reel-copy h1 {font:800 clamp(17px,5.1vw,21px)/1.22 var(--font-ui,system-ui);letter-spacing:-.026em;text-wrap:pretty;margin:6px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
  .reels-body .reel-copy p {font:600 13px/1.38 var(--font-ui);-webkit-line-clamp:2;margin:0 0 7px;color:#edf3f8}
  .reels-body .reel-byline {display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;margin:0;color:#e2ebf3;font-size:11px;line-height:1.4}
  .reels-body .reel-byline .reel-topic,.reels-body .reel-byline .reel-topic + span {display:none}
  .reels-body .reel-byline .material-symbols-rounded {font-size:15px}
  .reels-body .reel-card > .reel-actions {right:max(9px,env(safe-area-inset-right));bottom:calc(var(--group-feed-dock) + 7px);gap:7px;justify-items:center}
  .reels-body .reel-actions :is(a,button) {width:51px;min-height:50px;gap:1px;border-radius:16px;display:grid;place-items:center;color:#fff;background:transparent;transition:transform 200ms cubic-bezier(.2,.75,.2,1)}
  .reels-body .reel-actions :is(a,button):active {transform:scale(.9)}
  .reels-body .reel-actions :is(a,button) .material-symbols-rounded {width:36px;height:32px;font-size:30px;text-shadow:0 2px 9px rgb(0 0 0 / .75);background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .reels-body .reel-actions b {font:750 10px/1 var(--font-ui);text-shadow:0 2px 8px #000}
  .reels-body .reel-actions [data-reel-save][aria-pressed=true] .material-symbols-rounded {color:#bdeaff}
  @media (max-height:670px) {
    .reels-body .reel-copy h1 {-webkit-line-clamp:3}
    .reels-body .reel-copy p {-webkit-line-clamp:1}
    .reels-body .reel-card > .reel-actions {gap:3px}
    .reels-body .reel-actions :is(a,button) {min-height:44px}
  }
}

@media(max-width:760px) {
  .reels-body .reel-copy h1 {font-family:var(--font-ui,system-ui)!important}
  .reels-body .reels-stage.show-swipe-hint::after {display:none}
}


.reel-actions .reel-action-icon {width:28px;height:28px;stroke:currentColor;filter:drop-shadow(0 1px 4px rgb(0 0 0 / .54))}
.reel-actions [data-reel-like][aria-pressed=true] .reel-action-icon {color:#ff4c68;fill:currentColor}
.reel-actions [data-reel-save][aria-pressed=true] .reel-action-icon {color:#c7efff;fill:currentColor}
@media(max-width:760px) {
  .reels-body .reel-copy h1 {font-size:clamp(16px,4.6vw,19px)!important;line-height:1.24;margin:5px 0 7px}
  .reels-body .reel-actions .reel-action-icon {width:28px;height:28px}
}

@media(max-width:760px) {
  body.group-public-interface.reels-body .mobile-nav {
    display:grid!important;z-index:90;min-height:52px;max-width:340px;
    background:color-mix(in srgb,var(--surface,#fff) 84%,transparent)!important;
    color:var(--ink,#102c44);border-radius:999px;
    -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  }
  body.group-public-interface.reels-body .mobile-nav :is(a,button) {color:inherit}
  body.group-public-interface.reels-body .mobile-nav::after {display:none}
}