#root{display:flex;flex-direction:column;min-height:100vh}:root{--color-text: #04355c;--color-text-secondary: grey;--color-text-highlight: #ffffa1;--color-background: #ffffff;--color-button-primary: #007bff;--color-button-secondary: #f0f0f0;--color-button-hover: #3399ff;--color-shadow: rgba(0, 0, 0, .1);--color-text-red: #df7e7c;--color-text-orange: #fb8c00;--color-text-yellow: #fbc02d;--color-text-green: #43a047;--color-text-blue: #1e88e5;--color-text-purple: #8e24aa}:root{font-family:Avenir,system-ui,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:inherit;color:inherit;cursor:pointer}a:hover{color:inherit;text-decoration:underline}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}h3{font-size:1.4rem}h4{margin-top:8px;margin-bottom:4px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s;color:var(--color-text);background-color:var(--color-button-secondary)}button.primary{color:var(--color-background);background-color:var(--color-button-primary)}button:hover{color:var(--color-background);background:var(--color-button-hover)}button:focus{border-color:var(--color-button-hover);background:var(--color-button-hover)}footer{align-items:center;background-color:var(--color-button-secondary);border:1px solid var(--color-text-secondary);color:var(--color-text-secondary);display:flex;font-size:.8em;justify-content:space-between}code{background-color:var(--color-button-secondary);border-radius:.25em;padding:.25em}.highlighted{background:var(--color-text-highlight)}button:hover .highlighted{color:var(--color-text)}@media (prefers-color-scheme: dark){:root{--color-text: #f1f1f1;--color-text-secondary: #aaaaaa;--color-background: #121212;--color-text-highlight: #575741;--color-button-primary: #3399ff;--color-button-secondary: #444;--color-button-hover: #0061c3;--color-shadow: rgba(255, 255, 255, .5);--color-text-red: #ff6e6e;--color-text-orange: #ffb74d;--color-text-yellow: #ffeb3b;--color-text-green: #66bb6a;--color-text-blue: #42a5f5;--color-text-purple: #ce93d8}}