:root{--bg: oklch(.165 .012 264);--bg-2: oklch(.205 .013 264);--bg-3: oklch(.245 .014 264);--bg-4: oklch(.285 .015 264);--line: oklch(.32 .012 264);--line-2: oklch(.4 .013 264);--text: oklch(.965 .004 264);--text-2: oklch(.74 .01 264);--text-3: oklch(.56 .012 264);--r: oklch(.65 .205 22);--g: oklch(.76 .17 150);--b: oklch(.68 .15 252);--a: oklch(.8 .14 78);--n: oklch(.72 .018 264);--r-soft: oklch(.65 .205 22 / .16);--g-soft: oklch(.76 .17 150 / .16);--b-soft: oklch(.68 .15 252 / .16);--a-soft: oklch(.8 .14 78 / .16);--n-soft: oklch(.72 .018 264 / .14);--accent: oklch(.88 .185 128);--accent-2: oklch(.8 .185 128);--on-accent: oklch(.22 .04 150);--radius: 16px;--radius-sm: 11px;--radius-lg: 22px;--shadow: 0 1px 2px oklch(0 0 0 / .4), 0 12px 32px -8px oklch(0 0 0 / .5);--shadow-pop: 0 18px 50px -12px oklch(0 0 0 / .7);--rail: 76px;--panel: 348px;--topbar: 76px;--ease: cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100vh}.mono{font-family:JetBrains Mono,monospace;font-feature-settings:"tnum" 1}.display{font-family:Space Grotesk,sans-serif}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:20px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--line-2);background-clip:content-box}::-webkit-scrollbar-track{background:transparent}button{font-family:inherit;color:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit}input::placeholder,textarea::placeholder{color:var(--text-3)}select{color-scheme:dark}select option,select optgroup{background:#14171d;color:#f2f3f6}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:var(--from,0)}}.fadeUp{animation:fadeUp .42s var(--ease) both}::selection{background:var(--accent);color:var(--on-accent)}.app-loading{height:100vh;display:grid;place-items:center;color:var(--text-3);font-family:JetBrains Mono,monospace;letter-spacing:.5px;font-size:13px}.app-loading .rgbdot{display:inline-flex;gap:5px;margin-bottom:14px}.app-loading .rgbdot i{width:10px;height:10px;border-radius:50%;display:block;animation:fade 1s infinite alternate}
