:root{--bg: #fafaf8;--panel: #ffffff;--border: #e3e2dd;--text: #222;--muted: #777;--accent: #3b5bdb;color-scheme:light dark;font-family:system-ui,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #17171a;--panel: #1f1f23;--border: #33333a;--text: #eee;--muted: #999;--accent: #748ffc}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button{font:inherit;cursor:pointer}.muted{color:var(--muted)}.center{padding:2rem;text-align:center}.login{min-height:100dvh;display:grid;place-items:center;padding:1rem}.login form{width:100%;max-width:22rem;display:grid;gap:1rem;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.login h1{margin:0}.login label{display:grid;gap:.25rem;font-size:.9rem}.login input{font:inherit;padding:.5rem;border:1px solid var(--border);border-radius:4px}.login button{padding:.6rem;border:0;border-radius:4px;background:var(--accent);color:#fff}.error{color:#c92a2a;margin:0}.shell{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}.topbar{display:flex;gap:.75rem;align-items:center;padding:.5rem 1rem;border-bottom:1px solid var(--border);background:var(--panel)}.spacer{flex:1}.projects,.pages{display:none}.content{padding:1rem}.tabbar{display:flex;border-top:1px solid var(--border);background:var(--panel);position:sticky;bottom:0}.tabbar button{flex:1;padding:.9rem 0;border:0;background:none;color:var(--muted)}.tabbar button[aria-current=page]{color:var(--accent);font-weight:600}@media(min-width:800px){.shell{grid-template-columns:14rem 18rem 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"top top top" "projects pages content" "tabs tabs tabs"}.topbar{grid-area:top}.projects{grid-area:projects;display:block}.pages{grid-area:pages;display:block}.content{grid-area:content}.tabbar{grid-area:tabs;position:static}.projects,.pages{padding:1rem;border-right:1px solid var(--border);background:var(--panel)}h2{font-size:1rem;margin-top:0}}