/* modern-v16.css */
:root{--gg-gold:#d99b12;--gg-gold-soft:#f4c84a;--gg-ink:#10120f;--gg-bg:#f6f7f8;--gg-line:#e6e8ec;--gg-muted:#737985;--gg-radius:24px}*{-webkit-tap-highlight-color:transparent}html{scroll-behavior:auto}body{background:var(--gg-bg)!important}button,a,input,textarea,select{touch-action:manipulation}button{transition:background .18s ease,box-shadow .18s ease,opacity .18s ease}button:active{opacity:.76}
#gg-auth-v16{min-height:100svh;display:grid;grid-template-columns:minmax(360px,44%) 1fr;background:#f5f6f7;color:var(--gg-ink);font-family:inherit}.gg-auth-brand{position:relative;overflow:hidden;min-height:100svh;padding:clamp(34px,5vw,76px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 10%,#393114 0,transparent 35%),linear-gradient(145deg,#080a08,#171a13 75%,#0b0c0a);color:#fff}.gg-auth-brand:after{content:"";position:absolute;inset:12%;border:1px solid #d99b1226;border-radius:50%;transform:scale(1.35)}.gg-auth-brand>img{position:absolute;top:36px;right:36px;width:116px;height:116px;object-fit:contain;z-index:1}.gg-auth-brand>div{position:relative;z-index:1;max-width:530px}.gg-auth-brand span,.gg-auth-card header span{color:var(--gg-gold-soft);font-size:12px;font-weight:900;letter-spacing:.18em}.gg-auth-brand h1{font-size:clamp(54px,6vw,92px);line-height:.96;letter-spacing:-.055em;margin:24px 0}.gg-auth-brand p{max-width:500px;color:#d8dbd5;font-size:18px;line-height:1.9}.gg-auth-brand small{position:absolute;bottom:34px;left:46px;color:#7f827a;letter-spacing:.22em}.gg-auth-panel{display:grid;place-items:center;padding:32px}.gg-auth-card{width:min(100%,560px);background:#fff;border:1px solid #e5e7eb;border-radius:32px;padding:30px;box-shadow:0 24px 80px #11182714}.gg-auth-card header{display:flex;align-items:center;gap:17px;margin-bottom:22px}.gg-auth-card header img{width:62px;height:62px;border-radius:20px}.gg-auth-card header h2{font-size:32px;line-height:1.15;margin:6px 0}.gg-auth-card header p{color:var(--gg-muted);line-height:1.7;margin:0}.gg-auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:5px;background:#f1f2f4;border-radius:16px;margin-bottom:22px}.gg-auth-tabs button{border:0;background:transparent;border-radius:12px;padding:13px;font-weight:900;color:#7a7f87}.gg-auth-tabs button.active{background:#fff;color:#12130f;box-shadow:0 4px 16px #11182712}.gg-auth-field{display:block;margin:0 0 15px}.gg-auth-field>span{display:block;font-weight:900;margin:0 4px 8px}.gg-auth-input{position:relative}.gg-auth-input input{width:100%;height:58px;border:1.5px solid #e1e4e8;background:#f8f9fa;border-radius:16px;padding:0 16px;font:inherit;font-weight:750;outline:0;transition:border .18s,box-shadow .18s,background .18s}.gg-auth-input input:focus{background:#fff;border-color:#d99b12;box-shadow:0 0 0 4px #d99b121c}.gg-password-toggle{position:absolute;inset-inline-end:10px;top:10px;height:38px;border:0;border-radius:10px;padding:0 12px;background:#eceef1;color:#555b64;font-weight:800}.gg-auth-input:has(.gg-password-toggle) input{padding-inline-end:78px}.gg-auth-submit{width:100%;height:60px;border:0;border-radius:16px;margin-top:7px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(100deg,#cc8e07,#f5c746);color:#111;font-size:18px;font-weight:950;box-shadow:0 10px 24px #d99b1233}.gg-auth-submit:disabled{opacity:.65}.gg-auth-error{padding:12px 14px;border-radius:14px;background:#fff1f1;color:#b62f2f;font-weight:750;line-height:1.6}.gg-auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.gg-auth-links button,.gg-auth-back{border:0;background:transparent;color:#805c0c;text-decoration:underline;text-underline-offset:4px;font-weight:800}.gg-auth-back{display:block;margin:14px auto 0}.gg-auth-card footer{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid #eceef1}.gg-auth-card footer span{padding:7px 10px;border-radius:999px;background:#f6f1e6;color:#806018;font-size:12px;font-weight:850}
.member-app{background:#f5f6f7!important}.community-head,.product-nav,.social-post,.profile-card,.member-profile-dialog,.messages-layout,.structured-composer{border-color:#e6e8ec!important;box-shadow:0 8px 28px #1118270a!important}.community-head{border-radius:0 0 30px 30px!important}.product-nav{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.social-post,.structured-composer,.profile-card{border-radius:24px!important}.social-post{overflow:hidden}.post-engagement button{min-width:44px;min-height:44px;border-radius:13px!important}.post-read-more{font-weight:900!important}.gg-avatar,.avatar,.post-avatar{border-radius:50%!important}.member-name-link,.profile-link{font-weight:900!important}.message-copy{border-radius:18px!important}.messages-layout{border-radius:26px!important;overflow:hidden}.flow-card{background:#000!important}.flow-create-fab{box-shadow:0 10px 30px #0004!important}.phone-alert-card.active{display:none!important}
@media(max-width:780px){#gg-auth-v16{display:block;background:#fff}.gg-auth-brand{min-height:auto;height:186px;padding:24px;border-radius:0 0 34px 34px}.gg-auth-brand>img{width:74px;height:74px;top:20px;right:22px}.gg-auth-brand>div{padding-top:44px}.gg-auth-brand span,.gg-auth-brand p,.gg-auth-brand small{display:none}.gg-auth-brand h1{font-size:35px;line-height:1.02;margin:0;max-width:270px}.gg-auth-panel{display:block;padding:18px 14px 30px;margin-top:-18px;position:relative;z-index:2}.gg-auth-card{padding:22px 18px;border-radius:26px;box-shadow:0 16px 50px #11182712}.gg-auth-card header img{width:52px;height:52px}.gg-auth-card header h2{font-size:27px}.gg-auth-card header p{font-size:14px}.gg-auth-input input{height:56px;font-size:16px}.gg-auth-links{flex-direction:column;align-items:center}.community-head{border-radius:0!important;padding:calc(env(safe-area-inset-top) + 12px) 14px 12px!important;min-height:84px!important}.community-head>img{width:54px!important;height:54px!important}.community-head .head-person{margin-inline-start:auto!important}.community-head>div:not(.head-person) p{display:none!important}.product-body{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}.product-nav{position:fixed!important;z-index:70!important;bottom:10px!important;left:12px!important;right:12px!important;border:1px solid #ffffff20!important;border-radius:25px!important;background:#10110ff2!important;padding:6px!important;box-shadow:0 18px 50px #0005!important}.product-nav button{border-radius:18px!important;min-height:58px!important}.product-nav button span{font-size:10px!important}.product-nav button.active{background:#d99b12!important;color:#111!important}.social-post,.structured-composer,.profile-card{border-radius:20px!important}.community-layout{gap:12px!important}.messages-layout{border-radius:0!important;min-height:calc(100svh - 160px)!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* auth-v40.css */
/* GG Compound V40 — Authentication Stabilization */
.gg-auth-v40 .gg-v40-remember{display:flex;gap:11px;align-items:flex-start;margin:2px 2px 13px;padding:11px 12px;border:1px solid #e7e8ea;border-radius:14px;background:#fafafa;cursor:pointer}.gg-auth-v40 .gg-v40-remember input{width:18px;height:18px;margin-top:2px;accent-color:#d99b12}.gg-auth-v40 .gg-v40-remember span{display:grid;gap:3px}.gg-auth-v40 .gg-v40-remember b{font-size:14px}.gg-auth-v40 .gg-v40-remember small{color:#7b8086;font-size:11px;line-height:1.45}.gg-auth-v40 .gg-auth-error.success{background:#edf9f0;color:#187a36}.gg-auth-v40 .gg-auth-links{align-items:center}.gg-auth-v40 .gg-auth-links button{max-width:48%;line-height:1.5}.gg-auth-v40 .gg-auth-input input:invalid:not(:placeholder-shown){box-shadow:none}
html[data-theme="dark"] .gg-auth-v40 .gg-auth-panel{background:#090b09!important}html[data-theme="dark"] .gg-auth-v40 .gg-auth-card{background:#111411!important;border-color:#292d29!important;color:#f5f6f3!important}html[data-theme="dark"] .gg-auth-v40 .gg-auth-tabs{background:#191c19!important}html[data-theme="dark"] .gg-auth-v40 .gg-auth-tabs button.active{background:#2a2e2a!important;color:#fff!important}html[data-theme="dark"] .gg-auth-v40 .gg-auth-input input{background:#191c19!important;color:#fff!important;border-color:#303530!important}html[data-theme="dark"] .gg-auth-v40 .gg-v40-remember{background:#171a17!important;border-color:#303530!important}html[data-theme="dark"] .gg-auth-v40 .gg-v40-remember small{color:#a6aba5!important}html[data-theme="dark"] .gg-auth-v40 footer{border-color:#292d29!important}
@media(max-width:780px){.gg-auth-v40 .gg-auth-links button{max-width:100%}.gg-auth-v40 .gg-auth-card{padding-bottom:26px}.gg-auth-v40 .gg-v40-remember{margin-top:0}}


/* auth-v41.css */
/* GG Compound V41 — international phone selector */
.gg-auth-v40 .gg-v41-phone-control{display:grid;grid-template-columns:minmax(140px,42%) minmax(0,1fr);gap:8px;align-items:stretch}.gg-auth-v40 .gg-v41-phone-control>.gg-auth-input{min-width:0}.gg-auth-v40 .gg-v41-country-select{width:100%;min-width:0;height:100%;min-height:52px;padding:0 12px;border:1px solid #dfe2e5;border-radius:14px;background:#fff;color:#222;font:600 13px/1.2 inherit;outline:none;cursor:pointer}.gg-auth-v40 .gg-v41-country-select:focus{border-color:#d99b12;box-shadow:0 0 0 3px rgba(217,155,18,.12)}html[data-theme="dark"] .gg-auth-v40 .gg-v41-country-select{background:#191c19!important;color:#fff!important;border-color:#303530!important;color-scheme:dark}
@media(max-width:520px){.gg-auth-v40 .gg-v41-phone-control{grid-template-columns:42% minmax(0,1fr);gap:7px}.gg-auth-v40 .gg-v41-country-select{font-size:12px;padding:0 8px;min-height:50px}}


/* mobile-v17.css */
:root {
  --gg-gold: #d9a72f;
  --gg-gold-strong: #b87e08;
  --gg-mobile-bg: #f6f7f8;
  --gg-mobile-surface: #ffffff;
  --gg-mobile-ink: #121411;
  --gg-mobile-muted: #737982;
  --gg-mobile-line: #e9eaec;
  --gg-mobile-header: 76px;
  --gg-mobile-nav: 64px;
  --gg-ease: cubic-bezier(.22, 1, .36, 1);
}

html.gg-modal-open,
html.gg-modal-open body {
  overflow: hidden !important;
  overscroll-behavior: none;
}

#gg-mobile-nav,
#gg-mobile-more-sheet,
#gg-flow-transition,
.gg-crop-editor,
.gg-profile-hero,
.gg-saved-grid {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Noto Sans Arabic", "Segoe UI", sans-serif;
}

#gg-mobile-nav,
#gg-mobile-more-sheet {
  display: none;
}

@media (max-width: 820px) {
  html.gg-mobile-v17 {
    color-scheme: light;
    background: var(--gg-mobile-bg);
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: auto;
  }

  html.gg-mobile-v17[data-theme="dark"] {
    color-scheme: dark;
    --gg-mobile-bg: #0c0f0d;
    --gg-mobile-surface: #151815;
    --gg-mobile-ink: #f4f5f2;
    --gg-mobile-muted: #a4aaa3;
    --gg-mobile-line: #292e2a;
  }

  .gg-mobile-v17 body {
    min-width: 320px;
    min-height: 100dvh;
    margin: 0;
    overflow-x: clip;
    background: var(--gg-mobile-bg) !important;
    color: var(--gg-mobile-ink);
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Noto Sans Arabic", "Segoe UI", sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
  }

  .gg-mobile-v17 *,
  .gg-mobile-v17 *::before,
  .gg-mobile-v17 *::after {
    box-sizing: border-box;
  }

  .gg-mobile-v17 button,
  .gg-mobile-v17 a,
  .gg-mobile-v17 label,
  .gg-mobile-v17 input,
  .gg-mobile-v17 textarea,
  .gg-mobile-v17 select {
    touch-action: manipulation;
  }

  .gg-mobile-v17 input,
  .gg-mobile-v17 textarea,
  .gg-mobile-v17 select {
    font-size: 16px !important;
  }

  .gg-mobile-v17 button {
    -webkit-user-select: none;
    user-select: none;
  }

  .gg-mobile-v17 .member-app {
    min-height: 100dvh;
    background: var(--gg-mobile-bg) !important;
  }

  /* Compact identity header: member on the physical left, GG on the right. */
  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head {
    z-index: 88 !important;
    direction: ltr !important;
    position: sticky !important;
    top: 0 !important;
    width: 100% !important;
    min-height: calc(var(--gg-mobile-header) + env(safe-area-inset-top)) !important;
    margin: 0 !important;
    padding: calc(env(safe-area-inset-top) + 9px) 13px 9px !important;
    display: grid !important;
    grid-template: "person title logo" 58px / minmax(108px, .92fr) minmax(0, 1.15fr) 48px !important;
    align-items: center !important;
    gap: 8px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(135deg, #0b0e0b 0%, #191d15 72%, #242112 100%) !important;
    box-shadow: 0 1px 0 #ffffff12, 0 7px 22px #00000016 !important;
    transform: translate3d(0, 0, 0);
    transition: transform .34s var(--gg-ease), opacity .25s ease !important;
  }

  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, #d9a72f66, transparent);
  }

  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head > img {
    grid-area: logo !important;
    width: 46px !important;
    height: 50px !important;
    margin: 0 !important;
    object-fit: contain !important;
    filter: drop-shadow(0 3px 7px #0007);
  }

  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head > div:nth-child(2) {
    grid-area: title !important;
    min-width: 0;
    text-align: right !important;
    direction: rtl !important;
    align-content: center;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32px;
    column-gap: 3px;
  }

  .gg-mobile-v17 [dir="ltr"].member-app:not(.flow-mode) > .community-head > div:nth-child(2) {
    direction: ltr !important;
    text-align: left !important;
  }

  .gg-mobile-v17 .community-head > div:nth-child(2) > span {
    grid-column: 1;
    color: #d9b54f !important;
    letter-spacing: .12em !important;
    line-height: 1.1;
    font-size: 8px !important;
    font-weight: 750;
    display: block !important;
  }

  .gg-mobile-v17 .community-head h1 {
    grid-column: 1;
    overflow: hidden;
    margin: 3px 0 0 !important;
    color: #fff;
    white-space: nowrap !important;
    text-overflow: ellipsis;
    font-size: clamp(13px, 3.7vw, 16px) !important;
    line-height: 1.25 !important;
    font-weight: 760;
    letter-spacing: -.02em;
  }

  .gg-mobile-v17 .community-head p {
    display: none !important;
  }

  .gg-mobile-v17 .community-head .head-person {
    grid-area: person !important;
    direction: ltr !important;
    min-width: 0 !important;
    height: 44px;
    margin: 0 !important;
    padding: 4px !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    cursor: pointer;
    border: 0 !important;
    border-radius: 999px !important;
    background: #ffffff08 !important;
    box-shadow: inset 0 0 0 1px #ffffff12 !important;
  }

  .gg-mobile-v17 [dir="rtl"].member-app .head-person {
    direction: ltr !important;
  }

  .gg-mobile-v17 .community-head .head-person .gg-avatar {
    order: 0;
    flex: 0 0 34px;
    width: 34px !important;
    height: 34px !important;
    border: 1px solid #d5a22a99;
    box-shadow: 0 2px 10px #0005;
  }

  .gg-mobile-v17 .community-head .head-person span {
    min-width: 0;
    text-align: left;
    display: grid !important;
  }

  .gg-mobile-v17 .community-head .head-person strong {
    overflow: hidden;
    color: #fff !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 11px !important;
    line-height: 1.15;
    font-weight: 780;
  }

  .gg-mobile-v17 .community-head .head-person small {
    overflow: hidden;
    margin-top: 2px;
    color: #d9b54f !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 9px !important;
    line-height: 1.1;
  }

  .gg-mobile-more {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    width: 31px;
    height: 31px;
    padding: 0;
    display: grid;
    place-items: center;
    color: #e7c463;
    border: 1px solid #ffffff16;
    border-radius: 50%;
    background: #ffffff0a;
  }

  .gg-mobile-more svg {
    width: 17px;
    fill: currentColor;
    stroke: currentColor;
  }

  .gg-mobile-v17 body.gg-bars-hidden .member-app:not(.flow-mode) > .community-head {
    transform: translate3d(0, calc(-100% - env(safe-area-inset-top)), 0) !important;
  }

  /* The original desktop rail remains the behavior source, but is not the mobile UI. */
  .gg-mobile-v17 .member-app > .product-nav {
    position: fixed !important;
    left: -9999px !important;
    right: auto !important;
    width: 1px !important;
    height: 1px !important;
    min-height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  #gg-mobile-nav {
    z-index: 120;
    direction: rtl;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    height: calc(var(--gg-mobile-nav) + env(safe-area-inset-bottom));
    padding: 3px 6px env(safe-area-inset-bottom);
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: stretch;
    border-top: 1px solid color-mix(in srgb, var(--gg-mobile-line) 86%, transparent);
    background: color-mix(in srgb, var(--gg-mobile-surface) 92%, transparent);
    -webkit-backdrop-filter: saturate(170%) blur(24px);
    backdrop-filter: saturate(170%) blur(24px);
    box-shadow: 0 -8px 30px #10130f0a;
    transform: translate3d(0, 0, 0);
    transition: transform .34s var(--gg-ease), opacity .2s ease;
  }

  #gg-mobile-nav button {
    position: relative;
    min-width: 0;
    min-height: 54px;
    padding: 5px 2px 3px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: #7c8289;
    border: 0;
    border-radius: 12px;
    background: transparent;
    font: inherit;
    font-size: 9px;
    font-weight: 650;
    transition: color .18s ease, background .18s ease, opacity .18s ease;
  }

  #gg-mobile-nav button:active,
  #gg-mobile-nav button.gg-tap-active {
    opacity: .72;
    background: color-mix(in srgb, var(--gg-mobile-ink) 5%, transparent);
  }

  #gg-mobile-nav button.active {
    color: #9b6a05;
    font-weight: 820;
  }

  #gg-mobile-nav button.active::before {
    content: "";
    position: absolute;
    top: 1px;
    width: 22px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #bd8108, #edc253);
  }

  .gg-mobile-nav-icon {
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
  }

  .gg-mobile-nav-icon svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.85;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gg-mobile-badge {
    position: absolute;
    top: 2px;
    left: calc(50% + 8px);
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    display: grid;
    place-items: center;
    color: #fff;
    border: 2px solid var(--gg-mobile-surface);
    border-radius: 999px;
    background: #d62d3d;
    font-size: 8px;
    line-height: 1;
  }

  .gg-mobile-badge[hidden] {
    display: none;
  }

  .gg-mobile-v17 body.gg-bars-hidden #gg-mobile-nav,
  .gg-mobile-v17 body.gg-keyboard-open #gg-mobile-nav,
  .gg-mobile-v17 body.gg-chat-thread #gg-mobile-nav,
  .gg-mobile-v17 body.gg-flow-active #gg-mobile-nav {
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, calc(100% + 8px), 0);
  }

  /* More areas bottom sheet. */
  #gg-mobile-more-sheet {
    z-index: 210;
    position: fixed;
    inset: 0;
    pointer-events: none;
    display: block;
    opacity: 0;
    transition: opacity .22s ease;
  }

  #gg-mobile-more-sheet.open {
    pointer-events: auto;
    opacity: 1;
  }

  .gg-sheet-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: #0009;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }

  #gg-mobile-more-sheet > section {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: min(78dvh, 690px);
    padding: 8px 16px calc(18px + env(safe-area-inset-bottom));
    overflow: auto;
    color: var(--gg-mobile-ink);
    border-radius: 28px 28px 0 0;
    background: var(--gg-mobile-surface);
    box-shadow: 0 -30px 80px #0005;
    transform: translateY(104%);
    transition: transform .38s var(--gg-ease);
  }

  #gg-mobile-more-sheet.open > section {
    transform: translateY(0);
  }

  #gg-mobile-more-sheet > section::before {
    content: "";
    width: 38px;
    height: 4px;
    margin: 1px auto 10px;
    display: block;
    border-radius: 999px;
    background: #c7c9cc;
  }

  #gg-mobile-more-sheet header {
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  #gg-mobile-more-sheet header div {
    display: grid;
  }

  #gg-mobile-more-sheet header small {
    color: #a27412;
    letter-spacing: .14em;
    font-size: 9px;
    font-weight: 800;
  }

  #gg-mobile-more-sheet header strong {
    margin-top: 2px;
    font-size: 20px;
  }

  .gg-sheet-close {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    color: var(--gg-mobile-ink);
    border: 0;
    border-radius: 50%;
    background: color-mix(in srgb, var(--gg-mobile-ink) 6%, transparent);
  }

  .gg-sheet-close svg {
    width: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
  }

  .gg-sheet-grid {
    padding-top: 8px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
  }

  .gg-sheet-grid > button {
    min-height: 90px;
    padding: 11px 7px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--gg-mobile-ink);
    border: 1px solid var(--gg-mobile-line);
    border-radius: 18px;
    background: color-mix(in srgb, var(--gg-mobile-ink) 3%, var(--gg-mobile-surface));
    font: inherit;
    font-size: 11px;
    font-weight: 730;
  }

  .gg-sheet-grid svg {
    width: 23px;
    height: 23px;
    color: #a97810;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
  }

  /* Page canvas and feed. */
  .gg-mobile-v17 .member-app:not(.flow-mode) .product-body {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 10px 0 calc(var(--gg-mobile-nav) + env(safe-area-inset-bottom) + 14px) !important;
  }

  .gg-mobile-v17 .pull-refresh {
    z-index: 99 !important;
    min-height: 40px;
    padding: 0 13px !important;
    color: var(--gg-mobile-ink);
    border: 1px solid var(--gg-mobile-line) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--gg-mobile-surface) 94%, transparent) !important;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    box-shadow: 0 8px 25px #0002 !important;
    font-size: 11px;
  }

  .gg-mobile-v17 .section-head {
    width: auto;
    min-height: 0 !important;
    margin: 0 12px 10px !important;
    padding: 8px 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .gg-mobile-v17 .section-head span {
    font-size: 9px !important;
  }

  .gg-mobile-v17 .section-head h2 {
    margin-top: 2px !important;
    font-size: 19px !important;
    font-weight: 800;
    letter-spacing: -.02em;
  }

  .gg-mobile-v17 .section-head p {
    margin-top: 4px !important;
    font-size: 12px !important;
  }

  .gg-mobile-v17 .community-layout,
  .gg-mobile-v17 .embedded-community {
    width: 100% !important;
    display: block !important;
  }

  .gg-mobile-v17 .community-layout > aside,
  .gg-mobile-v17 .embedded-community > aside,
  .gg-mobile-v17 .community-reels-rail {
    display: none !important;
  }

  .gg-mobile-v17 .community-main,
  .gg-mobile-v17 .feed {
    width: 100%;
    min-width: 0;
  }

  .gg-mobile-v17 .feed {
    gap: 0 !important;
  }

  .gg-mobile-v17 .composer-launch {
    width: calc(100% - 24px) !important;
    min-height: 58px !important;
    margin: 0 12px 10px !important;
    padding: 7px 10px !important;
    border: 1px solid var(--gg-mobile-line) !important;
    border-radius: 19px !important;
    background: var(--gg-mobile-surface) !important;
    box-shadow: 0 3px 15px #10130f09 !important;
  }

  .gg-mobile-v17 .composer-launch > span:nth-child(2) {
    padding: 9px 12px !important;
    color: var(--gg-mobile-muted) !important;
    background: color-mix(in srgb, var(--gg-mobile-ink) 4%, transparent) !important;
    font-size: 13px !important;
  }

  .gg-mobile-v17 .composer-launch .gg-avatar {
    width: 38px;
    height: 38px;
  }

  .gg-mobile-v17 .structured-composer {
    width: calc(100% - 24px);
    margin: 0 12px 12px;
    padding: 14px !important;
    border: 1px solid var(--gg-mobile-line) !important;
    border-top: 0 !important;
    border-radius: 20px !important;
    background: var(--gg-mobile-surface) !important;
    box-shadow: 0 14px 40px #1114 !important;
  }

  .gg-mobile-v17 .composer-fields {
    grid-template-columns: 1fr !important;
  }

  .gg-mobile-v17 .structured-composer input,
  .gg-mobile-v17 .structured-composer textarea,
  .gg-mobile-v17 .structured-composer select {
    border: 1px solid var(--gg-mobile-line) !important;
    border-radius: 13px !important;
    background: color-mix(in srgb, var(--gg-mobile-ink) 3%, var(--gg-mobile-surface)) !important;
    box-shadow: none !important;
  }

  .gg-mobile-v17 .composer-launch,
  .gg-mobile-v17 .structured-composer {
    touch-action: pan-y;
  }

  .gg-mobile-v17 .structured-composer input,
  .gg-mobile-v17 .structured-composer textarea,
  .gg-mobile-v17 .structured-composer select,
  .gg-mobile-v17 .structured-composer button {
    touch-action: manipulation;
  }

  body.gg-post-composing {
    overscroll-behavior-y: contain;
  }

  body.gg-post-composing .pull-refresh {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .gg-mobile-v17 .social-post,
  .gg-mobile-v17 .community-inline-reel {
    position: relative;
    width: 100%;
    margin: 0 0 8px !important;
    overflow: hidden;
    border: 0 !important;
    border-bottom: 1px solid var(--gg-mobile-line) !important;
    border-radius: 0 !important;
    background: var(--gg-mobile-surface) !important;
    box-shadow: none !important;
  }

  .gg-mobile-v17 .social-post > header,
  .gg-mobile-v17 .community-inline-reel > header {
    min-height: 60px;
    padding: 10px 13px !important;
    align-items: center;
  }

  .gg-mobile-v17 .social-post > header .gg-avatar,
  .gg-mobile-v17 .community-inline-reel > header .gg-avatar,
  .gg-mobile-v17 .post-avatar {
    width: 40px !important;
    height: 40px !important;
  }

  .gg-mobile-v17 .member-name-link,
  .gg-mobile-v17 .community-inline-reel > header strong {
    font-size: 13px !important;
    font-weight: 800 !important;
  }

  .gg-mobile-v17 .social-post > header small,
  .gg-mobile-v17 .community-inline-reel > header small {
    color: var(--gg-mobile-muted) !important;
    font-size: 10px !important;
  }

  .gg-mobile-v17 .post-menu {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
  }

  .gg-mobile-v17 .post-taxonomy {
    padding: 1px 13px 0 !important;
    gap: 6px !important;
    scrollbar-width: none;
  }

  .gg-mobile-v17 .post-taxonomy span {
    padding: 5px 8px !important;
    font-size: 10px !important;
  }

  .gg-mobile-v17 .social-post > h3 {
    margin: 10px 13px 4px !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
    font-weight: 820;
  }

  .gg-mobile-v17 .social-post > .post-body {
    padding: 2px 13px 12px !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    letter-spacing: -.01em;
  }

  .gg-mobile-v17 .post-body.clamped {
    -webkit-line-clamp: 4 !important;
  }

  .gg-mobile-v17 .post-read-more {
    margin: -5px 13px 10px !important;
    color: #9b6a05 !important;
    font-size: 12px !important;
  }

  .gg-mobile-v17 .post-image,
  .gg-mobile-v17 .post-attachments {
    width: 100%;
  }

  .gg-mobile-v17 .post-attachments {
    padding: 0 !important;
    gap: 1px !important;
  }

  .gg-mobile-v17 .post-image {
    display: block;
    max-height: 76dvh !important;
    object-fit: cover;
  }

  .gg-mobile-v17 .video-attachment {
    border-radius: 0 !important;
  }

  .gg-mobile-v17 .video-attachment video {
    max-height: 76dvh !important;
  }

  .gg-mobile-v17 .social-counts {
    min-height: 38px;
    padding: 7px 13px !important;
    font-size: 11px !important;
  }

  .gg-mobile-v17 .social-actions {
    min-height: 48px;
    padding: 2px 7px !important;
    border-color: var(--gg-mobile-line) !important;
  }

  .gg-mobile-v17 .social-actions button {
    min-height: 44px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
    transition: opacity .14s ease, background .14s ease, color .14s ease;
  }

  .gg-mobile-v17 .social-actions button:active,
  .gg-mobile-v17 .social-actions button.gg-tap-active {
    opacity: .72;
    background: color-mix(in srgb, var(--gg-mobile-ink) 5%, transparent);
  }

  .gg-mobile-v17 .social-actions svg {
    width: 21px !important;
    height: 21px !important;
  }

  .gg-mobile-v17 .comment-list {
    padding: 9px 13px 12px !important;
    background: color-mix(in srgb, var(--gg-mobile-ink) 2.5%, var(--gg-mobile-surface)) !important;
  }

  .gg-mobile-v17 .comments-expand {
    width: 100%;
    min-height: 40px;
    margin: -2px 0 5px;
    color: var(--gg-mobile-muted);
    text-align: start;
    border: 0;
    background: transparent;
    font-weight: 760;
  }

  .gg-mobile-v17 .comment-bubble {
    max-width: calc(100% - 40px) !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: color-mix(in srgb, var(--gg-mobile-ink) 5%, var(--gg-mobile-surface)) !important;
  }

  .gg-mobile-v17 .comment-list form {
    position: relative;
    grid-template-columns: 32px minmax(0, 1fr) 38px !important;
    gap: 7px;
    margin-top: 10px;
  }

  .gg-mobile-v17 .comment-list form input {
    min-height: 42px;
    border: 1px solid var(--gg-mobile-line) !important;
    border-radius: 999px !important;
    background: var(--gg-mobile-surface) !important;
  }

  .gg-mobile-v17 .community-inline-video {
    width: 100%;
    min-height: 48dvh;
    max-height: 76dvh !important;
    background: #050605 !important;
  }

  .gg-mobile-v17 .community-inline-video video {
    width: min(100%, 430px) !important;
    height: min(76dvh, 760px) !important;
    max-height: 76dvh !important;
    aspect-ratio: 9 / 16 !important;
    object-fit: cover !important;
  }

  .gg-mobile-v17 .community-inline-copy {
    padding: 10px 13px 12px !important;
  }

  .gg-mobile-v17 .community-inline-copy h3 {
    font-size: 16px !important;
  }

  /* Full-screen Flow. */
  .gg-mobile-v17 body.gg-flow-active,
  .gg-mobile-v17 body.gg-flow-active .member-app {
    height: 100dvh !important;
    overflow: hidden !important;
    background: #000 !important;
  }

  .gg-mobile-v17 .member-app.flow-mode > .community-head,
  .gg-mobile-v17 .member-app.flow-mode > .pull-refresh,
  .gg-mobile-v17 .member-app.flow-mode > .product-nav {
    display: none !important;
  }

  .gg-mobile-v17 .member-app.flow-mode .product-body,
  .gg-mobile-v17 .member-app.flow-mode .gg-flow-page,
  .gg-mobile-v17 .member-app.flow-mode .flow-feed {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #000 !important;
    box-shadow: none !important;
  }

  .gg-mobile-v17 .member-app.flow-mode .flow-feed {
    direction: ltr;
    scroll-snap-type: y mandatory;
    overscroll-behavior-y: contain;
  }

  .gg-mobile-v17 .member-app.flow-mode .flow-card {
    direction: rtl;
    position: relative !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    aspect-ratio: auto !important;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    background: #020302 !important;
    contain: layout paint;
  }

  .gg-mobile-v17 .flow-card::before {
    content: "";
    z-index: 0;
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 45%, #292b26 0, #090a09 48%, #000 100%);
    opacity: 1;
    transition: opacity .24s ease;
  }

  .gg-mobile-v17 .flow-card.gg-video-ready::before {
    opacity: 0;
  }

  .gg-mobile-v17 .flow-card > video {
    z-index: 1;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    background: #000 !important;
  }

  .gg-mobile-v17 .flow-shade {
    z-index: 2;
    background: linear-gradient(180deg, #0004 0, transparent 22%, transparent 54%, #000d 100%) !important;
  }

  .gg-mobile-v17 .flow-overlay-head {
    z-index: 9 !important;
    position: fixed !important;
    top: calc(env(safe-area-inset-top) + 8px) !important;
    right: 12px !important;
    left: auto !important;
    width: 42px;
    height: 48px;
    display: block !important;
    opacity: .82;
    transform: translateY(0);
    transition: opacity .3s ease, transform .3s ease;
  }

  .gg-mobile-v17 .flow-overlay-head > img {
    width: 42px !important;
    height: 48px !important;
    object-fit: contain;
  }

  .gg-mobile-v17 body.gg-flow-scrolled .flow-overlay-head,
  .gg-mobile-v17 .flow-brand-hidden .flow-overlay-head {
    opacity: 0 !important;
    transform: translateY(-12px) !important;
  }

  .gg-mobile-v17 .flow-featured {
    z-index: 7;
    top: calc(env(safe-area-inset-top) + 12px) !important;
    left: 14px !important;
    right: auto !important;
    font-size: 10px !important;
  }

  .gg-mobile-v17 .flow-sound {
    z-index: 12 !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    min-width: 132px !important;
    min-height: 50px !important;
    padding: 0 17px !important;
    gap: 8px !important;
    color: #fff !important;
    border: 1px solid #ffffff35 !important;
    border-radius: 999px !important;
    background: #050605b8 !important;
    -webkit-backdrop-filter: blur(17px) saturate(130%);
    backdrop-filter: blur(17px) saturate(130%);
    box-shadow: 0 10px 30px #0006;
    transform: translate(-50%, -50%) !important;
  }

  .gg-mobile-v17 .flow-sound span {
    font-size: 13px !important;
    font-weight: 760;
  }

  .gg-mobile-v17 .flow-copy {
    z-index: 6;
    right: 14px !important;
    bottom: calc(20px + env(safe-area-inset-bottom)) !important;
    left: 76px !important;
    transition: none !important;
  }

  .gg-mobile-v17 .flow-author .flow-avatar {
    width: 39px;
    height: 39px;
  }

  .gg-mobile-v17 .flow-author strong {
    font-size: 13px !important;
  }

  .gg-mobile-v17 .flow-author small {
    font-size: 10px !important;
  }

  .gg-mobile-v17 .flow-copy h3 {
    margin: 9px 0 3px !important;
    font-size: 17px !important;
  }

  .gg-mobile-v17 .flow-copy p {
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  .gg-mobile-v17 .flow-actions {
    z-index: 7;
    left: 8px !important;
    right: auto !important;
    bottom: calc(15px + env(safe-area-inset-bottom)) !important;
    gap: 7px !important;
    transition: none !important;
  }

  .gg-mobile-v17 .flow-actions button {
    width: 52px !important;
    min-height: 50px !important;
    border-radius: 16px;
  }

  .gg-mobile-v17 .flow-actions svg {
    width: 27px !important;
    height: 27px !important;
    filter: drop-shadow(0 2px 5px #0008);
  }

  .gg-mobile-v17 .flow-actions b {
    font-size: 10px !important;
  }

  .gg-mobile-v17 .flow-state,
  .gg-mobile-v17 .flow-empty {
    position: fixed;
    inset: 0;
    min-height: 100dvh !important;
    color: #fff;
    background: radial-gradient(circle at 50% 40%, #1c1f18, #030403 68%);
  }

  .gg-mobile-v17 .flow-state p,
  .gg-mobile-v17 .flow-empty p {
    color: #ffffff92 !important;
  }

  .gg-mobile-v17 .flow-state svg {
    color: #d9a72f !important;
  }

  .gg-mobile-v17 .gg-flow-back,
  .gg-mobile-v17 .gg-flow-create {
    z-index: 20;
    position: fixed;
    display: grid;
    place-items: center;
    color: #fff;
    border: 1px solid #ffffff2d;
    background: #080908a8;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    box-shadow: 0 8px 24px #0004;
  }

  .gg-mobile-v17 .gg-flow-back {
    top: calc(env(safe-area-inset-top) + 10px);
    left: 11px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    font-size: 25px;
    line-height: 1;
  }

  .gg-mobile-v17 .gg-flow-create {
    right: 13px;
    top: calc(env(safe-area-inset-top) + 66px);
    bottom: auto;
    min-width: 46px;
    width: 46px;
    height: 46px;
    padding: 0;
    gap: 6px;
    border-color: #d9a72f99;
    border-radius: 999px;
    color: #12130f;
    background: linear-gradient(135deg, #c98c12, #f1c750);
    font: inherit;
    font-size: 12px;
    font-weight: 850;
  }

  .gg-mobile-v17 .gg-flow-create b {
    font-size: 25px;
    font-weight: 400;
  }

  .gg-mobile-v17 .gg-flow-create span {
    display: none;
  }

  .gg-mobile-v17 .flow-studio-action {
    z-index: 15 !important;
    right: 14px !important;
    top: calc(env(safe-area-inset-top) + 120px) !important;
    bottom: auto !important;
    left: auto !important;
    position: fixed !important;
  }

  #gg-flow-transition {
    z-index: 999;
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #000;
    opacity: 1;
    transition: opacity .25s ease;
  }

  #gg-flow-transition.leaving {
    opacity: 0;
    pointer-events: none;
  }

  .gg-flow-transition-backdrop {
    position: absolute;
    inset: -18px;
    background: linear-gradient(#0005, #0009), var(--gg-flow-poster, radial-gradient(circle at center, #282b23, #020302 70%));
    background-position: center;
    background-size: cover;
    filter: blur(6px);
    transform: scale(1.05);
  }

  #gg-flow-transition img {
    z-index: 1;
    width: 72px;
    height: 80px;
    object-fit: contain;
    filter: drop-shadow(0 6px 18px #000);
    animation: gg-flow-logo 1.1s ease-in-out infinite alternate;
  }

  #gg-flow-transition span {
    z-index: 1;
    position: absolute;
    bottom: calc(40px + env(safe-area-inset-bottom));
    width: 38px;
    height: 3px;
    overflow: hidden;
    border-radius: 999px;
    background: #ffffff2d;
  }

  #gg-flow-transition span::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 45%;
    border-radius: inherit;
    background: #e3b441;
    animation: gg-flow-load .8s ease-in-out infinite alternate;
  }

  @keyframes gg-flow-logo { to { transform: translateY(-4px); opacity: .82; } }
  @keyframes gg-flow-load { to { transform: translateX(125%); } }

  /* Reel creation becomes one stable mobile canvas. */
  .gg-mobile-v17 .flow-create-dialog {
    width: 100vw !important;
    height: var(--gg-visual-height, 100dvh) !important;
    max-height: var(--gg-visual-height, 100dvh) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--gg-mobile-surface) !important;
  }

  .gg-mobile-v17 .flow-create-dialog .flow-composer-head {
    min-height: calc(64px + env(safe-area-inset-top)) !important;
    padding: calc(env(safe-area-inset-top) + 10px) 58px 10px !important;
    background: #10130f !important;
  }

  .gg-mobile-v17 .flow-create-dialog .flow-composer-head h2 {
    font-size: 18px !important;
  }

  .gg-mobile-v17 .flow-create-dialog .flow-composer-head p {
    display: none;
  }

  .gg-mobile-v17 .flow-create-dialog .flow-create-form {
    height: calc(var(--gg-visual-height, 100dvh) - 64px - env(safe-area-inset-top)) !important;
  }

  .gg-mobile-v17 .flow-upload-stage {
    padding: 20px 16px calc(20px + env(safe-area-inset-bottom)) !important;
  }

  .gg-mobile-v17 .flow-upload-stage h3 {
    font-size: 20px !important;
  }

  .gg-mobile-v17 .flow-source-button {
    min-height: 126px !important;
    border-radius: 18px !important;
  }

  .gg-mobile-v17 .flow-composer-body {
    grid-template-columns: 104px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 12px !important;
  }

  .gg-mobile-v17 .flow-video-preview {
    border-radius: 15px !important;
  }

  .gg-mobile-v17 .flow-composer-fields input,
  .gg-mobile-v17 .flow-composer-fields textarea,
  .gg-mobile-v17 .flow-composer-fields select {
    border-radius: 13px !important;
    font-size: 16px !important;
  }

  .gg-mobile-v17 .flow-publish-bar {
    padding: 9px 12px calc(9px + env(safe-area-inset-bottom)) !important;
  }

  /* Modern profile presentation. */
  .gg-mobile-v17 .gg-profile-page {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .gg-mobile-v17 .gg-profile-page > .section-head {
    display: none !important;
  }

  .gg-profile-hero {
    order: 1;
    margin: 0 0 8px;
    padding: 18px 15px 14px;
    color: var(--gg-mobile-ink);
    border: 0;
    border-bottom: 1px solid var(--gg-mobile-line);
    background: var(--gg-mobile-surface);
  }

  .gg-profile-identity {
    direction: ltr;
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
  }

  .gg-profile-avatar {
    position: relative;
    width: 88px;
    height: 88px;
    padding: 0;
    overflow: hidden;
    color: #edc151;
    border: 2px solid #d19a20;
    border-radius: 50%;
    background: linear-gradient(145deg, #11140f, #292b21);
    box-shadow: 0 5px 18px #0002;
  }

  .gg-profile-avatar::before {
    content: "";
    position: absolute;
    inset: 3px;
    z-index: 1;
    pointer-events: none;
    border: 2px solid var(--gg-mobile-surface);
    border-radius: inherit;
  }

  .gg-profile-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .gg-profile-avatar > span {
    font-size: 24px;
    font-weight: 850;
  }

  .gg-profile-avatar i {
    z-index: 2;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    color: #111;
    border: 2px solid var(--gg-mobile-surface);
    border-radius: 50%;
    background: #e7b43a;
  }

  .gg-profile-avatar i svg {
    width: 13px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
  }

  .gg-profile-identity > div {
    min-width: 0;
    direction: rtl;
    text-align: right;
  }

  [dir="ltr"] .gg-profile-identity > div {
    direction: ltr;
    text-align: left;
  }

  .gg-profile-identity h1 {
    overflow: hidden;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 21px;
    font-weight: 830;
    letter-spacing: -.035em;
  }

  .gg-profile-identity p {
    display: -webkit-box;
    overflow: hidden;
    margin: 6px 0 0;
    color: var(--gg-mobile-muted);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 12px;
    line-height: 1.65;
  }

  .gg-profile-stats {
    margin: 17px 0 13px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .gg-profile-stats span {
    min-width: 0;
    display: grid;
    place-items: center;
    color: var(--gg-mobile-muted);
    border-inline-start: 1px solid var(--gg-mobile-line);
    font-size: 10px;
  }

  .gg-profile-stats span:last-child {
    border-inline-start: 0;
  }

  .gg-profile-stats b {
    color: var(--gg-mobile-ink);
    font-size: 18px;
    line-height: 1.15;
  }

  .gg-profile-controls {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .gg-profile-controls button {
    min-height: 42px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: var(--gg-mobile-ink);
    border: 1px solid var(--gg-mobile-line);
    border-radius: 12px;
    background: color-mix(in srgb, var(--gg-mobile-ink) 3%, var(--gg-mobile-surface));
    font: inherit;
    font-size: 11px;
    font-weight: 760;
  }

  .gg-profile-controls svg {
    width: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
  }

  .gg-mobile-v17 .gg-profile-page > .profile-card {
    order: 3;
    display: none;
    width: 100%;
    max-width: none;
    margin: 0 0 8px;
    padding: 16px !important;
    gap: 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--gg-mobile-surface) !important;
    box-shadow: none !important;
  }

  .gg-mobile-v17 .gg-profile-page.gg-edit-profile > .profile-card {
    display: grid;
  }

  .gg-mobile-v17 .profile-card .profile-photo {
    justify-content: center;
  }

  .gg-mobile-v17 .profile-card input,
  .gg-mobile-v17 .profile-card textarea {
    border: 1px solid var(--gg-mobile-line) !important;
    border-radius: 13px !important;
    background: color-mix(in srgb, var(--gg-mobile-ink) 3%, var(--gg-mobile-surface)) !important;
    box-shadow: none !important;
  }

  .gg-mobile-v17 .gg-profile-page > .member-published {
    order: 2;
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--gg-mobile-surface) !important;
    box-shadow: none !important;
  }

  .gg-mobile-v17 .member-published > header {
    margin: 0 !important;
    padding: 12px 12px 0;
    display: block !important;
  }

  .gg-mobile-v17 .member-published > header > div {
    display: none;
  }

  .gg-mobile-v17 .member-published nav {
    width: 100%;
    gap: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    border-bottom: 1px solid var(--gg-mobile-line);
  }

  .gg-mobile-v17 .member-published nav button {
    position: relative;
    min-height: 48px !important;
    padding: 0 4px !important;
    justify-content: center;
    gap: 5px;
    color: var(--gg-mobile-muted) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 0 !important;
  }

  .gg-mobile-v17 .member-published nav button span {
    display: none;
  }

  .gg-mobile-v17 .member-published nav button svg {
    width: 21px !important;
    height: 21px !important;
  }

  .gg-mobile-v17 .member-published nav button.active {
    color: var(--gg-mobile-ink) !important;
  }

  .gg-mobile-v17 .member-published nav button.active::after {
    content: "";
    position: absolute;
    right: 15%;
    bottom: 0;
    left: 15%;
    height: 2px;
    border-radius: 99px;
    background: var(--gg-mobile-ink);
  }

  .gg-mobile-v17 .member-published nav b {
    display: none !important;
  }

  .gg-mobile-v17 .member-post-grid,
  .gg-mobile-v17 .member-reel-grid,
  .gg-saved-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 2px !important;
    padding: 2px 0 0 !important;
  }

  .gg-mobile-v17 .member-post-grid article {
    position: relative;
    aspect-ratio: 1;
    min-height: 0;
    padding: 8px !important;
    overflow: hidden;
    border: 0 !important;
    border-radius: 0 !important;
    background: color-mix(in srgb, var(--gg-mobile-ink) 4%, var(--gg-mobile-surface)) !important;
  }

  .gg-mobile-v17 .member-post-grid article small,
  .gg-mobile-v17 .member-post-grid article > span {
    display: none;
  }

  .gg-mobile-v17 .member-post-grid h4 {
    font-size: 11px !important;
  }

  .gg-mobile-v17 .member-post-grid p {
    -webkit-line-clamp: 5 !important;
    font-size: 9px !important;
  }

  .gg-mobile-v17 .member-reel-grid > button > span {
    border-radius: 0 !important;
  }

  .gg-mobile-v17 .member-reel-grid strong,
  .gg-mobile-v17 .member-reel-grid small {
    display: none !important;
  }

  .gg-mobile-v17 .member-published.gg-saved-active .member-post-grid,
  .gg-mobile-v17 .member-published.gg-saved-active .member-reel-grid {
    display: none !important;
  }

  .gg-saved-grid {
    display: none;
  }

  .gg-mobile-v17 .member-published.gg-saved-active > .gg-saved-grid {
    display: grid;
  }

  .gg-saved-grid article {
    position: relative;
    aspect-ratio: 1;
    overflow: hidden;
    background: #e9eaec;
  }

  .gg-saved-grid article img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .gg-saved-grid article > div {
    position: absolute;
    inset: auto 0 0;
    padding: 22px 7px 7px;
    color: #fff;
    background: linear-gradient(transparent, #000c);
  }

  .gg-saved-grid strong {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 10px;
  }

  .gg-saved-grid p {
    display: none;
  }

  .gg-saved-loading {
    grid-column: 1 / -1;
    min-height: 160px;
    display: grid;
    place-items: center;
  }

  .gg-saved-loading span {
    width: 24px;
    height: 24px;
    border: 2px solid #d5a22a55;
    border-top-color: #b67e0b;
    border-radius: 50%;
    animation: gg-spin .7s linear infinite;
  }

  @keyframes gg-spin { to { transform: rotate(360deg); } }

  .gg-mobile-v17 .gg-profile-page > .questionnaire {
    order: 4;
    display: none;
    margin: 0 0 8px !important;
    padding: 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .gg-mobile-v17 .gg-profile-page.gg-edit-identity > .questionnaire {
    display: block;
  }

  .gg-mobile-v17 .gg-profile-page > .profile-security-card {
    order: 5;
    margin: 0 !important;
    border-radius: 0 !important;
  }

  /* True pan/zoom/rotate photo editor. */
  .gg-crop-editor {
    z-index: 1000;
    position: fixed;
    inset: 0;
    height: var(--gg-visual-height, 100dvh);
    display: grid;
    grid-template-rows: calc(58px + env(safe-area-inset-top)) minmax(0, 1fr) calc(78px + env(safe-area-inset-bottom));
    color: #fff;
    background: #050605;
  }

  .gg-crop-editor > header {
    padding: env(safe-area-inset-top) 15px 0;
    display: grid;
    grid-template-columns: 70px 1fr 70px;
    align-items: center;
    border-bottom: 1px solid #ffffff14;
  }

  .gg-crop-editor > header strong {
    text-align: center;
    font-size: 16px;
  }

  .gg-crop-editor > header button {
    height: 42px;
    color: #fff;
    border: 0;
    background: transparent;
    font: inherit;
    font-size: 13px;
  }

  .gg-crop-editor > header button:last-child {
    color: #e9bd50;
    font-weight: 850;
  }

  .gg-crop-editor > main {
    min-height: 0;
    display: grid;
    place-content: center;
    place-items: center;
    gap: 18px;
  }

  .gg-crop-stage {
    position: relative;
    width: min(82vw, 370px);
    aspect-ratio: 1;
    overflow: hidden;
    touch-action: none;
    background: #111;
  }

  .gg-crop-stage > img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: none;
    user-select: none;
    pointer-events: none;
    transform-origin: center;
    will-change: transform;
  }

  .gg-crop-mask {
    z-index: 2;
    pointer-events: none;
    position: absolute;
    inset: 0;
    border: max(1px, calc((100vw - min(82vw, 370px)) / 2)) solid #0000;
    border-radius: 50%;
    box-shadow: 0 0 0 999px #0008;
    outline: 2px solid #ffffffdd;
    outline-offset: -2px;
  }

  .gg-crop-grid {
    z-index: 3;
    pointer-events: none;
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: linear-gradient(90deg, transparent 33.15%, #fff4 33.33%, transparent 33.5%, transparent 66.48%, #fff4 66.66%, transparent 66.84%), linear-gradient(transparent 33.15%, #fff4 33.33%, transparent 33.5%, transparent 66.48%, #fff4 66.66%, transparent 66.84%);
  }

  .gg-crop-editor main > p {
    max-width: 310px;
    margin: 0;
    color: #ffffff9e;
    text-align: center;
    font-size: 12px;
    line-height: 1.6;
  }

  .gg-crop-editor > footer {
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 62px;
    align-items: center;
    gap: 12px;
    border-top: 1px solid #ffffff14;
  }

  .gg-crop-editor > footer button {
    height: 42px;
    color: #fff;
    border: 0;
    border-radius: 12px;
    background: #ffffff10;
    font: inherit;
    font-size: 11px;
  }

  .gg-crop-editor > footer svg {
    width: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
  }

  .gg-crop-editor input[type="range"] {
    accent-color: #d9a72f;
  }

  /* Instagram-like inbox/thread behavior. */
  .gg-mobile-v17 .chat-safety-note {
    display: none !important;
  }

  .gg-mobile-v17 .messages-layout {
    width: 100%;
    min-height: calc(100dvh - var(--gg-mobile-header) - var(--gg-mobile-nav) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 22px) !important;
    margin: 0 !important;
    overflow: hidden;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--gg-mobile-surface) !important;
    box-shadow: none !important;
  }

  .gg-mobile-v17 .messages-layout > .conversation-inbox,
  .gg-mobile-v17 .messages-layout > .conversation-thread {
    min-height: inherit !important;
  }

  .gg-mobile-v17 .inbox-title,
  .gg-mobile-v17 .thread-person {
    min-height: 62px !important;
    padding: 10px 13px !important;
    border-color: var(--gg-mobile-line) !important;
  }

  .gg-mobile-v17 .messages-layout > .conversation-inbox > button {
    min-height: 72px !important;
    padding: 9px 13px !important;
    border-color: var(--gg-mobile-line) !important;
    background: var(--gg-mobile-surface) !important;
  }

  .gg-mobile-v17 .messages-layout > .conversation-inbox > button:active,
  .gg-mobile-v17 .messages-layout > .conversation-inbox > button.active {
    background: color-mix(in srgb, var(--gg-gold) 9%, var(--gg-mobile-surface)) !important;
  }

  .gg-mobile-v17 .message-search {
    padding: 8px 12px !important;
    border-color: var(--gg-mobile-line) !important;
  }

  .gg-mobile-v17 .message-search input {
    min-height: 42px;
    padding-inline: 13px;
    border: 0 !important;
    border-radius: 13px !important;
    background: color-mix(in srgb, var(--gg-mobile-ink) 5%, var(--gg-mobile-surface)) !important;
  }

  .gg-mobile-v17 .messages-layout .thread {
    height: calc(100dvh - 252px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
    min-height: 320px !important;
    padding: 12px !important;
    overscroll-behavior: contain;
    background: color-mix(in srgb, var(--gg-mobile-ink) 2%, var(--gg-mobile-surface)) !important;
  }

  .gg-mobile-v17 .thread > p span {
    max-width: 82% !important;
    padding: 8px 11px !important;
    border-radius: 18px 18px 18px 5px !important;
  }

  .gg-mobile-v17 .thread > p.mine span {
    color: #161710 !important;
    border-radius: 18px 18px 5px 18px !important;
    background: linear-gradient(135deg, #d49a1c, #edbd45) !important;
  }

  .gg-mobile-v17 .messages-layout > section > form {
    bottom: 0;
    min-height: calc(60px + env(safe-area-inset-bottom));
    padding: 8px 9px calc(8px + env(safe-area-inset-bottom)) !important;
    gap: 6px !important;
    border-color: var(--gg-mobile-line) !important;
    background: color-mix(in srgb, var(--gg-mobile-surface) 95%, transparent) !important;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
  }

  .gg-mobile-v17 .messages-layout > section > form input {
    min-height: 42px;
    border: 1px solid var(--gg-mobile-line) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--gg-mobile-ink) 3%, var(--gg-mobile-surface)) !important;
  }

  .gg-mobile-v17 .message-attach-button,
  .gg-mobile-v17 .message-mic-button,
  .gg-mobile-v17 .thread-back {
    width: 42px !important;
    height: 42px !important;
    border: 0 !important;
    background: transparent !important;
  }

  .gg-mobile-v17 .voice-recording {
    min-height: 48px;
    border-radius: 24px !important;
    background: color-mix(in srgb, var(--gg-mobile-ink) 4%, var(--gg-mobile-surface)) !important;
  }

  /* Auth: the form is immediately visible and the brand is a compact masthead. */
  .gg-mobile-v17 #gg-auth-v16 {
    min-height: 100dvh !important;
    padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);
    display: block !important;
    background: var(--gg-mobile-surface) !important;
  }

  .gg-mobile-v17 .gg-auth-brand {
    width: 100%;
    height: 82px !important;
    min-height: 82px !important;
    padding: 8px 16px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #0c0f0c !important;
  }

  .gg-mobile-v17 .gg-auth-brand::after,
  .gg-mobile-v17 .gg-auth-brand > div,
  .gg-mobile-v17 .gg-auth-brand > small {
    display: none !important;
  }

  .gg-mobile-v17 .gg-auth-brand > img {
    position: static !important;
    width: 62px !important;
    height: 66px !important;
    object-fit: contain;
    filter: drop-shadow(0 3px 9px #0008);
  }

  .gg-mobile-v17 .gg-auth-panel {
    width: 100%;
    margin: 0 !important;
    padding: 15px 14px 26px !important;
    display: block !important;
    background: var(--gg-mobile-surface);
  }

  .gg-mobile-v17 .gg-auth-card {
    width: 100% !important;
    max-width: 520px;
    margin: 0 auto;
    padding: 4px 3px 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .gg-mobile-v17 .gg-auth-card > header {
    min-height: 68px;
    margin-bottom: 13px !important;
    gap: 11px !important;
  }

  .gg-mobile-v17 .gg-auth-card > header img {
    width: 48px !important;
    height: 48px !important;
    border-radius: 15px !important;
  }

  .gg-mobile-v17 .gg-auth-card > header span {
    font-size: 9px !important;
  }

  .gg-mobile-v17 .gg-auth-card > header h2 {
    margin: 3px 0 2px !important;
    font-size: 25px !important;
    letter-spacing: -.035em;
  }

  .gg-mobile-v17 .gg-auth-card > header p {
    overflow: hidden;
    margin: 0 !important;
    color: var(--gg-mobile-muted) !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 11px !important;
  }

  .gg-mobile-v17 .gg-auth-tabs {
    min-height: 50px;
    margin-bottom: 15px !important;
    padding: 4px !important;
    border-radius: 14px !important;
    background: #f0f1f2 !important;
  }

  .gg-mobile-v17 .gg-auth-tabs button {
    min-height: 42px;
    border-radius: 11px !important;
    font-size: 14px;
  }

  .gg-mobile-v17 .gg-auth-field {
    margin-bottom: 12px !important;
  }

  .gg-mobile-v17 .gg-auth-field > span {
    margin-bottom: 6px !important;
    font-size: 13px;
  }

  .gg-mobile-v17 .gg-auth-input input {
    height: 53px !important;
    padding-inline: 14px !important;
    border: 1px solid #e2e4e7 !important;
    border-radius: 14px !important;
    background: #f7f8f9 !important;
    color: #111 !important;
    font-size: 16px !important;
    box-shadow: none !important;
  }

  .gg-mobile-v17 .gg-auth-input input:focus {
    border-color: #c38c19 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px #d9a72f1c !important;
  }

  .gg-mobile-v17 .gg-password-toggle {
    top: 7px !important;
    height: 39px !important;
    border-radius: 10px !important;
  }

  .gg-mobile-v17 .gg-auth-submit {
    height: 55px !important;
    margin-top: 4px !important;
    border-radius: 14px !important;
    font-size: 16px !important;
    box-shadow: 0 8px 22px #d99b1226 !important;
  }

  .gg-mobile-v17 .gg-auth-links {
    margin-top: 15px !important;
    flex-direction: row !important;
    justify-content: center !important;
    flex-wrap: wrap;
    font-size: 12px;
  }

  .gg-mobile-v17 .gg-auth-card footer {
    margin-top: 18px !important;
    padding-top: 14px !important;
  }

  .gg-mobile-v17 .gg-auth-card footer span {
    padding: 5px 8px !important;
    font-size: 9px !important;
  }

  /* Other sections keep their content while adopting the same lighter mobile grammar. */
  .gg-mobile-v17 .metric-grid,
  .gg-mobile-v17 .feature-grid,
  .gg-mobile-v17 .library-grid,
  .gg-mobile-v17 .member-grid {
    padding-inline: 12px;
    gap: 9px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .gg-mobile-v17 .metric-grid article,
  .gg-mobile-v17 .feature-grid button,
  .gg-mobile-v17 .library-grid article,
  .gg-mobile-v17 .member-grid article,
  .gg-mobile-v17 .calendar-card,
  .gg-mobile-v17 .leaderboard,
  .gg-mobile-v17 .notification-list,
  .gg-mobile-v17 .inline-form,
  .gg-mobile-v17 .event-strip {
    border: 1px solid var(--gg-mobile-line) !important;
    border-radius: 17px !important;
    background: var(--gg-mobile-surface) !important;
    box-shadow: 0 4px 18px #11111108 !important;
  }

  .gg-mobile-v17 .feature-grid button {
    min-height: 150px !important;
    padding: 15px !important;
  }

  .gg-mobile-v17 .feature-grid h3 {
    margin-top: 15px !important;
    font-size: 15px !important;
  }

  .gg-mobile-v17 .pillar-tabs {
    top: calc(env(safe-area-inset-top) + 4px) !important;
    width: calc(100% - 24px) !important;
    margin: 0 12px !important;
    padding: 0 6px !important;
    border: 1px solid var(--gg-mobile-line) !important;
    border-radius: 14px !important;
    background: color-mix(in srgb, var(--gg-mobile-surface) 94%, transparent) !important;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
  }

  .gg-mobile-v17 .notification-list,
  .gg-mobile-v17 .calendar-card,
  .gg-mobile-v17 .leaderboard,
  .gg-mobile-v17 .inline-form,
  .gg-mobile-v17 .event-strip {
    margin-inline: 12px !important;
  }

  .gg-mobile-v17 .post-options {
    z-index: 150 !important;
    top: 50px !important;
    right: auto !important;
    left: 10px !important;
    min-width: 210px !important;
    padding: 6px !important;
    border: 1px solid var(--gg-mobile-line) !important;
    border-radius: 15px !important;
    background: var(--gg-mobile-surface) !important;
    box-shadow: 0 20px 55px #0004 !important;
  }

  .gg-mobile-v17 .gg-install-launcher {
    z-index: 100;
    right: 10px !important;
    bottom: calc(var(--gg-mobile-nav) + env(safe-area-inset-bottom) + 9px) !important;
    min-height: 42px;
    border-radius: 999px !important;
  }

  @media (display-mode: standalone) {
    .gg-mobile-v17 .gg-install-launcher,
    .gg-mobile-v17 .gg-install-card {
      display: none !important;
    }
  }
}

@media (max-width: 380px) {
  :root {
    --gg-mobile-header: 70px;
    --gg-mobile-nav: 60px;
  }

  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head {
    grid-template: "person title logo" 52px / minmax(96px, .9fr) minmax(0, 1.1fr) 42px !important;
    padding-inline: 9px !important;
  }

  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head > img {
    width: 40px !important;
    height: 44px !important;
  }

  .gg-mobile-v17 .community-head .head-person {
    height: 40px;
  }

  .gg-mobile-v17 .community-head .head-person .gg-avatar {
    width: 31px !important;
    height: 31px !important;
    flex-basis: 31px;
  }

  .gg-mobile-v17 .community-head .head-person strong {
    font-size: 10px !important;
  }

  #gg-mobile-nav button {
    font-size: 8px;
  }

  .gg-mobile-nav-icon,
  .gg-mobile-nav-icon svg {
    width: 21px;
    height: 21px;
  }

  .gg-mobile-v17 .flow-composer-body {
    grid-template-columns: 86px minmax(0, 1fr) !important;
    padding: 9px !important;
  }

  .gg-sheet-grid {
    gap: 7px;
  }

  .gg-sheet-grid > button {
    min-height: 82px;
  }
}

@media (max-width: 340px) {
  .gg-mobile-v17 .community-head > div:nth-child(2) > span,
  .gg-mobile-v17 .community-head h1 {
    display: none !important;
  }

  .gg-mobile-v17 .community-head > div:nth-child(2) {
    grid-template-columns: 1fr !important;
    justify-items: center;
  }

  .gg-mobile-more {
    grid-column: 1 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #gg-mobile-nav,
  .community-head,
  #gg-mobile-more-sheet,
  #gg-mobile-more-sheet > section,
  #gg-flow-transition {
    transition-duration: .01ms !important;
  }
}


/* mobile-v18.css */
/* Great Generation V18 — social layer, stories and settings */
:root {
  --gg18-ink: #11120f;
  --gg18-ink-soft: #1a1c17;
  --gg18-gold: #d9a21b;
  --gg18-gold-bright: #f4c44e;
  --gg18-ivory: #fbfaf6;
  --gg18-surface: #ffffff;
  --gg18-muted: #71767f;
  --gg18-line: rgba(17, 18, 15, .1);
  --gg18-shadow: 0 18px 55px rgba(16, 18, 15, .12);
  --gg18-radius: 22px;
}

html[data-theme="dark"] {
  --gg18-ivory: #0d0f0c;
  --gg18-surface: #161814;
  --gg18-muted: #a1a69f;
  --gg18-line: rgba(255, 255, 255, .1);
  --gg18-shadow: 0 18px 58px rgba(0, 0, 0, .38);
}

html.gg-modal-open,
html.gg-modal-open body {
  overflow: hidden !important;
  overscroll-behavior: none;
}

#gg-auth-v16.gg-auth-v18 {
  position: relative;
}

.gg-auth-language {
  position: absolute;
  z-index: 8;
  top: 24px;
  inset-inline-end: 24px;
  min-inline-size: 82px;
  min-block-size: 40px;
  padding-inline: 14px;
  color: #f2c248;
  border: 1px solid rgba(235, 184, 49, .38);
  border-radius: 999px;
  background: rgba(12, 14, 11, .76);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  font: inherit;
  font-size: 12px;
  font-weight: 850;
}

.gg-auth-language:active {
  opacity: .76;
}

.gg-v18-brand-mark {
  cursor: pointer;
  object-fit: cover !important;
  background: #070806;
  border: 1px solid rgba(218, 165, 31, .38);
  border-radius: 14px !important;
  box-shadow: 0 9px 28px rgba(0, 0, 0, .2);
  transition: transform .18s ease, box-shadow .18s ease;
}

.gg-v18-brand-mark:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 34px rgba(0, 0, 0, .25);
}

.gg-v18-brand-mark:focus-visible {
  outline: 3px solid rgba(236, 181, 41, .45);
  outline-offset: 3px;
}

.flow-overlay-head .gg-v18-brand-mark {
  inline-size: 42px !important;
  block-size: 42px !important;
  border-radius: 13px !important;
}

.profile-security-card {
  display: none !important;
}

.gg-v18-settings-nav svg,
.gg-v18-sheet-settings svg,
#gg-v18-settings svg,
#gg-v18-story-composer svg,
#gg-v18-story-viewer svg,
#gg-v18-stories svg,
.gg-v18-member-chevron svg {
  inline-size: 22px;
  block-size: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.product-nav .gg-v18-settings-nav {
  gap: 7px;
  white-space: nowrap;
}

.product-nav .gg-v18-settings-nav svg {
  inline-size: 19px;
  block-size: 19px;
}

#gg-mobile-more-sheet .gg-v18-sheet-settings {
  color: var(--gg18-ink);
}

html[data-theme="dark"] #gg-mobile-more-sheet .gg-v18-sheet-settings {
  color: #f8f7f2;
}

/* Modern directory list */
.member-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  grid-template-columns: none !important;
  max-inline-size: 940px;
  margin-inline: auto;
}

