:root{font-family:Courier New,Monaco,Lucida Console,monospace;line-height:1.6;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{overscroll-behavior:none}body{margin:0;display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#1a1a1a}#app{width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center;background-color:#000}#pi-display{height:100vh;width:100vw;background-color:#000}.pi-cell{display:flex;align-items:center;justify-content:center;color:#0f8;font-family:Courier New,Monaco,monospace;font-size:1rem;font-weight:700;text-shadow:0 0 5px rgba(0,255,136,.3);border-radius:2px;background-color:#00ff880d;will-change:background-color,text-shadow;contain:layout style paint}.pi-cell.active{background-color:#00ff8826;text-shadow:0 0 8px rgba(0,255,136,.6);animation:cellPulse .3s ease-out forwards}@keyframes cellPulse{0%{background-color:#0f86;text-shadow:0 0 12px rgba(0,255,136,.9)}to{background-color:#00ff880d;text-shadow:0 0 5px rgba(0,255,136,.3)}}@keyframes glow{0%{text-shadow:0 0 10px rgba(0,255,136,.3)}to{text-shadow:0 0 20px rgba(0,255,136,.6)}}@media (prefers-color-scheme: light){body{background-color:#f5f5f5}#pi-display{color:#2563eb;text-shadow:0 0 10px rgba(37,99,235,.3)}@keyframes glow{0%{text-shadow:0 0 10px rgba(37,99,235,.3)}to{text-shadow:0 0 20px rgba(37,99,235,.6)}}}