:root{--font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;--line-height: 1.5;--font-weight-normal: 400;--font-weight-bold: 500;--color-light: rgba(255, 255, 255, .87);--color-dark: #213547;--bg-dark: linear-gradient(135deg, #1e2a44, #3b4a6b);--bg-light: #ffffff;--link-color: #646cff;--link-hover-dark: #535bf2;--link-hover-light: #747bff;--button-bg-dark: #1a1a1a;--button-bg-light: #f9f9f9;--button-border-hover: #646cff;--spacing-sm: .6em;--spacing-md: 1.2em;--border-radius: 8px;--transition-speed: .25s;font-family:var(--font-family);line-height:var(--line-height);font-weight:var(--font-weight-normal);color-scheme:light dark;color:var(--color-light);background:var(--bg-dark);box-sizing:border-box;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0;box-sizing:border-box}a{font-weight:var(--font-weight-bold);color:var(--link-color);text-decoration:none}a:hover{color:var(--link-hover-dark)}body{margin:0;padding:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box}h1{font-size:3.2em;line-height:1.1}#app{margin:0 auto;padding:0;text-align:center;box-sizing:border-box;height:auto;width:100%;max-width:100%}button{border-radius:var(--border-radius);border:1px solid transparent;padding:var(--spacing-sm) var(--spacing-md);font-size:1em;font-weight:var(--font-weight-bold);font-family:var(--font-family);background-color:var(--button-bg-dark);color:inherit;cursor:pointer;transition:border-color var(--transition-speed)}button:hover{border-color:var(--button-border-hover)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:var(--color-dark);background:var(--bg-light)}a:hover{color:var(--link-hover-light)}button{background-color:var(--button-bg-light)}}