:root{--bg:#0f1715;--panel:#17221f;--ink:#e8f0ed;--muted:#93a59f;--line:#2a3b36;--accent:#3dd6b7}*{box-sizing:border-box}body,html{margin:0}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--ink)}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}nav{border-right:1px solid var(--line);padding:20px}nav a{display:block;color:var(--muted);padding:8px 0;text-decoration:none}.brand,nav a.active,nav a:hover{color:var(--accent)}.brand{font-weight:800;margin-bottom:24px}main{padding:32px}.note{color:var(--muted);max-width:640px}