:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark;--background-color: #ffffff;--text-color: #213547;--text-color-subtle: #666666;--link-color: #0077ff;--link-hover-color: #005fcc;--arrow-color: #d62828;--wheel-border-color: #333333;--button-bg-color: #f0f0f0;--button-text-color: #213547;--button-hover-border-color: #0077ff;--button-disabled-bg-color: #cccccc;--sector-text-color: #ffffff;--sector-text-shadow: 1px 1px 2px rgba(0, 0, 0, .7)}@media(prefers-color-scheme:dark){:root{--background-color: #242424;--text-color: rgba(255, 255, 255, .87);--text-color-subtle: rgba(255, 255, 255, .7);--link-color: #3992ff;--link-hover-color: #64aeff;--arrow-color: #c2362d;--wheel-border-color: #ffffff;--button-bg-color: #1a1a1a;--button-text-color: rgba(255, 255, 255, .87);--button-hover-border-color: #646cff;--button-disabled-bg-color: #333333;--sector-text-color: #ffffff;--sector-text-shadow: 1px 1px 2px rgba(0, 0, 0, .5)}}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;text-align:center;color:var(--text-color);background-color:var(--background-color)}#root{width:100%}.wheel-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;position:relative}.arrow{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:30px solid var(--arrow-color);position:absolute;top:-15px;left:50%;transform:translate(-50%);z-index:10}.wheel-wrapper{position:relative;width:310px;height:310px;display:flex;align-items:center;justify-content:center}.wheel{width:300px;height:300px;border-radius:50%;border:5px solid var(--wheel-border-color);position:relative;transition:transform 4s cubic-bezier(.25,.1,.25,1)}.sector{position:absolute;top:50%;left:50%;height:1px;width:1px;font-size:1.5rem;font-weight:700;color:var(--sector-text-color);text-shadow:var(--sector-text-shadow)}.slider-container{width:300px;text-align:center;margin-bottom:1rem}.slider-container label{font-size:.9em;color:var(--text-color-subtle)}input[type=range]{width:100%;cursor:pointer}h1{font-size:2.2em;line-height:1.1;max-width:600px;margin-left:auto;margin-right:auto}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:var(--button-text-color);background-color:var(--button-bg-color);cursor:pointer;transition:border-color .25s;margin-top:1rem}button:hover{border-color:var(--button-hover-border-color)}button:disabled{background-color:var(--button-disabled-bg-color);cursor:not-allowed;opacity:.7}a{color:var(--link-color);text-decoration:none}a:hover{color:var(--link-hover-color);text-decoration:underline}