:root{--c-bg: #0a0a0b;--c-surface: #141416;--c-surface2: #1c1c20;--c-border: #2a2a30;--c-border-subtle: #1e1e24;--c-text: #e8e6e3;--c-text-muted: #8a8a94;--c-text-dim: #5a5a64;--c-accent: #c8a45e;--c-accent-dim: rgba(200, 164, 94, .12);--c-green: #5cb87a;--c-green-dim: rgba(92, 184, 122, .12);--c-red: #d4645c;--c-red-dim: rgba(212, 100, 92, .1);--c-current: #5e9ec8;--c-current-dim: rgba(94, 158, 200, .12);--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;color-scheme:dark}.light{--c-bg: #f5f3ef;--c-surface: #ffffff;--c-surface2: #f0ede8;--c-border: #ddd8d0;--c-border-subtle: #e8e4dc;--c-text: #1a1a1c;--c-text-muted: #6e6e78;--c-text-dim: #a0a0a8;--c-accent: #a07830;--c-accent-dim: rgba(160, 120, 48, .08);--c-green: #2d8a50;--c-green-dim: rgba(45, 138, 80, .08);--c-red: #c0443c;--c-red-dim: rgba(192, 68, 60, .06);--c-current: #2e6da4;--c-current-dim: rgba(46, 109, 164, .08);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);background:var(--c-bg);color:var(--c-text)}body{min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem 4rem;transition:background .3s,color .3s;background:var(--c-bg)}body:before{content:"";position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}button,input{font:inherit}input[type=text],input[type=date],.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:fadeUp .4s cubic-bezier(.22,1,.36,1) both}.spinner{width:24px;height:24px;border:2.5px solid rgba(10,10,11,.2);border-top-color:#0a0a0b;border-radius:50%;animation:spin .7s linear infinite}@media(max-width:560px){body{display:block;padding:0}body:before{opacity:.55}}