:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;min-width:320px;min-height:100vh;background-color:#0f172a;overflow-x:hidden}html{min-height:100%;background-color:#0f172a}h1{font-size:3.2em;line-height:1.1}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#0f172a}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;max-width:1280px;margin:0 auto;padding:clamp(1rem,3vw,2rem);text-align:center}body{background-color:#0f172a}.sticky-header{position:sticky;top:0;z-index:10;background-color:#0f172a;padding:.1rem 0;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.sticky-header h2,.sticky-header p{margin:0}.sticky-header p{max-width:40ch}.page-content{padding-top:.2rem}button{width:clamp(140px,45vw,200px);height:clamp(140px,45vw,200px);border-radius:50%}button:hover{box-shadow:0 0 20px #3b44d1,0 6px 16px #0003}button:active{filter:brightness(.95);box-shadow:0 0 17px #3b44d1,0 6px 16px #0003}table{margin:1.5rem auto;width:min(420px,100%);border-style:solid}.chart{width:min(1000px,100%);margin:1.5rem auto}.chart canvas{max-width:100%}.click-text{font-size:clamp(20px,6vw,30px);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}