body{color:#e6e6f0;background:#0d0b1e;margin:0;font-family:system-ui,sans-serif}.page{flex-direction:column;min-height:100vh;display:flex}.layout{flex:1;display:flex}.footer{text-align:center;color:#a8a8c0;background:#1c1a2e;border-top:1px solid #ffffff1a;padding:1rem}.sidebar{box-sizing:border-box;background:#1c1a2e;border-right:1px solid #ffffff1a;width:220px;padding:1.5rem;transition:transform .3s}.sidebar h2{color:#7b5cff;margin-top:0}.sidebar ul{margin:1rem 0 0;padding:0;list-style:none}.sidebar li{margin-bottom:1rem}.sidebar a{color:#e6e6f0;text-decoration:none}.sidebar a:hover{color:#4da6ff}.nav-toggle{color:#e6e6f0;text-align:left;z-index:20;background:#1c1a2e;border:none;width:100%;padding:1rem;font-size:1.2rem;display:none}.content{box-sizing:border-box;flex:1;max-width:700px;margin:0 auto;padding:2rem}@media (width<=700px){.layout{flex-direction:column}.sidebar{z-index:10;border-bottom:1px solid #ffffff1a;border-right:none;width:100%;position:absolute;top:0;left:0;transform:translateY(-100%)}.sidebar.open{transform:translateY(0)}.nav-toggle{display:block}.content{padding:1.5rem}}