/* Nút và hộp Chia sẻ lớp trên các trang giới thiệu khóa (nền tối, dùng biến của mo.css). */
.cs-nut{display:inline-flex;align-items:center;gap:8px}
.cs-nut svg{width:18px;height:18px;flex:none}
.cs-hop{position:fixed;inset:0;z-index:300;display:none;align-items:flex-end;justify-content:center;background:rgba(3,6,12,.72);padding:16px}
.cs-hop.mo{display:flex}
@media (min-width:640px){.cs-hop{align-items:center}}
.cs-the{width:min(460px,100%);background:var(--bg-2,#0a1120);border:1px solid var(--glass-b,rgba(255,255,255,.12));border-radius:20px;padding:22px 22px 18px;color:var(--ink,#f4f1ea);box-shadow:0 40px 90px -30px rgba(0,0,0,.95)}
.cs-the h3{font-family:var(--serif,Georgia,serif);font-size:24px;margin-bottom:6px}
.cs-the p{font-size:14px;color:var(--ink-2,#c8ccd6)}
.cs-link{display:flex;gap:8px;margin:14px 0 12px}
.cs-link input{flex:1;min-width:0;background:rgba(255,255,255,.06);border:1px solid var(--glass-b,rgba(255,255,255,.12));border-radius:10px;color:inherit;padding:10px 12px;font:inherit;font-size:13px}
.cs-kenh{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cs-kenh a,.cs-kenh button,.cs-link button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;border:1px solid var(--glass-b,rgba(255,255,255,.12));background:var(--glass,rgba(255,255,255,.055));color:inherit;font:inherit;font-size:14px;font-weight:600;padding:10px 12px;cursor:pointer;text-decoration:none}
.cs-link button{background:var(--gold,#e2b860);color:#111;border-color:transparent;white-space:nowrap}
.cs-kenh a:hover,.cs-kenh button:hover{border-color:var(--gold,#e2b860)}
.cs-ghi{margin-top:12px;font-size:12.5px!important;color:var(--ink-3,#9aa1b0)!important}
.cs-ghi a{color:var(--gold-2,#f5d48f)}
.cs-dong{float:right;background:none;border:0;color:var(--ink-3,#9aa1b0);font-size:22px;line-height:1;cursor:pointer;padding:2px 6px}
