/* Chaturband public sharing rail. The safe dock is the default; JavaScript
 * promotes it to a side rail only after measuring the real content gutter. */
.cb-flying-share{position:fixed;z-index:80;left:50%;bottom:max(12px,env(safe-area-inset-bottom));width:min(calc(100vw - 24px),920px);transform:translateX(-50%);pointer-events:none}
body.cb-has-flying-share{padding-bottom:80px}
.cb-flying-share nav{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-items:center;padding:.38rem .5rem;border:1px solid color-mix(in srgb,var(--border) 88%,#fff);border-radius:999px;background:color-mix(in srgb,var(--panel) 94%,#050810);box-shadow:0 16px 38px rgba(0,0,0,.36);backdrop-filter:blur(12px);pointer-events:auto}
.cb-flying-share-list{width:100%;display:flex;justify-content:center;gap:clamp(.25rem,1.4vw,.55rem);min-width:0;margin:0;padding:0;list-style:none}
.cb-flying-share-link,.cb-flying-share-more{width:clamp(36px,4vw,44px);height:clamp(36px,4vw,44px);display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--border) 86%,#fff);border-radius:50%;background:color-mix(in srgb,var(--panel) 92%,#0b1020);color:var(--text);box-shadow:none;text-decoration:none;font:800 .74rem/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.02em;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.cb-flying-share-link:hover,.cb-flying-share-link:focus-visible,.cb-flying-share-more:hover,.cb-flying-share-more:focus-visible{transform:translateY(-2px);border-color:var(--cta,var(--accent));background:color-mix(in srgb,var(--cta,var(--accent)) 22%,var(--panel));color:#fff}
.cb-flying-share-link--facebook{color:#8db4ff}.cb-flying-share-link--x{color:#f5f7ff}.cb-flying-share-link--whatsapp{color:#52e68b}.cb-flying-share-link--telegram{color:#66c5ff}.cb-flying-share-link--reddit{color:#ff8b6a}.cb-flying-share-link--pinterest{color:#ff7890}.cb-flying-share-link--linkedin{color:#70b7ff}.cb-flying-share-link--bluesky{color:#8ed4ff}.cb-flying-share-link--vk{color:#9bbef0}.cb-flying-share-link--ok{color:#ffb061}.cb-flying-share-link--line{color:#72e36d}.cb-flying-share-link--weibo{color:#ff8797}.cb-flying-share-link--qzone{color:#f6d36f}
.cb-flying-share-link[hidden],.cb-flying-share-more[hidden]{display:none!important}.cb-flying-share-more{cursor:pointer;font-size:1.25rem}.cb-flying-share-more[aria-expanded=true]{background:var(--cta,var(--accent));border-color:var(--cta,var(--accent));color:#fff}.cb-flying-share .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.cb-flying-share.is-expanded{bottom:max(10px,env(safe-area-inset-bottom))}.cb-flying-share.is-expanded nav{border-radius:20px;align-items:end}.cb-flying-share.is-expanded .cb-flying-share-list{flex-wrap:wrap}.cb-flying-share.is-expanded .cb-flying-share-link{display:grid!important}.cb-flying-share.is-expanded .cb-flying-share-more{align-self:end}

/* A rail is opt-in. --cb-flying-share-left is calculated from the actual
 * page content edge, so it cannot sit over wide model grids. */
.cb-flying-share[data-layout="rail"]{top:50%;bottom:auto;left:var(--cb-flying-share-left,12px);width:auto;transform:translate(-100%,-50%);padding-right:12px}
.cb-flying-share[data-layout="rail"] nav{display:grid;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.cb-flying-share[data-layout="rail"] .cb-flying-share-list{width:auto;display:grid;justify-content:initial;gap:.45rem}
.cb-flying-share[data-layout="rail"] .cb-flying-share-link,.cb-flying-share[data-layout="rail"] .cb-flying-share-more{width:44px;height:44px;box-shadow:0 10px 26px rgba(0,0,0,.28)}
.cb-flying-share[data-layout="rail"] .cb-flying-share-link:hover,.cb-flying-share[data-layout="rail"] .cb-flying-share-link:focus-visible,.cb-flying-share[data-layout="rail"] .cb-flying-share-more:hover,.cb-flying-share[data-layout="rail"] .cb-flying-share-more:focus-visible{transform:translateX(3px)}
body.cb-has-flying-share.cb-flying-share-rail{padding-bottom:0}

@media(max-width:560px){body.cb-has-flying-share{padding-bottom:74px}.cb-flying-share{width:min(calc(100vw - 18px),560px)}.cb-flying-share nav{padding:.32rem .4rem}.cb-flying-share-link,.cb-flying-share-more{width:clamp(34px,10vw,42px);height:clamp(34px,10vw,42px)}}
@media(prefers-reduced-motion:reduce){.cb-flying-share-link,.cb-flying-share-more{transition:none}}