.directory-member-card.gg-v18-member-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-block-size: 88px;
  padding: 12px 14px !important;
  border: 1px solid var(--gg18-line) !important;
  border-radius: 18px !important;
  background: var(--gg18-surface) !important;
  box-shadow: 0 5px 22px rgba(20, 21, 18, .045) !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.directory-member-card.gg-v18-member-row:hover {
  transform: translateY(-1px);
  border-color: rgba(215, 161, 25, .28) !important;
  box-shadow: 0 10px 32px rgba(20, 21, 18, .075) !important;
}

.gg-v18-member-row .directory-profile-open {
  position: relative;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) 24px;
  grid-template-rows: auto auto auto;
  align-items: center;
  gap: 1px 13px;
  min-inline-size: 0;
  padding: 0 !important;
  text-align: start !important;
}

.gg-v18-member-row .directory-profile-open > .gg-avatar,
.gg-v18-member-row .directory-profile-open > span:first-child:not(.gg-v18-member-chevron) {
  grid-column: 1;
  grid-row: 1 / 4;
  inline-size: 54px !important;
  block-size: 54px !important;
  border-radius: 50% !important;
}

.gg-v18-member-row .directory-profile-open h3,
.gg-v18-member-row .directory-profile-open strong {
  grid-column: 2;
  grid-row: 1;
  margin: 0 !important;
  overflow: hidden;
  color: var(--gg18-ink);
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-theme="dark"] .gg-v18-member-row .directory-profile-open h3,
html[data-theme="dark"] .gg-v18-member-row .directory-profile-open strong {
  color: #f8f7f2;
}

