@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Syne+Mono&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--c-void: #000000;--c-base: #090909;--c-surface: #101010;--c-raised: #161616;--c-elevated: #1e1e1e;--c-overlay: #272727;--c-border: #222222;--c-border-2: #2e2e2e;--c-border-3: #3e3e3e;--c-amber: #D96F00;--c-amber-dim: #a85500;--c-amber-bright: #f07800;--c-amber-glow: rgba(217,111,0,.2);--c-amber-trace: rgba(217,111,0,.09);--c-amber-border: rgba(217,111,0,.32);--c-text-1: #f5f5f5;--c-text-2: #d4d4d4;--c-text-3: #a0a0a0;--c-text-4: #727272;--c-text-5: #4a4a4a;--c-green: #1db954;--c-green-glow: rgba(29,185,84,.12);--c-green-border: rgba(29,185,84,.25);--c-red: #e53935;--c-red-glow: rgba(229,57,53,.12);--c-red-border: rgba(229,57,53,.25);--c-yellow: #e6a817;--f-ui: "Syne", system-ui, sans-serif;--f-mono: "Syne Mono", "SF Mono", monospace;--f-display: "Playfair Display", Georgia, serif;--r-xs: 3px;--r-sm: 6px;--r: 10px;--r-lg: 14px;--r-md: 10px;--ease: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--c-void);color:var(--c-text-1);font-family:var(--f-ui);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border-3);border-radius:2px}input[type=range]{-webkit-appearance:none;width:100%;height:2px;background:var(--c-elevated);border-radius:1px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--c-amber);border:2px solid var(--c-void);cursor:pointer}button{cursor:pointer;font-family:var(--f-ui);border:none;background:transparent}button:disabled{opacity:.4;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 4px currentColor}50%{opacity:.5;box-shadow:0 0 10px currentColor}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.anim-up{animation:fadeUp .4s var(--ease) both}.anim-slide{animation:slideIn .35s var(--ease) both}.mono{font-family:var(--f-mono)}.serif{font-family:var(--f-display)}.amber{color:var(--c-amber)}
