html:has(.shx){background:#0a0a0b}@layer components{.shx{--sx-ink:#0a0a0b;--sx-ink-2:#141416;--sx-bone:#ece7df;--sx-mute:#ece7df9e;--sx-faint:#ece7df8a;--sx-line:#ece7df1f;--sx-brass:#c2a06a;color:var(--sx-bone);background:var(--sx-ink);font-family:var(--font-inter), system-ui, sans-serif}.shx .sx-display{font-family:var(--font-syne), system-ui, sans-serif;letter-spacing:-.045em;font-weight:700;line-height:.9}.shx .sx-mono{font-family:var(--font-jetbrains), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;font-size:10.5px}.shx .sx-btn{background:var(--sx-bone);height:3.4rem;color:var(--sx-ink);transition:transform .6s var(--ease-silk), background .4s;border-radius:999px;align-items:center;gap:.75rem;padding:0 1.6rem;font-size:.92rem;font-weight:500;display:inline-flex}.shx .sx-btn:hover{background:#fff}.shx .sx-btn-ghost{height:3.4rem;box-shadow:inset 0 0 0 1px var(--sx-line);border-radius:999px;align-items:center;gap:.75rem;padding:0 1.5rem;font-size:.92rem;transition:box-shadow .4s,background .4s;display:inline-flex}.shx .sx-btn-ghost:hover{background:#ece7df0d;box-shadow:inset 0 0 0 1px #ece7df66}.shx .sx-badge{height:1.9rem;font-family:var(--font-jetbrains), monospace;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.5rem;padding:0 .8rem;font-size:10px;display:inline-flex}.shx .sx-link{transition:background-size .6s var(--ease-silk);background:linear-gradient(currentColor,currentColor) 0 100%/0% 1px no-repeat}.shx .sx-link:hover{background-size:100% 1px}}.shx .sx-grain{pointer-events:none;z-index:70;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.9'/></svg>");position:fixed;inset:0}@keyframes sx-drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(4%,-3%)scale(1.08)}}@keyframes sx-marquee{to{transform:translate(-50%)}}