:root{--color-primary:#09e1ac;--color-secondary:#f660a6;--color-tertiary:#207cfd;--color-bg:#050505;--color-surface:#121212;--color-surface-hi:#1f1f1f;--color-on-surface:#f7f7f7;--color-on-bg:#fff;--color-outline:#1f1f1f;--radius-sm:.75rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--spacing-unit:1}body{background:var(--color-bg);color:var(--color-on-surface);font-family:Inter,sans-serif}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20}.glass{-webkit-backdrop-filter:blur(16px);background:#121212b3}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#262626;border-radius:10px}.glow-primary{box-shadow:0 0 15px #09e1ac33}.glow-secondary{box-shadow:0 0 15px #f660a633}.shadow-glow{filter:drop-shadow(0 0 8px)}.page-section{display:none!important}.page-section.active{display:flex!important}.nav-item.active{color:#fff;background:#ffffff14}.nav-item.active .material-symbols-outlined{color:#fff}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.animate-shimmer{animation:4s linear infinite shimmer}@keyframes growWidth{0%{width:0}to{width:66%}}.animate-grow-66{animation:2s cubic-bezier(.4,0,.2,1) forwards growWidth}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:20px}input[type=range]::-webkit-slider-runnable-track{background:#ffffff0d;border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background-color:var(--color-primary);width:8px;height:16px;box-shadow:0 0 10px var(--color-primary);border-radius:1px;margin-top:-6px;transition:all .2s}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 15px var(--color-primary), 0 0 25px var(--color-primary);transform:scaleY(1.2)}input[type=range]::-moz-range-track{background:#ffffff0d;border-radius:2px;height:4px}input[type=range]::-moz-range-thumb{background-color:var(--color-primary);width:8px;height:16px;box-shadow:0 0 10px var(--color-primary);border:none;border-radius:1px;transition:all .2s}