:root{--text-color: #213547;--background-color: #ffffff;--link-color: #646cff;--link-hover-color: #747bff;--nav-link-color: #007bff;--nav-link-hover-bg: #e2e6ea;--footer-bg: #fff;--footer-color: #222;--footer-border: #eee}html[data-theme=dark]{--text-color: rgba(255, 255, 255, .87);--background-color: #242424;--link-color: #646cff;--link-hover-color: #535bf2;--nav-link-color: #007bff;--nav-link-hover-bg: #4a4a4a;--footer-bg: #222;--footer-color: #fff;--footer-border: #444}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;display:flex;flex-direction:column;align-items:stretch;width:100vw;box-sizing:border-box;color:var(--text-color);background-color:var(--background-color)}#app{max-width:1280px;margin:0 auto;padding:0;text-align:center;flex:1;display:flex;flex-direction:column;width:100%}main{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%}h1{font-size:3.2em;line-height:1.1}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-hover-color)}nav a{color:var(--nav-link-color);text-decoration:none;padding:.5rem 1rem;border-radius:5px;transition:background-color .3s ease}nav a:hover{background-color:var(--nav-link-hover-bg);text-decoration:none}