.gg-v18-member-row .directory-profile-open > span:not(.gg-avatar):not(.gg-v18-member-chevron),
.gg-v18-member-row .directory-profile-open > small {
  grid-column: 2;
  grid-row: 2;
  color: #a5780d !important;
  font-size: 12px !important;
  font-weight: 700;
}

.gg-v18-member-row .directory-profile-open p {
  grid-column: 2;
  grid-row: 3;
  max-inline-size: 60ch;
  margin: 2px 0 0 !important;
  overflow: hidden;
  color: var(--gg18-muted) !important;
  font-size: 12px !important;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gg-v18-member-chevron {
  grid-column: 3;
  grid-row: 1 / 4;
  display: grid;
  place-items: center;
  color: #9a9e98;
}

[dir="rtl"] .gg-v18-member-chevron {
  transform: rotate(180deg);
}

.gg-v18-member-row > button:not(.directory-profile-open) {
  min-block-size: 42px;
  padding-inline: 17px !important;
  border-radius: 999px !important;
}

/* Settings and privacy center */
#gg-v18-settings {
  position: fixed;
  z-index: 2200;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

#gg-v18-settings.open {
  display: flex;
  animation: gg18FadeIn .16s ease both;
}

.gg-v18-settings-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(8, 9, 7, .68);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

#gg-v18-settings > section {
  position: relative;
  display: flex;
  flex-direction: column;
  inline-size: min(720px, 100%);
  max-block-size: min(880px, calc(100dvh - 48px));
  overflow: hidden;
  color: var(--gg18-ink);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 28px;
  background: var(--gg18-ivory);
  box-shadow: 0 35px 110px rgba(0, 0, 0, .35);
}

html[data-theme="dark"] #gg-v18-settings > section {
  color: #f8f7f2;
}

#gg-v18-settings > section > header {
  position: sticky;
  z-index: 2;
  top: 0;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 44px;
  align-items: center;
  gap: 12px;
  min-block-size: 74px;
  padding: 12px 16px;
  border-block-end: 1px solid var(--gg18-line);
  background: color-mix(in srgb, var(--gg18-ivory) 90%, transparent);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

#gg-v18-settings > section > header > button {
  display: grid;
  place-items: center;
  inline-size: 42px;
  block-size: 42px;
  padding: 0;
  color: inherit;
  border: 1px solid var(--gg18-line);
  border-radius: 50%;
  background: var(--gg18-surface);
}

#gg-v18-settings > section > header > button:active {
  opacity: .76;
}

#gg-v18-settings [data-settings-back].home {
  visibility: hidden;
}

[dir="rtl"] #gg-v18-settings [data-settings-back] svg {
  transform: rotate(180deg);
}

.gg-v18-settings-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-inline-size: 0;
  text-align: start;
}

.gg-v18-settings-brand img {
  inline-size: 40px;
  block-size: 40px;
  object-fit: cover;
  border-radius: 12px;
  background: #080907;
}

.gg-v18-settings-brand span {
  display: grid;
  min-inline-size: 0;
}

.gg-v18-settings-brand small {
  color: #a47a14;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
}

.gg-v18-settings-brand strong {
  overflow: hidden;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#gg-v18-settings main {
  flex: 1;
  overflow-y: auto;
  padding: 18px 20px max(30px, env(safe-area-inset-bottom));
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

.gg-v18-settings-home {
  display: grid;
  gap: 18px;
}

.gg-v18-account-summary {
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
  padding: 17px;
  border: 1px solid var(--gg18-line);
  border-radius: 22px;
  background: linear-gradient(135deg, var(--gg18-surface), color-mix(in srgb, var(--gg18-gold) 7%, var(--gg18-surface)));
}

.gg-v18-avatar {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  inline-size: 44px;
  block-size: 44px;
  overflow: hidden;
  color: var(--gg18-gold-bright);
  border: 2px solid rgba(222, 169, 35, .8);
  border-radius: 50%;
  background: #141612;
  font-size: 13px;
  font-weight: 800;
}

.gg-v18-avatar.large {
  inline-size: 60px;
  block-size: 60px;
  font-size: 17px;
}

.gg-v18-avatar img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.gg-v18-account-summary > div {
  display: grid;
  min-inline-size: 0;
}

.gg-v18-account-summary strong {
  overflow: hidden;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gg-v18-account-summary span {
  color: var(--gg18-muted);
  font-size: 12px;
}

.gg-v18-account-summary button,
.gg-v18-primary-action {
  min-block-size: 40px;
  padding-inline: 15px;
  color: var(--gg18-ink);
  border: 1px solid rgba(214, 158, 20, .32);
  border-radius: 999px;
  background: color-mix(in srgb, var(--gg18-gold) 10%, var(--gg18-surface));
  font-size: 12px;
  font-weight: 800;
}

html[data-theme="dark"] .gg-v18-account-summary button,
html[data-theme="dark"] .gg-v18-primary-action {
  color: #faf9f4;
}

.gg-v18-settings-group {
  overflow: hidden;
  border: 1px solid var(--gg18-line);
  border-radius: 22px;
  background: var(--gg18-surface);
}

.gg-v18-settings-group > h2 {
  margin: 0;
  padding: 15px 17px 9px;
  color: var(--gg18-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.gg-v18-settings-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 11px;
  inline-size: 100%;
  min-block-size: 70px;
  padding: 10px 15px;
  color: inherit;
  border: 0;
  border-block-start: 1px solid var(--gg18-line);
  background: transparent;
  text-align: start;
}

.gg-v18-settings-row:active {
  background: color-mix(in srgb, var(--gg18-gold) 7%, transparent);
}

.gg-v18-settings-row-icon {
  display: grid;
  place-items: center;
  inline-size: 40px;
  block-size: 40px;
  color: #9c7109;
  border-radius: 13px;
  background: color-mix(in srgb, var(--gg18-gold) 12%, var(--gg18-ivory));
}

.gg-v18-settings-row > span:nth-child(2) {
  display: grid;
  gap: 2px;
}

.gg-v18-settings-row strong {
  font-size: 14px;
}

.gg-v18-settings-row small {
  color: var(--gg18-muted);
  font-size: 11px;
  line-height: 1.4;
}

.gg-v18-settings-row i {
  display: grid;
  place-items: center;
  color: #969b94;
}

[dir="rtl"] .gg-v18-settings-row i {
  transform: rotate(180deg);
}

.gg-v18-signout {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-block-size: 52px;
  color: #b33030;
  border: 1px solid rgba(179, 48, 48, .17);
  border-radius: 18px;
  background: rgba(179, 48, 48, .055);
  font-weight: 800;
}

.gg-v18-panel-intro {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  margin-block-end: 16px;
  padding: 18px;
  border-radius: 22px;
  background: linear-gradient(135deg, #11130f, #23271c);
  color: #fff;
}

.gg-v18-panel-intro > span {
  display: grid;
  place-items: center;
  inline-size: 52px;
  block-size: 52px;
  color: var(--gg18-gold-bright);
  border: 1px solid rgba(235, 182, 46, .32);
  border-radius: 16px;
  background: rgba(0, 0, 0, .22);
}

.gg-v18-panel-intro p,
.gg-v18-panel-intro h1,
.gg-v18-panel-intro small {
  margin: 0;
}

.gg-v18-panel-intro p {
  color: var(--gg18-gold-bright);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .13em;
}

.gg-v18-panel-intro h1 {
  margin-block: 3px;
  font-size: 21px;
}

.gg-v18-panel-intro small {
  color: rgba(255, 255, 255, .68);
  line-height: 1.5;
}

.gg-v18-detail-list,
.gg-v18-policy,
.gg-v18-password-form,
.gg-v18-session-card {
  margin-block-end: 13px;
  padding: 17px;
  border: 1px solid var(--gg18-line);
  border-radius: 20px;
  background: var(--gg18-surface);
}

.gg-v18-detail-list > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-block-size: 49px;
  border-block-end: 1px solid var(--gg18-line);
}

.gg-v18-detail-list > div:last-child {
  border: 0;
}

.gg-v18-detail-list span {
  color: var(--gg18-muted);
  font-size: 12px;
}

.gg-v18-detail-list b {
  overflow-wrap: anywhere;
  font-size: 13px;
  text-align: end;
}

.gg-v18-policy h2 {
  margin: 0 0 7px;
  font-size: 16px;
}

.gg-v18-policy p,
.gg-v18-policy li {
  color: var(--gg18-muted);
  font-size: 13px;
  line-height: 1.75;
}

.gg-v18-policy p {
  margin: 0;
}

.gg-v18-policy ul {
  margin-block: 10px 0;
  padding-inline-start: 21px;
}

.gg-v18-password-form {
  display: grid;
  gap: 13px;
}

.gg-v18-password-form label {
  display: grid;
  gap: 7px;
  color: var(--gg18-muted);
  font-size: 12px;
  font-weight: 700;
}

.gg-v18-password-form input {
  inline-size: 100%;
  min-block-size: 51px;
  padding-inline: 14px;
  color: inherit;
  border: 1px solid var(--gg18-line);
  border-radius: 15px;
  background: var(--gg18-ivory);
  font: inherit;
  font-size: 16px;
}

.gg-v18-password-form input:focus {
  outline: 0;
  border-color: rgba(215, 161, 25, .7);
  box-shadow: 0 0 0 4px rgba(215, 161, 25, .1);
}

.gg-v18-password-form > p {
  min-block-size: 0;
  margin: 0;
  color: #258554;
  font-size: 12px;
}

.gg-v18-password-form > p.error {
  color: #b43131;
}

.gg-v18-password-form > button,
.gg-v18-primary-action,
.gg-v18-danger-action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  inline-size: 100%;
  min-block-size: 50px;
  border-radius: 15px;
  font-weight: 850;
}

.gg-v18-password-form > button {
  color: #11120f;
  border: 0;
  background: linear-gradient(135deg, var(--gg18-gold), var(--gg18-gold-bright));
}

.gg-v18-session-card {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
}

.gg-v18-session-card > svg {
  color: #9e760f;
}

.gg-v18-session-card > div {
  display: grid;
}

.gg-v18-session-card small {
  color: var(--gg18-muted);
  font-size: 11px;
  line-height: 1.4;
}

.gg-v18-session-card i {
  padding: 5px 9px;
  color: #287f54;
  border-radius: 999px;
  background: rgba(40, 127, 84, .1);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}

.gg-v18-danger-action {
  color: #af2f2f;
  border: 1px solid rgba(175, 47, 47, .18);
  background: rgba(175, 47, 47, .06);
}

/* Stories rail */
#gg-v18-stories {
  margin-block-end: 14px;
  overflow: hidden;
  border: 1px solid var(--gg18-line);
  border-radius: 20px;
  background: var(--gg18-surface);
  box-shadow: 0 5px 22px rgba(20, 21, 18, .045);
}

#gg-v18-stories > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 15px 4px;
}

#gg-v18-stories > header strong {
  font-size: 14px;
}

#gg-v18-stories > header span {
  color: var(--gg18-muted);
  font-size: 10px;
}

.gg-v18-story-strip {
  display: flex;
  gap: 11px;
  overflow-x: auto;
  padding: 9px 13px 14px;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  overscroll-behavior-inline: contain;
}

.gg-v18-story-strip::-webkit-scrollbar {
  display: none;
}

.gg-v18-story-strip > button {
  display: grid;
  justify-items: center;
  flex: 0 0 68px;
  gap: 5px;
  min-inline-size: 0;
  padding: 0;
  color: inherit;
  border: 0;
  background: transparent;
  scroll-snap-align: start;
}

.gg-v18-story-strip > button > span:last-child {
  inline-size: 100%;
  overflow: hidden;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gg-v18-story-ring,
.gg-v18-add-story {
  position: relative;
}

.gg-v18-story-ring {
  display: grid;
  place-items: center;
  inline-size: 62px;
  block-size: 62px;
  padding: 3px;
  border-radius: 50%;
  background: linear-gradient(135deg, #f4ca55, #bf8302 55%, #292c24);
}

.gg-v18-story-person.seen .gg-v18-story-ring {
  background: #d9dcd7;
}

.gg-v18-story-ring .gg-v18-avatar,
.gg-v18-add-story > .gg-v18-avatar {
  inline-size: 56px;
  block-size: 56px;
  border: 3px solid var(--gg18-surface);
}

.gg-v18-add-story > i {
  position: absolute;
  inset-inline-end: 4px;
  top: 40px;
  display: grid;
  place-items: center;
  inline-size: 21px;
  block-size: 21px;
  color: #11120f;
  border: 2px solid var(--gg18-surface);
  border-radius: 50%;
  background: var(--gg18-gold-bright);
}

.gg-v18-add-story > i svg {
  inline-size: 12px !important;
  block-size: 12px !important;
  stroke-width: 2.5 !important;
}

.gg-v18-story-skeleton {
  display: flex;
  gap: 13px;
}

.gg-v18-story-skeleton i {
  inline-size: 60px;
  block-size: 60px;
  border-radius: 50%;
  background: linear-gradient(100deg, #edece8 30%, #f8f7f3 50%, #edece8 70%);
  background-size: 220% 100%;
  animation: gg18Shimmer 1.2s linear infinite;
}

.gg-v18-story-error {
  inline-size: 100%;
  padding: 10px;
  color: #aa3333;
  border: 0;
  border-block-start: 1px solid var(--gg18-line);
  background: rgba(170, 51, 51, .04);
  font-size: 11px;
}

/* Story composer */
#gg-v18-story-composer {
  position: fixed;
  z-index: 2300;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(5, 6, 4, .72);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  animation: gg18FadeIn .16s ease both;
}

#gg-v18-story-composer > section {
  display: flex;
  flex-direction: column;
  inline-size: min(470px, 100%);
  max-block-size: min(850px, calc(100dvh - 40px));
  overflow: hidden;
  color: var(--gg18-ink);
  border-radius: 26px;
  background: var(--gg18-ivory);
  box-shadow: 0 35px 100px rgba(0, 0, 0, .42);
}

html[data-theme="dark"] #gg-v18-story-composer > section {
  color: #f8f7f2;
}

#gg-v18-story-composer header {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  padding: 13px 15px;
  border-block-end: 1px solid var(--gg18-line);
}

#gg-v18-story-composer header > button {
  display: grid;
  place-items: center;
  inline-size: 40px;
  block-size: 40px;
  padding: 0;
  color: inherit;
  border: 1px solid var(--gg18-line);
  border-radius: 50%;
  background: var(--gg18-surface);
}

#gg-v18-story-composer header > div {
  display: grid;
}

#gg-v18-story-composer header strong {
  font-size: 16px;
}

#gg-v18-story-composer header span {
  color: var(--gg18-muted);
  font-size: 11px;
}

#gg-v18-story-composer main {
  display: grid;
  gap: 14px;
  overflow-y: auto;
  padding: 14px 15px;
}

.gg-v18-story-preview {
  position: relative;
  inline-size: min(280px, 75vw);
  aspect-ratio: 9 / 16;
  max-block-size: 54dvh;
  margin-inline: auto;
  overflow: hidden;
  border-radius: 20px;
  background: #050505;
}

.gg-v18-story-preview img,
.gg-v18-story-preview video {
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
}

#gg-v18-story-composer main > label {
  position: relative;
  display: grid;
  gap: 6px;
  font-size: 12px;
  font-weight: 800;
}

#gg-v18-story-composer textarea {
  min-block-size: 86px;
  padding: 12px 13px 25px;
  resize: none;
  color: inherit;
  border: 1px solid var(--gg18-line);
  border-radius: 16px;
  background: var(--gg18-surface);
  font: inherit;
  font-size: 16px;
  line-height: 1.5;
}

#gg-v18-story-composer label small {
  position: absolute;
  inset-inline-end: 10px;
  bottom: 7px;
  color: var(--gg18-muted);
  font-size: 10px;
  font-weight: 500;
}

.gg-v18-story-upload-state {
  display: grid;
  gap: 6px;
}

.gg-v18-story-upload-state[hidden] {
  display: none;
}

.gg-v18-story-upload-state > div {
  block-size: 5px;
  overflow: hidden;
  border-radius: 99px;
  background: var(--gg18-line);
}

.gg-v18-story-upload-state i {
  display: block;
  inline-size: 0;
  block-size: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--gg18-gold), var(--gg18-gold-bright));
  transition: width .18s ease;
}

.gg-v18-story-upload-state span {
  color: var(--gg18-muted);
  font-size: 11px;
}

.gg-v18-story-compose-error {
  min-block-size: 0;
  margin: 0;
  color: #b53232;
  font-size: 11px;
}

#gg-v18-story-composer footer {
  padding: 12px 15px max(12px, env(safe-area-inset-bottom));
  border-block-start: 1px solid var(--gg18-line);
}

#gg-v18-story-composer footer button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  inline-size: 100%;
  min-block-size: 52px;
  color: #11120f;
  border: 0;
  border-radius: 15px;
  background: linear-gradient(135deg, var(--gg18-gold), var(--gg18-gold-bright));
  font-weight: 900;
}

#gg-v18-story-composer footer button:disabled {
  opacity: .6;
}

/* Story viewer */
#gg-v18-story-viewer {
  position: fixed;
  z-index: 2400;
  inset: 0;
  display: grid;
  place-items: center;
  background: #050605;
  animation: gg18FadeIn .14s ease both;
}

#gg-v18-story-viewer > section {
  position: relative;
  inline-size: min(520px, 100%);
  block-size: 100dvh;
  max-block-size: 980px;
  overflow: hidden;
  color: #fff;
  background: #080908;
}

.gg-v18-story-progress {
  position: absolute;
  z-index: 5;
  top: max(9px, env(safe-area-inset-top));
  inset-inline: 10px;
  display: flex;
  gap: 4px;
}

.gg-v18-story-progress > i {
  flex: 1;
  block-size: 3px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(255, 255, 255, .35);
}

.gg-v18-story-progress > i > b {
  display: block;
  inline-size: 0;
  block-size: 100%;
  border-radius: inherit;
  background: #fff;
}

.gg-v18-story-progress > i.done > b {
  inline-size: 100%;
}

#gg-v18-story-viewer > section > header {
  position: absolute;
  z-index: 4;
  top: max(20px, calc(env(safe-area-inset-top) + 11px));
  inset-inline: 11px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 42px;
  align-items: center;
  gap: 10px;
}

#gg-v18-story-viewer header > button {
  display: grid;
  place-items: center;
  inline-size: 40px;
  block-size: 40px;
  padding: 0;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 50%;
  background: rgba(0, 0, 0, .3);
  backdrop-filter: blur(12px);
}

#gg-v18-story-viewer header > button[hidden] {
  visibility: hidden;
}

#gg-v18-story-viewer [data-story-view-person] {
  display: flex;
  align-items: center;
  gap: 9px;
  min-inline-size: 0;
}

#gg-v18-story-viewer [data-story-view-person] .gg-v18-avatar {
  inline-size: 39px;
  block-size: 39px;
}

#gg-v18-story-viewer [data-story-view-person] > span {
  display: grid;
  min-inline-size: 0;
}

#gg-v18-story-viewer [data-story-view-person] strong {
  overflow: hidden;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#gg-v18-story-viewer [data-story-view-person] small {
  color: rgba(255, 255, 255, .68);
  font-size: 10px;
}

#gg-v18-story-viewer main,
.gg-v18-story-media {
  inline-size: 100%;
  block-size: 100%;
}

.gg-v18-story-media {
  display: grid;
  place-items: center;
  background: #090a09;
}

.gg-v18-story-media img,
.gg-v18-story-media video {
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
}

#gg-v18-story-viewer [data-story-prev],
#gg-v18-story-viewer [data-story-next] {
  position: absolute;
  z-index: 2;
  inset-block: 85px 110px;
  inline-size: 34%;
  padding: 0;
  border: 0;
  background: transparent;
}

#gg-v18-story-viewer [data-story-prev] { inset-inline-start: 0; }
#gg-v18-story-viewer [data-story-next] { inset-inline-end: 0; }

.gg-v18-story-play,
.gg-v18-story-retry {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-inline-size: 58px;
  min-block-size: 58px;
  padding: 12px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 999px;
  background: rgba(0, 0, 0, .5);
  backdrop-filter: blur(10px);
}

#gg-v18-story-viewer > section > footer {
  position: absolute;
  z-index: 4;
  inset-inline: 12px;
  bottom: max(14px, env(safe-area-inset-bottom));
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 10px;
}

#gg-v18-story-viewer footer > p {
  grid-column: 1 / -1;
  max-block-size: 5.2em;
  margin: 0;
  overflow: auto;
  font-size: 13px;
  line-height: 1.65;
  text-shadow: 0 2px 8px #000;
}

#gg-v18-story-viewer [data-story-reply] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-block-size: 46px;
  padding-inline: 16px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .34);
  border-radius: 999px;
  background: rgba(0, 0, 0, .28);
  backdrop-filter: blur(12px);
}

.gg-v18-story-views {
  display: flex;
  align-items: center;
  gap: 5px;
  min-block-size: 44px;
  padding-inline: 13px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .3);
}

.gg-v18-story-delete-confirm {
  position: absolute;
  z-index: 10;
  inset: auto 12px max(14px, env(safe-area-inset-bottom));
  padding: 16px;
  color: #161713;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .45);
  text-align: center;
}

.gg-v18-story-delete-confirm[hidden] {
  display: none;
}

.gg-v18-story-delete-confirm > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-block-start: 13px;
}

.gg-v18-story-delete-confirm button {
  min-block-size: 42px;
  border: 0;
  border-radius: 12px;
}

.gg-v18-story-delete-confirm [data-delete-confirm] {
  color: #fff;
  background: #b32d2d;
}

.gg-v18-toast {
  position: fixed;
  z-index: 2600;
  left: 50%;
  bottom: max(24px, calc(env(safe-area-inset-bottom) + 14px));
  max-inline-size: min(420px, calc(100vw - 28px));
  padding: 12px 17px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 999px;
  background: rgba(19, 21, 17, .94);
  box-shadow: 0 15px 45px rgba(0, 0, 0, .27);
  opacity: 0;
  transform: translate(-50%, 14px);
  transition: opacity .2s ease, transform .2s ease;
  font-size: 12px;
  font-weight: 750;
  text-align: center;
}

.gg-v18-toast.show {
  opacity: 1;
  transform: translate(-50%, 0);
}

.gg-v18-toast.error {
  background: rgba(142, 38, 38, .96);
}

@media (max-width: 820px) {
  .gg-auth-language {
    position: fixed;
    top: max(10px, env(safe-area-inset-top));
    inset-inline-end: 12px;
    min-inline-size: 74px;
    min-block-size: 36px;
    padding-inline: 11px;
    background: rgba(18, 20, 16, .88);
    font-size: 11px;
  }

  .product-nav .gg-v18-settings-nav {
    display: none !important;
  }

  .member-app:not(.flow-mode) > .community-head > .gg-v18-brand-mark {
    inline-size: 52px !important;
    block-size: 52px !important;
    border-radius: 16px !important;
  }

  #gg-v18-settings {
    align-items: stretch;
    padding: 0;
  }

  #gg-v18-settings > section {
    inline-size: 100%;
    max-block-size: none;
    block-size: var(--gg-visual-height, 100dvh);
    border: 0;
    border-radius: 0;
  }

  #gg-v18-settings > section > header {
    min-block-size: calc(61px + env(safe-area-inset-top));
    padding: max(10px, env(safe-area-inset-top)) 12px 9px;
  }

  #gg-v18-settings main {
    padding: 13px 13px calc(28px + env(safe-area-inset-bottom));
  }

  .gg-v18-account-summary {
    grid-template-columns: 53px minmax(0, 1fr) auto;
    padding: 14px;
    border-radius: 19px;
  }

  .gg-v18-avatar.large {
    inline-size: 53px;
    block-size: 53px;
  }

  .gg-v18-account-summary button {
    padding-inline: 12px;
  }

  .gg-v18-settings-group,
  .gg-v18-panel-intro,
  .gg-v18-policy,
  .gg-v18-password-form,
  .gg-v18-detail-list,
  .gg-v18-session-card {
    border-radius: 18px;
  }

  .member-grid {
    gap: 7px !important;
  }

  .directory-member-card.gg-v18-member-row {
    grid-template-columns: minmax(0, 1fr) auto;
    min-block-size: 76px;
    padding: 10px 11px !important;
    border-radius: 16px !important;
    box-shadow: none !important;
  }

  .gg-v18-member-row .directory-profile-open {
    grid-template-columns: 50px minmax(0, 1fr) 20px;
    gap: 0 10px;
  }

  .gg-v18-member-row .directory-profile-open > .gg-avatar,
  .gg-v18-member-row .directory-profile-open > span:first-child:not(.gg-v18-member-chevron) {
    inline-size: 46px !important;
    block-size: 46px !important;
  }

  .gg-v18-member-row .directory-profile-open p {
    max-inline-size: 30ch;
  }

  .gg-v18-member-row > button:not(.directory-profile-open) {
    inline-size: 42px;
    min-inline-size: 42px;
    padding: 0 !important;
    overflow: hidden;
    font-size: 0 !important;
  }

  .gg-v18-member-row > button:not(.directory-profile-open) svg {
    inline-size: 18px;
    block-size: 18px;
  }

  #gg-v18-stories {
    margin-inline: 0;
    border-radius: 17px;
    box-shadow: none;
  }

  #gg-v18-stories > header {
    padding: 10px 12px 2px;
  }

  .gg-v18-story-strip {
    gap: 8px;
    padding-inline: 10px;
  }

  #gg-v18-story-composer {
    align-items: end;
    padding: 0;
  }

  #gg-v18-story-composer > section {
    inline-size: 100%;
    max-block-size: var(--gg-visual-height, 100dvh);
    block-size: var(--gg-visual-height, 100dvh);
    border-radius: 0;
  }

  #gg-v18-story-composer header {
    padding-block-start: max(11px, env(safe-area-inset-top));
  }

  #gg-v18-story-composer main {
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
  }

  .gg-v18-story-preview {
    inline-size: min(250px, 66vw);
    max-block-size: 47dvh;
  }

  #gg-v18-story-viewer > section {
    max-block-size: none;
  }
}

@media (max-width: 390px) {
  .gg-v18-settings-brand small {
    display: none;
  }

  .gg-v18-settings-brand strong {
    font-size: 14px;
  }

  .gg-v18-account-summary {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  .gg-v18-account-summary .gg-v18-avatar.large {
    inline-size: 48px;
    block-size: 48px;
  }

  .gg-v18-account-summary button {
    grid-column: 1 / -1;
  }

  .gg-v18-member-row .directory-profile-open p {
    display: none;
  }
}

@media (min-width: 821px) {
  #gg-v18-story-viewer > section {
    block-size: min(920px, calc(100dvh - 34px));
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 24px;
    box-shadow: 0 30px 100px rgba(0, 0, 0, .55);
  }
}

/* V20 Stories: fast, full-screen creation inspired by familiar social apps. */
#gg-v18-story-composer {
  padding: 0;
  background: #000;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

#gg-v18-story-composer > section {
  position: relative;
  inline-size: min(520px, 100vw);
  block-size: var(--gg-visual-height, 100dvh);
  max-block-size: 100dvh;
  color: #fff;
  border-radius: 0;
  background: #050505;
}

#gg-v18-story-composer header {
  position: absolute;
  z-index: 8;
  top: 0;
  inset-inline: 0;
  min-block-size: 84px;
  padding: max(13px, calc(env(safe-area-inset-top) + 7px)) 14px 20px;
  color: #fff;
  border: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.78), transparent);
}

#gg-v18-story-composer header > button {
  color: #fff;
  border-color: rgba(255,255,255,.28);
  background: rgba(0,0,0,.34);
  backdrop-filter: blur(12px);
}

#gg-v18-story-composer header span { color: rgba(255,255,255,.7); }

#gg-v18-story-composer main {
  position: relative;
  display: block;
  block-size: 100%;
  overflow: hidden;
  padding: 0;
}

.gg-v18-story-preview {
  inline-size: 100%;
  block-size: 100%;
  max-block-size: none;
  margin: 0;
  border-radius: 0;
}

.gg-v18-story-preview img,
.gg-v18-story-preview video { object-fit: contain; }

#gg-v18-story-composer main > label {
  position: absolute;
  z-index: 7;
  inset-inline: 14px;
  bottom: max(92px, calc(env(safe-area-inset-bottom) + 82px));
  font-size: 0;
}

#gg-v18-story-composer textarea {
  min-block-size: 48px;
  max-block-size: 112px;
  padding: 13px 48px 13px 16px;
  overflow-y: auto;
  color: #fff;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 24px;
  background: rgba(8,8,8,.48);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  font-size: 14px;
}

#gg-v18-story-composer textarea::placeholder { color: rgba(255,255,255,.7); }
#gg-v18-story-composer label small { bottom: 15px; color: rgba(255,255,255,.58); }

.gg-v18-story-upload-state {
  position: absolute;
  z-index: 9;
  inset-inline: 14px;
  bottom: max(84px, calc(env(safe-area-inset-bottom) + 74px));
  padding: 11px 13px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 15px;
  background: rgba(0,0,0,.74);
  backdrop-filter: blur(16px);
}

.gg-v18-story-upload-state > div { background: rgba(255,255,255,.2); }
.gg-v18-story-upload-state span { color: #fff; }
.gg-v18-story-compose-error {
  position: absolute;
  z-index: 10;
  inset-inline: 14px;
  bottom: max(144px, calc(env(safe-area-inset-bottom) + 134px));
  padding: 9px 12px;
  color: #fff;
  border-radius: 12px;
  background: rgba(181,45,45,.92);
  text-align: center;
}
.gg-v18-story-compose-error:empty { display: none; }

#gg-v18-story-composer footer {
  position: absolute;
  z-index: 9;
  inset-inline: 0;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  padding: 12px 14px max(14px, env(safe-area-inset-bottom));
  border: 0;
  background: linear-gradient(0deg, rgba(0,0,0,.8), transparent);
}

#gg-v18-story-composer footer button {
  inline-size: auto;
  min-inline-size: 142px;
  min-block-size: 48px;
  padding-inline: 20px;
  border-radius: 999px;
}

#gg-v18-story-viewer.gg-story-held .gg-v18-story-media { filter: brightness(.78); }

@media (min-width: 821px) {
  #gg-v18-story-composer > section {
    block-size: min(920px, calc(100dvh - 34px));
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #gg-v18-settings.open,
  #gg-v18-story-composer,
  #gg-v18-story-viewer,
  .gg-v18-story-skeleton i {
    animation: none !important;
  }

  .gg-v18-brand-mark,
  .directory-member-card.gg-v18-member-row,
  .gg-v18-toast {
    transition: none !important;
  }
}

@keyframes gg18FadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes gg18Shimmer {
  from { background-position: 100% 0; }
  to { background-position: -100% 0; }
}


/* social-v20.css */
:root {
  --gg20-gold: #d8a11b;
  --gg20-gold-soft: #fff7e2;
  --gg20-red: #e8394f;
  --gg20-ink: #171914;
  --gg20-muted: #747a84;
  --gg20-line: rgba(20, 22, 18, .1);
  --gg20-surface: #fff;
}

html[data-theme="dark"] {
  --gg20-gold-soft: rgba(216, 161, 27, .13);
  --gg20-ink: #f8f7f2;
  --gg20-muted: #9da39d;
  --gg20-line: rgba(255, 255, 255, .11);
  --gg20-surface: #171915;
}

.gg-v20-friend-toolbar {
  max-inline-size: 940px;
  margin: 0 auto 12px;
  padding: 4px;
  border: 1px solid var(--gg20-line);
  border-radius: 16px;
  background: var(--gg20-surface);
  box-shadow: 0 5px 22px rgba(20, 21, 18, .035);
}

.gg-v20-friend-toolbar > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
}

.gg-v20-friend-toolbar button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-block-size: 43px;
  padding: 8px 12px;
  color: var(--gg20-muted);
  border: 0;
  border-radius: 12px;
  background: transparent;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  transition: color .16s ease, background .16s ease, opacity .16s ease;
}

.gg-v20-friend-toolbar button:active { opacity: .76; }
.gg-v20-friend-toolbar button[aria-selected="true"] {
  color: var(--gg20-ink);
  background: var(--gg20-gold-soft);
}

