:root{color-scheme:light;--bg:#f5f5f0;--panel:#ffffff;--text:#20251f;--muted:#667065;--line:#d9ded4;--accent:#6f8f72;--accent-strong:#2f6b73;--lavender:#8271a8;--sand:#d0a85c;--night:#27313b}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);background:#fbfbf8;padding:24px 18px;display:flex;flex-direction:column;gap:26px;position:-webkit-sticky;position:sticky;top:0;min-height:100vh}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:var(--accent);color:white;font-weight:800}.brand small,.compact-stats,.eyebrow,.muted{color:var(--muted)}.brand span:last-child{display:grid;grid-gap:2px;gap:2px}.sidebar nav{display:grid;grid-gap:8px;gap:8px}.bottom-nav a,.sidebar nav a{border-radius:8px;padding:11px 12px}.bottom-nav a:hover,.sidebar nav a:hover{background:#e8eee6}.compact-stats{margin-top:auto;display:grid;grid-gap:8px;gap:8px;font-size:.88rem;border-top:1px solid var(--line);padding-top:18px}main{min-width:0;padding:34px clamp(18px,4vw,54px) 88px}.page{max-width:1120px;margin:0 auto;grid-gap:28px;gap:28px}.hero,.page{display:grid}.hero{min-height:320px;border-radius:8px;padding:clamp(24px,5vw,54px);align-content:center;grid-gap:18px;gap:18px;color:white;background:linear-gradient(120deg,rgba(39,49,59,.86),rgba(47,107,115,.68)),url(/zen-board.svg) 50%/cover no-repeat}.hero h1,.page-title h1{margin:0;font-size:clamp(2.1rem,5vw,4.6rem);line-height:1.02;letter-spacing:0}.hero p,.page-title p{max-width:680px;margin:0;font-size:1.08rem;line-height:1.6}.band{grid-gap:18px;gap:18px}.band,.grid{display:grid}.grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:14px;gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px;display:grid;grid-gap:12px;gap:12px}.card h2,.card h3,.page-title h1{margin:0}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--muted);font-size:.88rem}.button-row{display:flex;flex-wrap:wrap;gap:10px}.button{border:1px solid var(--accent);background:var(--accent);color:white;border-radius:8px;padding:10px 13px;cursor:pointer}.button.secondary{background:transparent;color:var(--accent-strong)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:12px;gap:12px}.swatch{min-height:82px;border:1px solid var(--line);border-radius:8px;padding:12px;display:grid;align-content:end;color:white;font-weight:700}.sage{background:#6f8f72}.ocean{background:#2f6b73}.lavender{background:#8271a8}.sand{background:#d0a85c;color:#20251f}.soft-night{background:#27313b}.bottom-nav{display:none}@media (max-width:760px){.app-shell{display:block}.sidebar{position:static;min-height:auto;padding:16px;border-right:0;border-bottom:1px solid var(--line)}.compact-stats,.sidebar nav{display:none}main{padding:22px 16px 86px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:2px;gap:2px;background:rgba(251,251,248,.96);border-top:1px solid var(--line);padding:8px}.bottom-nav a{text-align:center;font-size:.78rem;padding:9px 4px}}