:root{--bg:#d8d1bf;--panel:#dcd5c5;--ink:#30382b;--muted:#737968;--clay:#b66547;--sage:#62755e;--light:#eee9dc;--shadow-dark:#b8b1a2;--shadow-light:#f8f3e7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;min-height:100vh}.app-shell{min-height:100vh;display:flex}.sidebar{width:258px;padding:38px 24px 28px;display:flex;flex-direction:column;border-right:1px solid rgba(48,56,43,.08)}.brand{display:flex;gap:10px;align-items:center;font:700 30px 'Playfair Display';letter-spacing:-1.5px}.brand-mark{font:21px 'DM Sans';color:var(--clay)}.nav{margin-top:68px;display:grid;gap:8px}.nav-item{border:0;background:transparent;color:var(--muted);font:500 14px 'DM Sans';padding:13px 12px;border-radius:13px;text-align:left;cursor:pointer;transition:.2s}.nav-item:hover,.nav-item.active{background:var(--panel);box-shadow:inset 2px 2px 5px var(--shadow-dark),inset -2px -2px 5px var(--shadow-light);color:var(--ink)}.nav-icon{font-size:18px;margin-right:13px;color:var(--sage)}.nav-item b{float:right;font:500 11px 'DM Mono';opacity:.7}.sidebar-bottom{margin-top:auto}.sync-status{font:12px 'DM Mono';color:var(--muted);padding:12px}.sync-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sage);margin-right:7px}.account-btn{width:100%;border:0;background:transparent;color:var(--ink);padding:13px;text-align:left;cursor:pointer;font:600 12px 'DM Sans';border-radius:11px}.account-btn:hover{box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}.account-btn span{float:right}.workspace{max-width:1050px;flex:1;margin:0 auto;padding:42px 55px 22px}.topbar{display:flex;justify-content:space-between;align-items:flex-start}.date-lockup p,.eyebrow{margin:0;color:var(--clay);font:500 10px 'DM Mono';letter-spacing:1.25px;text-transform:uppercase}.date-lockup h1{margin:8px 0 0;font:600 29px 'Playfair Display';letter-spacing:-1px}.top-actions{display:flex;gap:16px;align-items:center}.icon-btn{border:0;width:41px;height:41px;border-radius:50%;background:var(--panel);box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light);color:var(--ink);cursor:pointer}.avatar{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:var(--sage);color:#f8f4e8;font:500 13px 'DM Mono';box-shadow:4px 4px 8px var(--shadow-dark)}.focus-card{margin-top:37px;background:var(--panel);border-radius:24px;padding:31px 36px;min-height:192px;display:flex;align-items:center;gap:23px;box-shadow:11px 11px 24px var(--shadow-dark),-10px -10px 24px var(--shadow-light);position:relative;overflow:hidden}.focus-card h2{font:600 27px/1.17 'Playfair Display';letter-spacing:-.75px;margin:8px 0}.focus-card em{color:var(--clay)}.subcopy{font-size:13px;color:var(--muted);margin:0}.sun-orb{font-size:51px;color:#c78752;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.progress-wrap{margin-left:auto;text-align:center;min-width:108px}.progress-ring{--p:0%;width:77px;height:77px;margin:auto;border-radius:50%;background:conic-gradient(var(--sage) var(--p),#c7c1b2 0);display:grid;place-items:center}.progress-ring:before{content:'';width:63px;height:63px;border-radius:50%;background:var(--panel);position:absolute}.progress-ring span{position:relative;font:500 12px 'DM Mono'}.progress-wrap small{display:block;margin-top:8px;color:var(--muted);font-size:10px}.task-area{margin-top:55px}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-heading h2{font:600 25px 'Playfair Display';letter-spacing:-.6px;margin:8px 0 0}.new-task{border:0;border-radius:13px;background:var(--clay);color:#fff9ec;padding:13px 17px;font:600 13px 'DM Sans';cursor:pointer;box-shadow:5px 5px 11px var(--shadow-dark);transition:transform .2s}.new-task:hover{transform:translateY(-2px)}.task-form{margin-top:24px;display:flex;gap:10px;padding:10px;border-radius:16px;box-shadow:inset 3px 3px 8px var(--shadow-dark),inset -3px -3px 8px var(--shadow-light)}.task-form input{flex:1;min-width:0;border:0;background:transparent;padding:10px 12px;color:var(--ink);font:14px 'DM Sans';outline:0}.task-form select,.task-form button{border:0;border-radius:9px;background:var(--light);color:var(--ink);padding:0 11px;font:12px 'DM Sans';cursor:pointer}.task-form button{background:var(--sage);color:#fff}.hidden{display:none!important}.task-list{margin-top:25px;display:grid;gap:12px}.task{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:16px;background:var(--panel);box-shadow:6px 6px 13px var(--shadow-dark),-6px -6px 13px var(--shadow-light);animation:appear .35s ease}.check{width:21px;height:21px;border:2px solid #909783;border-radius:50%;background:transparent;cursor:pointer;display:grid;place-items:center;color:white;flex:none}.task.done .check{background:var(--sage);border-color:var(--sage)}.task.done .task-name{text-decoration:line-through;color:#8f9388}.task-name{font-size:14px;font-weight:500;flex:1}.tag{border-radius:20px;padding:5px 8px;font:10px 'DM Mono';text-transform:uppercase}.tag.work{background:#d8c8ab;color:#735c38}.tag.personal{background:#d5c0b6;color:#805542}.tag.ritual{background:#bfcdbd;color:#496044}.due{font:10px 'DM Mono';color:var(--muted);min-width:70px}.delete{border:0;background:transparent;color:#8e8d80;cursor:pointer;font-size:19px;opacity:0}.task:hover .delete{opacity:1}.empty-state{text-align:center;color:var(--muted);padding:72px 20px}.empty-state span{font-size:32px;color:var(--clay)}.empty-state h3{font:600 20px 'Playfair Display';color:var(--ink);margin:13px 0 5px}.empty-state p{font-size:13px;margin:0}footer{margin-top:56px;text-align:center;color:var(--muted);font:11px 'DM Mono'}footer a{color:var(--sage);text-decoration:none}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}body.high-contrast{--bg:#c8c2ae;--panel:#d4cdbb;--ink:#1d281a}@media(max-width:720px){.sidebar{display:none}.workspace{padding:28px 22px}.focus-card{padding:26px 20px;gap:14px}.sun-orb{display:none}.focus-card h2{font-size:23px}.progress-wrap{min-width:77px}.task-form{flex-wrap:wrap}.task-form input{flex-basis:100%}.due{display:none}.new-task span{display:none}}