:root{--color-background:#fffcf7;--color-surface:#fbf5ec;--color-surface-raised:#fff;--color-border:#f3e9da;--color-text:#1c1b1a;--color-text-muted:#57534e;--color-accent:#e8603c;--color-accent-text:#fff;--color-success:#2f9e6b;--color-warning:#e0a526;--color-danger:#d64545;--radius-md:12px;--radius-lg:16px;--font-sans:ui-sans-serif, -apple-system, "SF Pro Text", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--color-background:#1c1b1a;--color-surface:#2a2826;--color-surface-raised:#33302d;--color-border:#3d3a37;--color-text:#fbf5ec;--color-text-muted:#a8a29e}}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font-sans);background:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased}.shell{grid-template-columns:220px 1fr;min-height:100dvh;display:grid}nav{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;gap:4px;padding:24px 16px;display:flex}nav strong{margin-bottom:16px;font-size:18px}nav a{color:var(--color-text-muted);border-radius:var(--radius-md);padding:8px 12px;text-decoration:none}nav a.active{background:var(--color-surface-raised);color:var(--color-text);font-weight:600}main{padding:32px 24px}h1{letter-spacing:-.02em;margin:0 0 8px}p{color:var(--color-text-muted);margin:0 0 24px}.card{border-radius:var(--radius-lg);background:var(--color-surface-raised);border:1px solid var(--color-border);padding:16px}@media (width<=640px){.shell{grid-template-columns:1fr}nav{border-right:0;border-bottom:1px solid var(--color-border);flex-direction:row;align-items:center;padding:12px 16px}nav strong{margin:0 12px 0 0}}