.gg-v20-friend-toolbar svg,
.gg-v20-friend-button svg,
.gg-v20-verified svg,
.gg-v20-banner-close svg,
.gg-v20-notice-empty svg {
  inline-size: 19px;
  block-size: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gg-v20-friend-toolbar b,
.gg-v20-sheet-badge {
  display: grid;
  place-items: center;
  min-inline-size: 20px;
  block-size: 20px;
  padding-inline: 5px;
  color: #fff;
  border-radius: 999px;
  background: var(--gg20-red);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}

.directory-member-card.gg-v18-member-row {
  grid-template-columns: minmax(0, 1fr) auto auto !important;
}

.directory-member-card[hidden] { display: none !important; }

.gg-v20-friend-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.gg-v20-request-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.gg-v20-friend-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-block-size: 40px;
  padding: 8px 15px;
  color: var(--gg20-ink);
  border: 1px solid var(--gg20-line);
  border-radius: 999px;
  background: var(--gg20-surface);
  font: inherit;
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
  cursor: pointer;
  transition: opacity .15s ease, border-color .15s ease, background .15s ease;
}

.gg-v20-friend-button:active { opacity: .76; }
.gg-v20-friend-button.add,
.gg-v20-friend-button.accept {
  color: #15130d;
  border-color: #dda20c;
  background: linear-gradient(135deg, #f3bd2d, #d99b08);
}

.gg-v20-friend-button.friend { color: #916a0b; background: var(--gg20-gold-soft); }
.gg-v20-friend-button.pending { color: var(--gg20-muted); background: rgba(125, 130, 137, .07); }
.gg-v20-friend-button.decline { background: rgba(125, 130, 137, .08); }
.gg-v20-friend-button:disabled { opacity: .58; pointer-events: none; }
.gg-v20-friend-button.loading span { opacity: .55; }
.gg-v20-friend-button.loading::after {
  content: "";
  inline-size: 14px;
  block-size: 14px;
  border: 2px solid currentColor;
  border-inline-end-color: transparent;
  border-radius: 50%;
  animation: gg20Spin .7s linear infinite;
}

.gg-v20-profile-friend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  inline-size: 100%;
  margin-block: 5px 10px;
}

.gg-v20-profile-friend > .gg-v20-friend-button,
.gg-v20-profile-friend > .gg-v20-request-actions { flex: 1 1 160px; }
.gg-v20-profile-friend .gg-v20-friend-button { inline-size: 100%; }
.gg-v20-profile-friend > small {
  flex-basis: 100%;
  color: var(--gg20-muted);
  font-size: 11px;
  font-weight: 700;
  text-align: center;
}

.gg-v20-avatar,
.gg-v20-admin-avatar {
  position: relative;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  inline-size: 46px;
  block-size: 46px;
  overflow: hidden;
  color: #e8b52d;
  border: 1px solid rgba(216, 161, 27, .48);
  border-radius: 50%;
  background: #191b17;
  font-size: 12px;
  font-weight: 900;
}

.gg-v20-avatar img,
.gg-v20-admin-avatar img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.gg-v20-admin-avatar { padding: 5px; border-radius: 14px; background: #10110f; }
.gg-v20-admin-avatar img { object-fit: contain; }

.notification-list.gg-v20-original-hidden { display: none !important; }

.gg-v20-notification-list {
  display: flex !important;
  flex-direction: column;
  gap: 2px;
  overflow: hidden;
  padding: 5px !important;
}

.gg-v20-notice {
  position: relative;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) 10px;
  align-items: center;
  gap: 11px;
  inline-size: 100%;
  min-block-size: 72px;
  padding: 11px 12px !important;
  color: var(--gg20-ink) !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  text-align: start !important;
  cursor: pointer;
}

.gg-v20-notice:hover { background: rgba(130, 135, 127, .06) !important; }
.gg-v20-notice.unread { background: rgba(225, 169, 24, .09) !important; }
.gg-v20-notice-copy { display: grid; gap: 2px; min-inline-size: 0; }
.gg-v20-notice-copy strong {
  display: flex;
  align-items: center;
  gap: 5px;
  overflow: hidden;
  color: var(--gg20-ink);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gg-v20-notice-copy b {
  overflow: hidden;
  color: var(--gg20-muted);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.42;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gg-v20-notice-copy small { color: #a4770c; font-size: 10px; font-weight: 750; }
.gg-v20-verified { display: inline-grid; place-items: center; color: #b98409; }
.gg-v20-verified svg { inline-size: 17px; block-size: 17px; }
.gg-v20-unread-dot {
  inline-size: 8px;
  block-size: 8px;
  border-radius: 50%;
  background: var(--gg20-red);
  box-shadow: 0 0 0 4px rgba(232, 57, 79, .09);
}

.gg-v20-notice-empty {
  display: grid;
  place-items: center;
  gap: 5px;
  min-block-size: 190px;
  color: var(--gg20-muted);
  text-align: center;
}
.gg-v20-notice-empty svg { inline-size: 31px; block-size: 31px; color: #b98209; }
.gg-v20-notice-empty strong { color: var(--gg20-ink); font-size: 15px; }
.gg-v20-notice-empty span { font-size: 12px; }

.gg-v20-live-banner {
  position: fixed;
  z-index: 5000;
  top: max(10px, calc(env(safe-area-inset-top) + 7px));
  left: 50%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 36px;
  align-items: center;
  inline-size: min(440px, calc(100vw - 24px));
  min-block-size: 70px;
  padding: 7px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 20px;
  background: rgba(20, 22, 18, .94);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .26);
  opacity: 0;
  transform: translate(-50%, -22px) scale(.98);
  backdrop-filter: blur(22px) saturate(1.25);
  -webkit-backdrop-filter: blur(22px) saturate(1.25);
  transition: opacity .22s ease, transform .22s ease;
}

.gg-v20-live-banner.show { opacity: 1; transform: translate(-50%, 0) scale(1); }
.gg-v20-live-banner.leaving { opacity: 0; transform: translate(-50%, -18px) scale(.98); }
.gg-v20-banner-open {
  display: grid;
  grid-template-columns: 45px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-inline-size: 0;
  padding: 0;
  color: #fff;
  border: 0;
  background: transparent;
  text-align: start;
  cursor: pointer;
}

.gg-v20-banner-open > span:last-child { display: grid; gap: 3px; min-inline-size: 0; }
.gg-v20-banner-open strong { display: flex; align-items: center; gap: 4px; overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.gg-v20-banner-open b { overflow: hidden; color: rgba(255,255,255,.72); font-size: 11px; font-weight: 550; text-overflow: ellipsis; white-space: nowrap; }
.gg-v20-banner-close {
  display: grid;
  place-items: center;
  inline-size: 34px;
  block-size: 34px;
  padding: 0;
  color: rgba(255,255,255,.66);
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.06);
  cursor: pointer;
}

.gg-v20-toast {
  position: fixed;
  z-index: 5200;
  left: 50%;
  bottom: max(24px, calc(env(safe-area-inset-bottom) + 18px));
  max-inline-size: min(420px, calc(100vw - 28px));
  padding: 11px 16px;
  color: #fff;
  border-radius: 999px;
  background: rgba(22, 24, 20, .96);
  box-shadow: 0 14px 42px rgba(0,0,0,.23);
  opacity: 0;
  transform: translate(-50%, 12px);
  transition: opacity .2s ease, transform .2s ease;
  font-size: 12px;
  font-weight: 750;
  text-align: center;
}
.gg-v20-toast.show { opacity: 1; transform: translate(-50%, 0); }
.gg-v20-toast.error { background: rgba(151, 37, 50, .97); }

#gg-mobile-nav .gg-mobile-badge,
.product-nav .nav-notice-count,
.gg-v20-sheet-badge {
  color: #fff !important;
  background: var(--gg20-red) !important;
  box-shadow: 0 0 0 2px #fff;
}

#gg-mobile-more-sheet [data-tab] { position: relative; }
.gg-v20-sheet-badge { position: absolute; inset-block-start: 6px; inset-inline-end: 6px; }

@keyframes gg20Spin { to { transform: rotate(360deg); } }

@media (max-width: 820px) {
  .gg-v20-friend-toolbar { margin: 0 12px 9px; border-radius: 14px; }
  .gg-v20-friend-toolbar button { min-block-size: 41px; padding-inline: 7px; font-size: 11px; }

  .directory-member-card.gg-v18-member-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
  }

  .gg-v20-friend-controls {
    grid-column: 1 / -1;
    grid-row: 2;
    inline-size: 100%;
  }

  .gg-v20-friend-controls > .gg-v20-friend-button,
  .gg-v20-friend-controls > .gg-v20-request-actions { flex: 1; }
  .gg-v20-friend-controls .gg-v20-friend-button { flex: 1; min-block-size: 36px; padding-block: 6px; }
  .gg-v18-member-row > button:not(.directory-profile-open) { grid-column: 2; grid-row: 1; }

  .gg-v20-notification-list { margin-inline: 12px !important; }
  .gg-v20-notice { grid-template-columns: 45px minmax(0, 1fr) 9px; min-block-size: 68px; padding: 9px 10px !important; }
  .gg-v20-avatar, .gg-v20-admin-avatar { inline-size: 43px; block-size: 43px; }
  .gg-v20-live-banner { border-radius: 18px; }
  .gg-v20-toast { bottom: calc(88px + env(safe-area-inset-bottom)); }
}

@media (max-width: 370px) {
  .gg-v20-friend-toolbar button svg { display: none; }
  .gg-v20-friend-toolbar button { font-size: 10px; }
  .gg-v20-friend-button { font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .gg-v20-live-banner,
  .gg-v20-toast,
  .gg-v20-friend-button,
  .gg-v20-friend-toolbar button { transition: none !important; }
}


/* social-v21.css */
:root {
  --gg-v21-gold: #d99b16;
  --gg-v21-gold-2: #f1c14b;
  --gg-v21-ink: #11130f;
  --gg-v21-line: rgba(18, 21, 17, .11);
}

.gg-v21-audience {
  position: relative;
  z-index: 24;
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
}

.gg-v21-audience-trigger {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  color: var(--gg-v21-ink) !important;
  border: 1px solid var(--gg-v21-line) !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 4px 14px rgba(14, 17, 13, .08) !important;
}

.gg-v21-audience-trigger svg,
.gg-v21-audience-menu svg,
.gg-v21-friends-only svg,
.gg-v21-story-actions svg,
.gg-v21-share-sheet svg,
.gg-v21-viewers-sheet svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gg-v21-audience.open .gg-v21-audience-trigger {
  color: #111 !important;
  border-color: rgba(215, 155, 25, .6) !important;
  background: linear-gradient(135deg, #e2a421, #f3ca57) !important;
}

.gg-v21-audience-menu {
  position: absolute;
  z-index: 40;
  inset-inline-end: 0;
  bottom: calc(100% + 9px);
  width: 224px;
  padding: 6px;
  display: none;
  color: #151714;
  border: 1px solid rgba(20, 23, 19, .1);
  border-radius: 17px;
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 18px 50px rgba(9, 12, 8, .19);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}

.gg-v21-audience.open .gg-v21-audience-menu {
  display: grid;
}

.gg-v21-audience-menu > button {
  min-height: 54px !important;
  padding: 8px 10px !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 9px !important;
  text-align: start !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.gg-v21-audience-menu > button.selected {
  color: #17130a !important;
  background: rgba(224, 168, 38, .13) !important;
}

.gg-v21-audience-menu span {
  min-width: 0;
  display: grid;
}

.gg-v21-audience-menu b {
  font-size: 12px;
}

.gg-v21-audience-menu small {
  color: #747972;
  font-size: 10px;
}

.structured-composer > footer .gg-v21-audience {
  margin-inline-start: auto;
}

.flow-publish-bar > div:last-child .gg-v21-audience {
  margin-inline-start: auto;
}

#gg-v18-story-composer footer .gg-v21-audience {
  margin-inline-end: 8px;
}

.gg-v21-friends-only {
  min-height: 24px;
  padding: 3px 8px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #7b5710 !important;
  border: 1px solid rgba(198, 140, 20, .2);
  border-radius: 999px;
  background: rgba(228, 175, 52, .11);
}

.gg-v21-friends-only svg {
  width: 13px;
  height: 13px;
}

.gg-v21-friends-only b {
  font-size: 9px;
  font-weight: 800;
}

.gg-v21-toast {
  position: fixed;
  z-index: 4000;
  left: 50%;
  bottom: max(22px, calc(env(safe-area-inset-bottom) + 14px));
  max-width: min(420px, calc(100vw - 30px));
  padding: 11px 16px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  background: rgba(14, 16, 13, .95);
  box-shadow: 0 16px 45px rgba(0, 0, 0, .25);
  opacity: 0;
  transform: translate(-50%, 12px);
  transition: opacity .18s ease, transform .18s ease;
  font-size: 12px;
  font-weight: 750;
  text-align: center;
}

.gg-v21-toast.show {
  opacity: 1;
  transform: translate(-50%, 0);
}

.gg-v21-toast.error {
  background: rgba(142, 35, 35, .96);
}

.gg-v21-friends-stat {
  cursor: pointer;
  border-radius: 10px;
}

.gg-v21-friends-stat:active {
  background: rgba(212, 155, 28, .1);
}

.gg-v21-share-sheet,
.gg-v21-viewers-sheet {
  position: fixed;
  z-index: 3900;
  inset: 0;
  display: grid;
  place-items: end center;
}

.gg-v21-sheet-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(4, 6, 4, .58);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.gg-v21-share-sheet > section,
.gg-v21-viewers-sheet > section {
  position: relative;
  z-index: 1;
  width: min(540px, 100%);
  max-height: min(72dvh, 640px);
  padding: 0 15px calc(18px + env(safe-area-inset-bottom));
  overflow: auto;
  color: #151714;
  border-radius: 25px 25px 0 0;
  background: #fff;
  box-shadow: 0 -24px 70px rgba(0, 0, 0, .25);
}

.gg-v21-share-sheet header,
.gg-v21-viewers-sheet header {
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(16, 18, 15, .09);
}

.gg-v21-share-sheet header > div {
  display: grid;
}

.gg-v21-share-sheet header strong,
.gg-v21-viewers-sheet header strong {
  font-size: 15px;
}

.gg-v21-share-sheet header small {
  color: #777c75;
  font-size: 10px;
}

.gg-v21-share-sheet header button,
.gg-v21-viewers-sheet header button {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(16, 18, 15, .09);
  border-radius: 50%;
  background: #f5f6f4;
}

.gg-v21-share-list {
  display: grid;
}

.gg-v21-share-list > button,
.gg-v21-viewers-sheet section > div > article {
  min-height: 66px;
  padding: 8px 3px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) 38px;
  align-items: center;
  gap: 10px;
  text-align: start;
  border-bottom: 1px solid rgba(16, 18, 15, .07);
}

.gg-v21-share-list > button > span,
.gg-v21-viewers-sheet article > span {
  width: 44px;
  height: 44px;
  display: grid;
  overflow: hidden;
  place-items: center;
  color: #efbd43;
  border: 1px solid rgba(214, 155, 27, .55);
  border-radius: 50%;
  background: #11130f;
}

.gg-v21-share-list img,
.gg-v21-viewers-sheet img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gg-v21-share-list i {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  color: #111;
  border-radius: 50%;
  background: linear-gradient(135deg, #dda01f, #f2c84e);
}

.gg-v21-share-list button.sent i {
  color: #fff;
  background: #2d8d52;
}

.gg-v21-viewers-sheet section > div > article {
  grid-template-columns: 46px minmax(0, 1fr);
}

.gg-v21-share-list > p,
.gg-v21-viewers-sheet section > div > p {
  padding: 38px 14px;
  color: #747972;
  text-align: center;
}

#gg-v18-story-viewer > section > footer > [data-story-reply],
#gg-v18-story-viewer > section > footer > .gg-v18-story-views {
  display: none !important;
}

.gg-v21-story-actions {
  position: absolute;
  z-index: 12;
  right: 14px;
  bottom: calc(13px + env(safe-area-inset-bottom));
  left: 14px;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.gg-v21-story-actions > button,
.gg-v21-story-actions > span,
.gg-v21-story-actions form > button {
  width: 43px;
  height: 43px;
  padding: 0;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .34);
  border-radius: 50%;
  background: rgba(12, 14, 12, .52);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

.gg-v21-story-actions > button {
  position: relative;
}

.gg-v21-story-actions > button b {
  position: absolute;
  top: -5px;
  right: -3px;
  min-width: 18px;
  min-height: 18px;
  padding: 1px 4px;
  display: grid;
  place-items: center;
  color: #fff;
  border: 2px solid #171a16;
  border-radius: 999px;
  background: #d8294a;
  font-size: 8px;
}

.gg-v21-story-actions > button.active {
  color: #ff385b;
}

.gg-v21-story-actions > button.active svg {
  fill: currentColor;
}

.gg-v21-story-actions form {
  min-width: 0;
  height: 45px;
  display: grid;
  flex: 1 1 auto;
  grid-template-columns: minmax(0, 1fr) 39px;
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .38);
  border-radius: 999px;
  background: rgba(12, 14, 12, .46);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

.gg-v21-story-actions form input {
  width: 100%;
  min-width: 0;
  height: 43px;
  padding: 0 14px;
  color: #fff;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 12px;
}

.gg-v21-story-actions form input::placeholder {
  color: rgba(255, 255, 255, .72);
}

.gg-v21-story-actions form > button {
  width: 36px;
  height: 36px;
  border: 0;
  background: transparent;
}

.gg-v21-story-actions form.sending {
  opacity: .55;
  pointer-events: none;
}

@media (max-width: 820px) {
  .gg-mobile-v17 {
    --gg-mobile-nav: 62px;
  }

  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 80 !important;
    min-height: calc(68px + env(safe-area-inset-top)) !important;
    padding: calc(6px + env(safe-area-inset-top)) 12px 6px !important;
    display: grid !important;
    grid-template-columns: minmax(105px, .8fr) minmax(0, 1fr) 42px !important;
    align-items: center !important;
    gap: 8px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 0 !important;
    background: rgba(14, 17, 13, .96) !important;
    box-shadow: 0 8px 26px rgba(6, 8, 6, .12) !important;
    backdrop-filter: blur(22px) saturate(1.25) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.25) !important;
  }

  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head::after {
    display: none !important;
  }

  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head > .gg-v18-brand-mark {
    grid-column: 3 !important;
    width: 41px !important;
    height: 41px !important;
    object-fit: contain !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head > div:nth-child(2) {
    grid-column: 2 !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head > div:nth-child(2) > span {
    display: none !important;
  }

  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head h1 {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 760 !important;
  }

  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head p {
    display: none !important;
  }

  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head .head-person {
    grid-column: 1 !important;
    min-width: 0 !important;
    min-height: 43px !important;
    padding: 4px 7px !important;
    gap: 7px !important;
    border: 1px solid rgba(255, 255, 255, .11) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .055) !important;
    box-shadow: none !important;
  }

  .gg-mobile-v17 .community-head .head-person .gg-avatar {
    width: 32px !important;
    height: 32px !important;
  }

  .gg-mobile-v17 .community-head .head-person strong {
    max-width: 68px !important;
    color: #fff !important;
    font-size: 10px !important;
  }

  .gg-mobile-v17 .community-head .head-person small {
    color: #d7a735 !important;
    font-size: 8px !important;
  }

  #gg-mobile-nav {
    right: 9px !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    left: 9px !important;
    height: 62px !important;
    padding: 4px 5px !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    border: 1px solid rgba(18, 21, 17, .1) !important;
    border-radius: 21px !important;
    background: rgba(252, 253, 251, .94) !important;
    box-shadow: 0 14px 42px rgba(7, 10, 7, .18) !important;
    backdrop-filter: blur(24px) saturate(1.4) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.4) !important;
  }

  #gg-mobile-nav button {
    position: relative !important;
    min-width: 0 !important;
    min-height: 52px !important;
    padding: 4px 2px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    color: #777d76 !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    font-size: 8px !important;
    font-weight: 680 !important;
  }

  #gg-mobile-nav button::before {
    display: none !important;
  }

  #gg-mobile-nav button.active {
    color: #151712 !important;
    background: rgba(218, 160, 30, .12) !important;
  }

  #gg-mobile-nav button.active::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 50%;
    width: 18px;
    height: 2px;
    border-radius: 99px;
    background: var(--gg-v21-gold);
    transform: translateX(-50%);
  }

  #gg-mobile-nav .gg-mobile-nav-icon,
  #gg-mobile-nav .gg-mobile-nav-icon svg {
    width: 20px !important;
    height: 20px !important;
  }

  #gg-mobile-nav .gg-mobile-badge {
    top: 2px !important;
    right: calc(50% - 18px) !important;
    min-width: 16px !important;
    height: 16px !important;
    padding: 0 3px !important;
    display: grid !important;
    place-items: center !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    border-radius: 999px !important;
    background: #dc2743 !important;
    font-size: 7px !important;
  }

  #gg-mobile-nav .gg-mobile-badge[hidden] {
    display: none !important;
  }

  .structured-composer > footer {
    align-items: center !important;
  }

  .structured-composer > footer .gg-v21-audience {
    margin-inline-start: 0;
  }

  .flow-publish-bar > div:last-child {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 38px auto !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .flow-publish-bar > div:last-child > span {
    min-width: 0 !important;
  }

  .gg-mobile-v17 .flow-overlay-head .gg-v18-brand-mark {
    width: 38px !important;
    height: 38px !important;
    object-fit: contain !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .gg-v21-share-sheet > section,
  .gg-v21-viewers-sheet > section {
    max-height: 78dvh;
  }
}

@media (min-width: 821px) {
  .gg-v21-share-sheet,
  .gg-v21-viewers-sheet {
    place-items: center;
  }

  .gg-v21-share-sheet > section,
  .gg-v21-viewers-sheet > section {
    border-radius: 24px;
  }
}


/* media-ownership.css */
/* GG canonical visual preview for media selected in Messages and Community. */
.gg-media-selection-preview{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(108px,1fr))!important;gap:9px!important;width:100%!important;max-width:100%!important;margin:4px 0 8px!important;padding:9px!important;border:1px solid rgba(193,142,12,.3)!important;border-radius:18px!important;background:rgba(14,17,14,.96)!important;box-shadow:0 10px 30px rgba(0,0,0,.18)!important;order:-2!important;overflow:hidden!important}
.gg-media-selection-preview.messages{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important;flex:1 0 100%!important}
.gg-media-selection-preview.messages:has(>.gg-selected-media-card:only-child){grid-template-columns:minmax(0,246px)!important;justify-content:start!important}
.gg-selected-media-card{position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;margin:0!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px!important;background:#151815!important;box-shadow:0 7px 20px rgba(0,0,0,.15)!important;overflow:hidden!important}
.gg-selected-media-card img,.gg-selected-media-card video{display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/5!important;object-fit:cover!important;background:#111!important}
.gg-selected-media-card>span{display:grid!important;place-items:center!important;width:100%!important;height:78px!important;color:#d5a817!important;font-size:30px!important}
.gg-selected-media-card figcaption{position:absolute!important;right:0!important;bottom:0!important;left:0!important;display:block!important;min-width:0!important;padding:26px 9px 8px!important;background:linear-gradient(180deg,transparent,rgba(0,0,0,.76))!important;color:#fff!important;font-size:10px!important;font-weight:700!important;line-height:1.25!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}
html[data-theme="light"] .gg-selected-media-card{background:#181b18!important}
@media(max-width:620px){.gg-media-selection-preview{grid-template-columns:repeat(3,minmax(0,1fr))!important}.gg-media-selection-preview.messages{grid-template-columns:repeat(3,minmax(0,1fr))!important}.gg-media-selection-preview.messages:has(>.gg-selected-media-card:only-child){grid-template-columns:minmax(0,220px)!important}.gg-selected-media-card img,.gg-selected-media-card video{height:auto!important;aspect-ratio:4/5!important}}


/* compound-v28.css */
/* GG Master Compound V28 — additive regression-safe layer */
:root{--gg-v28-gold:#e2ad29;--gg-v28-green:#22c55e}

/* Keep the validated V18/V21 header structure; polish without hiding its More button. */
@media(max-width:900px){
  .gg-mobile-v17 .member-app:not(.flow-mode)>.community-head{background:linear-gradient(135deg,#0c100c 0%,#171b14 76%,#211e11 100%)!important}
  .gg-mobile-v17 .member-app:not(.flow-mode)>.community-head>img{filter:drop-shadow(0 4px 9px #0008)!important}
  .gg-mobile-v17 .community-head>div:nth-child(2)>span{font-weight:850!important;letter-spacing:.15em!important;color:#edc85d!important}
  .gg-mobile-v17 .community-head h1{font-weight:820!important}
  .gg-mobile-v17 .gg-mobile-more{display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:4!important;color:#fff!important;background:#ffffff0b!important;border-color:#ffffff1f!important}
}

/* Persistent app installation — disappears only when installed/standalone. */
.gg-v28-install{position:relative;top:auto;z-index:74;display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:1120px;margin:8px auto 10px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--gg-v28-gold) 42%,transparent);border-radius:14px;background:linear-gradient(120deg,#11150ff4,#222015f2);color:#fff;box-shadow:0 9px 28px #0002;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.gg-v28-install>div{display:flex;align-items:center;gap:9px;min-width:0}.gg-v28-install img{width:34px;height:34px;object-fit:contain}.gg-v28-install span{min-width:0}.gg-v28-install strong{display:block;font-size:12px}.gg-v28-install small{display:block;margin-top:2px;color:#ffffffa8;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gg-v28-install button{flex:none;border:0;border-radius:999px;padding:8px 13px;background:#e5b83f;color:#11140f;font-size:11px;font-weight:900}
@media(max-width:900px){.gg-v28-install{top:auto;margin:6px 8px 8px;max-width:none}.gg-v28-install small{max-width:200px}.member-app.flow-mode>.gg-v28-install{position:fixed;z-index:245;top:calc(env(safe-area-inset-top,0px) + 8px);left:50%;transform:translateX(-50%);width:auto;max-width:calc(100vw - 130px);margin:0;padding:6px 8px;border-radius:999px;box-shadow:0 8px 28px #0007}.member-app.flow-mode>.gg-v28-install img{width:25px;height:25px}.member-app.flow-mode>.gg-v28-install strong{font-size:10px;white-space:nowrap}.member-app.flow-mode>.gg-v28-install small{display:none}.member-app.flow-mode>.gg-v28-install button{padding:6px 9px;font-size:9px}}
.gg-v28-ios-install{position:fixed;z-index:600;inset:0;display:grid;place-items:end center;padding:16px;background:#0009;backdrop-filter:blur(5px)}.gg-v28-ios-install section{width:min(480px,100%);padding:20px;border-radius:22px;background:#fff;color:#111;text-align:center}.gg-v28-ios-install img{width:58px;height:58px;margin:auto}.gg-v28-ios-install h3{margin:9px 0 6px;font-size:18px}.gg-v28-ios-install p{margin:0 0 14px;color:#555;font-size:13px;line-height:1.65}.gg-v28-ios-install button{width:100%;padding:11px;border:0;border-radius:13px;background:#10130f;color:#fff;font-weight:850}

/* Stories: unmistakable new vs seen state while preserving V21 actions/replies. */
.gg-v18-story-person.new .gg-v18-story-ring{position:relative;background:conic-gradient(from 0deg,#fff2a8,#f7c840,#d78e00,#fff2a8)!important;box-shadow:0 0 0 1px #ffd95b55,0 0 18px #e9b82dbb,0 0 32px #e9b82d44!important;animation:ggV28StoryGlow 1.6s ease-in-out infinite}
.gg-v18-story-person.new .gg-v18-story-ring::after{content:"";position:absolute;inset:-4px;border:1px solid #ffdd7477;border-radius:50%;animation:ggV28StoryPulse 1.6s ease-out infinite}
.gg-v18-story-person.seen .gg-v18-story-ring{background:#686d67!important;box-shadow:none!important;filter:saturate(.15)!important;opacity:.66!important}.gg-v18-story-person.seen>span:last-child{opacity:.62}
@keyframes ggV28StoryGlow{50%{box-shadow:0 0 0 2px #ffda6655,0 0 24px #e9b82de6,0 0 38px #e9b82d4a}}
@keyframes ggV28StoryPulse{0%{transform:scale(.96);opacity:.85}75%{transform:scale(1.11);opacity:0}100%{opacity:0}}

/* Messages: preserve the original Instagram-like structure and refine it, no row reconstruction. */
@media(max-width:900px){
  .gg-mobile-v17 .messages-layout>.conversation-inbox>button{position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;min-height:76px!important;padding:10px 14px!important;text-align:start!important}
  .gg-mobile-v17 .messages-layout>.conversation-inbox>button>.gg-avatar{flex:0 0 52px!important;width:52px!important;height:52px!important;min-width:52px!important;border-radius:50%!important;object-fit:cover!important}
  .gg-mobile-v17 .messages-layout>.conversation-inbox>button>span{flex:1 1 auto!important;min-width:0!important;display:grid!important;gap:3px!important}
  .gg-mobile-v17 .messages-layout>.conversation-inbox>button>span>strong{font-size:14px!important;font-weight:850!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .gg-mobile-v17 .messages-layout>.conversation-inbox>button>span>small{font-size:11px!important;color:#7a807a!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .gg-mobile-v17 .message-unread-count{flex:none!important;min-width:22px!important;height:22px!important;padding:0 6px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#e3ad26!important;color:#14160f!important;font-size:10px!important;font-weight:900!important}
  .gg-v28-online-dot{position:absolute;z-index:8;width:14px;height:14px;border-radius:50%;background:var(--gg-v28-green);border:3px solid var(--gg-mobile-surface,#fff);box-shadow:0 0 0 1px #22c55e33;pointer-events:none}
  html[data-theme="dark"] .gg-v28-online-dot{border-color:#11130f}
  .messages-layout .thread>p.mine>small::after{content:" · ✓";font-weight:900;color:#8c8f88}.messages-layout .thread>p.mine.seen>small::after{content:" · ✓✓";color:#a87507}
  .messages-layout>.conversation-thread>form{max-width:100%!important;overflow:visible!important}
  .messages-layout>.conversation-thread>form input{min-width:0!important}
}

/* Reliable voice messages. */
.audio-card{max-width:100%}.audio-card audio{display:block!important;width:min(100%,360px)!important;min-width:220px;min-height:40px}.audio-card.gg-audio-failed{outline:1px solid #d67b3b55}

/* Media stays inside its card instead of turning the remaining page black. */
.video-attachment{overflow:hidden!important;background:transparent!important}.video-attachment video{display:block!important;width:100%!important;height:auto!important;max-height:min(62dvh,560px)!important;object-fit:contain!important;background:#000!important}
.message-attachments .video-attachment video{max-height:min(48dvh,430px)!important}.feed-card .video-attachment{max-height:min(62dvh,560px)!important}

/* Keep extra sections in the top More sheet, not the five-item bottom bar. */
#gg-mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
#gg-mobile-more-sheet .gg-sheet-grid .gg-v28-settings-entry{border-color:color-mix(in srgb,var(--gg-v28-gold) 30%,var(--gg-mobile-line))!important}

@media(prefers-reduced-motion:reduce){.gg-v18-story-person.new .gg-v18-story-ring,.gg-v18-story-person.new .gg-v18-story-ring::after{animation:none!important}}

/* Regression lock: inline member reels stay bounded inside Community instead of expanding into a page-sized black field. */
@media(max-width:900px){
  .gg-mobile-v17 .community-inline-video{min-height:0!important;height:auto!important;max-height:min(58dvh,620px)!important;aspect-ratio:9/16!important;overflow:hidden!important;display:grid!important;place-items:center!important;background:#050605!important}
  .gg-mobile-v17 .community-inline-video video{display:block!important;width:100%!important;height:100%!important;max-height:min(58dvh,620px)!important;aspect-ratio:9/16!important;object-fit:cover!important}
  .gg-mobile-v17 .community-inline-video:has(video:not([src])),.gg-mobile-v17 .community-inline-video:empty{display:none!important}
}
.gg-v28-deep-target{outline:2px solid color-mix(in srgb,var(--gg-v28-gold) 72%,transparent)!important;outline-offset:3px;transition:outline-color .25s ease}


/* compound-v29.css */
/* GG Compound V29 — additive only. Preserves V28 and fixes comments, exact notification routing, audio and presence. */
.gg-v29-avatar-wrap{position:relative;display:inline-flex;flex:0 0 auto}
.gg-v29-avatar-wrap>.gg-avatar,.gg-v29-avatar-wrap>.avatar-fallback{margin:0!important}
.gg-v29-online-dot{position:absolute;inline-size:13px;block-size:13px;border-radius:50%;background:#22c55e;border:2px solid var(--card,#fff);box-shadow:0 0 0 1px rgba(0,0,0,.08),0 0 8px rgba(34,197,94,.55);inset-inline-end:-1px;inset-block-end:1px;z-index:3}
[data-theme="dark"] .gg-v29-online-dot{border-color:#101310}
.gg-v29-audio-card{display:block!important;padding:12px 14px!important;min-width:min(320px,76vw)!important}
.gg-v29-audio-body{display:grid;gap:8px;width:100%}
.gg-v29-audio-body>strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.audio-card audio{display:block!important;width:min(330px,100%)!important;max-width:100%!important;height:42px!important;opacity:1!important;visibility:visible!important}
.audio-card.gg-v29-audio-error:after{content:'تعذر التحميل — اضغط تشغيل للمحاولة';display:block;font-size:11px;opacity:.7;margin-top:4px}
html[lang="en"] .audio-card.gg-v29-audio-error:after{content:'Could not preload — tap play to retry'}
.gg-v29-comment-owner{display:inline-flex;gap:6px;margin-inline-start:4px}
.gg-v29-comment-owner button{border:0;background:transparent;padding:2px 4px;font:inherit;font-size:11px;opacity:.68;cursor:pointer}
.gg-v29-comment-owner button:hover{opacity:1}
.gg-v29-comment-owner [data-gg-comment-delete]{color:#b42318}
.gg-v29-saving{opacity:.58;pointer-events:none}
.gg-v29-comment-busy{opacity:.74}
.gg-v29-comment-busy button[aria-busy="true"]{pointer-events:none;filter:grayscale(.2)}
.gg-v29-deep-target{outline:2px solid #d8a900!important;outline-offset:4px;animation:ggV29Target 1s ease 2}
@keyframes ggV29Target{50%{box-shadow:0 0 0 10px rgba(216,169,0,.12)}}
.gg-v29-toast{position:fixed;z-index:2147483600;left:50%;bottom:max(104px,calc(env(safe-area-inset-bottom) + 88px));transform:translate(-50%,18px);background:#111;color:#fff;border:1px solid rgba(255,255,255,.16);padding:11px 15px;border-radius:999px;max-width:min(90vw,520px);font-size:13px;opacity:0;pointer-events:none;transition:.2s ease;text-align:center}.gg-v29-toast.show{opacity:1;transform:translate(-50%,0)}.gg-v29-toast.bad{background:#8f1d1d}
@media(max-width:900px){.conversation-inbox>button{position:relative}.gg-v29-audio-card{min-width:min(300px,72vw)!important}.audio-card audio{min-width:220px}}


/* compound-v30.css */
/* GG Compound V30 — comment idempotency + owner actions + exact notification deep-link hardening. */
.gg-v30-comment-publishing{position:relative;opacity:.78}
.gg-v30-comment-publishing::after{content:'جاري النشر…';position:absolute;inset-inline-end:52px;inset-block-end:-18px;font-size:10px;font-weight:700;color:#9b7300;white-space:nowrap}
html[lang="en"] .gg-v30-comment-publishing::after{content:'Publishing…'}
.gg-v30-comment-publishing button[aria-busy="true"]{pointer-events:none;opacity:.45}
.gg-v30-comment-publishing input[aria-busy="true"],.gg-v30-comment-publishing textarea[aria-busy="true"]{opacity:.72}
.gg-v30-comment-owner{display:inline-flex;gap:6px;margin-inline-start:5px}
.gg-v30-comment-owner button{border:0;background:transparent;padding:2px 4px;font:inherit;font-size:11px;opacity:.7;cursor:pointer}
.gg-v30-comment-owner button:hover{opacity:1}.gg-v30-comment-owner [data-gg-comment-delete]{color:#b42318}
.gg-v30-deep-target{outline:2px solid #d7a51b!important;outline-offset:4px;animation:ggV30Target .82s ease 3}
@keyframes ggV30Target{50%{box-shadow:0 0 0 11px rgba(215,165,27,.13)}}


/* compound-v31.css */
/* V31 notification landing is intentionally non-blocking. */
.gg-v31-deep-target{
  scroll-margin-block:110px 120px;
  outline:2px solid rgba(201,148,19,.72);
  outline-offset:4px;
  border-radius:12px;
  animation:ggV31TargetPulse .72s ease 2;
  pointer-events:auto!important;
}
@keyframes ggV31TargetPulse{0%,100%{box-shadow:0 0 0 0 rgba(201,148,19,0)}50%{box-shadow:0 0 0 8px rgba(201,148,19,.16)}}
/* Notifications Optimization · official Administration conversation identity */
.gg-official-administration .gg-admin-verified{
  display:inline-flex!important;
  width:18px!important;
  height:18px!important;
  margin-inline-start:6px!important;
  color:#d9a619!important;
  vertical-align:-3px!important;
}
.gg-official-administration .gg-admin-verified svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  fill:#d9a619!important;
  stroke:#10130f!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.conversation-inbox>button.gg-official-administration [class*="avatar"] img,
.conversation-thread .gg-official-administration [class*="avatar"] img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  padding:8px!important;
  background:#10130f!important;
}


/* compound-v32.css */
/* GG Compound V32 — Messages + live presence + compact member directory.
   Additive on top of V31. Do not alter notification/comment/story layers. */

:root{
  --gg-v32-ig-blue:#3797f0;
  --gg-v32-ig-blue-dark:#1877f2;
  --gg-v32-message-received:#efefef;
  --gg-v32-message-muted:#737373;
  --gg-v32-online:#20c45a;
}

/* Presence marker — V32 owns the visible dot; older V28/V29 dots remain inert/hidden to avoid observer fights. */
.gg-v28-online-dot,.gg-v29-online-dot{display:none!important}
.gg-v32-presence-wrap{position:relative!important;display:inline-flex!important;flex:0 0 auto!important;line-height:0!important}
.gg-v32-online-dot{position:absolute!important;z-index:20!important;inline-size:14px!important;block-size:14px!important;border-radius:50%!important;background:var(--gg-v32-online)!important;border:2.5px solid #fff!important;box-shadow:0 0 0 1px rgba(32,196,90,.18)!important;inset-inline-end:0!important;inset-block-end:0!important;pointer-events:none!important}
html[data-theme="dark"] .gg-v32-online-dot{border-color:#11130f!important}

/* --- Instagram-like Messages --- */
@media (max-width:900px){
  .gg-mobile-v17 .messages-layout{
    border:0!important;border-radius:0!important;box-shadow:none!important;
    background:#fff!important;overflow:hidden!important;
  }
  html[data-theme="dark"] .gg-mobile-v17 .messages-layout{background:#0b0c0b!important}

  .gg-mobile-v17 .conversation-inbox{
    background:inherit!important;border:0!important;
  }
  .gg-mobile-v17 .inbox-title{
    min-height:58px!important;padding:10px 16px!important;border:0!important;
    border-bottom:1px solid #efefef!important;background:inherit!important;
  }
  html[data-theme="dark"] .gg-mobile-v17 .inbox-title{border-color:#252725!important}
  .gg-mobile-v17 .inbox-title strong{font-size:18px!important;font-weight:800!important;letter-spacing:-.02em!important}
  .gg-mobile-v17 .inbox-title small{font-size:11px!important;color:var(--gg-v32-message-muted)!important}

  .gg-mobile-v17 .message-search{padding:9px 14px!important;border:0!important;background:inherit!important}
  .gg-mobile-v17 .message-search input{
    min-height:38px!important;padding:0 14px!important;border:0!important;border-radius:10px!important;
    background:#efefef!important;font-size:13px!important;box-shadow:none!important;
  }
  html[data-theme="dark"] .gg-mobile-v17 .message-search input{background:#1c1e1c!important;color:#fff!important}

  .gg-mobile-v17 .messages-layout>.conversation-inbox>button{
    position:relative!important;display:grid!important;
    grid-template-columns:58px minmax(0,1fr) auto!important;
    align-items:center!important;gap:11px!important;min-height:74px!important;
    width:100%!important;margin:0!important;padding:8px 14px!important;
    border:0!important;background:transparent!important;text-align:start!important;
    box-shadow:none!important;border-radius:0!important;
  }
  .gg-mobile-v17 .messages-layout>.conversation-inbox>button:active,
  .gg-mobile-v17 .messages-layout>.conversation-inbox>button.active{background:#fafafa!important}
  html[data-theme="dark"] .gg-mobile-v17 .messages-layout>.conversation-inbox>button:active,
  html[data-theme="dark"] .gg-mobile-v17 .messages-layout>.conversation-inbox>button.active{background:#171917!important}

  .gg-mobile-v17 .conversation-inbox>button>.gg-avatar,
  .gg-mobile-v17 .conversation-inbox>button>.avatar-fallback,
  .gg-mobile-v17 .conversation-inbox>button>.gg-v29-avatar-wrap,
  .gg-mobile-v17 .conversation-inbox>button>.gg-v32-presence-wrap{
    grid-column:1!important;grid-row:1!important;
    inline-size:56px!important;block-size:56px!important;min-inline-size:56px!important;
  }
  .gg-mobile-v17 .conversation-inbox>button .gg-avatar,
  .gg-mobile-v17 .conversation-inbox>button .avatar-fallback{
    inline-size:56px!important;block-size:56px!important;min-inline-size:56px!important;
    border-radius:50%!important;object-fit:cover!important;margin:0!important;
  }
  .gg-mobile-v17 .conversation-inbox>button>span:not(.gg-v29-avatar-wrap):not(.gg-v32-presence-wrap){
    grid-column:2!important;grid-row:1!important;min-width:0!important;display:block!important;
  }
  .gg-mobile-v17 .conversation-inbox>button>span>strong{
    display:block!important;margin:0!important;color:#111!important;font-size:14px!important;font-weight:750!important;
    line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  html[data-theme="dark"] .gg-mobile-v17 .conversation-inbox>button>span>strong{color:#f5f5f5!important}
  .gg-mobile-v17 .conversation-inbox>button>span>small{
    display:block!important;margin-top:4px!important;color:var(--gg-v32-message-muted)!important;font-size:12px!important;font-weight:450!important;
    line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .gg-mobile-v17 .message-unread-count{
    grid-column:3!important;grid-row:1!important;align-self:center!important;
    min-width:20px!important;height:20px!important;padding:0 6px!important;border-radius:999px!important;
    background:var(--gg-v32-ig-blue)!important;color:#fff!important;font-size:10px!important;font-weight:800!important;
  }

  .gg-mobile-v17 .conversation-thread{background:#fff!important;border:0!important}
  html[data-theme="dark"] .gg-mobile-v17 .conversation-thread{background:#0b0c0b!important}
  .gg-mobile-v17 .thread-person{
    position:sticky!important;top:0!important;z-index:25!important;
    min-height:58px!important;padding:8px 12px!important;gap:9px!important;
    border:0!important;border-bottom:1px solid #efefef!important;background:#fff!important;
  }
  html[data-theme="dark"] .gg-mobile-v17 .thread-person{background:#0b0c0b!important;border-color:#252725!important}
  .gg-mobile-v17 .thread-person>.gg-avatar,
  .gg-mobile-v17 .thread-person>.avatar-fallback,
  .gg-mobile-v17 .thread-person>.gg-v29-avatar-wrap,
  .gg-mobile-v17 .thread-person>.gg-v32-presence-wrap{inline-size:42px!important;block-size:42px!important;min-inline-size:42px!important}
  .gg-mobile-v17 .thread-person .gg-avatar,
  .gg-mobile-v17 .thread-person .avatar-fallback{inline-size:42px!important;block-size:42px!important;border-radius:50%!important;object-fit:cover!important}
  .gg-mobile-v17 .thread-person>span:not(.gg-v29-avatar-wrap):not(.gg-v32-presence-wrap){display:grid!important;gap:1px!important;min-width:0!important}
  .gg-mobile-v17 .thread-person strong{font-size:14px!important;font-weight:750!important}
  .gg-mobile-v17 .thread-person small{font-size:10.5px!important;color:var(--gg-v32-message-muted)!important}
  .gg-mobile-v17 .thread-back{inline-size:36px!important;block-size:36px!important;min-inline-size:36px!important}

  .gg-mobile-v17 .messages-layout .thread{
    height:calc(100dvh - 238px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    min-height:330px!important;padding:12px 12px 18px!important;background:#fff!important;overflow-y:auto!important;
  }
  html[data-theme="dark"] .gg-mobile-v17 .messages-layout .thread{background:#0b0c0b!important}
  .gg-mobile-v17 .messages-layout .thread>p{
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important;
    width:100%!important;margin:4px 0 9px!important;padding:0!important;background:transparent!important;
  }
  .gg-mobile-v17 .messages-layout .thread>p.mine{align-items:flex-end!important}
  .gg-mobile-v17 .messages-layout .thread>p>span{
    display:block!important;max-width:min(78%,330px)!important;padding:8px 12px!important;
    border-radius:18px!important;background:var(--gg-v32-message-received)!important;color:#111!important;
    font-size:14px!important;line-height:1.38!important;box-shadow:none!important;
  }
  .gg-mobile-v17 .messages-layout .thread>p.mine>span{
    color:#fff!important;background:var(--gg-v32-ig-blue)!important;
    border-radius:18px!important;
  }
  html[data-theme="dark"] .gg-mobile-v17 .messages-layout .thread>p>span{background:#262826!important;color:#f4f4f4!important}
  html[data-theme="dark"] .gg-mobile-v17 .messages-layout .thread>p.mine>span{background:var(--gg-v32-ig-blue-dark)!important;color:#fff!important}
  .gg-mobile-v17 .messages-layout .thread>p>small{
    margin:0 4px!important;color:#8a8a8a!important;font-size:9.5px!important;line-height:1.2!important;
  }
  .gg-mobile-v17 .messages-layout .thread>p>span:has(.message-attachments){padding:0!important;background:transparent!important;max-width:min(78%,330px)!important}
  .gg-mobile-v17 .messages-layout .thread>p>span:has(.message-copy):has(.message-attachments){padding:8px!important}

  .gg-mobile-v17 .message-attachments{display:grid!important;gap:5px!important;max-width:100%!important}
  .gg-v32-image-message{display:block!important;overflow:hidden!important;border-radius:18px!important;background:#f0f0f0!important;line-height:0!important}
  .gg-v32-image-message img{display:block!important;width:min(270px,72vw)!important;max-height:420px!important;object-fit:cover!important;border-radius:18px!important}
  .gg-mobile-v17 .video-attachment{overflow:hidden!important;border-radius:18px!important;background:#000!important}
  .gg-mobile-v17 .video-attachment video{display:block!important;width:min(270px,72vw)!important;max-height:420px!important;object-fit:contain!important}
  .gg-mobile-v17 .video-attachment>span{display:none!important}
  .gg-mobile-v17 .attachment-card:not(.audio-card){
    min-width:0!important;width:min(260px,70vw)!important;padding:10px 12px!important;border:1px solid #e3e3e3!important;
    border-radius:14px!important;background:#f7f7f7!important;color:#111!important;box-shadow:none!important;
  }
  html[data-theme="dark"] .gg-mobile-v17 .attachment-card:not(.audio-card){border-color:#303230!important;background:#1d1f1d!important;color:#fff!important}

  /* Voice note: compact, native player hidden behind reliable custom controls. */
  .gg-mobile-v17 .audio-card.gg-v32-audio-card{
    display:block!important;width:min(285px,72vw)!important;min-width:0!important;padding:0!important;border:0!important;
    border-radius:20px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
  }
  .gg-v32-native-audio{position:absolute!important;width:1px!important;height:1px!important;opacity:.001!important;pointer-events:none!important;overflow:hidden!important}
  .gg-v32-voice{
    display:grid!important;grid-template-columns:38px minmax(90px,1fr) auto!important;align-items:center!important;gap:9px!important;
    width:100%!important;min-height:54px!important;padding:8px 10px!important;border-radius:20px!important;
    background:var(--gg-v32-message-received)!important;color:#111!important;
  }
  .mine .gg-v32-voice{background:var(--gg-v32-ig-blue)!important;color:#fff!important}
  html[data-theme="dark"] .gg-v32-voice{background:#262826!important;color:#fff!important}
  html[data-theme="dark"] .mine .gg-v32-voice{background:var(--gg-v32-ig-blue-dark)!important}
  .gg-v32-voice-play{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:inherit!important;font:inherit!important}
  .gg-v32-voice-play svg{width:23px!important;height:23px!important;fill:currentColor!important;stroke:none!important}
  .gg-v32-voice-track{position:relative!important;height:3px!important;border-radius:999px!important;background:rgba(0,0,0,.18)!important;overflow:hidden!important}
  .mine .gg-v32-voice-track{background:rgba(255,255,255,.32)!important}
  .gg-v32-voice-progress{position:absolute!important;inset:0 auto 0 0!important;width:0;border-radius:inherit!important;background:currentColor!important}
  [dir="rtl"] .gg-v32-voice-progress{inset:0 0 0 auto!important}
  .gg-v32-voice-time{min-width:34px!important;font-size:10px!important;font-variant-numeric:tabular-nums!important;opacity:.78!important;text-align:center!important}
  .gg-v32-audio-title{display:none!important}
  .gg-v32-audio-failed .gg-v32-voice-track{background:#d33!important}

  .gg-mobile-v17 .conversation-thread>form{
    min-height:58px!important;padding:7px 9px calc(7px + env(safe-area-inset-bottom))!important;
    border:0!important;border-top:1px solid #efefef!important;background:#fff!important;box-shadow:none!important;
  }
  html[data-theme="dark"] .gg-mobile-v17 .conversation-thread>form{background:#0b0c0b!important;border-color:#252725!important}
  .gg-mobile-v17 .conversation-thread>form input{
    min-height:40px!important;border:1px solid #dbdbdb!important;border-radius:22px!important;background:#fff!important;font-size:14px!important;
  }
  html[data-theme="dark"] .gg-mobile-v17 .conversation-thread>form input{border-color:#333!important;background:#181a18!important;color:#fff!important}
}

/* --- Compact, organized member directory --- */
@media (max-width:900px){
  .member-grid{display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;max-width:none!important}
  .directory-member-card.gg-v32-member-row{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:8px!important;
    min-height:76px!important;margin:0!important;padding:9px 12px!important;border:0!important;border-bottom:1px solid #efefef!important;
    border-radius:0!important;background:#fff!important;box-shadow:none!important;
  }
  html[data-theme="dark"] .directory-member-card.gg-v32-member-row{background:#0b0c0b!important;border-color:#252725!important}
  .directory-member-card.gg-v32-member-row .directory-profile-open{
    display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;
    gap:2px 10px!important;min-width:0!important;padding:0!important;text-align:start!important;background:transparent!important;border:0!important;
  }
  .directory-member-card.gg-v32-member-row .directory-profile-open>.gg-avatar,
  .directory-member-card.gg-v32-member-row .directory-profile-open>.avatar-fallback,
  .directory-member-card.gg-v32-member-row .directory-profile-open>.gg-v29-avatar-wrap,
  .directory-member-card.gg-v32-member-row .directory-profile-open>.gg-v32-presence-wrap{
    grid-column:1!important;grid-row:1/3!important;width:50px!important;height:50px!important;min-width:50px!important;
  }
  .directory-member-card.gg-v32-member-row .directory-profile-open .gg-avatar,
  .directory-member-card.gg-v32-member-row .directory-profile-open .avatar-fallback{width:50px!important;height:50px!important;border-radius:50%!important;object-fit:cover!important;margin:0!important}
  .directory-member-card.gg-v32-member-row .directory-profile-open h3{
    grid-column:2!important;grid-row:1!important;margin:0!important;font-size:14px!important;font-weight:800!important;line-height:1.2!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#111!important;
  }
  html[data-theme="dark"] .directory-member-card.gg-v32-member-row .directory-profile-open h3{color:#fff!important}
  .directory-member-card.gg-v32-member-row .directory-profile-open>span:not(.gg-v29-avatar-wrap):not(.gg-v32-presence-wrap),
  .directory-member-card.gg-v32-member-row .directory-profile-open>p{
    grid-column:2!important;grid-row:2!important;margin:0!important;font-size:11px!important;line-height:1.25!important;color:#737373!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:34vw!important;
  }
  .directory-member-card.gg-v32-member-row .directory-profile-open>p{display:none!important}
  .directory-member-card.gg-v32-member-row .gg-v18-member-chevron{display:none!important}

  .directory-member-card.gg-v32-member-row>.gg-v20-friend-controls{
    grid-column:2!important;grid-row:1!important;width:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
  }
  .directory-member-card.gg-v32-member-row>.gg-v20-friend-controls>.gg-v20-friend-button,
  .directory-member-card.gg-v32-member-row>.gg-v20-friend-controls>.gg-v20-request-actions{flex:none!important;width:auto!important}
  .directory-member-card.gg-v32-member-row .gg-v20-friend-button{
    min-height:34px!important;height:34px!important;padding:0 11px!important;border:0!important;border-radius:8px!important;
    font-size:10.5px!important;font-weight:800!important;box-shadow:none!important;white-space:nowrap!important;
  }
  .directory-member-card.gg-v32-member-row .gg-v20-friend-button.add,
  .directory-member-card.gg-v32-member-row .gg-v20-friend-button.accept{background:var(--gg-v32-ig-blue)!important;color:#fff!important}
  .directory-member-card.gg-v32-member-row .gg-v20-friend-button svg{width:15px!important;height:15px!important}

  .directory-member-card.gg-v32-member-row>button:not(.directory-profile-open){
    grid-column:3!important;grid-row:1!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
    padding:0!important;border:1px solid #dbdbdb!important;border-radius:50%!important;background:#fff!important;color:#111!important;font-size:0!important;
    display:grid!important;place-items:center!important;overflow:hidden!important;
  }
  html[data-theme="dark"] .directory-member-card.gg-v32-member-row>button:not(.directory-profile-open){background:#171917!important;border-color:#343634!important;color:#fff!important}
  .directory-member-card.gg-v32-member-row>button:not(.directory-profile-open) svg{width:18px!important;height:18px!important}

  .gg-v20-friend-toolbar{margin:8px 12px 10px!important;padding:3px!important;border:1px solid #ededed!important;border-radius:12px!important;background:#f7f7f7!important;box-shadow:none!important}
  html[data-theme="dark"] .gg-v20-friend-toolbar{background:#181a18!important;border-color:#2d2f2d!important}
  .gg-v20-friend-toolbar>div{gap:2px!important}
  .gg-v20-friend-toolbar button{min-height:36px!important;padding:0 10px!important;border:0!important;border-radius:9px!important;font-size:11px!important;background:transparent!important}
  .gg-v20-friend-toolbar button[aria-selected="true"]{background:#fff!important;color:#111!important;box-shadow:0 1px 4px #00000012!important}
  html[data-theme="dark"] .gg-v20-friend-toolbar button[aria-selected="true"]{background:#292b29!important;color:#fff!important}
}


/* compound-v34.css */
/* GG Master Compound V34 — English mobile header regression fix only. */
@media (max-width: 820px) {
  html[dir="ltr"].gg-mobile-v17 .member-app:not(.flow-mode) > .community-head,
  .gg-mobile-v17 .member-app[dir="ltr"]:not(.flow-mode) > .community-head {
    grid-template-columns: 112px minmax(0, 1fr) 38px !important;
    gap: 6px !important;
    padding-inline: 11px !important;
  }

  html[dir="ltr"].gg-mobile-v17 .member-app:not(.flow-mode) > .community-head > .gg-v18-brand-mark,
  .gg-mobile-v17 .member-app[dir="ltr"]:not(.flow-mode) > .community-head > .gg-v18-brand-mark {
    width: 38px !important;
    height: 38px !important;
    justify-self: end !important;
  }

  html[dir="ltr"].gg-mobile-v17 .member-app:not(.flow-mode) > .community-head > div:nth-child(2),
  .gg-mobile-v17 .member-app[dir="ltr"]:not(.flow-mode) > .community-head > div:nth-child(2) {
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 28px !important;
    align-items: center !important;
    column-gap: 5px !important;
    direction: ltr !important;
    text-align: left !important;
  }

  html[dir="ltr"].gg-mobile-v17 .member-app:not(.flow-mode) > .community-head h1,
  .gg-mobile-v17 .member-app[dir="ltr"]:not(.flow-mode) > .community-head h1 {
    min-width: 0 !important;
    margin: 0 !important;
    font-size: 11.7px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em !important;
    font-weight: 820 !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  html[dir="ltr"].gg-mobile-v17 .member-app:not(.flow-mode) > .community-head .gg-mobile-more,
  .gg-mobile-v17 .member-app[dir="ltr"]:not(.flow-mode) > .community-head .gg-mobile-more {
    width: 28px !important;
    height: 28px !important;
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
  }

  html[dir="ltr"].gg-mobile-v17 .member-app:not(.flow-mode) > .community-head .head-person,
  .gg-mobile-v17 .member-app[dir="ltr"]:not(.flow-mode) > .community-head .head-person {
    width: 112px !important;
    max-width: 112px !important;
    min-width: 0 !important;
    padding: 4px 6px !important;
    gap: 6px !important;
  }

  html[dir="ltr"].gg-mobile-v17 .community-head .head-person .gg-avatar,
  .gg-mobile-v17 .member-app[dir="ltr"] .community-head .head-person .gg-avatar {
    flex-basis: 31px !important;
    width: 31px !important;
    height: 31px !important;
  }

  html[dir="ltr"].gg-mobile-v17 .community-head .head-person strong,
  .gg-mobile-v17 .member-app[dir="ltr"] .community-head .head-person strong {
    max-width: 62px !important;
    font-size: 9.7px !important;
  }

  html[dir="ltr"].gg-mobile-v17 .community-head .head-person small,
  .gg-mobile-v17 .member-app[dir="ltr"] .community-head .head-person small {
    max-width: 62px !important;
    font-size: 7.8px !important;
  }
}

@media (max-width: 360px) {
  html[dir="ltr"].gg-mobile-v17 .member-app:not(.flow-mode) > .community-head,
  .gg-mobile-v17 .member-app[dir="ltr"]:not(.flow-mode) > .community-head {
    grid-template-columns: 102px minmax(0, 1fr) 36px !important;
    gap: 5px !important;
    padding-inline: 9px !important;
  }
  html[dir="ltr"].gg-mobile-v17 .member-app:not(.flow-mode) > .community-head .head-person,
  .gg-mobile-v17 .member-app[dir="ltr"]:not(.flow-mode) > .community-head .head-person {
    width: 102px !important;
    max-width: 102px !important;
  }
  html[dir="ltr"].gg-mobile-v17 .member-app:not(.flow-mode) > .community-head h1,
  .gg-mobile-v17 .member-app[dir="ltr"]:not(.flow-mode) > .community-head h1 {
    font-size: 10.9px !important;
  }
}


/* compound-v35.css */
/* GG Master Compound V35 — deterministic inbox entry + stable DM-list exit layout.
   Additive on V34. No other GG surface is redesigned here. */
@media (max-width:900px){
  /* Inbox is always a normal document section after leaving a thread. */
  html.gg-mobile-v17 .messages-layout.mobile-inbox{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  html.gg-mobile-v17 .messages-layout.mobile-inbox>.conversation-inbox{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
  }
  html.gg-mobile-v17 .messages-layout.mobile-inbox>.conversation-thread{display:none!important}

  /* One stable Instagram-like row. Flex removes the stale grid coordinates that
     could survive presence/avatar wrapping after backing out of a conversation. */
  html.gg-mobile-v17 .messages-layout.mobile-inbox>.conversation-inbox>button{
    position:relative!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    min-height:72px!important;
    margin:0!important;
    padding:8px 16px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:start!important;
    overflow:visible!important;
    transform:none!important;
  }
  html.gg-mobile-v17 .messages-layout.mobile-inbox>.conversation-inbox>button+button{
    border-top:1px solid rgba(0,0,0,.035)!important;
  }
  html[data-theme="dark"].gg-mobile-v17 .messages-layout.mobile-inbox>.conversation-inbox>button+button{
    border-color:rgba(255,255,255,.06)!important;
  }
  html.gg-mobile-v17 .messages-layout.mobile-inbox>.conversation-inbox>button.active{
    background:transparent!important;
  }
  html.gg-mobile-v17 .messages-layout.mobile-inbox>.conversation-inbox>button:active{
    background:#f7f7f7!important;
  }
  html[data-theme="dark"].gg-mobile-v17 .messages-layout.mobile-inbox>.conversation-inbox>button:active{
    background:#171917!important;
  }

  html.gg-mobile-v17 .messages-layout.mobile-inbox>.conversation-inbox>button>.gg-avatar,
  html.gg-mobile-v17 .messages-layout.mobile-inbox>.conversation-inbox>button>.avatar-fallback,
  html.gg-mobile-v17 .messages-layout.mobile-inbox>.conversation-inbox>button>.gg-v29-avatar-wrap,
  html.gg-mobile-v17 .messages-layout.mobile-inbox>.conversation-inbox>button>.gg-v32-presence-wrap,
  html.gg-mobile-v17 .messages-layout.mobile-inbox>.conversation-inbox>button>.gg-v33-presence-wrap{
    order:0!important;
    flex:0 0 56px!important;
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
    margin:0!important;
    inset:auto!important;
    transform:none!important;
    overflow:visible!important;
  }
  html.gg-mobile-v17 .messages-layout.mobile-inbox>.conversation-inbox>button .gg-avatar,
  html.gg-mobile-v17 .messages-layout.mobile-inbox>.conversation-inbox>button .avatar-fallback{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
    margin:0!important;
    border-radius:50%!important;
    object-fit:cover!important;
    transform:none!important;
  }
  html.gg-mobile-v17 .messages-layout.mobile-inbox>.conversation-inbox>button>span:not(.gg-v29-avatar-wrap):not(.gg-v32-presence-wrap):not(.gg-v33-presence-wrap){
    order:1!important;
    flex:1 1 auto!important;
    display:block!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  html.gg-mobile-v17 .messages-layout.mobile-inbox>.conversation-inbox>button>span>strong,
  html.gg-mobile-v17 .messages-layout.mobile-inbox>.conversation-inbox>button>span>small{
    width:100%!important;
    max-width:100%!important;
    margin-inline:0!important;
    transform:none!important;
  }
  html.gg-mobile-v17 .messages-layout.mobile-inbox .message-unread-count{
    order:2!important;
    flex:0 0 auto!important;
    position:static!important;
    margin:0!important;
    transform:none!important;
  }

  /* The green dot remains on the inbox avatar after exiting a thread. */
  html.gg-mobile-v17 .messages-layout.mobile-inbox .gg-v33-online-dot{
    display:block!important;
    width:15px!important;
    height:15px!important;
    bottom:1px!important;
    inset-inline-end:1px!important;
  }
}


/* compound-v37.css */
/* GG V37 — feed media, two-line post preview, photo viewer, authoritative owner comment controls. */
.gg-mobile-v17 .social-post>.post-body.clamped:not(.expanded):not(.gg-v37-expanded),
.gg-mobile-v17 .social-post>.post-body:not(.expanded):not(.gg-v37-expanded){
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;
  max-height:calc(1.8em * 2)!important;
}
.gg-mobile-v17 .social-post>.post-body.expanded,
.gg-mobile-v17 .social-post>.post-body.gg-v37-expanded{display:block!important;-webkit-line-clamp:unset!important;max-height:none!important;overflow:visible!important}
.gg-mobile-v17 .social-post>.post-read-more{margin:-4px 13px 12px!important;padding:2px 0!important;border:0!important;background:transparent!important;color:#9b6a05!important;font-size:12px!important;font-weight:900!important;cursor:pointer!important}

/* Normal feed video != GG Flow reel. Keep it compact and stable. */
.gg-mobile-v17 .social-post:not(.community-inline-reel) .post-attachments .video-attachment,
.gg-mobile-v17 .social-post:not(.community-inline-reel)>.video-attachment{
  width:calc(100% - 26px)!important;max-width:760px!important;height:auto!important;aspect-ratio:16/9!important;
  margin:0 13px 12px!important;border-radius:16px!important;overflow:hidden!important;background:#050505!important;
  display:grid!important;place-items:center!important;max-height:none!important;
}
.gg-mobile-v17 .social-post:not(.community-inline-reel) .post-attachments .video-attachment video,
.gg-mobile-v17 .social-post:not(.community-inline-reel)>.video-attachment video{
  display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:none!important;
  aspect-ratio:16/9!important;object-fit:contain!important;background:#050505!important;border-radius:0!important;
}
.gg-mobile-v17 .social-post:not(.community-inline-reel) .video-attachment>span{display:none!important}

/* Feed photos open as media, not dead images. */
.social-post img.post-image{cursor:zoom-in!important;touch-action:manipulation}
html.gg-v37-lightbox-open,body.gg-v37-lightbox-open{overflow:hidden!important;overscroll-behavior:none!important}
.gg-v37-lightbox{position:fixed;inset:0;z-index:2147483646;background:rgba(0,0,0,.97);display:grid;place-items:center;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}
.gg-v37-lightbox-stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}
.gg-v37-lightbox-stage img{max-width:100vw!important;max-height:100dvh!important;width:auto!important;height:auto!important;object-fit:contain!important;transform-origin:center center;will-change:transform;transition:transform .08s linear;touch-action:none}
.gg-v37-lightbox-close{position:absolute;z-index:3;top:max(14px,env(safe-area-inset-top));inset-inline-end:14px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(20,20,20,.8);color:#fff;font-size:28px;line-height:1;display:grid;place-items:center;cursor:pointer}
.gg-v37-lightbox-hint{position:absolute;z-index:2;bottom:max(22px,calc(env(safe-area-inset-bottom) + 10px));left:50%;transform:translateX(-50%);padding:8px 12px;border-radius:999px;background:rgba(20,20,20,.65);color:#fff;font-size:11px;white-space:nowrap;pointer-events:none;opacity:.72}

/* One active, obvious owner-control implementation. */
.gg-v37-comment-owner{display:inline-flex!important;align-items:center;gap:8px;margin-inline-start:7px}
.gg-v37-comment-owner button{display:inline-flex!important;align-items:center;min-height:26px!important;padding:2px 5px!important;border:0!important;background:transparent!important;font-size:11px!important;font-weight:800!important;cursor:pointer!important;pointer-events:auto!important;opacity:.78}
.gg-v37-comment-owner button:hover,.gg-v37-comment-owner button:active{opacity:1!important}.gg-v37-comment-owner [data-gg-v37-comment-delete]{color:#b42318!important}
.gg-v37-comment-saving{opacity:.52!important;pointer-events:none!important}
.gg-v37-toast{position:fixed;z-index:2147483647;left:50%;bottom:max(105px,calc(env(safe-area-inset-bottom) + 88px));transform:translate(-50%,18px);padding:10px 14px;border-radius:999px;background:#111;color:#fff;border:1px solid #ffffff2b;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;text-align:center}.gg-v37-toast.show{opacity:1;transform:translate(-50%,0)}.gg-v37-toast.bad{background:#8d1e1e}


/* compound-v38.css */
/* V38 — inbox-first Messages + YouTube-style Majalis learning library */
.records-page.youtube-library.v38-youtube-library{max-width:1180px;margin:0 auto;padding:20px 20px 120px;background:transparent}
.v38-youtube-library .records-commandbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 18px;padding:4px 0 14px;border-bottom:1px solid var(--border,#e5e7eb)}
.v38-youtube-library .records-commandbar>div p{margin:0 0 4px;color:#aa7b10;font-weight:800;letter-spacing:.12em;font-size:.72rem}
.v38-youtube-library .records-commandbar>div h2{margin:0;font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.15}
.v38-youtube-library .records-commandbar label{width:min(390px,42vw);border-radius:24px!important;background:var(--surface-2,#f2f3f4)!important;border:0!important;padding:0 14px!important;min-height:46px;display:flex;align-items:center;gap:8px}
.v38-youtube-library .records-commandbar input{border:0!important;background:transparent!important;box-shadow:none!important}
.v38-youtube-library .records-pillars{display:flex;gap:8px;overflow-x:auto;padding:0 0 18px;scrollbar-width:none}
.v38-youtube-library .records-pillars::-webkit-scrollbar{display:none}.v38-youtube-library .records-pillars button{flex:0 0 auto;border:0!important;border-radius:10px!important;background:var(--surface-2,#f1f1f1)!important;padding:9px 16px!important;font-weight:800!important}.v38-youtube-library .records-pillars button.active{background:#171914!important;color:#fff!important;box-shadow:inset 0 0 0 1px #c99618}
.v38-youtube-library .continue-majlis{display:grid!important;grid-template-columns:190px minmax(0,1fr) auto!important;align-items:center;gap:14px;margin:0 0 22px!important;padding:10px!important;border:0!important;border-radius:14px!important;background:var(--surface,#fff)!important;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.v38-youtube-library .continue-thumb{aspect-ratio:16/9!important;width:190px!important;height:auto!important;border-radius:10px!important;overflow:hidden;background:#10110f;position:relative}.v38-youtube-library .continue-thumb img{width:100%;height:100%;object-fit:cover}.v38-youtube-library .continue-thumb i{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:linear-gradient(transparent,#0004)}
.v38-youtube-library .continue-majlis strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem;line-height:1.35}.v38-youtube-library .continue-majlis em{font-style:normal;color:#7b7f86;font-size:.78rem}.v38-youtube-library .continue-majlis small{color:#a47712;font-weight:900;letter-spacing:.08em}
.v38-youtube-library .featured-majlis{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr)!important;gap:22px!important;align-items:start;margin:0 0 28px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.v38-youtube-library .featured-majlis>div:first-child{aspect-ratio:16/9!important;max-height:none!important;border-radius:14px!important;overflow:hidden!important;background:#0c0d0b!important;position:relative}.v38-youtube-library .featured-majlis>div:first-child img{width:100%;height:100%;object-fit:cover}.v38-youtube-library .featured-majlis article{padding:6px 0!important;background:transparent!important;border:0!important}.v38-youtube-library .featured-majlis article h3{font-size:1.45rem!important;line-height:1.25!important;margin:8px 0!important}.v38-youtube-library .featured-majlis article p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#747981!important;line-height:1.55!important}.v38-youtube-library .featured-majlis .gold-button{border-radius:20px!important;padding:10px 16px!important;width:auto!important}
.v38-youtube-library .recording-grid.youtube-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px 16px!important}.v38-youtube-library .recording-grid>article{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}.v38-youtube-library .recording-cover{display:block!important;aspect-ratio:16/9!important;border-radius:12px!important;overflow:hidden!important;background:#111!important;position:relative!important}.v38-youtube-library .recording-cover img{width:100%!important;height:100%!important;object-fit:cover!important}.v38-youtube-library .recording-cover .recording-play{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;background:linear-gradient(transparent,#0003)!important;color:#fff!important;opacity:.9}.v38-youtube-library .recording-grid>article>div:last-child{padding:10px 2px 0!important}.v38-youtube-library .recording-grid h3{font-size:1rem!important;line-height:1.35!important;margin:4px 0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v38-youtube-library .recording-grid p{display:none!important}.v38-youtube-library .recording-grid small{font-size:.74rem!important;color:#7f848b!important}
.v38-thumb-error{opacity:.25}
.majlis-watch-page .majlis-watch-shell{width:min(1180px,calc(100% - 32px))!important;padding:18px 0 90px!important}.majlis-watch-page .majlis-watch-shell>.back-link{margin:0 0 12px!important}.majlis-watch-page .majlis-watch-shell>header{margin:8px 0 14px!important}.majlis-watch-page .majlis-watch-shell>header>p{display:none!important}.majlis-watch-page .majlis-watch-shell h1{font-size:clamp(1.35rem,3.5vw,2.1rem)!important;line-height:1.25!important;margin:6px 0!important}.majlis-video-frame{aspect-ratio:16/9!important;width:100%!important;max-height:none!important;border-radius:14px!important;background:#0b0b0b!important;box-shadow:none!important}.majlis-video-frame iframe,.majlis-video-frame video{width:100%!important;height:100%!important;border:0!important;object-fit:contain!important;background:#000}.majlis-watch-shell>article{margin-top:14px!important;border:0!important;border-top:1px solid var(--border,#ddd)!important;border-radius:0!important;padding:14px 0!important;background:transparent!important;box-shadow:none!important}.majlis-watch-shell>article h2{font-size:1rem!important;margin:0 0 6px!important}.majlis-watch-shell>article p{margin:0!important;line-height:1.55!important;color:#757980!important}.v38-video-error{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:#fff;padding:24px}.v38-video-error span{color:#aaa}.v38-video-error a{margin-top:8px;background:#fff;color:#111;border-radius:18px;padding:8px 14px;font-weight:800}.v38-related{margin-top:24px;padding-top:16px;border-top:1px solid var(--border,#ddd)}.v38-related>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.v38-related h2{margin:0;font-size:1.2rem}.v38-related header span{font-size:.78rem;color:#7c8087}.v38-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px}.v38-related-card{display:block;text-decoration:none;color:inherit}.v38-related-thumb{aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#111;position:relative}.v38-related-thumb img{width:100%;height:100%;object-fit:cover}.v38-related-thumb i{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-style:normal;font-size:1.4rem;background:linear-gradient(transparent,#0003)}.v38-related-card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.88rem;line-height:1.35;margin-top:7px}.v38-related-card small{color:#7d8187;font-size:.72rem}
@media(max-width:840px){.v38-youtube-library .records-commandbar{display:block}.v38-youtube-library .records-commandbar label{width:100%;margin-top:14px}.v38-youtube-library .recording-grid.youtube-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v38-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v38-youtube-library .featured-majlis{grid-template-columns:1fr!important}.v38-youtube-library .featured-majlis article{padding-top:0!important}}
@media(max-width:560px){.records-page.youtube-library.v38-youtube-library{padding:10px 12px 110px!important}.v38-youtube-library .records-commandbar>div h2{font-size:1.35rem!important}.v38-youtube-library .continue-majlis{grid-template-columns:126px minmax(0,1fr)!important;gap:10px!important}.v38-youtube-library .continue-thumb{width:126px!important}.v38-youtube-library .continue-majlis>svg{display:none!important}.v38-youtube-library .featured-majlis{display:block!important;margin-bottom:24px!important}.v38-youtube-library .featured-majlis article h3{font-size:1.1rem!important}.v38-youtube-library .featured-majlis article p{display:none!important}.v38-youtube-library .recording-grid.youtube-grid{grid-template-columns:1fr!important;gap:22px!important}.v38-youtube-library .recording-grid h3{font-size:1.02rem!important}.majlis-watch-page .majlis-watch-shell{width:100%!important;padding:0 0 90px!important}.majlis-watch-page .majlis-watch-shell>.back-link,.majlis-watch-page .majlis-watch-shell>header,.majlis-watch-page .majlis-watch-shell>article,.v38-related{margin-left:14px!important;margin-right:14px!important}.majlis-video-frame{border-radius:0!important;border-left:0!important;border-right:0!important}.v38-related-grid{display:block}.v38-related-card{display:grid;grid-template-columns:46% minmax(0,1fr);gap:10px;margin-bottom:14px}.v38-related-card strong{margin-top:0}.v38-related-thumb{border-radius:8px}}


/* compound-v39.css */
/* GG Master Compound V39 — centered header + transparent lion + truly global persistent dark mode. */

/* Header: profile / centered lion / more. Remove community-name text from the chrome. */
@media (max-width:820px){
  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head.gg-v39-header{
    direction:ltr!important;
    position:sticky!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:calc(72px + env(safe-area-inset-top))!important;
    padding:calc(7px + env(safe-area-inset-top)) 15px 7px!important;
    gap:10px!important;
    overflow:visible!important;
  }
  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head.gg-v39-header > .head-person{
    order:1!important;
    flex:0 1 min(35vw,145px)!important;
    width:auto!important;
    max-width:145px!important;
    min-width:96px!important;
    margin:0!important;
    justify-self:auto!important;
    z-index:2!important;
  }
  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head.gg-v39-header > .gg-v18-brand-mark,
  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head.gg-v39-header > .gg-v39-transparent-logo{
    position:absolute!important;
    z-index:2!important;
    left:50%!important;
    top:calc(50% + env(safe-area-inset-top)/2)!important;
    transform:translate(-50%,-50%)!important;
    width:52px!important;
    height:52px!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:drop-shadow(0 3px 7px #0007)!important;
  }
  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head.gg-v39-header > .gg-v39-more-slot{
    order:3!important;
    flex:0 0 46px!important;
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    direction:ltr!important;
    text-align:right!important;
    z-index:2!important;
  }
  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head.gg-v39-header > .gg-v39-more-slot > :not(.gg-mobile-more){display:none!important}
  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head.gg-v39-header h1,
  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head.gg-v39-header .gg-v39-more-slot > span,
  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head.gg-v39-header .gg-v39-more-slot > p{display:none!important}
  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head.gg-v39-header .gg-mobile-more{
    position:static!important;
    grid-column:auto!important;
    grid-row:auto!important;
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.045)!important;
    color:#fff!important;
  }
  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head.gg-v39-header .head-person strong{max-width:76px!important}
  .gg-mobile-v17 .member-app:not(.flow-mode) > .community-head.gg-v39-header .head-person small{max-width:76px!important}
}

/* One dark palette across the whole application, not only Community. */
html[data-theme="dark"]{color-scheme:dark!important;background:#090b09!important;--gg-mobile-bg:#090b09!important;--gg-mobile-surface:#111411!important;--gg-mobile-ink:#f5f6f3!important;--gg-mobile-muted:#a6aba5!important;--gg-mobile-line:#292d29!important}
html[data-theme="dark"] body,
html[data-theme="dark"] #root,
html[data-theme="dark"] .member-app,
html[data-theme="dark"] .member-app:not(.flow-mode) .product-body,
html[data-theme="dark"] .platform-page,
html[data-theme="dark"] .learning-page,
html[data-theme="dark"] .records-page,
html[data-theme="dark"] .majlis-watch-page,
html[data-theme="dark"] .public-post-page,
html[data-theme="dark"] .messages-layout,
html[data-theme="dark"] .conversation-inbox,
html[data-theme="dark"] .conversation-thread{
  background:#090b09!important;color:#f5f6f3!important;
}
html[data-theme="dark"] .section-head,
html[data-theme="dark"] .community-main,
html[data-theme="dark"] .feed,
html[data-theme="dark"] .embedded-community{background:transparent!important;color:#f5f6f3!important}

html[data-theme="dark"] .social-post,
html[data-theme="dark"] .community-inline-reel,
html[data-theme="dark"] .composer-launch,
html[data-theme="dark"] .structured-composer,
html[data-theme="dark"] .directory-member-card,
html[data-theme="dark"] .profile-card,
html[data-theme="dark"] .profile-shell,
html[data-theme="dark"] .notification-card,
html[data-theme="dark"] .notifications-list > *,
html[data-theme="dark"] .records-commandbar,
html[data-theme="dark"] .continue-majlis,
html[data-theme="dark"] .featured-majlis,
html[data-theme="dark"] .recording-card,
html[data-theme="dark"] .recording-grid article,
html[data-theme="dark"] .majlis-watch-shell > article,
html[data-theme="dark"] .v38-related,
html[data-theme="dark"] .member-grid > *,
html[data-theme="dark"] .messages-layout > .conversation-inbox,
html[data-theme="dark"] .messages-layout > .conversation-thread,
html[data-theme="dark"] .messages-layout > .conversation-inbox > button,
html[data-theme="dark"] .inbox-title,
html[data-theme="dark"] .thread-person{
  background:#111411!important;color:#f5f6f3!important;border-color:#292d29!important;
}
html[data-theme="dark"] .social-post h1,
html[data-theme="dark"] .social-post h2,
html[data-theme="dark"] .social-post h3,
html[data-theme="dark"] .social-post strong,
html[data-theme="dark"] .section-head h2,
html[data-theme="dark"] .inbox-title strong,
html[data-theme="dark"] .thread-person strong,
html[data-theme="dark"] .directory-member-card h3,
html[data-theme="dark"] .records-page h1,
html[data-theme="dark"] .records-page h2,
html[data-theme="dark"] .records-page h3,
html[data-theme="dark"] .majlis-watch-page h1,
html[data-theme="dark"] .majlis-watch-page h2{color:#f7f8f5!important}
html[data-theme="dark"] .social-post p,
html[data-theme="dark"] .social-post small,
html[data-theme="dark"] .directory-member-card p,
html[data-theme="dark"] .directory-member-card small,
html[data-theme="dark"] .records-page p,
html[data-theme="dark"] .records-page small,
html[data-theme="dark"] .message-search,
html[data-theme="dark"] .messages-layout small{color:#a6aba5!important}

html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] .message-search input,
html[data-theme="dark"] .conversation-thread > form input,
html[data-theme="dark"] .structured-composer input,
html[data-theme="dark"] .structured-composer textarea,
html[data-theme="dark"] .structured-composer select{
  background:#191c19!important;color:#f5f6f3!important;border-color:#303530!important;caret-color:#e2b238!important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#8e948e!important;opacity:1!important}

/* Messages must remain dark end-to-end. */
html[data-theme="dark"] .messages-layout .thread{background:#0d100d!important}
html[data-theme="dark"] .messages-layout .thread > p:not(.mine) > span,
html[data-theme="dark"] .messages-layout .thread > p:not(.mine) .message-copy{background:#252925!important;color:#fff!important}
html[data-theme="dark"] .messages-layout > section > form{background:rgba(13,16,13,.96)!important;border-color:#292d29!important}
html[data-theme="dark"] .attachment-card:not(.audio-card),
html[data-theme="dark"] .gg-v32-voice{background:#222622!important;color:#fff!important;border-color:#333833!important}

/* Bottom nav and More sheet follow the chosen appearance as well. */
html[data-theme="dark"] #gg-mobile-nav{background:rgba(16,19,16,.96)!important;border-color:#2b302b!important;box-shadow:0 14px 42px #0008!important}
html[data-theme="dark"] #gg-mobile-nav button{color:#9ca39c!important}
html[data-theme="dark"] #gg-mobile-nav button.active{background:#27281f!important;color:#fff!important}
html[data-theme="dark"] #gg-mobile-more-sheet > section,
html[data-theme="dark"] #gg-mobile-more-sheet .gg-sheet-grid button{background:#111411!important;color:#f5f6f3!important;border-color:#2c302c!important}

/* Majlis/learning library also follows Dark Mode fully. */
html[data-theme="dark"] .v38-youtube-library .recording-grid,
html[data-theme="dark"] .v38-related-grid{background:transparent!important}
html[data-theme="dark"] .v38-youtube-library .recording-grid a,
html[data-theme="dark"] .v38-related-card{color:#f5f6f3!important}
html[data-theme="dark"] .v38-youtube-library .recording-grid small,
html[data-theme="dark"] .v38-related-card small{color:#a2a8a2!important}


/* compound-v42.css */
/* GG V42 — Sovereign social/community/learning surfaces */
.gg-v42-notifications{position:relative;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:rgba(255,255,255,.045);color:#fff}.gg-v42-notifications svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8}.gg-v42-notifications i{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:#e84848;color:#fff;font:700 10px/1 sans-serif;font-style:normal;border:2px solid #111}
#gg-mobile-nav .gg-v42-library-nav .gg-mobile-nav-icon svg{fill:none;stroke:currentColor;stroke-width:1.7}.gg-v42-library-badge{background:#e84848!important}
.gg-v42-home-tools{margin:1rem 0 2rem;border:1px solid var(--border,#dedede);border-radius:18px;background:var(--surface,#fff);overflow:hidden}.gg-v42-home-tools>header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border,#e6e6e6)}.gg-v42-home-tools>header>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#171917;color:#e2b238;font-weight:900}.gg-v42-home-tools header div{display:grid}.gg-v42-home-tools header small{color:var(--text-2,#777)}.gg-v42-home-tools>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.gg-v42-home-tools button{min-width:0;display:grid;grid-template-columns:34px 1fr 16px;align-items:center;gap:10px;padding:12px;border:1px solid var(--border,#e7e7e7);border-radius:12px;background:var(--surface-2,#fafafa);color:var(--text,#111);text-align:start}.gg-v42-home-tools button>b{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#d5a22a1c;color:#9a7420}.gg-v42-home-tools button span{display:grid;min-width:0}.gg-v42-home-tools button strong{font-size:.78rem}.gg-v42-home-tools button small{color:var(--text-2,#777);font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gg-v42-home-tools button i{font-style:normal;color:#a68a44}
.gg-v42-library .records-commandbar>div>p{letter-spacing:.18em}.gg-v42-library-tabs{display:flex;gap:8px;margin:16px 0;padding:5px;border:1px solid var(--border,#ddd);border-radius:14px;background:var(--surface,#fff);overflow:auto}.gg-v42-library-tabs button{flex:1;min-width:max-content;padding:10px 14px;border:0;border-radius:10px;background:transparent;color:var(--text,#111);font-weight:800}.gg-v42-library-tabs button.active{background:#151815;color:#e7bc54}.gg-v42-original-hidden{display:none!important}.gg-v42-library-content>header{display:flex;justify-content:space-between;gap:20px;margin:18px 0}.gg-v42-library-content>header div{display:grid;gap:4px}.gg-v42-library-content>header b{font-size:1.05rem}.gg-v42-library-content>header span{color:var(--text-2,#777);font-size:.74rem;line-height:1.6}.gg-v42-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gg-v42-video-card{display:block;min-width:0;border:0;background:transparent;color:var(--text,#111);text-align:start;cursor:pointer}.gg-v42-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:13px;background:#101210}.gg-v42-thumb img,.gg-v42-thumb video{width:100%;height:100%;object-fit:cover}.gg-v42-thumb>span{width:100%;height:100%;display:grid;place-items:center;color:#e3b94e;font:800 2rem Georgia}.gg-v42-thumb>i{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#000b;color:#fff;font-style:normal}.gg-v42-video-card>div:last-child{display:grid;gap:4px;padding:10px 2px}.gg-v42-video-card strong{font-size:.9rem;line-height:1.35}.gg-v42-video-card small{color:#a47718;font-weight:800}.gg-v42-video-card p{margin:0;color:var(--text-2,#777);font-size:.7rem;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.gg-v42-video-card small[data-v42-channel]{cursor:pointer;text-decoration:underline;text-decoration-color:transparent}.gg-v42-video-card small[data-v42-channel]:hover{text-decoration-color:currentColor}.gg-v42-empty{grid-column:1/-1;min-height:180px;display:grid;place-items:center;align-content:center;gap:8px;border:1px dashed var(--border,#ddd);border-radius:16px;color:var(--text-2,#777)}.gg-v42-empty b{color:#d5a22a;font-size:1.3rem}.gg-v42-creator-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 22px;padding:18px;border:1px solid #d5a22a55;border-radius:16px;background:linear-gradient(135deg,#d5a22a16,transparent)}.gg-v42-creator-panel>div{display:grid;gap:5px}.gg-v42-creator-panel span{color:var(--text-2,#777);font-size:.74rem}.gg-v42-creator-panel button{padding:10px 14px;border:0;border-radius:10px;background:#171917;color:#fff;font-weight:800}.gg-v42-creator-panel.approved{border-color:#4ca87055}.gg-v42-creator-panel.pending{border-color:#a98b4755}.gg-v42-watch-modal,.gg-v42-channel-modal,.gg-v42-upload-modal,.gg-v42-share-sheet{position:fixed;z-index:99999;inset:0;background:#000c;display:grid;place-items:center;padding:16px}.gg-v42-watch-modal>section,.gg-v42-channel-modal>section,.gg-v42-upload-modal>form,.gg-v42-share-sheet>section{position:relative;width:min(920px,100%);max-height:94vh;overflow:auto;border-radius:18px;background:var(--surface,#fff);color:var(--text,#111);box-shadow:0 25px 80px #0008}.gg-v42-watch-modal>section>button,.gg-v42-channel-modal>section>button,.gg-v42-upload-modal [data-close]{position:absolute;z-index:2;top:10px;right:10px;width:38px;height:38px;border:0;border-radius:50%;background:#000b;color:#fff;font-size:24px}.gg-v42-watch-modal video{width:100%;aspect-ratio:16/9;background:#000}.gg-v42-watch-modal article{padding:18px}.gg-v42-watch-modal h2{margin:.5rem 0}.gg-v42-channel-link{border:0;background:transparent;color:#a47718;font-weight:800}.gg-v42-channel-modal>section{padding:18px}.gg-v42-channel-modal header{display:flex;align-items:center;gap:14px;margin-bottom:18px}.gg-v42-channel-modal header>span{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#171917;color:#e0b447;font-size:1.4rem}.gg-v42-channel-modal header img{width:100%;height:100%;object-fit:cover}.gg-v42-upload-modal form{display:grid;gap:14px;padding:28px}.gg-v42-upload-modal label{display:grid;gap:6px;font-size:.75rem;font-weight:700}.gg-v42-upload-modal input,.gg-v42-upload-modal textarea{width:100%;padding:12px;border:1px solid var(--border,#ddd);border-radius:10px;background:var(--surface-2,#fafafa);color:var(--text,#111)}.gg-v42-upload-modal textarea{min-height:110px}.gg-v42-upload-modal [type=submit]{padding:12px;border:0;border-radius:10px;background:#171917;color:#fff;font-weight:800}.gg-v42-upload-modal [data-status]{color:#9b7117}
.gg-v42-messages{min-height:0}.gg-v42-messages .thread>p{position:relative}.gg-v42-msg-react{position:absolute;bottom:-16px;inset-inline-end:4px;width:28px;height:28px;border:1px solid var(--border,#ddd);border-radius:50%;background:var(--surface,#fff);opacity:0;transition:.15s}.gg-v42-messages .thread>p:hover .gg-v42-msg-react,.gg-v42-messages .thread>p:focus-within .gg-v42-msg-react{opacity:1}.gg-v42-reactions{position:absolute;bottom:-13px;inset-inline-start:8px;padding:2px 6px;border:1px solid var(--border,#ddd);border-radius:999px;background:var(--surface,#fff);font-size:.68rem}.gg-v42-speed{margin-inline-start:5px;padding:4px 7px;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font-size:.65rem;font-weight:800}.gg-v42-reaction-picker{position:fixed;z-index:100000;display:flex;gap:3px;padding:6px;border:1px solid #ddd;border-radius:999px;background:#fff;box-shadow:0 10px 30px #0004}.gg-v42-reaction-picker button{width:34px;height:34px;border:0;background:transparent;font-size:20px}.gg-v42-share-sheet .backdrop{position:absolute;inset:0;border:0;background:transparent}.gg-v42-share-sheet>section{align-self:end;width:min(560px,100%);padding:16px}.gg-v42-share-sheet header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.gg-v42-share-sheet header button{border:0;background:transparent;font-size:25px}.gg-v42-share-sheet .people{display:flex;gap:12px;overflow:auto;padding:8px 0 16px}.gg-v42-share-sheet .people>button{min-width:78px;display:grid;justify-items:center;gap:5px;border:0;background:transparent}.gg-v42-share-sheet .people span{width:54px;height:54px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#eee}.gg-v42-share-sheet .people img{width:100%;height:100%;object-fit:cover}.gg-v42-share-sheet .people b{max-width:76px;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gg-v42-share-sheet .people button.sent span{outline:3px solid #35a866}.gg-v42-share-sheet .external{width:100%;padding:12px;border:0;border-radius:10px;background:#171917;color:#fff;font-weight:800}.gg-v42-flow-comment-actions{display:flex;gap:10px;margin-top:5px}.gg-v42-flow-comment-actions button{border:0;background:transparent;color:var(--text-2,#777);font-size:.66rem}.flow-card video{content-visibility:auto}
html[data-theme=dark] .gg-v42-home-tools,html[data-theme=dark] .gg-v42-library-tabs,html[data-theme=dark] .gg-v42-watch-modal>section,html[data-theme=dark] .gg-v42-channel-modal>section,html[data-theme=dark] .gg-v42-upload-modal>form,html[data-theme=dark] .gg-v42-share-sheet>section{background:#111411;border-color:#292d29;color:#f5f6f3}html[data-theme=dark] .gg-v42-home-tools button,html[data-theme=dark] .gg-v42-upload-modal input,html[data-theme=dark] .gg-v42-upload-modal textarea{background:#191c19;border-color:#303530;color:#f5f6f3}html[data-theme=dark] .gg-v42-reaction-picker{background:#171a17;border-color:#333;color:#fff}
@media(max-width:820px){.gg-v42-home-tools>div{grid-template-columns:1fr}.gg-v42-video-grid{grid-template-columns:1fr 1fr;gap:12px}.gg-v42-library-content>header{margin:14px 0}.gg-v42-creator-panel{align-items:flex-start;flex-direction:column}.gg-v42-creator-panel button{width:100%}.gg-v42-watch-modal,.gg-v42-channel-modal,.gg-v42-upload-modal{padding:0}.gg-v42-watch-modal>section,.gg-v42-channel-modal>section,.gg-v42-upload-modal>form{width:100%;height:100%;max-height:none;border-radius:0}.gg-v42-channel-modal>section,.gg-v42-upload-modal>form{padding:18px;padding-top:60px}.gg-v42-msg-react{opacity:1}.messages-layout input{font-size:16px!important}.flow-card video{preload:auto}}
@media(max-width:520px){.gg-v42-video-grid{grid-template-columns:1fr}.gg-v42-thumb{border-radius:10px}}

/* V42 reliability hardening: inbox-first + stable WhatsApp-like mobile viewport. */
@media(max-width:820px){
  .messages-layout.gg-v42-messages{width:100%!important;max-width:100%!important;min-height:0!important;background:var(--surface,#fff)!important;overflow:hidden!important}
  .messages-layout.gg-v42-messages.mobile-inbox>.conversation-inbox{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important}
  .messages-layout.gg-v42-messages.mobile-inbox>.conversation-thread{display:none!important}
  .messages-layout.gg-v42-messages.mobile-thread>.conversation-inbox{display:none!important}
  .messages-layout.gg-v42-messages.mobile-thread>.conversation-thread{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;width:100%!important;min-width:0!important;height:calc(100dvh - env(safe-area-inset-top))!important;max-height:calc(100dvh - env(safe-area-inset-top))!important;background:var(--surface,#fff)!important;overflow:hidden!important}
  .messages-layout.gg-v42-messages.mobile-thread .thread{min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important;padding-bottom:16px!important}
  .messages-layout.gg-v42-messages.mobile-thread .conversation-thread>form{position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;background:var(--surface,#fff)!important;border-top:1px solid var(--border,#e5e5e5)!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important}
  .messages-layout.gg-v42-messages input,.messages-layout.gg-v42-messages textarea{font-size:16px!important;max-width:100%!important}
}
html[data-theme=dark] .messages-layout.gg-v42-messages,html[data-theme=dark] .messages-layout.gg-v42-messages.mobile-thread>.conversation-thread,html[data-theme=dark] .messages-layout.gg-v42-messages.mobile-thread .conversation-thread>form{background:#0b0d0b!important;border-color:#292d29!important;color:#f5f6f3!important}
.gg-v42-system-message{display:none!important}.gg-v42-flow-marker{display:none!important}.gg-v42-flow-comment-actions{align-items:center;flex-wrap:wrap}.gg-v42-flow-comment-actions button{padding:4px 5px;border-radius:7px}.gg-v42-flow-comment-actions button:hover{background:#00000009;color:var(--text,#111)}html[data-theme=dark] .gg-v42-flow-comment-actions button:hover{background:#ffffff0d;color:#fff}


/* compound-v44.css */
/* GG V44 — notification header, YouTube-style Library, Story typing pause, Instagram-style DM controls. */
.gg-v44-notifications{position:absolute;z-index:5;right:66px;top:calc(50% + env(safe-area-inset-top)/2);transform:translateY(-50%);width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:rgba(255,255,255,.045);color:#fff;padding:0}.gg-v44-notifications svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.gg-v44-notifications i{position:absolute;top:-4px;right:-4px;min-width:19px;height:19px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:#e9344a;color:#fff;border:2px solid #111;font:800 9px/1 system-ui;font-style:normal}
.gg-v44-library>.records-pillars,.gg-v44-library>.featured-majlis,.gg-v44-library>.recording-grid{display:none!important}.gg-v44-library>.continue-majlis{display:none!important}.gg-v44-library[data-gg-library-mode="majlis"]>.continue-majlis.gg-v44-show-continue{display:grid!important}.gg-v44-library .gg-v42-original-hidden.featured-majlis,.gg-v44-library .gg-v42-original-hidden.recording-grid,.gg-v44-library .gg-v42-original-hidden.records-pillars{display:none!important}.gg-v44-library .gg-v42-library-content:not(.gg-v44-current-library){display:none!important}
.gg-v44-library{width:min(1240px,100%);margin:0 auto;padding:18px clamp(12px,3vw,28px) 110px!important}.gg-v44-library .records-commandbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,420px)!important;gap:18px!important;align-items:end!important;margin-bottom:14px!important;padding:0!important;background:transparent!important;border:0!important}.gg-v44-library .records-commandbar>div p{margin:0 0 4px!important;color:#d5a22a!important;font-size:.68rem!important;font-weight:900!important;letter-spacing:.22em!important}.gg-v44-library .records-commandbar>div h2{margin:0!important;font-size:clamp(1.5rem,3vw,2.25rem)!important;line-height:1.08!important}.gg-v44-library .records-commandbar label{height:46px!important;border-radius:23px!important;background:var(--surface-2,#f2f2f2)!important;border:1px solid var(--border,#dedede)!important;padding:0 15px!important}.gg-v44-library .records-commandbar input{font-size:15px!important}
.gg-v44-library .gg-v42-library-tabs{position:sticky;top:calc(env(safe-area-inset-top) + 78px);z-index:20;display:flex!important;gap:6px!important;margin:0 0 22px!important;padding:5px!important;border:1px solid var(--border,#dedede)!important;border-radius:14px!important;background:color-mix(in srgb,var(--surface,#fff) 94%,transparent)!important;backdrop-filter:blur(18px);overflow-x:auto!important}.gg-v44-library .gg-v42-library-tabs button{flex:0 0 auto!important;min-width:0!important;padding:9px 14px!important;border-radius:10px!important;font-size:.78rem!important;white-space:nowrap}.gg-v44-library .gg-v42-library-tabs button.active{background:#171917!important;color:#efc75f!important}
.gg-v44-library .continue-majlis{grid-template-columns:150px minmax(0,1fr) 28px!important;align-items:center!important;gap:14px!important;padding:10px!important;margin:0 0 24px!important;border-radius:14px!important;background:var(--surface,#fff)!important;border:1px solid var(--border,#ddd)!important}.gg-v44-library .continue-majlis .continue-thumb{width:150px!important;aspect-ratio:16/9!important;border-radius:10px!important;overflow:hidden!important}.gg-v44-library .continue-majlis strong{font-size:.92rem!important;line-height:1.3!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gg-v44-library .continue-majlis small{font-size:.58rem!important;letter-spacing:.14em!important}.gg-v44-library .continue-majlis em{font-size:.68rem!important}
.gg-v44-library .gg-v42-library-content>header{margin:4px 0 14px!important}.gg-v44-library .gg-v42-library-content>header b{font-size:1.05rem!important}.gg-v44-library .gg-v42-library-content>header span{display:none!important}.gg-v44-library .gg-v42-video-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:22px 14px!important;align-items:start!important}.gg-v44-library .gg-v44-video-card{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important}.gg-v44-library .gg-v42-thumb{position:relative!important;width:100%!important;aspect-ratio:16/9!important;max-height:none!important;border-radius:12px!important;overflow:hidden!important;background:#080908!important}.gg-v44-library .gg-v42-thumb img,.gg-v44-library .gg-v42-thumb video{width:100%!important;height:100%!important;object-fit:cover!important}.gg-v44-library .gg-v42-thumb>i{width:42px!important;height:42px!important;background:#000b!important}.gg-v44-order{position:absolute;z-index:3;top:8px;left:8px;padding:4px 7px;border-radius:7px;background:#0b0c0bd9;color:#e9bd50;font:900 11px/1 system-ui;letter-spacing:.08em}.gg-v44-library .gg-v42-video-card>div:last-child{display:grid!important;gap:3px!important;padding:9px 2px 0!important}.gg-v44-library .gg-v42-video-card strong{font-size:.87rem!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gg-v44-library .gg-v42-video-card small{font-size:.68rem!important;color:#a6812e!important;text-decoration:none!important}.gg-v44-library .gg-v42-video-card p{display:none!important}.gg-v44-library .gg-v42-creator-panel{margin:0 0 18px!important;border-radius:14px!important;padding:14px!important}
.gg-v44-speed{width:42px!important;height:30px!important;padding:0 8px!important;margin-inline-start:7px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:999px!important;background:#23262a!important;color:#fff!important;font:800 11px/1 system-ui!important;box-shadow:none!important;vertical-align:middle!important}.gg-v44-speed span{display:block!important;min-width:24px;text-align:center}.mine .gg-v44-speed{background:#fff!important;color:#1688e6!important}.gg-v42-messages .thread>p{margin-bottom:12px!important}.gg-v42-messages .gg-v42-msg-react{border:0!important;background:transparent!important;font-size:17px!important;opacity:.76!important}.gg-v42-messages .gg-v42-reactions{background:#fff!important;border:0!important;box-shadow:0 1px 5px #0002!important}.gg-story-typing .gg-v18-story-progress i.active b{animation-play-state:paused!important}.gg-story-typing [data-story-prev],.gg-story-typing [data-story-next]{pointer-events:none!important}
html[data-theme=dark] .gg-v44-library .records-commandbar label,html[data-theme=dark] .gg-v44-library .continue-majlis{background:#111411!important;border-color:#2a2e2a!important;color:#f5f6f3!important}html[data-theme=dark] .gg-v44-library .gg-v42-library-tabs{background:#111411ee!important;border-color:#2a2e2a!important}html[data-theme=dark] .gg-v42-messages .gg-v42-reactions{background:#242824!important;color:#fff!important}
@media(max-width:820px){.gg-v44-notifications{right:64px;width:40px;height:40px}.gg-v44-library{padding:18px 14px 110px!important}.gg-v44-library .records-commandbar{grid-template-columns:1fr!important;gap:11px!important;margin-bottom:11px!important}.gg-v44-library .records-commandbar>div h2{font-size:1.55rem!important}.gg-v44-library .records-commandbar label{height:44px!important}.gg-v44-library .gg-v42-library-tabs{top:calc(env(safe-area-inset-top) + 70px);margin-bottom:18px!important}.gg-v44-library .continue-majlis{grid-template-columns:118px minmax(0,1fr)!important}.gg-v44-library .continue-majlis>.lucide,.gg-v44-library .continue-majlis>svg{display:none!important}.gg-v44-library .continue-majlis .continue-thumb{width:118px!important}.gg-v44-library .gg-v42-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 10px!important}.gg-v44-library .gg-v42-thumb{border-radius:10px!important}.gg-v44-library .gg-v42-video-card strong{font-size:.8rem!important}}
@media(max-width:560px){.gg-v44-library .gg-v42-video-grid{grid-template-columns:1fr!important;gap:20px!important}.gg-v44-library .gg-v42-thumb{aspect-ratio:16/9!important}.gg-v44-library .gg-v42-video-card strong{font-size:.9rem!important}.gg-v44-library .continue-majlis{grid-template-columns:112px minmax(0,1fr)!important}.gg-v44-library .continue-majlis .continue-thumb{width:112px!important}}


/* library-optimization.css */
/* GG Library / Majalis canonical presentation — 2026.09.19.24 */
:root{--gg-library-gold:#d7a414;--gg-library-gold-2:#f0be34;--gg-library-ink:#090b09;--gg-library-panel:#121512;--gg-library-line:rgba(217,166,25,.2);--gg-library-muted:#9ba19a}
.records-page.youtube-library.gg-library-owned>.records-commandbar,.records-page.youtube-library.gg-library-owned>.records-pillars,.records-page.youtube-library.gg-library-owned>.continue-majlis,.records-page.youtube-library.gg-library-owned>.featured-majlis,.records-page.youtube-library.gg-library-owned>.recording-grid,.records-page.youtube-library.gg-library-owned>.gg-v42-library-tabs,.records-page.youtube-library.gg-library-owned>.gg-v42-library-content{display:none!important}
.records-page.youtube-library.gg-library-owned{display:block!important;width:100%;max-width:1440px;margin:0 auto;padding:0 0 116px!important;color:#f7f8f6;background:#090b09!important;min-height:100vh}
.gg-library-shell{display:block;width:100%;direction:inherit;background:#090b09}
.gg-library-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:34px clamp(18px,4vw,54px) 24px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(120deg,rgba(215,164,20,.11),transparent 43%)}
.gg-library-hero>div>span,.gg-library-heading span,.gg-watch-info>span,.gg-watch-related header span,.gg-pillar-majalis header span{display:block;color:var(--gg-library-gold-2);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.gg-library-hero h1{margin:5px 0 3px;font-size:clamp(27px,4vw,46px);font-weight:900;line-height:1.15;letter-spacing:-.035em}.gg-library-hero p{color:#aab0aa;font-size:14px;font-weight:600}
.gg-library-search{display:flex;align-items:center;gap:10px;width:min(420px,42vw);min-height:48px;padding:0 15px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#151815;color:#eef0ed}.gg-library-search:focus-within{border-color:var(--gg-library-gold);box-shadow:0 0 0 3px rgba(215,164,20,.12)}.gg-library-search svg{width:21px;fill:none;stroke:currentColor;stroke-width:2}.gg-library-search input{width:100%;outline:0;background:transparent;color:inherit;font-size:16px}.gg-library-search input::placeholder{color:#828881}
.gg-library-tabs{display:flex;gap:8px;padding:18px clamp(18px,4vw,54px) 10px;overflow:auto;scrollbar-width:none}.gg-library-tabs::-webkit-scrollbar{display:none}.gg-library-tabs button,.gg-library-pillar-filter button{flex:0 0 auto;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#151815;color:#aaaFAA;padding:10px 17px;font-size:13px;font-weight:800;cursor:pointer}.gg-library-tabs button.active{background:var(--gg-library-gold);border-color:var(--gg-library-gold);color:#090b09;box-shadow:0 8px 24px rgba(215,164,20,.2)}
.gg-library-pillar-filter{display:flex;gap:8px;padding:3px clamp(18px,4vw,54px) 20px;overflow:auto;scrollbar-width:none}.gg-library-pillar-filter[hidden]{display:none}.gg-library-pillar-filter button{background:transparent;padding:7px 13px}.gg-library-pillar-filter button.active{color:#fff;border-color:rgba(215,164,20,.55)}
.gg-library-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:10px clamp(18px,4vw,54px) 17px}.gg-library-heading h2{font-size:23px;font-weight:900}.gg-library-heading>b{display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border-radius:9px;background:#1d211d;color:var(--gg-library-gold-2);font-size:12px}
.gg-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px;padding:0 clamp(18px,4vw,54px) 42px}
.gg-library-card{display:block;min-width:0;color:#f7f8f6;text-decoration:none;cursor:pointer;content-visibility:auto;contain-intrinsic-size:240px}.gg-library-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:13px;background:#171a17;box-shadow:0 12px 30px rgba(0,0,0,.22)}.gg-library-thumb>img,.gg-library-thumb>video,.gg-library-thumb-fallback{width:100%;height:100%;object-fit:cover;display:block}.gg-library-thumb-fallback{display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#3d3214,#11130f)}.gg-library-thumb-fallback img{width:34%;height:55%;object-fit:contain}.gg-library-thumb>b{position:absolute;inset-inline-end:9px;bottom:8px;z-index:2;padding:3px 7px;border-radius:6px;background:rgba(8,10,8,.86);color:#fff;font-size:11px}.gg-library-play{position:absolute;inset:0;z-index:1;display:grid;place-items:center;margin:auto;width:48px;height:48px;border-radius:50%;background:rgba(8,10,8,.8);border:1px solid rgba(255,255,255,.2);opacity:0;transform:scale(.86);transition:.18s ease}.gg-library-play svg{width:27px;fill:var(--gg-library-gold-2)}.gg-library-card:hover .gg-library-play,.gg-library-card:focus-visible .gg-library-play{opacity:1;transform:scale(1)}.gg-library-card:hover .gg-library-thumb>img{transform:scale(1.025)}.gg-library-thumb>img{transition:transform .25s ease}
.gg-library-card-copy{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding-top:11px;align-items:start}.gg-library-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;overflow:hidden;background:#171a17;border:1px solid rgba(215,164,20,.5);color:var(--gg-library-gold);font-size:10px;font-weight:900}.gg-library-avatar img{width:100%;height:100%;object-fit:contain}.gg-library-card-copy>span:last-child{min-width:0}.gg-library-card-copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;line-height:1.4;font-weight:850}.gg-library-card-copy small,.gg-library-card-copy em{display:block;color:#959b95;font-size:11px;font-style:normal;line-height:1.5}.gg-library-card-copy small{margin-top:4px}.gg-library-card-copy em{color:#7d837d}
.gg-library-skeleton{display:contents}.gg-library-skeleton>span{display:block}.gg-library-skeleton i{display:block;aspect-ratio:16/9;border-radius:13px;background:linear-gradient(100deg,#151815 15%,#222622 35%,#151815 55%);background-size:220% 100%;animation:gg-library-shimmer 1.3s linear infinite}.gg-library-skeleton b,.gg-library-skeleton em{display:block;height:12px;margin-top:12px;border-radius:10px;background:#1a1d1a}.gg-library-skeleton em{width:62%;height:9px;margin-top:8px}@keyframes gg-library-shimmer{to{background-position:-220% 0}}
.gg-library-empty{grid-column:1/-1;display:grid;justify-items:center;gap:7px;padding:56px 20px;text-align:center;color:#9aa09a}.gg-library-empty img{width:70px;height:70px;object-fit:contain;opacity:.72}.gg-library-empty strong{color:#f5f6f4;font-size:17px}.gg-library-empty span{font-size:13px}.gg-library-filter-empty{padding:0 clamp(18px,4vw,54px)}.gg-library-filter-empty .gg-library-empty{padding-top:25px}
.gg-library-member-card{cursor:default}.gg-library-member-card .gg-library-play{opacity:1;color:var(--gg-library-gold)}
body.gg-library-watching{overflow:hidden!important}.gg-library-watch{position:fixed;inset:0;z-index:2147481000;overflow:auto;background:#080a08;color:#f7f8f6;direction:inherit}.gg-watch-top{position:sticky;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;height:76px;padding:0 max(18px,env(safe-area-inset-left));border-bottom:1px solid rgba(255,255,255,.08);background:rgba(8,10,8,.94);backdrop-filter:blur(16px)}.gg-watch-top>button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#171a17;border:1px solid rgba(255,255,255,.1);cursor:pointer}.gg-watch-top svg{width:25px;fill:none;stroke:#fff;stroke-width:2.2;direction:ltr}.gg-watch-top>div{display:flex;align-items:center;gap:9px}.gg-watch-top>div>img{width:38px;height:38px;object-fit:contain}.gg-watch-top>div>span{display:block}.gg-watch-top strong,.gg-watch-top small{display:block;text-align:end}.gg-watch-top strong{font-size:12px;letter-spacing:.14em}.gg-watch-top small{color:#9aa09a;font-size:10px}
.gg-watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;width:min(1500px,100%);margin:auto;padding:28px clamp(18px,3vw,42px) 70px;direction:ltr}.gg-watch-layout>*{direction:rtl}.gg-watch-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#111;box-shadow:0 20px 70px rgba(0,0,0,.45)}.gg-watch-stage>img,.gg-watch-stage iframe,.gg-watch-stage video{width:100%;height:100%;object-fit:cover;border:0}.gg-watch-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.62),rgba(0,0,0,.05) 60%)}.gg-watch-play{position:absolute;left:50%;top:50%;display:grid;grid-template-columns:46px 24px auto;align-items:center;gap:10px;min-height:64px;padding:8px 18px 8px 9px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(7,9,7,.87);color:#fff;box-shadow:0 16px 50px rgba(0,0,0,.4);cursor:pointer;backdrop-filter:blur(10px);white-space:nowrap}.gg-watch-play>img{width:46px;height:46px;object-fit:contain}.gg-watch-play i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--gg-library-gold);color:#080a08;font-style:normal;font-size:11px}.gg-watch-play b{font-size:13px}.gg-watch-info{padding:22px 3px}.gg-watch-info h1{font-size:clamp(24px,3vw,38px);font-weight:900;line-height:1.22;margin:5px 0 18px}.gg-watch-meta{display:flex;align-items:center;gap:10px}.gg-watch-meta>img{width:42px;height:42px;border:1px solid rgba(215,164,20,.5);border-radius:50%;object-fit:contain}.gg-watch-meta p strong,.gg-watch-meta p small{display:block}.gg-watch-meta p small{color:#929892;font-size:12px}.gg-watch-description{margin-top:20px;padding:18px;border-radius:13px;background:#151815;color:#c4c8c4;font-size:14px;line-height:1.8}.gg-watch-related{min-width:0}.gg-watch-related header{padding:4px 2px 14px}.gg-watch-related h2{font-size:20px;font-weight:900}.gg-watch-related>div{display:grid;gap:18px}.gg-watch-related .gg-library-card-copy{grid-template-columns:32px minmax(0,1fr)}.gg-watch-related .gg-library-avatar{width:32px;height:32px}.gg-watch-error{display:grid;place-items:center;gap:10px;height:100%;color:#bbb}.gg-watch-error img{width:70px}
.gg-pillar-majalis{margin:0 0 22px;padding:18px;border:1px solid rgba(215,164,20,.18);border-radius:18px;background:linear-gradient(130deg,rgba(215,164,20,.08),rgba(16,18,16,.96))}.gg-pillar-majalis>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.gg-pillar-majalis h2{font-size:19px;font-weight:900}.gg-pillar-majalis header button{color:var(--gg-library-gold-2);font-weight:800;font-size:12px;cursor:pointer}.gg-pillar-majalis>div{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,32%);gap:14px;overflow:auto;padding-bottom:5px;scroll-snap-type:x proximity}.gg-pillar-majalis .gg-library-card{scroll-snap-align:start}.gg-pillar-majalis .gg-library-card-copy{grid-template-columns:32px minmax(0,1fr)}.gg-pillar-majalis .gg-library-avatar{width:32px;height:32px}
html[data-theme="light"] .records-page.youtube-library.gg-library-owned,html[data-theme="light"] .gg-library-shell{background:#f8f8f6!important;color:#111}html[data-theme="light"] .gg-library-hero{background:linear-gradient(120deg,rgba(215,164,20,.15),transparent 45%);border-color:#e6e7e3}html[data-theme="light"] .gg-library-hero p,html[data-theme="light"] .gg-library-card-copy small,html[data-theme="light"] .gg-library-card-copy em{color:#687068}html[data-theme="light"] .gg-library-search,html[data-theme="light"] .gg-library-tabs button{background:#fff;color:#222;border-color:#dedfda}html[data-theme="light"] .gg-library-tabs button.active{background:var(--gg-library-gold);color:#090b09}html[data-theme="light"] .gg-library-card{color:#111}html[data-theme="light"] .gg-library-empty strong{color:#111}
@media(max-width:1100px){.gg-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gg-watch-layout{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:820px){.gg-library-hero{display:block;padding-top:24px}.gg-library-search{width:100%;margin-top:18px}.gg-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.gg-watch-layout{display:block;padding:0 0 60px}.gg-watch-stage{border-radius:0}.gg-watch-info,.gg-watch-related{padding:18px}.gg-watch-related>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.gg-watch-top{height:68px}.gg-watch-play{grid-template-columns:40px 20px auto;min-height:56px}.gg-watch-play>img{width:40px;height:40px}.gg-pillar-majalis>div{grid-auto-columns:72%}}
@media(max-width:520px){.gg-library-grid{grid-template-columns:1fr;padding-inline:14px;gap:25px}.gg-library-hero,.gg-library-tabs,.gg-library-pillar-filter,.gg-library-heading{padding-inline:14px}.gg-library-card-copy strong{font-size:16px}.gg-library-thumb{border-radius:11px}.gg-library-play{opacity:1;width:43px;height:43px}.gg-watch-related>div{grid-template-columns:1fr}.gg-watch-play b{display:none}.gg-watch-play{grid-template-columns:40px 20px;padding-inline-end:10px}.gg-watch-info h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){.gg-library-skeleton i{animation:none}.gg-library-play,.gg-library-thumb>img{transition:none}}


/* messages-optimization.css */
/* GG Full Production + Messages Optimization — final scoped UI. */
.messages-layout.gg-messages-production{
  --ggm-bg:#fff;--ggm-panel:#fff;--ggm-soft:#f2f3f5;--ggm-line:#e7e9ec;--ggm-text:#111318;--ggm-muted:#747980;
  --ggm-blue:#d0a127;--ggm-blue-dark:#b78313;--ggm-on-accent:#10120f;--ggm-green:#28c76f;--ggm-gold:#b88919;
  display:grid!important;grid-template-columns:minmax(290px,340px) minmax(0,1fr)!important;
  height:min(720px,calc(100dvh - 205px))!important;min-height:560px!important;width:100%!important;
  overflow:hidden!important;border:1px solid var(--ggm-line)!important;border-radius:20px!important;
  background:var(--ggm-bg)!important;color:var(--ggm-text)!important;box-shadow:0 12px 38px rgba(18,23,31,.06)!important;
}
html[data-theme="dark"] .messages-layout.gg-messages-production{
  --ggm-bg:#0b0d0c;--ggm-panel:#0b0d0c;--ggm-soft:#1b1e1c;--ggm-line:#272b28;--ggm-text:#f4f5f4;--ggm-muted:#9ca19d;
  --ggm-blue:#d5a629;--ggm-blue-dark:#bd8d18;--ggm-on-accent:#090b09;box-shadow:none!important;
}

.messages-layout.gg-messages-production>.conversation-inbox{
  display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;overflow-y:auto!important;
  border:0!important;border-inline-end:1px solid var(--ggm-line)!important;background:var(--ggm-panel)!important;scrollbar-width:none!important;
}
.messages-layout.gg-messages-production>.conversation-inbox::-webkit-scrollbar,.messages-layout.gg-messages-production .thread::-webkit-scrollbar{display:none!important}
.messages-layout.gg-messages-production .inbox-title{display:block!important;padding:20px 17px 8px!important;border:0!important;background:var(--ggm-panel)!important}
.messages-layout.gg-messages-production .inbox-title strong{display:block!important;color:var(--ggm-text)!important;font-size:20px!important;font-weight:850!important;line-height:1.25!important}
.messages-layout.gg-messages-production .inbox-title small{display:none!important}
.messages-layout.gg-messages-production .message-search{position:relative!important;display:block!important;padding:8px 13px 12px!important;border:0!important;background:var(--ggm-panel)!important}
.messages-layout.gg-messages-production .message-search>svg{position:absolute!important;z-index:2!important;top:19px!important;inset-inline-start:25px!important;width:17px!important;height:17px!important;color:var(--ggm-muted)!important;pointer-events:none!important}
.messages-layout.gg-messages-production .message-search input{
  display:block!important;width:100%!important;height:40px!important;min-height:40px!important;margin:0!important;padding:8px 38px 8px 12px!important;
  border:0!important;border-radius:12px!important;outline:0!important;background:var(--ggm-soft)!important;color:var(--ggm-text)!important;
  font-size:16px!important;box-shadow:none!important;
}
[dir="ltr"] .messages-layout.gg-messages-production .message-search input{padding:8px 12px 8px 38px!important}
.messages-layout.gg-messages-production .conversation-inbox>button.gg-message-inbox-row{
  position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:76px!important;
  margin:0!important;padding:9px 14px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ggm-text)!important;
  text-align:start!important;box-shadow:none!important;overflow:visible!important;isolation:isolate!important;
}
.messages-layout.gg-messages-production .conversation-inbox>button.gg-message-inbox-row:hover,
.messages-layout.gg-messages-production .conversation-inbox>button.gg-message-inbox-row:focus-visible,
.messages-layout.gg-messages-production .conversation-inbox>button.gg-message-inbox-row.active{background:var(--ggm-soft)!important;outline:0!important}
.messages-layout.gg-messages-production .gg-message-avatar{
  position:relative!important;display:inline-flex!important;flex:0 0 56px!important;width:56px!important;height:56px!important;margin:0!important;overflow:visible!important;
}
.messages-layout.gg-messages-production .gg-message-avatar .gg-avatar,
.messages-layout.gg-messages-production .gg-message-avatar .avatar-fallback{
  display:grid!important;place-items:center!important;width:56px!important;height:56px!important;min-width:56px!important;margin:0!important;
  border-radius:50%!important;object-fit:cover!important;overflow:hidden!important;
}
.messages-layout.gg-messages-production .gg-message-online{
  position:absolute!important;z-index:4!important;inset-inline-end:1px!important;bottom:1px!important;width:14px!important;height:14px!important;
  border:3px solid var(--ggm-panel)!important;border-radius:50%!important;background:var(--ggm-green)!important;box-shadow:0 0 0 1px rgba(0,0,0,.06)!important;
}
.messages-layout.gg-messages-production .gg-v28-online-dot,.messages-layout.gg-messages-production .gg-v29-online-dot,.messages-layout.gg-messages-production .gg-v32-online-dot{display:none!important}
.messages-layout.gg-messages-production .conversation-inbox>button.active .gg-message-online{border-color:var(--ggm-soft)!important}
.messages-layout.gg-messages-production .conversation-inbox>button>span:not(.gg-message-avatar):not(.gg-v29-avatar-wrap):not(.gg-v32-presence-wrap){
  display:grid!important;flex:1 1 auto!important;gap:4px!important;min-width:0!important;padding-inline-end:55px!important;text-align:start!important;
}
.messages-layout.gg-messages-production .conversation-inbox>button>span>strong{overflow:hidden!important;color:var(--ggm-text)!important;font-size:14px!important;font-weight:780!important;line-height:1.2!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.messages-layout.gg-messages-production .conversation-inbox>button>span>small{overflow:hidden!important;color:var(--ggm-muted)!important;font-size:12px!important;font-weight:450!important;line-height:1.25!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.messages-layout.gg-messages-production .gg-message-inbox-time{position:absolute!important;top:14px!important;inset-inline-end:14px!important;color:var(--ggm-muted)!important;font-size:10px!important;font-weight:500!important;line-height:1!important;direction:ltr!important}
.messages-layout.gg-messages-production .message-unread-count{
  position:absolute!important;inset-inline-end:14px!important;bottom:15px!important;display:grid!important;place-items:center!important;min-width:20px!important;height:20px!important;
  padding:0 6px!important;border:0!important;border-radius:999px!important;background:var(--ggm-blue)!important;color:var(--ggm-on-accent)!important;font-size:10px!important;font-weight:850!important;
}
.messages-layout.gg-messages-production .no-conversations{padding:30px 20px!important;color:var(--ggm-muted)!important;text-align:center!important;font-size:13px!important}

.messages-layout.gg-messages-production>.conversation-thread{
  display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;min-width:0!important;min-height:0!important;overflow:hidden!important;
  border:0!important;background:var(--ggm-bg)!important;
}
.messages-layout.gg-messages-production .thread-person{
  position:relative!important;z-index:4!important;display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;height:65px!important;min-height:65px!important;
  padding:8px 14px!important;border:0!important;border-bottom:1px solid var(--ggm-line)!important;background:color-mix(in srgb,var(--ggm-panel) 94%,transparent)!important;
  backdrop-filter:saturate(140%) blur(12px)!important;
}
.messages-layout.gg-messages-production .thread-back{
  display:grid!important;place-items:center!important;flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:50%!important;background:transparent!important;color:var(--ggm-text)!important;box-shadow:none!important;
}
.messages-layout.gg-messages-production .thread-back:hover,.messages-layout.gg-messages-production .thread-back:active{background:var(--ggm-soft)!important}
.messages-layout.gg-messages-production .thread-back svg{width:23px!important;height:23px!important}
.messages-layout.gg-messages-production .thread-person .gg-message-avatar{flex-basis:43px!important;width:43px!important;height:43px!important}
.messages-layout.gg-messages-production .thread-person .gg-message-avatar .gg-avatar,
.messages-layout.gg-messages-production .thread-person .gg-message-avatar .avatar-fallback{width:43px!important;height:43px!important;min-width:43px!important}
.messages-layout.gg-messages-production .thread-person>span:not(.gg-message-avatar):not(.gg-v29-avatar-wrap):not(.gg-v32-presence-wrap){display:grid!important;gap:2px!important;min-width:0!important}
.messages-layout.gg-messages-production .thread-person strong{overflow:hidden!important;color:var(--ggm-text)!important;font-size:15px!important;font-weight:800!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.messages-layout.gg-messages-production .thread-person small{color:var(--ggm-muted)!important;font-size:11px!important;font-weight:500!important}

.messages-layout.gg-messages-production .thread{
  display:flex!important;flex-direction:column!important;align-self:stretch!important;flex:none!important;gap:3px!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;padding:18px 14px 22px!important;
  overflow-x:hidden!important;overflow-y:scroll!important;overscroll-behavior:auto!important;touch-action:auto!important;
  -webkit-overflow-scrolling:touch!important;scroll-behavior:auto!important;scroll-snap-type:none!important;overflow-anchor:none!important;background:var(--ggm-bg)!important;scrollbar-width:none!important;
}
.messages-layout.gg-messages-production .thread>p{
  position:relative!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;align-self:stretch!important;gap:0!important;
  width:100%!important;max-width:100%!important;margin:2px 0 5px!important;padding:0 0 3px!important;border:0!important;background:transparent!important;
  contain:layout style!important;touch-action:auto!important;-webkit-touch-callout:none!important;user-select:none!important;
}
.messages-layout.gg-messages-production .thread>p,.messages-layout.gg-messages-production .thread>p>span,.messages-layout.gg-messages-production .thread>p .message-copy,.messages-layout.gg-messages-production .thread>p .message-attachments{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}
.messages-layout.gg-messages-production .thread>p.mine{align-items:flex-end!important}
.messages-layout.gg-messages-production .thread>p.gg-message-system{display:none!important}
.messages-layout.gg-messages-production .thread>p>span:not(.gg-message-reactions){
  position:relative!important;display:inline-flex!important;flex-direction:column!important;gap:5px!important;width:auto!important;max-width:min(74%,390px)!important;min-width:0!important;
  padding:9px 13px!important;border:0!important;border-radius:19px 19px 19px 6px!important;background:var(--ggm-soft)!important;color:var(--ggm-text)!important;
  font-size:14px!important;line-height:1.38!important;box-shadow:none!important;overflow:visible!important;overflow-wrap:anywhere!important;
}
[dir="rtl"] .messages-layout.gg-messages-production .thread>p>span:not(.gg-message-reactions){border-radius:19px 19px 6px 19px!important}
.messages-layout.gg-messages-production .thread>p.mine>span:not(.gg-message-reactions){border-radius:19px 19px 6px 19px!important;background:var(--ggm-blue)!important;color:var(--ggm-on-accent)!important}
[dir="rtl"] .messages-layout.gg-messages-production .thread>p.mine>span:not(.gg-message-reactions){border-radius:19px 19px 19px 6px!important}
html[data-theme="dark"] .messages-layout.gg-messages-production .thread>p.mine>span:not(.gg-message-reactions){background:var(--ggm-blue-dark)!important}
.messages-layout.gg-messages-production .message-copy{display:block!important;color:inherit!important;font-size:14px!important;font-weight:450!important;line-height:1.4!important;white-space:pre-wrap!important}
.messages-layout.gg-messages-production .thread>p>small{
  display:block!important;margin:3px 6px 0!important;color:var(--ggm-muted)!important;font-size:9.5px!important;font-weight:500!important;line-height:1.1!important;direction:ltr!important;
}
.messages-layout.gg-messages-production .message-attachments{display:grid!important;gap:5px!important;width:100%!important;max-width:100%!important}
.messages-layout.gg-messages-production .thread>p>span:has(.message-attachments){max-width:min(74%,390px)!important}
.messages-layout.gg-messages-production .thread>p>span:has(.message-attachments):not(:has(.message-copy)){
  padding:0!important;border-radius:16px!important;background:transparent!important;color:var(--ggm-text)!important;
}
.messages-layout.gg-messages-production .thread>p>span:has(.message-copy):has(.message-attachments){padding:5px!important}
.messages-layout.gg-messages-production .thread>p>span:has(.message-copy):has(.message-attachments) .message-copy{padding:5px 7px 2px!important}
.messages-layout.gg-messages-production .gg-v32-image-message,.messages-layout.gg-messages-production .gg-v32-video-message,.messages-layout.gg-messages-production .video-attachment{
  display:block!important;width:auto!important;max-width:100%!important;margin:0!important;border:0!important;border-radius:16px!important;overflow:hidden!important;background:#0b0b0b!important;line-height:0!important;
}
.messages-layout.gg-messages-production .gg-v32-image-message img,.messages-layout.gg-messages-production .message-attachments img,
.messages-layout.gg-messages-production .gg-v32-video-message video,.messages-layout.gg-messages-production .video-attachment video{
  display:block!important;width:min(330px,70vw)!important;max-width:100%!important;height:auto!important;max-height:46dvh!important;margin:0!important;border:0!important;border-radius:16px!important;object-fit:cover!important;
}
.messages-layout.gg-messages-production .attachment-card:not(.audio-card){width:min(310px,68vw)!important;min-width:0!important;max-width:100%!important;padding:11px 12px!important;border:1px solid var(--ggm-line)!important;border-radius:14px!important;background:var(--ggm-soft)!important;color:var(--ggm-text)!important;box-shadow:none!important}

/* One compact voice-note surface. Legacy native controls and floating speed buttons are neutralized. */
.messages-layout.gg-messages-production .audio-card,.messages-layout.gg-messages-production .audio-card.gg-v29-audio-card,.messages-layout.gg-messages-production .audio-card.gg-v32-audio-card{
  position:relative!important;display:block!important;width:min(310px,70vw)!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:19px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
.messages-layout.gg-messages-production .audio-card audio,.messages-layout.gg-messages-production .gg-v32-native-audio{position:absolute!important;width:1px!important;min-width:0!important;height:1px!important;opacity:.001!important;pointer-events:none!important;overflow:hidden!important}
.messages-layout.gg-messages-production .gg-v32-audio-title{display:none!important}
.messages-layout.gg-messages-production .gg-v32-voice{
  display:grid!important;grid-template-columns:38px minmax(84px,1fr) 34px 36px!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:54px!important;
  padding:8px 10px!important;border:0!important;border-radius:19px!important;background:var(--ggm-soft)!important;color:var(--ggm-text)!important;box-sizing:border-box!important;
}
.messages-layout.gg-messages-production .mine .gg-v32-voice{background:var(--ggm-blue)!important;color:var(--ggm-on-accent)!important}
html[data-theme="dark"] .messages-layout.gg-messages-production .mine .gg-v32-voice{background:var(--ggm-blue-dark)!important}
.messages-layout.gg-messages-production .gg-v32-voice-play{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:inherit!important;box-shadow:none!important}
.messages-layout.gg-messages-production .gg-v32-voice-play svg{width:22px!important;height:22px!important;fill:currentColor!important;stroke:none!important}
.messages-layout.gg-messages-production .gg-v32-voice-track{position:relative!important;height:4px!important;border-radius:999px!important;background:color-mix(in srgb,currentColor 25%,transparent)!important;overflow:hidden!important}
.messages-layout.gg-messages-production .gg-v32-voice-progress{position:absolute!important;inset:0 auto 0 0!important;width:0;border-radius:inherit!important;background:currentColor!important}
[dir="rtl"] .messages-layout.gg-messages-production .gg-v32-voice-progress{inset:0 0 0 auto!important}
.messages-layout.gg-messages-production .gg-v32-voice-time{min-width:34px!important;color:inherit!important;font-size:10px!important;font-variant-numeric:tabular-nums!important;text-align:center!important;direction:ltr!important;opacity:.78!important}
.messages-layout.gg-messages-production .gg-message-audio-speed{display:grid!important;place-items:center!important;width:36px!important;height:28px!important;min-width:36px!important;margin:0!important;padding:0!important;border:0!important;border-radius:999px!important;background:color-mix(in srgb,currentColor 13%,transparent)!important;color:inherit!important;font-size:10px!important;font-weight:850!important;line-height:1!important;box-shadow:none!important}
.messages-layout.gg-messages-production .gg-v42-speed,.messages-layout.gg-messages-production .gg-v44-speed,.messages-layout.gg-messages-production .gg-v47-speed,.messages-layout.gg-messages-production .gg-v42-msg-react{display:none!important}

.messages-layout.gg-messages-production .gg-message-reactions{
  position:absolute!important;z-index:3!important;inset-inline-end:9px!important;bottom:-11px!important;display:block!important;min-width:25px!important;height:20px!important;
  padding:1px 5px!important;border:2px solid var(--ggm-bg)!important;border-radius:999px!important;background:var(--ggm-panel)!important;color:var(--ggm-text)!important;
  font-size:12px!important;line-height:14px!important;letter-spacing:-2px!important;box-shadow:0 2px 7px rgba(0,0,0,.12)!important;pointer-events:none!important;
}
.messages-layout.gg-messages-production .thread>p.gg-message-heart-pop .gg-message-reactions{animation:gg-message-heart-pop .34s cubic-bezier(.2,.9,.2,1)!important}
@keyframes gg-message-heart-pop{0%{transform:scale(.45);opacity:.25}65%{transform:scale(1.3);opacity:1}100%{transform:scale(1);opacity:1}}

.messages-layout.gg-messages-production .conversation-thread>form{
  position:relative!important;z-index:5!important;display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;width:100%!important;min-width:0!important;min-height:66px!important;
  margin:0!important;padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important;border:0!important;border-top:1px solid var(--ggm-line)!important;background:var(--ggm-panel)!important;box-shadow:none!important;
}
.messages-layout.gg-messages-production .conversation-thread>form>input{
  flex:1 1 150px!important;width:auto!important;min-width:0!important;height:42px!important;min-height:42px!important;margin:0!important;padding:9px 14px!important;
  border:1px solid var(--ggm-line)!important;border-radius:999px!important;outline:0!important;background:var(--ggm-panel)!important;color:var(--ggm-text)!important;
  font-size:16px!important;line-height:1.2!important;box-shadow:none!important;
}
.messages-layout.gg-messages-production .conversation-thread>form>input:focus{border-color:color-mix(in srgb,var(--ggm-blue) 58%,var(--ggm-line))!important}
.messages-layout.gg-messages-production .message-attach-button,.messages-layout.gg-messages-production .message-mic-button,
.messages-layout.gg-messages-production .conversation-thread>form>button:not(.message-mic-button){
  display:grid!important;place-items:center!important;flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:50%!important;background:transparent!important;color:var(--ggm-gold)!important;box-shadow:none!important;cursor:pointer!important;
}
.messages-layout.gg-messages-production .conversation-thread>form>button:disabled{opacity:.34!important}
.messages-layout.gg-messages-production .message-attach-button svg,.messages-layout.gg-messages-production .message-mic-button svg,.messages-layout.gg-messages-production .conversation-thread>form>button svg{width:22px!important;height:22px!important}
.messages-layout.gg-messages-production .message-pending-files,.messages-layout.gg-messages-production .voice-recording,.messages-layout.gg-messages-production .message-send-error{order:-1!important;flex:1 0 100%!important;width:100%!important}
.messages-layout.gg-messages-production .message-pending-files{display:flex!important;gap:6px!important;overflow-x:auto!important;padding:4px 0!important}
.messages-layout.gg-messages-production .message-pending-files>span{display:inline-flex!important;align-items:center!important;gap:5px!important;max-width:210px!important;padding:6px 8px!important;border-radius:10px!important;background:var(--ggm-soft)!important;color:var(--ggm-text)!important}
.messages-layout.gg-messages-production .message-pending-files b{overflow:hidden!important;font-size:11px!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.messages-layout.gg-messages-production .message-send-error{margin:0!important;color:#c83a3a!important;font-size:11px!important}

.messages-layout.gg-messages-production.gg-administration-receive-only .conversation-thread>form{display:none!important}
.messages-layout.gg-messages-production .gg-administration-receive-only-note{
  position:relative!important;z-index:5!important;display:grid!important;gap:3px!important;width:100%!important;min-height:64px!important;margin:0!important;padding:11px 16px calc(11px + env(safe-area-inset-bottom))!important;
  border-top:1px solid var(--ggm-line)!important;background:var(--ggm-panel)!important;color:var(--ggm-text)!important;text-align:center!important;
}
.messages-layout.gg-messages-production .gg-administration-receive-only-note strong{color:var(--ggm-gold)!important;font-size:12px!important;font-weight:850!important}
.messages-layout.gg-messages-production .gg-administration-receive-only-note span{color:var(--ggm-muted)!important;font-size:10px!important;line-height:1.45!important}

body.gg-messages-thread-open{overscroll-behavior:none!important}
body.gg-messages-page .pull-refresh{display:none!important}

@media(max-width:820px){
  body.gg-messages-thread-open{width:100%!important;height:100dvh!important;overflow:hidden!important;background:var(--ggm-bg,#fff)!important}
  body.gg-messages-thread-open #gg-mobile-nav,body.gg-messages-thread-open .gg-v28-install{display:none!important}
  .messages-layout.gg-messages-production{display:block!important;width:100%!important;height:auto!important;min-height:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  .messages-layout.gg-messages-production.mobile-inbox>.conversation-inbox{display:flex!important;width:100%!important;max-height:none!important;border:0!important}
  .messages-layout.gg-messages-production.mobile-inbox>.conversation-thread{display:none!important}
  body.gg-messages-thread-open .messages-layout.gg-messages-production.mobile-thread{
    position:fixed!important;z-index:2147482000!important;top:var(--gg-message-viewport-top,0px)!important;right:0!important;bottom:auto!important;left:0!important;display:block!important;
    width:var(--gg-message-viewport-width,100vw)!important;max-width:none!important;height:var(--gg-message-viewport-height,100dvh)!important;min-height:0!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:var(--ggm-bg)!important;overflow:hidden!important;
  }
  body.gg-messages-thread-open .messages-layout.gg-messages-production.mobile-thread>.conversation-inbox{display:none!important}
  body.gg-messages-thread-open .messages-layout.gg-messages-production.mobile-thread>.conversation-thread{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;width:100%!important;height:var(--gg-message-viewport-height,100dvh)!important;min-height:0!important;overflow:hidden!important}
  body.gg-messages-thread-open .messages-layout.gg-messages-production.mobile-thread .thread-person{height:calc(64px + env(safe-area-inset-top))!important;min-height:calc(64px + env(safe-area-inset-top))!important;padding:calc(8px + env(safe-area-inset-top)) 12px 8px!important}
  body.gg-messages-thread-open .messages-layout.gg-messages-production.mobile-thread .thread{align-self:stretch!important;height:100%!important;min-height:0!important;max-height:100%!important;padding:14px 12px 20px!important;overflow-y:scroll!important;touch-action:auto!important;-webkit-overflow-scrolling:touch!important}
  .messages-layout.gg-messages-production .thread>p>span:not(.gg-message-reactions){max-width:79%!important}
  .messages-layout.gg-messages-production .thread>p>span:has(.message-attachments){max-width:79%!important}
  .messages-layout.gg-messages-production .gg-v32-image-message img,.messages-layout.gg-messages-production .message-attachments img,
  .messages-layout.gg-messages-production .gg-v32-video-message video,.messages-layout.gg-messages-production .video-attachment video{width:min(330px,76vw)!important;max-height:43dvh!important}
  .messages-layout.gg-messages-production .audio-card,.messages-layout.gg-messages-production .audio-card.gg-v29-audio-card,.messages-layout.gg-messages-production .audio-card.gg-v32-audio-card{width:min(310px,76vw)!important}
  body.gg-messages-thread-open .messages-layout.gg-messages-production.mobile-thread .conversation-thread>form{position:relative!important;bottom:auto!important;min-height:calc(64px + env(safe-area-inset-bottom))!important}
  body.gg-message-keyboard .messages-layout.gg-messages-production.mobile-thread .conversation-thread>form{min-height:56px!important;padding-bottom:8px!important}
}

/* Final locale-safe inbox contract. It outranks V32/V35 grid/flex coordinates after a thread exit. */
@media(max-width:900px){
  html.gg-mobile-v17 .messages-layout.gg-messages-production.mobile-inbox>.conversation-inbox>button.gg-message-inbox-row{
    display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;grid-template-rows:minmax(56px,auto)!important;align-items:center!important;justify-content:normal!important;
    gap:12px!important;min-height:76px!important;padding:9px 14px!important;text-align:start!important;
  }
  html[lang="en"].gg-mobile-v17 .messages-layout.gg-messages-production.mobile-inbox>.conversation-inbox>button.gg-message-inbox-row{direction:ltr!important}
  html[lang="ar"].gg-mobile-v17 .messages-layout.gg-messages-production.mobile-inbox>.conversation-inbox>button.gg-message-inbox-row{direction:rtl!important}
  html.gg-mobile-v17 .messages-layout.gg-messages-production.mobile-inbox>.conversation-inbox>button.gg-message-inbox-row>.gg-message-avatar,
  html.gg-mobile-v17 .messages-layout.gg-messages-production.mobile-inbox>.conversation-inbox>button.gg-message-inbox-row>.gg-v29-avatar-wrap,
  html.gg-mobile-v17 .messages-layout.gg-messages-production.mobile-inbox>.conversation-inbox>button.gg-message-inbox-row>.gg-v32-presence-wrap,
  html.gg-mobile-v17 .messages-layout.gg-messages-production.mobile-inbox>.conversation-inbox>button.gg-message-inbox-row>.gg-v33-presence-wrap{
    grid-column:1!important;grid-row:1!important;order:0!important;justify-self:start!important;width:56px!important;height:56px!important;min-width:56px!important;margin:0!important;inset:auto!important;transform:none!important;
  }
  html.gg-mobile-v17 .messages-layout.gg-messages-production.mobile-inbox>.conversation-inbox>button.gg-message-inbox-row>span:not(.gg-message-avatar):not(.gg-v29-avatar-wrap):not(.gg-v32-presence-wrap):not(.gg-v33-presence-wrap){
    grid-column:2!important;grid-row:1!important;order:0!important;display:grid!important;width:100%!important;min-width:0!important;margin:0!important;padding:0 64px 0 0!important;justify-self:stretch!important;text-align:start!important;transform:none!important;
  }
  html[lang="ar"].gg-mobile-v17 .messages-layout.gg-messages-production.mobile-inbox>.conversation-inbox>button.gg-message-inbox-row>span:not(.gg-message-avatar):not(.gg-v29-avatar-wrap):not(.gg-v32-presence-wrap):not(.gg-v33-presence-wrap){padding:0 0 0 64px!important}
  html.gg-mobile-v17 .messages-layout.gg-messages-production.mobile-inbox .gg-message-inbox-time{
    position:absolute!important;top:14px!important;inset-inline-end:14px!important;grid-column:auto!important;grid-row:auto!important;margin:0!important;transform:none!important;
  }
  html.gg-mobile-v17 .messages-layout.gg-messages-production.mobile-inbox .message-unread-count{
    position:absolute!important;inset-inline-end:14px!important;bottom:15px!important;order:0!important;margin:0!important;transform:none!important;
  }
}

.messages-layout.gg-messages-production .gg-message-typing{
  display:flex!important;align-items:center!important;align-self:flex-start!important;gap:4px!important;width:54px!important;height:34px!important;margin:3px 2px 8px!important;padding:0 12px!important;
  border-radius:18px 18px 18px 6px!important;background:var(--ggm-soft)!important;
}
[dir="rtl"] .messages-layout.gg-messages-production .gg-message-typing{border-radius:18px 18px 6px 18px!important}
.messages-layout.gg-messages-production .gg-message-typing i{display:block!important;width:6px!important;height:6px!important;border-radius:50%!important;background:var(--ggm-muted)!important;animation:gg-message-typing 1s infinite ease-in-out!important}
.messages-layout.gg-messages-production .gg-message-typing i:nth-child(2){animation-delay:.14s!important}.messages-layout.gg-messages-production .gg-message-typing i:nth-child(3){animation-delay:.28s!important}
.messages-layout.gg-messages-production .gg-message-typing-label{color:var(--ggm-blue)!important;font-weight:750!important}
.messages-layout.gg-messages-production .gg-message-pending{opacity:.76!important}
.messages-layout.gg-messages-production .gg-message-pending.failed{opacity:1!important}
.messages-layout.gg-messages-production .gg-message-pending-status{color:var(--ggm-muted)!important;font-size:9.5px!important}
.messages-layout.gg-messages-production .gg-message-pending.failed .gg-message-pending-status{color:#c83a3a!important}
@keyframes gg-message-typing{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}

@media(max-width:390px){
  .messages-layout.gg-messages-production .gg-v32-voice{grid-template-columns:34px minmax(64px,1fr) 31px 34px!important;gap:6px!important;padding:7px 8px!important}
  .messages-layout.gg-messages-production .conversation-thread>form{gap:4px!important;padding-inline:7px!important}
  .messages-layout.gg-messages-production .message-attach-button,.messages-layout.gg-messages-production .message-mic-button,
  .messages-layout.gg-messages-production .conversation-thread>form>button:not(.message-mic-button){flex-basis:36px!important;width:36px!important;min-width:36px!important}
}

@media(prefers-reduced-motion:reduce){.gg-message-reaction-picker button:active{transform:none!important}.messages-layout.gg-messages-production .gg-message-typing i{animation:none!important}}

/* Isolated conversation interior. This final layer neutralizes the legacy mobile rule
   that paints every nested span in a sent message gold. Media owns one surface only. */
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .conversation-thread .thread,
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .conversation-thread .thread *{box-sizing:border-box!important}
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p{
  gap:0!important;margin:3px 0 8px!important;padding:0!important;background:transparent!important;border:0!important;
}
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p>span:not(.gg-message-reactions){
  width:auto!important;min-width:0!important;max-width:min(76%,390px)!important;margin:0!important;padding:8px 12px!important;
  border:0!important;border-radius:18px 18px 18px 6px!important;background:var(--ggm-soft)!important;background-image:none!important;
  color:var(--ggm-text)!important;box-shadow:none!important;overflow:visible!important;
}
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p.mine>span:not(.gg-message-reactions){
  border-radius:18px 18px 6px 18px!important;background:var(--ggm-blue)!important;background-image:none!important;color:var(--ggm-on-accent)!important;
}
[dir="rtl"] body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p>span:not(.gg-message-reactions){border-radius:18px 18px 6px 18px!important}
[dir="rtl"] body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p.mine>span:not(.gg-message-reactions){border-radius:18px 18px 18px 6px!important}
html[data-theme="dark"] body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p.mine>span:not(.gg-message-reactions){background:var(--ggm-blue-dark)!important}

body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p.gg-message-story-reply>span:not(.gg-message-reactions){
  display:inline-flex!important;flex-direction:column!important;align-items:flex-start!important;width:auto!important;min-width:118px!important;max-width:min(76%,390px)!important;padding:8px 12px!important;
  border-radius:18px 18px 18px 6px!important;background:var(--ggm-soft)!important;color:var(--ggm-text)!important;
}
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p.mine.gg-message-story-reply>span:not(.gg-message-reactions){
  align-items:flex-end!important;border-radius:18px 18px 6px 18px!important;background:var(--ggm-blue)!important;color:var(--ggm-on-accent)!important;
}
[dir="rtl"] body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p.gg-message-story-reply>span:not(.gg-message-reactions){border-radius:18px 18px 6px 18px!important}
[dir="rtl"] body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p.mine.gg-message-story-reply>span:not(.gg-message-reactions){border-radius:18px 18px 18px 6px!important}
html[data-theme="dark"] body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p.mine.gg-message-story-reply>span:not(.gg-message-reactions){background:var(--ggm-blue-dark)!important}
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .gg-message-story-label{
  order:-1!important;display:block!important;width:auto!important;max-width:100%!important;margin:0 0 3px!important;padding:0!important;border:0!important;
  background:transparent!important;color:inherit!important;font-size:9.5px!important;font-weight:650!important;line-height:1.2!important;opacity:.7!important;white-space:nowrap!important;
}
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p.gg-message-story-reply .message-copy{
  display:block!important;width:auto!important;min-width:0!important;max-width:100%!important;word-break:normal!important;overflow-wrap:anywhere!important;
}
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .gg-message-story-context{
  position:relative!important;order:0!important;display:block!important;width:min(64vw,272px)!important;max-width:100%!important;margin:1px 0 7px!important;padding:0!important;
  border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;background:#151815!important;box-shadow:0 8px 24px rgba(0,0,0,.16)!important;overflow:hidden!important;isolation:isolate!important;
}
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .gg-message-story-context img,
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .gg-message-story-context video{
  display:block!important;width:100%!important;height:auto!important;max-height:360px!important;aspect-ratio:4/5!important;border:0!important;border-radius:0!important;object-fit:cover!important;background:#101210!important;
}
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .gg-message-story-context>.gg-message-story-context-meta{
  position:absolute!important;z-index:2!important;right:0!important;bottom:0!important;left:0!important;display:grid!important;gap:2px!important;padding:34px 12px 11px!important;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.78))!important;color:#fff!important;text-align:start!important;pointer-events:none!important;
}
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .gg-message-story-context-meta>small{
  display:inline-flex!important;justify-self:start!important;margin:0!important;padding:3px 7px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:999px!important;background:rgba(0,0,0,.42)!important;color:#fff!important;font-size:9px!important;font-weight:800!important;line-height:1!important;backdrop-filter:blur(8px)!important;
}
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .gg-message-story-context-meta>span{
  display:-webkit-box!important;padding:0!important;color:#fff!important;font-size:11px!important;font-weight:600!important;line-height:1.3!important;opacity:.94!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow-wrap:anywhere!important;
}

body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p.gg-message-has-media>span:not(.gg-message-reactions),
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p>span:has(>.message-attachments){
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;width:min-content!important;
  max-width:min(76vw,330px)!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
  background-image:none!important;color:inherit!important;box-shadow:none!important;overflow:visible!important;
}
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p .message-attachments{
  order:1!important;display:grid!important;gap:0!important;width:min-content!important;min-width:0!important;max-width:100%!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;
  color:inherit!important;box-shadow:none!important;overflow:visible!important;
}
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p .message-attachments>span,
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p .message-attachments span,
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p .message-attachments .video-attachment>span{
  width:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;background-image:none!important;box-shadow:none!important;
}
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p .message-attachments .video-attachment>span{display:none!important}

body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p.gg-message-media-caption .message-copy,
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p>span:has(>.message-copy):has(>.message-attachments)>.message-copy{
  order:2!important;align-self:flex-start!important;display:block!important;width:auto!important;max-width:100%!important;margin:0!important;padding:8px 12px!important;
  border:0!important;border-radius:17px 17px 17px 6px!important;background:var(--ggm-soft)!important;background-image:none!important;
  color:var(--ggm-text)!important;font-size:14px!important;font-weight:450!important;line-height:1.38!important;box-shadow:none!important;
}
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p.mine.gg-message-media-caption .message-copy,
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p.mine>span:has(>.message-copy):has(>.message-attachments)>.message-copy{
  align-self:flex-end!important;border-radius:17px 17px 6px 17px!important;background:var(--ggm-blue)!important;color:var(--ggm-on-accent)!important;
}
html[data-theme="dark"] body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p.mine.gg-message-media-caption .message-copy{background:var(--ggm-blue-dark)!important}

body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .message-attachments .gg-v32-image-message,
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .message-attachments .video-attachment{
  display:block!important;width:min(286px,72vw)!important;max-width:100%!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.11)!important;
  border-radius:20px!important;background:#0a0a0a!important;background-image:none!important;box-shadow:0 8px 24px rgba(0,0,0,.14)!important;overflow:hidden!important;
}
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .message-attachments img,
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .message-attachments .gg-v32-image-message img,
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .message-attachments video{
  display:block!important;width:min(286px,72vw)!important;max-width:100%!important;height:auto!important;max-height:56dvh!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:19px!important;background:#0a0a0a!important;box-shadow:none!important;object-fit:cover!important;contain:paint!important;touch-action:pan-y!important;
}
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .message-attachments img{aspect-ratio:auto 4/5!important}
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .message-attachments video{aspect-ratio:16/9!important}

body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .message-attachments .audio-card,
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .message-attachments .audio-card.gg-v32-audio-card{
  display:block!important;width:min(280px,72vw)!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;color:inherit!important;
  box-shadow:none!important;outline:0!important;overflow:visible!important;
}
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .message-attachments .audio-card>svg,
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .message-attachments .audio-card .gg-v32-audio-title{display:none!important}
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .message-attachments .audio-card>div:not(.gg-v32-voice){
  display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;
}
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .message-attachments .gg-v32-voice{
  display:grid!important;grid-template-columns:36px minmax(80px,1fr) 34px 36px!important;align-items:center!important;gap:7px!important;
  width:min(280px,72vw)!important;min-width:0!important;max-width:100%!important;min-height:54px!important;margin:0!important;padding:8px 9px!important;
  border:0!important;border-radius:18px!important;background:var(--ggm-soft)!important;background-image:none!important;color:var(--ggm-text)!important;box-shadow:none!important;
}
body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p.mine .message-attachments .gg-v32-voice{background:var(--ggm-blue)!important;color:var(--ggm-on-accent)!important}
html[data-theme="dark"] body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p.mine .message-attachments .gg-v32-voice{background:var(--ggm-blue-dark)!important}

body.gg-messages-isolated-thread .messages-layout.gg-messages-production.gg-messages-conversation .thread>p>small{
  display:block!important;margin:4px 5px 0!important;padding:0!important;background:transparent!important;color:var(--ggm-muted)!important;
  font-size:9.5px!important;font-weight:500!important;line-height:1.1!important;direction:ltr!important;
}

/* Instagram-style message interaction: exact-bubble trigger, floating reaction rail and
   contextual menu. The overlay lives outside React so thread refreshes cannot relocate it. */
.messages-layout.gg-messages-production .gg-message-actions{
  position:absolute!important;z-index:6!important;right:-32px!important;left:auto!important;top:50%!important;display:grid!important;place-items:center!important;
  width:28px!important;height:28px!important;min-width:28px!important;margin:0!important;padding:0 0 6px!important;transform:translateY(-50%)!important;
  border:0!important;border-radius:50%!important;background:transparent!important;color:var(--ggm-muted)!important;font-size:14px!important;font-weight:850!important;line-height:1!important;
  letter-spacing:1px!important;box-shadow:none!important;opacity:.58!important;touch-action:manipulation!important;
}
.messages-layout.gg-messages-production .thread>p.mine .gg-message-actions{right:auto!important;left:-32px!important}
.messages-layout.gg-messages-production .gg-message-actions:active,.messages-layout.gg-messages-production .gg-message-actions:focus-visible{background:var(--ggm-soft)!important;color:var(--ggm-text)!important;opacity:1!important;outline:0!important}
.messages-layout.gg-messages-production .gg-message-actions:disabled{opacity:.3!important}
#gg-message-action-sheet{position:fixed!important;z-index:2147483600!important;inset:0!important;box-sizing:border-box!important;font-family:inherit!important}
#gg-message-action-sheet *{box-sizing:border-box!important}
#gg-message-action-sheet>.gg-message-action-backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:rgba(4,6,5,.68)!important;backdrop-filter:blur(1.5px)!important}
#gg-message-action-sheet .gg-message-popover{position:fixed!important;z-index:1!important;display:grid!important;gap:9px!important;max-height:calc(100dvh - 20px)!important;direction:ltr!important}
#gg-message-action-sheet .gg-message-reaction-strip{display:flex!important;align-items:center!important;justify-content:space-around!important;gap:3px!important;width:100%!important;min-height:62px!important;padding:7px 9px!important;border:1px solid #303531!important;border-radius:999px!important;background:#141817!important;color:#fff!important;box-shadow:0 14px 40px rgba(0,0,0,.34)!important;overflow:hidden!important}
#gg-message-action-sheet .gg-message-reaction-strip.expanded{flex-wrap:wrap!important;border-radius:25px!important}
#gg-message-action-sheet .gg-message-reaction-strip>button{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:46px!important;min-width:42px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#d2d5d2!important;font:inherit!important;font-size:30px!important;line-height:1!important;box-shadow:none!important;touch-action:manipulation!important;transition:transform .14s ease,background .14s ease!important}
#gg-message-action-sheet .gg-message-reaction-strip>button:active{transform:scale(1.18)!important;background:#252a27!important}
#gg-message-action-sheet .gg-message-reaction-strip>.gg-message-more-reactions{font-size:35px!important;font-weight:250!important;color:#aeb3ae!important}
#gg-message-action-sheet .gg-message-popover>section{width:254px!important;max-height:calc(100dvh - 100px)!important;overflow:auto!important;margin:0!important;padding:10px 7px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:23px!important;background:linear-gradient(155deg,rgba(31,35,32,.98),rgba(18,21,19,.98))!important;color:#f5f5f2!important;box-shadow:0 22px 60px rgba(0,0,0,.48)!important;backdrop-filter:blur(22px)!important;direction:inherit!important}
#gg-message-action-sheet.mine .gg-message-popover>section{justify-self:end!important}#gg-message-action-sheet.theirs .gg-message-popover>section{justify-self:start!important}
#gg-message-action-sheet .gg-message-action-time{display:block!important;padding:3px 10px 9px!important;color:#969c96!important;font-size:11px!important;font-weight:700!important;line-height:1.2!important;text-transform:uppercase!important;direction:ltr!important}
#gg-message-action-sheet h3{margin:0!important;padding:3px 15px 10px!important;color:#f5f5f2!important;font-size:16px!important;font-weight:800!important;line-height:1.25!important;text-align:start!important}
#gg-message-action-sheet .gg-message-action-body{display:grid!important;gap:6px!important;direction:inherit!important}
#gg-message-action-sheet .gg-message-action-body>button{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:50px!important;margin:0!important;padding:9px 12px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:15px!important;background:rgba(255,255,255,.035)!important;color:#f5f5f2!important;font:inherit!important;font-size:15px!important;font-weight:720!important;text-align:start!important;box-shadow:none!important;touch-action:manipulation!important;direction:ltr!important;transition:transform .12s ease,background .12s ease,border-color .12s ease!important}
[dir="rtl"] #gg-message-action-sheet .gg-message-action-body>button{direction:rtl!important}
#gg-message-action-sheet .gg-message-action-body>button:active{transform:scale(.975)!important;background:#2b302c!important;border-color:rgba(208,161,39,.25)!important}
#gg-message-action-sheet .gg-message-action-body>button svg{width:25px!important;height:25px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#gg-message-action-sheet .gg-message-action-body>.gg-message-edit{color:#e6c466!important}
#gg-message-action-sheet .gg-message-action-body>.gg-message-delete,#gg-message-action-sheet .gg-message-action-row>button.danger{color:#ff6f84!important}
#gg-message-action-sheet.editing .gg-message-popover>section{width:min(372px,calc(100vw - 20px))!important;padding:12px!important}
#gg-message-action-sheet textarea{display:block!important;width:100%!important;min-height:112px!important;max-height:38dvh!important;resize:vertical!important;margin:0!important;padding:12px 13px!important;border:1px solid #444940!important;border-radius:14px!important;outline:0!important;background:#0b0d0b!important;color:#f7f7f4!important;font:inherit!important;font-size:16px!important;line-height:1.4!important;box-shadow:none!important}
#gg-message-action-sheet textarea:focus{border-color:#c99722!important;box-shadow:0 0 0 2px rgba(201,151,34,.18)!important}
#gg-message-action-sheet .gg-message-action-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
#gg-message-action-sheet .gg-message-action-row>button{min-height:44px!important;margin:0!important;padding:9px 12px!important;border:1px solid #373c38!important;border-radius:12px!important;background:#222623!important;color:#f4f5f2!important;font:inherit!important;font-size:13px!important;font-weight:750!important;text-align:center!important;box-shadow:none!important}
#gg-message-action-sheet .gg-message-action-row>button.primary{border-color:#c99722!important;background:#c99722!important;color:#10120f!important}
#gg-message-action-sheet .gg-message-action-body>p{margin:0 0 12px!important;padding:0 3px!important;color:#b7bab5!important;font-size:13px!important;line-height:1.5!important}
#gg-message-action-sheet.deleting .gg-message-action-body{text-align:center!important;padding:6px 4px 2px!important}
#gg-message-action-sheet.deleting h3{padding:4px 0 6px!important;text-align:center!important}
#gg-message-action-sheet.deleting .gg-message-action-body>p{max-width:280px!important;margin:0 auto 13px!important;text-align:center!important}
#gg-message-action-sheet .gg-message-delete-icon{display:grid!important;place-items:center!important;width:54px!important;height:54px!important;margin:0 auto 4px!important;border:1px solid rgba(255,111,132,.3)!important;border-radius:18px!important;background:rgba(255,111,132,.11)!important;color:#ff6f84!important}
#gg-message-action-sheet .gg-message-delete-icon svg{width:27px!important;height:27px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.messages-layout.gg-messages-production .gg-message-inline-editing>span:not(.gg-message-reactions){min-width:min(78vw,390px)!important;padding:7px!important}
.messages-layout.gg-messages-production .gg-message-inline-editing .gg-message-actions{display:none!important}
.messages-layout.gg-messages-production .gg-message-inline-editor{display:grid!important;gap:7px!important;width:100%!important;-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important}
.messages-layout.gg-messages-production .gg-message-inline-editor textarea{display:block!important;width:100%!important;min-height:76px!important;max-height:34dvh!important;resize:vertical!important;margin:0!important;padding:11px 12px!important;border:1px solid rgba(208,161,39,.45)!important;border-radius:14px!important;outline:0!important;background:rgba(5,7,6,.82)!important;color:#fff!important;font:inherit!important;font-size:16px!important;line-height:1.4!important;-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important;box-shadow:0 0 0 2px rgba(208,161,39,.11)!important}
.messages-layout.gg-messages-production .gg-message-inline-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.messages-layout.gg-messages-production .gg-message-inline-actions>button{min-height:39px!important;margin:0!important;padding:7px 10px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:12px!important;background:rgba(255,255,255,.09)!important;color:#fff!important;font:inherit!important;font-size:13px!important;font-weight:800!important;box-shadow:none!important}
.messages-layout.gg-messages-production .gg-message-inline-actions>button.primary{border-color:#d0a127!important;background:#d0a127!important;color:#10120f!important}
.messages-layout.gg-messages-production .gg-message-reply-quote{order:-2!important;display:grid!important;gap:2px!important;width:min(58vw,232px)!important;min-width:0!important;max-width:100%!important;margin:0 0 5px!important;padding:8px 10px!important;border:1px solid rgba(255,255,255,.09)!important;border-inline-start:3px solid currentColor!important;border-radius:13px!important;background:rgba(0,0,0,.15)!important;color:inherit!important;text-align:start!important;box-shadow:none!important;opacity:.9!important;touch-action:manipulation!important;backdrop-filter:blur(8px)!important}
.messages-layout.gg-messages-production .thread>p:not(.mine) .gg-message-reply-quote{background:rgba(255,255,255,.055)!important;color:var(--ggm-text)!important}
.messages-layout.gg-messages-production .gg-message-reply-quote>strong,.messages-layout.gg-messages-production .gg-message-reply-quote>span{display:block!important;overflow:hidden!important;width:100%!important;color:inherit!important;line-height:1.25!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.messages-layout.gg-messages-production .gg-message-reply-quote>strong{margin-bottom:2px!important;font-size:10px!important;font-weight:850!important}.messages-layout.gg-messages-production .gg-message-reply-quote>span{font-size:11px!important;font-weight:500!important}
.messages-layout.gg-messages-production .gg-message-reply-composer{order:-2!important;display:grid!important;grid-template-columns:minmax(0,1fr) 32px!important;align-items:center!important;flex:1 0 100%!important;width:100%!important;min-width:0!important;margin:0!important;padding:7px 9px!important;border-inline-start:3px solid var(--ggm-gold)!important;border-radius:11px!important;background:var(--ggm-soft)!important;color:var(--ggm-text)!important}
.messages-layout.gg-messages-production .gg-message-reply-composer>div{display:grid!important;gap:2px!important;min-width:0!important}.messages-layout.gg-messages-production .gg-message-reply-composer strong,.messages-layout.gg-messages-production .gg-message-reply-composer span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.messages-layout.gg-messages-production .gg-message-reply-composer strong{color:var(--ggm-gold)!important;font-size:11px!important}.messages-layout.gg-messages-production .gg-message-reply-composer span{color:var(--ggm-muted)!important;font-size:11px!important}
.messages-layout.gg-messages-production .gg-message-reply-composer>button{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;min-width:30px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:var(--ggm-muted)!important;font-size:24px!important;line-height:1!important;box-shadow:none!important}
.messages-layout.gg-messages-production .thread>p.gg-message-reply-highlight>span:first-child{animation:gg-message-reply-highlight .9s ease!important}@keyframes gg-message-reply-highlight{0%,100%{box-shadow:none}35%{box-shadow:0 0 0 4px rgba(208,161,39,.38)}}
#gg-message-toast{position:fixed!important;z-index:2147483601!important;left:50%!important;bottom:calc(84px + env(safe-area-inset-bottom))!important;max-width:calc(100vw - 32px)!important;padding:9px 14px!important;transform:translate(-50%,16px)!important;border:1px solid rgba(184,137,25,.38)!important;border-radius:999px!important;background:#111411!important;color:#f4f4f0!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;box-shadow:0 8px 28px rgba(0,0,0,.28)!important;opacity:0!important;pointer-events:none!important;transition:opacity .18s ease,transform .18s ease!important}
#gg-message-toast.visible{transform:translate(-50%,0)!important;opacity:1!important}
#gg-message-toast.failed{border-color:rgba(255,91,91,.5)!important;color:#ff9c9c!important}
@media(max-width:390px){#gg-message-action-sheet .gg-message-reaction-strip>button{flex-basis:36px!important;width:36px!important;min-width:36px!important;font-size:26px!important}}


/* speed-optimization.css */
/* GG Full Production + Speed Optimization */
html{scroll-behavior:auto}
button,a,[role="button"]{-webkit-tap-highlight-color:transparent}
.product-body{transition:none}
html[data-gg-speed-target] .product-body{opacity:1}
.feed-card,.directory-member-card,.notification-list>button,.gg-v20-notice,.records-page article{content-visibility:visible;contain:none}
.message-search input,.conversation-thread>form input{touch-action:manipulation}
@media(prefers-reduced-motion:reduce){.product-body{transition:none!important}}