.ssb-share{--ssb-gap:10px;--ssb-icon-size:20px;--ssb-bg:#f1f3f6;--ssb-fg:#1f2430;--ssb-hover-bg:#111827;--ssb-hover-fg:#ffffff;--ssb-brand:#111827;--ssb-brand-fg:#ffffff;--ssb-border:rgba(17,24,39,0.08);--ssb-shadow:0 1px 2px rgba(16,24,40,0.06);--ssb-shadow-hover:0 12px 22px -12px rgba(16,24,40,0.55);--ssb-focus:#2563eb;--ssb-radius:999px;--ssb-pad-y:0.625rem;--ssb-pad-x:0.95rem;--ssb-btn-size:calc(var(--ssb-icon-size) + 1.4rem);--ssb-duration:0.22s;--ssb-ease:cubic-bezier(0.4,0,0.2,1);box-sizing:border-box;container-type:inline-size}.ssb-share *,.ssb-share *::before,.ssb-share *::after{box-sizing:border-box}.ssb-share--content{margin:2.75rem 0 1.5rem;padding-top:1.5rem;border-top:1px solid var(--ssb-border)}.ssb-share--shortcode,.ssb-share--widget{margin:1.5rem 0}.ssb-share__heading{margin:0 0 0.95rem;padding:0;font-size:1.0625rem;font-weight:650;line-height:1.35;letter-spacing:-0.01em;color:inherit}.ssb-share__list{display:flex;flex-wrap:wrap;gap:var(--ssb-gap);margin:0;padding:0;list-style:none}.ssb-share__item{margin:0;padding:0;list-style:none}.ssb-share__item::before,.ssb-share__item::marker{content:none}.ssb-share .ssb-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;min-height:var(--ssb-btn-size);margin:0;padding:var(--ssb-pad-y) var(--ssb-pad-x);border:1px solid var(--ssb-border);border-radius:var(--ssb-radius);background:var(--ssb-bg);box-shadow:var(--ssb-shadow);color:var(--ssb-fg);font-family:inherit;font-size:0.875rem;font-weight:600;line-height:1.2;text-decoration:none !important;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background-color var(--ssb-duration) var(--ssb-ease),color var(--ssb-duration) var(--ssb-ease),border-color var(--ssb-duration) var(--ssb-ease),box-shadow var(--ssb-duration) var(--ssb-ease),transform var(--ssb-duration) var(--ssb-ease)}.ssb-share .ssb-btn:hover,.ssb-share .ssb-btn:focus-visible{background:var(--ssb-hover-bg);border-color:transparent;color:var(--ssb-hover-fg);box-shadow:var(--ssb-shadow-hover);transform:translateY(-2px)}.ssb-share .ssb-btn:active{transform:translateY(0);box-shadow:var(--ssb-shadow)}.ssb-share .ssb-btn:focus{outline:none}.ssb-share .ssb-btn:focus-visible{outline:2px solid var(--ssb-focus);outline-offset:3px}.ssb-btn__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--ssb-icon-size);height:var(--ssb-icon-size);transition:transform var(--ssb-duration) var(--ssb-ease)}.ssb-btn:hover .ssb-btn__icon{transform:scale(1.08)}.ssb-share .ssb-icon{display:block;width:100%;height:100%}.ssb-btn__label{white-space:nowrap}.ssb-btn__count{margin-inline-start:0.15rem;padding-inline-start:0.5rem;border-inline-start:1px solid currentColor;font-size:0.78em;font-weight:500;opacity:0.75}.ssb-colors-brand .ssb-btn:hover,.ssb-colors-brand .ssb-btn:focus-visible{background:var(--ssb-brand-override,var(--ssb-brand));color:var(--ssb-brand-fg);box-shadow:0 12px 22px -12px var(--ssb-brand-override,var(--ssb-brand))}.ssb-colors-brand .ssb-btn--copy:hover,.ssb-colors-brand .ssb-btn--copy:focus-visible{background:var(--ssb-hover-bg);color:var(--ssb-hover-fg);box-shadow:var(--ssb-shadow-hover)}.ssb-style-pill{--ssb-radius:999px}.ssb-style-rounded{--ssb-radius:12px}.ssb-style-square{--ssb-radius:4px}.ssb-align-center{text-align:center}.ssb-align-center .ssb-share__list{justify-content:center}.ssb-align-right{text-align:right}.ssb-align-right .ssb-share__list{justify-content:flex-end}.ssb-layout-icon .ssb-btn{width:var(--ssb-btn-size);min-width:var(--ssb-btn-size);padding:0}.ssb-layout-icon .ssb-btn__label{display:none}.ssb-btn--copy .ssb-icon--check{display:none}.ssb-btn--copy.is-copied .ssb-icon--link{display:none}.ssb-btn--copy.is-copied .ssb-icon--check{display:block}.ssb-btn--copy.is-copied{background:var(--ssb-hover-bg);border-color:transparent;color:var(--ssb-hover-fg)}.ssb-toast{position:fixed;left:50%;bottom:28px;z-index:100000;display:inline-flex;align-items:center;gap:0.5rem;max-width:min(90vw,26rem);padding:0.7rem 1.05rem;border-radius:12px;background:#111827;color:#ffffff;font-family:inherit;font-size:0.875rem;font-weight:550;line-height:1.3;box-shadow:0 18px 38px -14px rgba(0,0,0,0.65);opacity:0;transform:translate(-50%,14px);pointer-events:none;transition:opacity 0.25s var(--ssb-ease,cubic-bezier(0.4,0,0.2,1)),transform 0.25s var(--ssb-ease,cubic-bezier(0.4,0,0.2,1))}.ssb-toast.is-visible{opacity:1;transform:translate(-50%,0)}.ssb-toast__icon{display:inline-flex;width:18px;height:18px;color:#4ade80}.ssb-toast__icon .ssb-icon{width:100%;height:100%}.ssb-toast--error .ssb-toast__icon{display:none}.ssb-floating{position:fixed;top:50%;z-index:99;padding:0.55rem;border:1px solid var(--ssb-border);border-radius:999px;background:rgba(255,255,255,0.92);box-shadow:0 18px 40px -22px rgba(16,24,40,0.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transform:translateY(-50%) scale(0.96);transition:opacity 0.3s var(--ssb-ease),transform 0.3s var(--ssb-ease),visibility 0.3s var(--ssb-ease)}.ssb-floating.is-visible{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}.ssb-floating--left{left:18px}.ssb-floating--right{right:18px}.ssb-floating .ssb-share__list{flex-direction:column;gap:0.4rem}.ssb-floating .ssb-btn{border-color:transparent;box-shadow:none}/* Dark mode ------------------------------------------------------------------ * * The dark palette is never tied to the visitor's operating system: a light
 * theme must stay light even when the OS is in dark mode. It is applied when
 * the setting forces it, when the theme exposes a dark mode flag, or when the
 * script detects that the buttons sit on a dark surface.
 */

.ssb-share.ssb-scheme-dark,
html[data-theme="dark"] .ssb-share:not(.ssb-scheme-light),
html[data-color-scheme="dark"] .ssb-share:not(.ssb-scheme-light),
html.dark .ssb-share:not(.ssb-scheme-light),
body.dark-mode .ssb-share:not(.ssb-scheme-light),
body.dark-theme .ssb-share:not(.ssb-scheme-light),
body.is-dark .ssb-share:not(.ssb-scheme-light) {
	--ssb-bg: rgba(255, 255, 255, 0.08);
	--ssb-fg: #e6e9f0;
	--ssb-hover-bg: #f4f5f7;
	--ssb-hover-fg: #0b0d12;
	--ssb-border: rgba(255, 255, 255, 0.14);
	--ssb-shadow: none;
	--ssb-shadow-hover: 0 12px 24px -14px rgba(0, 0, 0, 0.9);
	--ssb-focus: #7aa2ff;
}

.ssb-share.ssb-scheme-dark .ssb-btn--twitter,
html[data-theme="dark"] .ssb-share:not(.ssb-scheme-light) .ssb-btn--twitter,
html.dark .ssb-share:not(.ssb-scheme-light) .ssb-btn--twitter,
body.dark-mode .ssb-share:not(.ssb-scheme-light) .ssb-btn--twitter,
body.dark-theme .ssb-share:not(.ssb-scheme-light) .ssb-btn--twitter {
	--ssb-brand-override: #f4f5f7;
	--ssb-brand-fg: #0b0d12;
}

.ssb-floating.ssb-scheme-dark {
	background: rgba(17, 20, 27, 0.9);
}

/* Responsive
------------------------------------------------------------------ */

@media (max-width: 640px) {
	.ssb-mobile-icons .ssb-btn {
		width: var(--ssb-btn-size);
		min-width: var(--ssb-btn-size);
		padding: 0;
	}

	.ssb-mobile-icons .ssb-btn__label,
	.ssb-mobile-icons .ssb-btn__count {
		display: none;
	}

	.ssb-share__list {
		gap: max(8px, calc(var(--ssb-gap) * 0.8));
	}

	.ssb-toast {
		bottom: 18px;
	}
}

@media (max-width: 400px) {
	.ssb-share__list {
		justify-content: center;
	}
}

/* Motion preferences
------------------------------------------------------------------ */

@media (prefers-reduced-motion: reduce) {
	.ssb-share .ssb-btn,
	.ssb-btn__icon,
	.ssb-toast,
	.ssb-floating {
		transition-duration: 0.01ms;
	}

	.ssb-share .ssb-btn:hover,
	.ssb-share .ssb-btn:focus-visible {
		transform: none;
	}

	.ssb-btn:hover .ssb-btn__icon {
		transform: none;
	}
}

/* Print
------------------------------------------------------------------ */

@media print {
	.ssb-share,
	.ssb-toast {
		display: none !important;
	}
}