:root{--color-bg: #0F172A;--color-card: #1E293B;--color-card-light: #273548;--color-border: #334155;--color-border-active:#38BDF8;--color-action: #38BDF8;--color-action-dim: #0EA5E9;--color-action-glow: rgba(56, 189, 248, .15);--color-success: #22C55E;--color-warn: #F59E0B;--color-danger: #EF4444;--color-text: #F8FAFC;--color-text-sec: #94A3B8;--color-text-muted: #64748B;--color-text-faint: #475569;--font-sans: "Inter", sans-serif;--font-display: "Montserrat", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=range]{-webkit-appearance:none;background:transparent;width:100%;cursor:pointer}input[type=range]::-webkit-slider-track{height:4px;border-radius:2px;background:var(--color-border)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-action);margin-top:-8px;cursor:pointer;transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.fade-in{animation:fadeIn .3s ease}.glow-btn{transition:all .2s ease}.glow-btn:hover{box-shadow:0 0 20px #38bdf84d;transform:translateY(-1px)}.glow-btn:active{transform:translateY(0);box-shadow:none}.card-hover{transition:border-color .15s ease,transform .15s ease}.card-hover:hover{border-color:var(--color-border-active)!important;transform:translateY(-1px)}:focus-visible{outline:2px solid var(--color-action);outline-offset:2px;border-radius:4px}