*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080808;--surface:#0f0f0f;--border:#222;--text:#e0e0e0;--accent:#7c6af7;--header-h:56px}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.header{height:var(--header-h);justify-content:space-between;padding:0 1.25rem;border-bottom:1px solid var(--border);background:var(--surface);position:-webkit-sticky;position:sticky;top:0;z-index:50}.header,.logo{display:flex;align-items:center}.backLink,.logo{text-decoration:none}.backLink{font-size:.8rem;color:#555;transition:color .15s;white-space:nowrap}.backLink:hover{color:#e0e0e0}.backLinkShort,.hamburger{display:none}.hamburger{flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.hamburger span{display:block;width:22px;height:2px;background:#888;border-radius:2px;transition:background .15s}.hamburger:hover span{background:#fff}.shell{display:flex;min-height:calc(100vh - var(--header-h))}.shell,.sidebar{position:relative}.sidebar{width:220px;background:var(--surface);border-right:1px solid var(--border);padding:1rem 0;transition:width .2s ease;flex-shrink:0}.sidebarCollapsed{width:40px;overflow:hidden}.sidebarToggle{position:absolute;top:1rem;right:-14px;width:28px;height:28px;background:#1a1a1a;border:1px solid #333;border-radius:50%;cursor:pointer;color:#aaa;font-size:1rem;display:flex;align-items:center;justify-content:center;z-index:10}.sidebarToggle:hover{background:#2a2a2a;color:#fff}.sidebarClose{display:none;position:absolute;top:1rem;right:1rem;background:none;border:none;color:#666;font-size:1.1rem;cursor:pointer;padding:.25rem}.sidebarClose:hover{color:#fff}.sidebarNav{padding-top:.5rem}.navLabel{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#555;padding:0 1rem;margin:.5rem 0}.navList{list-style:none;margin:0;padding:0}.navLink{display:block;padding:.55rem 1rem;color:#888;text-decoration:none;font-size:.875rem;border-radius:4px;margin:.1rem .5rem;transition:background .15s,color .15s}.navLink:hover{background:#1e1e1e;color:#fff}.navLinkActive{color:#fff;background:#1a1a1a;border-left:2px solid var(--accent);padding-left:calc(1rem - 2px)}.main{flex:1 1;padding:2rem;min-width:0}.footer{display:flex;flex-direction:column;align-items:center;padding:1.5rem;border-top:1px solid var(--border);background:var(--surface)}.mobileOverlay{display:none}@media (max-width:768px){.backLinkFull{display:none}.backLinkShort{display:inline}.hamburger{display:flex}.sidebar{position:fixed;top:0;left:-280px;width:280px!important;min-height:100vh;z-index:100;transition:left .25s ease;padding-top:3.5rem}.sidebarMobileOpen{left:0;box-shadow:4px 0 32px rgba(0,0,0,.7)}.sidebarToggle{display:none}.sidebarClose{display:block}.mobileOverlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:99}.footer,.main{padding:1.25rem 1rem}}