:root{--bg-color:#f7f7f7;--text-color:#212121;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--bg-color:#08021a;--text-color:#e0e0e0}html,body,#root{background-color:var(--bg-color);height:100%;color:var(--text-color);margin:0;padding:0;font-family:Menlo,Consolas,Monaco,monospace;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{letter-spacing:.02em;font-family:Menlo,Consolas,monospace;font-weight:500}p{font-family:Menlo,Consolas,Monaco,monospace;line-height:1.5}*{color:inherit}.main-content{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:calc(100vh - 3.5rem);padding-top:3.5rem;display:flex}.content-wrapper{width:100%;max-width:900px;margin:0 auto;padding:0 1rem}.top-bar{background-color:var(--bg-color);z-index:1000;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;height:3.5rem;padding:0 1rem;display:flex;position:fixed;top:0;left:0}.top-bar nav{gap:1rem;display:flex}.top-bar nav a{color:inherit;font-weight:500;text-decoration:none}.top-bar nav a:after{content:"";transform-origin:100%;background-color:currentColor;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.top-bar nav a:hover:after{transform-origin:0;transform:scaleX(1)}