:root{--bg: #0e0c09;--surface: #15120d;--surface-2: #1c1813;--ink: #ece4d6;--muted: #8a8175;--line: #241f18;--line-strong: #38312665;--amber: #d99a3c;--accent: #6fae9a;--display: "Fraunces", Georgia, serif;--mono: "JetBrains Mono", monospace;--sidebar-width: 256px;--header-height: 64px}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--mono);background-image:radial-gradient(circle at 30% 0%,#1a160f 0%,var(--bg) 60%)}.c-app{display:flex;flex-direction:row;min-height:100vh}.c-sidebar{position:fixed;top:0;bottom:0;left:0;z-index:1030;display:flex;flex-direction:column;width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--line);transition:transform .3s}.sidebar-brand{display:flex;align-items:center;gap:10px;height:var(--header-height);padding:0 24px;border-bottom:1px solid var(--line)}.sidebar-nav{display:flex;flex-direction:column;padding:16px 0;overflow-y:auto}.links a{display:block;padding:12px 24px;font-size:13px;color:var(--muted);text-decoration:none;letter-spacing:.1em;transition:color .2s,background-color .2s}.links a:hover{color:var(--amber);background:var(--surface-2)}.links a.router-link-active{color:var(--ink);background:var(--line-strong);border-right:2px solid var(--amber)}.c-wrapper{display:flex;flex-direction:column;flex:1;min-width:0;margin-left:var(--sidebar-width);transition:margin-left .3s}.c-header{display:flex;align-items:center;height:var(--header-height);padding:0 24px;border-bottom:1px solid var(--line);background:transparent}.c-header-toggler{display:none;background:transparent;border:none;color:var(--muted);cursor:pointer;padding:8px;margin-right:16px;transition:color .2s}.c-header-toggler:hover{color:var(--ink)}.header-brand-info{display:flex;align-items:center;gap:10px}.c-body{flex:1;position:relative;overflow-y:auto;overflow-x:hidden}.mark{color:var(--amber);font-size:18px}.name{font-family:var(--display);font-weight:900;letter-spacing:.04em;font-size:16px}.slash{color:var(--muted)}.role{font-size:11px;color:var(--muted);letter-spacing:.16em;text-transform:uppercase}.c-sidebar-backdrop{position:fixed;top:0;left:0;z-index:1020;width:100vw;height:100vh;background-color:#00000080;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}.c-sidebar-backdrop.show{visibility:visible;opacity:1}@media (max-width: 768px){.c-sidebar{transform:translate(-100%)}.c-sidebar.show{transform:translate(0)}.c-wrapper{margin-left:0}.c-header-toggler{display:flex;align-items:center;justify-content:center}}