:root{--sn-bg-0:#080808;--sn-bg-1:#0d0d0d;--sn-bg-2:#121212;--sn-bg-3:#181818;--sn-surface:#161616;--sn-surface-hi:#1e1e1e;--sn-cream:#f5f1d8;--sn-cream-light:#fbf8e4;--sn-beige:#d3d0b9;--sn-cream-deep:#8a8570;--sn-cream-glow:hsla(52,59%,90%,.45);--sn-text:#e8e8e8;--sn-text-muted:#888;--sn-text-dim:#555;--sn-border:hsla(0,0%,100%,.06);--sn-border-hi:hsla(0,0%,100%,.12);--sn-success:#66bb6a;--sn-success-bg:rgba(46,125,50,.12);--sn-error:#ff6b6b;--sn-error-bg:rgba(196,30,58,.12);--sn-info:#d3d0b9;--sn-info-bg:hsla(53,23%,78%,.1);--sn-font-display:"Clash Display","Satoshi",system-ui,sans-serif;--sn-font-body:"Satoshi",system-ui,sans-serif;--sn-font-mono:"JetBrains Mono",ui-monospace,monospace;--sn-text-xs:0.75rem;--sn-text-sm:0.85rem;--sn-text-md:0.95rem;--sn-text-lg:1.15rem;--sn-text-xl:1.5rem;--sn-text-2xl:clamp(2rem,4vw,3.25rem);--sn-sp-1:4px;--sn-sp-2:8px;--sn-sp-3:12px;--sn-sp-4:16px;--sn-sp-5:24px;--sn-sp-6:32px;--sn-sp-7:48px;--sn-sp-8:64px;--sn-radius-sm:8px;--sn-radius-md:12px;--sn-radius-lg:16px;--sn-radius-full:999px;--sn-shadow-sm:0 2px 8px rgba(0,0,0,.3);--sn-shadow-md:0 8px 24px rgba(0,0,0,.35);--sn-shadow-lg:0 16px 48px rgba(0,0,0,.45);--sn-glow-sm:0 0 12px var(--sn-cream-glow);--sn-glow-md:0 0 24px var(--sn-cream-glow);--sn-ease:cubic-bezier(0.4,0,0.2,1);--sn-ease-spring:cubic-bezier(0.34,1.56,0.64,1);--sn-dur-fast:150ms;--sn-dur-med:250ms;--sn-dur-slow:450ms;--sn-z-base:1;--sn-z-sticky:10;--sn-z-nav:50;--sn-z-modal:900;--sn-z-toast:1000}.sn-root{background:var(--sn-bg-0);color:var(--sn-text);font-family:var(--sn-font-body);font-size:var(--sn-text-md);line-height:1.55;-webkit-font-smoothing:antialiased}.sn-root *,.sn-root :after,.sn-root :before{box-sizing:border-box;margin:0;padding:0}.sn-root h1,.sn-root h2,.sn-root h3,.sn-root h4{font-family:var(--sn-font-display);color:#fff;line-height:1.2}.sn-root a:not(.sn-btn){color:var(--sn-cream);text-decoration:none}.sn-root a:not(.sn-btn):hover{color:var(--sn-cream-light)}.sn-root code,.sn-root kbd,.sn-root pre{font-family:var(--sn-font-mono);font-size:.9em}.sn-root ::selection{background:var(--sn-cream);color:#000}.sn-root :focus-visible{outline:2px solid var(--sn-cream)}.sn-card{background:linear-gradient(145deg,var(--sn-surface),var(--sn-bg-3));border:1px solid var(--sn-border);border-radius:var(--sn-radius-lg)}.sn-card--glow{border-color:hsla(52,59%,90%,.25);box-shadow:var(--sn-glow-sm)}.sn-hr{border:0;border-top:1px solid var(--sn-border)}.sn-grid-bg{background-image:radial-gradient(hsla(52,59%,90%,.07) 1px,transparent 0);background-size:22px 22px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 75%)}.sn-beam{position:relative;overflow:hidden}.sn-beam:before{content:"";position:absolute;inset:-150%;background:conic-gradient(from 0deg,transparent 0deg 300deg,var(--sn-cream-glow) 330deg,var(--sn-cream) 1turn);animation:sn-beam-spin 5s linear infinite}.sn-beam>.sn-beam-inner{position:relative;background:var(--sn-bg-1);border:1px solid var(--sn-border-hi);border-radius:var(--sn-radius-lg);z-index:1}@keyframes sn-beam-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sn-shimmer{background:linear-gradient(110deg,var(--sn-cream) 0,var(--sn-cream) 40%,#fff 50%,var(--sn-cream) 60%,var(--sn-cream) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sn-shimmer-move 3.2s ease-in-out infinite}@keyframes sn-shimmer-move{0%{background-position:120% 0}to{background-position:-120% 0}}.sn-marquee{overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.sn-marquee>.sn-marquee-track{display:flex;gap:var(--sn-sp-4);width:max-content;animation:sn-marquee-scroll 22s linear infinite}.sn-marquee:hover>.sn-marquee-track{animation-play-state:paused}@keyframes sn-marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.sn-beam:before,.sn-marquee>.sn-marquee-track,.sn-shimmer{animation:none}}.sn-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sn-sp-2);padding:10px 20px;font-size:var(--sn-text-sm);border-radius:10px;font-family:var(--sn-font-body);font-weight:600;letter-spacing:-.01em;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background var(--sn-dur-fast) var(--sn-ease),border-color var(--sn-dur-fast) var(--sn-ease),color var(--sn-dur-fast) var(--sn-ease),opacity var(--sn-dur-fast) var(--sn-ease)}.sn-btn:active{opacity:.7}.sn-btn--sm{padding:7px 14px;font-size:var(--sn-text-sm)}.sn-btn--md{padding:10px 20px;font-size:var(--sn-text-md)}.sn-btn--lg{padding:12px 26px;font-size:var(--sn-text-lg)}.sn-btn--primary{background:var(--sn-cream);color:#0a0a0a;font-weight:600;border:1px solid transparent}.sn-btn--primary:hover{background:var(--sn-cream-light)}.sn-btn--ghost{background:hsla(0,0%,100%,.06);color:#e8e8ea;border:1px solid var(--sn-border-hi)}.sn-btn--ghost:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.sn-btn--glass{background:hsla(52,59%,90%,.07);color:var(--sn-cream);border:1px solid hsla(52,59%,90%,.18)}.sn-btn--glass:hover{background:hsla(52,59%,90%,.12);border-color:hsla(52,59%,90%,.3)}.sn-root input[type=number]::-webkit-inner-spin-button,.sn-root input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sn-root input[type=number]{-moz-appearance:textfield;appearance:textfield;text-align:center}.sn-root input:-webkit-autofill,.sn-root input:-webkit-autofill:focus,.sn-root input:-webkit-autofill:hover{-webkit-text-fill-color:var(--sn-text);-webkit-box-shadow:0 0 0 1000px var(--sn-bg-1) inset;caret-color:var(--sn-text);transition:background-color 9999s ease-out}.sn-root textarea:-webkit-autofill{-webkit-text-fill-color:var(--sn-text);-webkit-box-shadow:0 0 0 1000px var(--sn-bg-1) inset}.sn-root ::-webkit-scrollbar{width:8px;height:8px}.sn-root ::-webkit-scrollbar-track{background:var(--sn-bg-1)}.sn-root ::-webkit-scrollbar-thumb{background:var(--sn-bg-3);border-radius:4px}.sn-root ::-webkit-scrollbar-thumb:hover{background:var(--sn-cream-deep)}.sn-root{scrollbar-width:thin;scrollbar-color:var(--sn-bg-3) var(--sn-bg-1)}.sn-root select{appearance:none;background-image:none}.sn-root input::placeholder,.sn-root textarea::placeholder{color:var(--sn-text-dim);opacity:1}.sn-root :focus-visible{outline:2px solid hsla(52,59%,90%,.55);outline-offset:2px;border-radius:4px}