*,*:before,*:after{box-sizing:border-box}:root{--header-height: 64px;--maxw: 1100px;--pad: 16px;--border: 1px solid #e6e6e9;--surface: #fff;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{min-height:100%}body{margin:0;font-family:Helvetica,Open Sans,Lato,Roboto,system-ui,Avenir,sans-serif;line-height:1.5;font-weight:400;color:#111;background:#f7f7f8}.app{display:flex;flex-direction:column;min-height:100dvh}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--surface);border-bottom:var(--border);z-index:1000}.nav{max-width:var(--maxw);height:100%;margin:0 auto;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:16px}.nav a{text-decoration:none;color:#222;padding:8px 10px;border-radius:8px}.nav a:hover{background:#f0f0f2}.main{padding-top:calc(var(--header-height) + 20px);padding-bottom:24px;flex:1}.container{width:50vw;padding:0 var(--pad);margin:0 300px;white-space:pre-wrap}.card{background:var(--surface);border:var(--border);border-radius:12px;padding:20px;box-shadow:0 1px #0000000a}.footer{background:var(--surface);border-top:var(--border)}.footer-inner{max-width:var(--maxw);margin:0 auto;padding:14px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.95rem;color:#555}.brand{font-size:xx-large}.workTitle{font-size:large;font-weight:700;color:#81a9cb}.sectionTitle{font-weight:700;padding-bottom:2%}.logo{position:fixed;width:40px;height:40px;background-color:#000;left:0;top:0;padding:3px}button{border:1px solid transparent;background-color:#1a1a1a;color:inherit;border-radius:8px;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s;outline:none;font-size:small}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}img{height:300px;width:auto}.p-center{text-align:center}@media (prefers-color-scheme: dark){body{color:#eaeaea;background:#0b0b0c}.header,.card,.footer{background:#121214;border-color:#202025}.nav a{color:#eaeaea}.nav a:hover{background:#1a1a1b}.footer-inner{color:#b9b9bd}button{border-color:#999}}@media (prefers-color-scheme: light){a:hover{color:#747bff}button{background-color:#f9f9f9}}