:root{--bg: #0B0C10;--surface: #14161D;--surface-alt: #1C1F28;--text: #F5F6F8;--muted: #9CA3AF;--border: #262A34;--accent: #7C5CFF;--accent-hover: #6A4BF0;--live: #FF4D4D;--green: #34D399;--red: #F87171}.ss-btn{transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}.ss-btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.ss-btn:active:not(:disabled){transform:translateY(0) scale(.98);filter:brightness(.96)}.ss-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ss-btn:disabled{cursor:not-allowed}.ss-ghost:hover:not(:disabled){box-shadow:inset 0 0 0 999px #ffffff0d;transform:translateY(-1px)}.ss-ghost:active:not(:disabled){box-shadow:inset 0 0 0 999px #ffffff05;transform:translateY(0) scale(.98)}.ss-danger:hover:not(:disabled){box-shadow:inset 0 0 0 999px #f871711f;transform:translateY(-1px)}.ss-input{transition:box-shadow .15s ease,border-color .15s ease}.ss-input:hover{border-color:#3a3f4d}.ss-input:focus,.ss-input:focus-visible{box-shadow:0 0 0 3px #7c5cff47;border-color:var(--accent);outline:none}.ss-link{transition:filter .14s ease}.ss-link:hover{filter:brightness(1.25)}.ss-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.ss-card-hover{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ss-card-hover:hover{transform:translateY(-2px);box-shadow:0 10px 34px #00000061}.ss-pick{transition:border-color .14s ease,background-color .14s ease}.ss-pick:hover{background-color:#ffffff08}.ss-live-dot{animation:ss-pulse 1.7s ease-in-out infinite}@keyframes ss-pulse{0%,to{box-shadow:0 0 #ff4d4d8c}70%{box-shadow:0 0 0 6px #ff4d4d00}}.ss-skel{background:linear-gradient(90deg,var(--surface-alt) 25%,#262b38 37%,var(--surface-alt) 63%);background-size:400% 100%;animation:ss-shimmer 1.4s ease infinite;border-radius:8px}@keyframes ss-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.ss-spin{animation:ss-rotate .7s linear infinite;transform-origin:center}@keyframes ss-rotate{to{transform:rotate(360deg)}}.ss-backdrop{animation:ss-fade .16s ease both}.ss-modal{animation:ss-pop .2s cubic-bezier(.2,.8,.3,1) both}@keyframes ss-fade{0%{opacity:0}}@keyframes ss-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}.ss-copied{animation:ss-flash .35s ease}@keyframes ss-flash{0%{transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}