:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px}*{box-sizing:border-box;margin:0;padding:0}body{display:block;min-height:100dvh}#root{display:flex;min-height:100dvh}.layout{display:flex;width:100%;min-height:100dvh}.sidebar{width:200px;flex-shrink:0;background:#1a1a1a;border-right:1px solid #2a2a2a;display:flex;flex-direction:column;padding:1.5rem 1rem;gap:.25rem}.nav-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#555;padding:0 .5rem;margin-bottom:.75rem}.sidebar a{display:block;padding:.5rem .75rem;border-radius:6px;color:#aaa;text-decoration:none;font-size:.925rem;transition:background .15s,color .15s}.sidebar a:hover{background:#252525;color:#e5e5e5}.sidebar a.active{background:#2a2a2a;color:#fff}.content{flex:1;padding:2.5rem 2rem}.page h1{font-size:1.6rem;font-weight:600;margin-bottom:.75rem;letter-spacing:-.02em}.page p{color:#888;font-size:.95rem;line-height:1.6}