:root{--bg:#f6f7ff;--surface:#fff;--text:#1e1b4b;--muted:#4c4f79;--brand:#4f46e5;--brand-soft:#818cf8;--accent:#f59e0b;--border:#c7d2fe;--chip:#eef2ff;--font-display:"Fraunces",serif}
.bento-grid{display:grid;gap:12px;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(96px,auto)}
.bento-grid .panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px}
.hero{grid-column:span 4;grid-row:span 2;display:grid;gap:10px;align-content:start;background:linear-gradient(145deg,#ffffff,#eef2ff)}
.stat{grid-column:span 2;display:grid;align-content:center;justify-items:center;text-align:center}
.stat p{font-size:1.45rem;font-weight:800;color:var(--brand)}
.feed{grid-column:span 3}.task{grid-column:span 2}.quote{grid-column:span 1;background:#eef2ff}
.feed ul{margin:0;padding-left:18px;color:var(--muted)}
@media (max-width:860px){.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero,.feed,.task,.quote,.stat{grid-column:span 2}}