:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:rgba(255,255,255,.87);background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;width:100%;height:100vh;overflow:hidden;background-color:#050505}#root{width:100%;height:100vh}*{box-sizing:border-box}.custom-slider{-webkit-appearance:none;appearance:none;width:100%;background:transparent}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;background:#3b82f6;border:4px solid #fff;border-radius:50%;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.4);transition:all .2s cubic-bezier(.175,.885,.32,1.275);margin-top:-10px}.custom-slider::-webkit-slider-thumb:hover{transform:scale(1.1);background:#60a5fa;box-shadow:0 0 15px rgba(59,130,246,.5)}.custom-slider::-webkit-slider-thumb:active{transform:scale(.9);background:#2563eb}.custom-slider::-moz-range-thumb{width:28px;height:28px;background:#3b82f6;border:4px solid #fff;border-radius:50%;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.4)}.hover-glass:hover{background:rgba(255,255,255,.1)!important}.menu-item-hover:hover{background:rgba(255,255,255,.08)!important;padding-left:20px!important}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:rgba(255,255,255,.02)}.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:10px}@keyframes modalSlideUp{0%{opacity:0;transform:translate(-50%,-40%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}#root{width:100%;height:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}