@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap";:root{font-family:DM Sans,sans-serif;color:#252a28;background:#f7f8f5;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}.app-shell{min-height:100vh}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;background:#f0f2ec;border-right:1px solid #e5e8df;padding:29px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#28312d;font-size:19px;font-weight:700;letter-spacing:-.8px;padding:0 7px}.brand-mark{width:30px;height:30px;background:#597c69;color:#fff;border-radius:9px;display:grid;place-items:center;font-family:Playfair Display,serif;font-size:20px}.workspace-label,.eyebrow{font:500 10px DM Mono,monospace;letter-spacing:1.35px;color:#8a938b}.workspace-label{margin:55px 8px 14px}.side-nav{display:grid;gap:5px}.nav-item{height:42px;padding:0 10px;display:flex;align-items:center;gap:12px;color:#707a72;text-decoration:none;font-size:13px;border-radius:8px}.nav-item.active{color:#345341;background:#e2e9df;font-weight:600}.nav-icon{font-size:16px;width:18px;text-align:center}.nav-count{margin-left:auto;font:11px DM Mono,monospace;color:#65806f}.sidebar-bottom{margin-top:auto;padding:17px 12px 0;border-top:1px solid #dfe3d9}.quote-mark{font:40px Playfair Display,serif;color:#9db2a1;height:31px}.sidebar-bottom p{font:italic 13px/1.65 Playfair Display,serif;color:#667269;margin:7px 0 11px}.sidebar-bottom>span{font:9px DM Mono,monospace;color:#99a198;letter-spacing:1px}.about-link{display:flex;justify-content:space-between;margin-top:30px;padding-top:15px;border-top:1px solid #dfe3d9;color:#758077;text-decoration:none;font-size:12px}.main-content{margin-left:244px;max-width:1320px;padding:0 64px}.topbar{height:76px;border-bottom:1px solid #eaede6;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:12px;color:#8b938d}.breadcrumb span{padding:0 8px;color:#c5cac3}.avatar{width:31px;height:31px;border-radius:50%;background:#dbe7dd;color:#496b55;display:grid;place-items:center;font-size:12px;font-weight:700}.day-header{display:flex;justify-content:space-between;align-items:flex-end;padding:63px 0 41px}.day-header h1{font:600 48px/1.15 Playfair Display,serif;letter-spacing:-1.6px;margin:14px 0 11px;color:#26312c}.day-header h1 em{color:#668875}.date-line{margin:0;color:#89928b;font-size:13px}.sun-dot{color:#dfad5a;padding:0 5px;font-size:14px}.progress-card{width:220px;padding:17px 18px 15px;background:#fff;border:1px solid #edf0e9;border-radius:11px;box-shadow:0 4px 16px #26312c08}.progress-copy{display:flex;justify-content:space-between;align-items:center}.progress-copy>span{font:10px DM Mono,monospace;letter-spacing:.8px;color:#8b948c}.progress-copy strong{font:600 17px DM Sans,sans-serif;color:#526f5c}.progress-copy small{font-size:12px;color:#a2aaa3}.progress-track{margin:13px 0 9px;height:5px;border-radius:10px;background:#edf0ea;overflow:hidden}.progress-track span{display:block;height:100%;background:#81a58b;border-radius:10px;transition:width .25s}.progress-foot{font-size:11px;color:#969f97}.task-panel{background:#fff;border:1px solid #e9ece5;border-radius:12px;box-shadow:0 8px 28px #26312c06;padding:27px 30px 0}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.panel-heading h2{font:600 19px Playfair Display,serif;margin:0;color:#303a34}.task-total{display:inline-grid;place-items:center;margin-left:6px;width:20px;height:20px;border-radius:50%;background:#f0f3ee;color:#7f8d82;font:10px DM Mono,monospace;vertical-align:2px}.panel-heading p{font-size:12px;color:#a0a79f;margin:7px 0 0}.filters{display:flex;gap:3px;padding:3px;background:#f5f6f3;border-radius:8px}.filter{border:0;background:transparent;padding:7px 11px;border-radius:6px;color:#8b938d;font:11px DM Sans,sans-serif;cursor:pointer}.filter.active-filter{background:#fff;color:#506d59;box-shadow:0 1px 4px #25332912;font-weight:600}.add-task{height:48px;border:1px solid #e7ebe4;border-radius:8px;display:flex;align-items:center;padding:0 6px 0 13px;gap:10px;background:#fcfdfa}.plus{color:#81a18a;font-size:19px}.add-task input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#39433c;font:12px DM Sans,sans-serif}.add-task input::placeholder{color:#adb4ac}.add-task button,.primary-button{border:0;background:#5d8068;color:#fff;border-radius:6px;padding:9px 12px;font:11px DM Sans,sans-serif;cursor:pointer}.add-task button span{padding-left:7px;color:#d9e8d9}.task-list{margin-top:10px}.task-row{min-height:61px;border-bottom:1px solid #f0f1ee;display:flex;align-items:center;gap:13px}.check-button{width:18px;height:18px;flex:0 0 18px;border-radius:50%;border:1px solid #cdd6cb;background:#fff;color:#fff;display:grid;place-items:center;padding:0;cursor:pointer;font-size:10px}.is-done .check-button{border-color:#82a28a;background:#82a28a}.task-title{font-size:13px;color:#48514b;flex:1}.is-done .task-title{text-decoration:line-through;color:#aeb5ae}.task-time{font:10px DM Mono,monospace;color:#a1a9a1}.task-time span{font-size:13px;padding-right:3px;color:#b2b9b1}.delete-button{border:0;background:transparent;color:#bbc1ba;font-size:18px;cursor:pointer;opacity:0;padding:4px 6px}.task-row:hover .delete-button,.delete-button:focus{opacity:1}.empty-state{text-align:center;color:#9da69e;font-size:12px;padding:34px 10px}.list-footer{height:47px;display:flex;justify-content:space-between;align-items:center;color:#a1a8a1;font-size:10px}.list-footer kbd{font:10px DM Mono,monospace;padding:2px 5px;border:1px solid #e5e9e2;border-radius:4px;background:#fafbf9;color:#8b948c}.heart{color:#d4a19a;padding-left:3px}.page-footer{display:flex;justify-content:space-between;margin-top:27px;color:#a0a79f;font:9px DM Mono,monospace;letter-spacing:.6px}.page-footer span span{color:#b8beb7;letter-spacing:0}.sparkle{color:#d7ae68!important;font-size:12px;padding-left:3px}.about-page{min-height:100vh;padding:8vh 12vw;background:#f4f6f1}.back-link{color:#6e8474;text-decoration:none;font-size:13px}.about-card{max-width:580px;margin:14vh auto 0;padding:55px;background:#fff;border:1px solid #e7ebe3;border-radius:14px}.about-card h1{font:600 42px/1.17 Playfair Display,serif;color:#29342e;letter-spacing:-.8px}.about-card p{color:#778179;line-height:1.8;font-size:14px}.primary-button{display:inline-block;margin-top:16px;text-decoration:none}.primary-button span{padding-left:9px}@media(max-width:900px){.main-content{padding:0 34px}.sidebar{width:210px}.main-content{margin-left:210px}.day-header{align-items:flex-start;gap:22px;flex-direction:column}.progress-card{width:100%}}@media(max-width:620px){.sidebar{position:static;width:auto;height:auto;padding:15px 18px;border-right:0;border-bottom:1px solid #e5e8df}.workspace-label,.sidebar-bottom{display:none}.side-nav{display:flex;margin-top:14px}.nav-item{height:35px;padding:0 8px;font-size:11px}.nav-item:not(.active){display:none}.main-content{margin:0;padding:0 19px}.topbar{height:58px}.day-header{padding:40px 0 25px}.day-header h1{font-size:39px}.task-panel{padding:21px 16px 0}.filters{gap:0}.filter{padding:7px 8px}.task-row{gap:10px}.task-title{font-size:12px}.page-footer{font-size:8px}.about-card{padding:30px;margin-top:9vh}.about-card h1{font-size:34px}}