*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;font-size:1rem;color:#161616;background-color:#f1edff70;overflow:hidden}.sidebar{background-color:#fff;margin:12px;border-radius:1rem;margin:-1rem .8rem -1rem -1rem;padding-left:1rem;padding-top:.8rem}.main{display:grid;grid-template-columns:260px auto}.card{background-color:var(--bg-cards);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column}.greet{background:linear-gradient(161deg,#7030f1,#aa17c4c4,#681bbec0);grid-area:greet}.calendar{grid-area:calendar}.streak1{grid-area:streak1}.streak2{grid-area:streak2}.quote{grid-area:quote}.mood{grid-area:mood}.habit{grid-area:habit}.activity{grid-area:activity}.deadline{grid-area:deadline;margin-bottom:1.4rem}.sticky{grid-area:stickyy;margin-bottom:1.4rem}.todo{grid-area:todo;margin-bottom:1.4rem}.dashboard{display:grid;margin-top:10px;gap:1rem;grid-template-columns:1.62fr 1.62fr 3.76fr 2.99fr;grid-template-rows:2.4fr 1.52fr 1.52fr 4.56fr;grid-template-columns:minmax(0,1.62fr) minmax(0,1.62fr) minmax(0,3.76fr) minmax(0,2.99fr);grid-template-rows:minmax(0,2.4fr) minmax(0,1.52fr) minmax(0,1.52fr) minmax(0,4.56fr);grid-template-areas:"greet greet greet calendar" "streak1 streak2 quote calendar" "mood mood habit activity" "todo todo deadline stickyy";width:99%;min-height:100vh;height:100vh}.dashboard>*{min-height:0;min-width:0}:root{--bg-page: #ebebeb61;--bg-card: #ffffff;--bg-cards: #ffffff;--text-main: #111827;--border-soft: #e5e7eb;--bg-container: #d6d6d62a;--text-s:#718096;--inputbx: #f9fafb;--lists:#f8f8f885;--dots:#f1f5f9;--playbtn:#000000;--bghighlight:#fef2f2}body.dark{--bg-page: #000000;--bg-card: #111827;--bg-cards: #0e0a17b3;--text-main: #e5e7eb;--border-soft: #1f2937;--bg-container: #2b2b2b;--text-s:#bcbdbd;--inputbx:#f9fafb1a;--lists:#3f3f3f42;--dots:#202021b0;--playbtn:#7c68f9f7;--bghighlight:#fef2f217}body{background:var(--bg-page);color:var(--text-main)}*{transition:background .5s ease,color .5s ease}