:root{--color-black:#000;--color-white:#fff;--color-gray-72:#b8b8b8;--color-gray-45:#737373;--color-gray-20:#333;--color-gray-10:#1a1a1a;--color-blue:#2456ff;--color-rec:#ff3b30;--bg:var(--color-black);--fg:var(--color-white);--font-display:"Anybody", system-ui, sans-serif;--font-mono:"Geist Mono", monospace;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:40px;--space-5:64px;--space-6:104px;--space-7:168px;--grid-columns:12;--grid-gutter:24px;--grid-margin:clamp(20px, 5vw, 64px);--radius:0;--ease-smooth:cubic-bezier(.22, 1, .36, 1);--duration-hover:.18s;--duration-scrub:.14s}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font-display);-webkit-font-smoothing:antialiased;margin:0}#root{height:100%}a{color:var(--color-white);border-bottom:1px solid var(--color-gray-20);transition:border-color var(--duration-hover) var(--ease-smooth);text-decoration:none}a:hover{color:var(--color-white);border-bottom-color:var(--color-blue)}::selection{background:var(--color-blue);color:var(--color-white)}:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px;transition:outline-color var(--duration-hover) var(--ease-smooth)}input,button{transition:border-color var(--duration-hover) var(--ease-smooth), background-color var(--duration-hover) var(--ease-smooth), color var(--duration-hover) var(--ease-smooth);font-family:inherit}input::placeholder{color:var(--color-gray-45);font-family:var(--font-mono);font-size:14px}button{border-radius:var(--radius)}@keyframes cut-flash{0%{opacity:1}to{opacity:0}}@keyframes log-in{0%{opacity:0}to{opacity:1}}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.3}}