/* A lush, warm garden around a calm workspace. */
:root{--garden-paper:#fffaf0;--garden-green:#426b4b;--garden-pink:#e2b3bb;--garden-cream:#f6ebce}
body{background-color:var(--bg);background-image:radial-gradient(#7c986b13 .8px,transparent .8px);background-size:9px 9px}
.sidebar{background:linear-gradient(175deg,#ecf0df 0%,#f5eedf 63%,#e3eacb 100%);border-right:1px solid #c9d5b9}.sidebar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:125px;background:url('/garden-desk.svg') center 56%/260px auto no-repeat;opacity:.6;pointer-events:none}.sidebar-foot{position:relative;z-index:1;background:#f6f4e8e8;border:1px solid #d2d9be;padding:13px;border-radius:16px;margin-bottom:88px}.brand-mark{background:#fffaf0;border:1px solid #becfa9;box-shadow:4px 4px 0 #d3dfbe;border-radius:50%;color:#466e4c;transform:rotate(-7deg)}
.nav button[aria-current=page]{background:#fffaf3;border-color:#bcccae;box-shadow:3px 3px 0 #cbd7b9}.nav button[aria-current=page] .lbl{color:#365d40}.nav button{border-radius:12px}.page-head h1{font-size:clamp(30px,3.5vw,43px);letter-spacing:-1.5px}.page-head .eyebrow{color:#758367}.page-head p{font-size:14px}.workspace{max-width:1240px}
.welcome-strip{min-height:255px;padding:31px 36px;background:linear-gradient(115deg,#f4e6d8,#f3e9d2 53%,#e6eccf);border:1px solid #d5d8bd;border-radius:28px 28px 10px 28px;box-shadow:0 10px 30px #4d70400b;isolation:isolate;overflow:hidden}.welcome-strip>div{max-width:54%;position:relative;z-index:2}.welcome-strip p{font-size:clamp(31px,3.4vw,46px);line-height:1.04;letter-spacing:-1.7px;color:#3e6345;margin:17px 0 14px;font-weight:600}.welcome-strip .eyebrow{font-size:8px;letter-spacing:1.6px;color:#7b8165}.welcome-caption{font-size:13px;color:#6f7862}.welcome-strip svg{display:none}.welcome-strip:after{content:"";position:absolute;inset:0 0 0 39%;background:url('/garden-desk.svg') right bottom/auto 105% no-repeat;opacity:1;z-index:0;mask-image:none}.welcome-strip:before{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:repeating-conic-gradient(#9cb18b 0% 25%,#e6edda 0% 50%) 0 0/24px 24px;z-index:1}.welcome-strip .star-one{color:#9a765d;left:49%;right:auto;top:26px;font-size:22px;z-index:1}.welcome-strip .star-two{display:block;position:absolute;bottom:27px;left:49%;top:auto;font-size:12px;background:#fffbef;border:1px solid #dac9ad;border-radius:50%;width:63px;height:63px;padding:14px 8px;text-align:center;line-height:1.15;color:#7e6a4f;transform:rotate(9deg);z-index:2}
.daily-overview{gap:15px;margin-top:6px}.overview-card{background:#eef2df;border:1px solid #d2ddbf;border-radius:20px;padding:20px 22px;position:relative;box-shadow:0 5px 0 #e0e7cf;overflow:hidden}.overview-card strong{font-size:43px;font-family:var(--display);font-weight:600;color:#46654a}.overview-card .metric-label{font-size:9px;letter-spacing:1.5px;font-weight:700}.overview-card>span:last-of-type{font-size:11px}.decision-metric{background:#eee3f0;border-color:#ddcde1;box-shadow:0 5px 0 #e6d9e9}.decision-metric strong{color:#83638b}.week-metric{background:#f7e8d7;border-color:#ead7c1;box-shadow:0 5px 0 #efe0cc}.week-metric strong{color:#a0784b}.metric-icon{font-size:30px!important;opacity:.42}.overview-card:after{content:"✿";font-size:48px;color:#8fa47728;position:absolute;right:13px;bottom:-8px}.decision-metric:after{color:#a386b331}.week-metric:after{color:#bda06b32}
.task-toolbar{margin-top:8px}.quick-capture{background:#fffcf5;border-color:#c8d1b8;border-radius:17px}.section-heading h2{font-size:23px;font-weight:600;letter-spacing:-.6px}.task-section{gap:12px}.card{border-radius:17px;padding:19px 21px;background:#fffdf8;box-shadow:0 3px 0 #e8e8d8}.card .title{font-size:16px}.card.t-hot{background:#fff0e3;border-color:#efd6bd;border-left:4px solid #db8d61}.card.t-decide{background:#f2e7f4;border-left:4px solid #a181b3}.card.t-high{background:#fff3d1;border-left:4px solid #c9a04b}.card.done{opacity:.7}.done-section{border-color:#ccd7ba}.btn{background:#52794f;border-radius:12px;box-shadow:0 3px 0 #38573a;font-size:13px;transition:transform .15s,box-shadow .15s}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 #38573a}.btn.ghost{background:#fffaf2;box-shadow:none}.chip{border-radius:10px}.panel{border-radius:21px;background:#fffdf7}.mail-card{border-radius:20px;background:#fffdf7;box-shadow:0 4px 0 #e5e9d8}.mail-garden{background:linear-gradient(110deg,#e9edda,#f4e5d7);border-radius:24px 24px 8px 24px;border-color:#ced7bc}.mail-garden:before{width:165px;height:16px}.mail-garden>span:last-child{font-size:43px;color:#8b9e70}.mail-garden h2{color:#456649}
.tool-shelf{gap:14px}.tool-shelf a{position:relative;border-radius:21px;padding:22px 19px;min-height:145px;background:#e5eedb;border:1px solid #c5d6b3;box-shadow:0 6px 0 #d6e2c8;overflow:hidden;transition:transform .2s}.tool-shelf a:hover{transform:translateY(-3px)}.tool-shelf a:nth-child(2){background:#f5e5d8;border-color:#e3ccb8;box-shadow:0 6px 0 #e9d9c6}.tool-shelf a:nth-child(3){background:#eee2ef;border-color:#dcc8df;box-shadow:0 6px 0 #e2d2e6}.tool-shelf a:nth-child(4){background:#f5edcd;border-color:#e2d7ab;box-shadow:0 6px 0 #e9dfb9}.tool-shelf a:after{content:"✿";position:absolute;right:-10px;bottom:-22px;font-size:90px;opacity:.09;transform:rotate(17deg)}.tool-shelf strong{font-family:var(--display);font-size:19px;font-weight:600}.tool-shelf small{font-size:11px}.tool-emoji{font-size:24px;height:32px}.sidebar .brand small{font-size:10px}.brand{gap:13px}
:root[data-theme=dark] .sidebar{background:linear-gradient(#25382b,#2e3326);border-color:#41533b}:root[data-theme=dark] .sidebar-foot{background:#253429ed;border-color:#455840}:root[data-theme=dark] .nav button[aria-current=page]{background:#3a4b37;box-shadow:3px 3px 0 #1d2b1f}:root[data-theme=dark] .nav button[aria-current=page] .lbl{color:#e7efdb}:root[data-theme=dark] .welcome-strip{background:linear-gradient(110deg,#344534,#444332);border-color:#5b6447}:root[data-theme=dark] .welcome-strip p{color:#f2e9cc}:root[data-theme=dark] .welcome-strip .eyebrow,:root[data-theme=dark] .welcome-caption{color:#c3c9ac}:root[data-theme=dark] .overview-card,:root[data-theme=dark] .panel,:root[data-theme=dark] .card,:root[data-theme=dark] .mail-card{background:#2b392b;border-color:#4b5e42;box-shadow:none}:root[data-theme=dark] .overview-card strong{color:#cbdcb4}:root[data-theme=dark] .decision-metric{background:#403345}:root[data-theme=dark] .decision-metric strong{color:#e1c6e8}:root[data-theme=dark] .week-metric{background:#443c2c}:root[data-theme=dark] .week-metric strong{color:#e5d2aa}:root[data-theme=dark] .quick-capture,:root[data-theme=dark] .btn.ghost{background:#283628}:root[data-theme=dark] .card.t-hot{background:#49382c}:root[data-theme=dark] .card.t-high{background:#49432b}:root[data-theme=dark] .card.t-decide{background:#403348}:root[data-theme=dark] .mail-garden{background:linear-gradient(110deg,#354630,#473a31)}:root[data-theme=dark] .mail-garden h2{color:#e2e9ce}:root[data-theme=dark] .tool-shelf a{background:#33442e;border-color:#52674a;box-shadow:0 5px 0 #253422}:root[data-theme=dark] .tool-shelf a:nth-child(2){background:#493b30}:root[data-theme=dark] .tool-shelf a:nth-child(3){background:#44334b}:root[data-theme=dark] .tool-shelf a:nth-child(4){background:#45412b}
@media(max-width:760px){.sidebar{background:#edf0df}.sidebar:after,.sidebar-foot{display:none}.welcome-strip{min-height:210px;padding:24px 20px;border-radius:23px 23px 8px 23px}.welcome-strip>div{max-width:57%}.welcome-strip p{font-size:30px;letter-spacing:-1px}.welcome-strip:after{left:43%;background-size:auto 88%;right:-52px}.welcome-strip .eyebrow{font-size:6px;letter-spacing:.8px;max-width:26ch}.welcome-caption{font-size:10px;max-width:21ch;line-height:1.4}.welcome-strip .star-one{display:none}.welcome-strip .star-two{left:54%;bottom:22px;width:43px;height:43px;font-size:8px;padding:10px 4px}.page-head h1{font-size:31px}.daily-overview{gap:8px}.overview-card{border-radius:14px;padding:13px 10px}.overview-card strong{font-size:32px}.overview-card .metric-label{font-size:7px;letter-spacing:.8px}.overview-card>span:last-of-type{font-size:9px;line-height:1.3}.metric-icon{display:none}.overview-card:after{font-size:35px;right:2px}.card{padding:17px 15px;border-radius:15px}.tool-shelf a{padding:16px;min-height:125px}.tool-shelf strong{font-size:17px}.section-heading h2{font-size:21px}.task-toolbar{margin-top:0}.panel{padding:18px}.workspace{padding:23px 16px 60px}}
@media(prefers-reduced-motion:reduce){.tool-shelf a,.btn{transition:none}}