@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap";:root{color:#192421;font-synthesis:none;background:#f3f0e9;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 8%,#e4eee4 0,#0000 28rem),#f3f0e9;min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.page-shell{max-width:1120px;margin:auto;padding:34px 40px 72px}.topbar{border-bottom:1px solid #cbd2c8;justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}h1{letter-spacing:0;margin:2px 0 0;font-size:27px;font-weight:700}h1 span{color:#bc5b3e}.kicker{letter-spacing:0;color:#6b7770;margin:0;font:500 11px DM Mono,monospace}.connection{color:#637067;font:11px DM Mono,monospace}.dot{background:#6d9b75;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.intro{justify-content:space-between;align-items:end;padding:72px 0 56px;display:flex}h2{letter-spacing:0;margin:14px 0 0;font-size:clamp(48px,7vw,82px);font-weight:500;line-height:.94}h2 em{color:#bc5b3e;font-family:Playfair Display,serif}.intro-copy{color:#68736b;margin:0 0 8px;font-size:15px;line-height:1.6}.error{background:#f8dfd4;border-left:3px solid #bc5b3e;margin-bottom:24px;padding:12px 15px;font-size:14px}.workspace{border-top:1px solid #cbd2c8;grid-template-columns:minmax(260px,.72fr) 1.28fr;gap:70px;padding-top:32px;display:grid}.new-task{flex-direction:column;gap:9px;display:flex}label{margin-top:16px;font-size:14px}label span{color:#8b948d;font-size:12px}input,textarea,select{color:#192421;background:#faf9f5;border:1px solid #c5cec3;border-radius:2px;outline-color:#bc5b3e;padding:12px}textarea{resize:vertical}.primary,.secondary{border:0;border-radius:2px;padding:13px 17px;font-weight:700}.primary{color:#fff;text-align:left;background:#bc5b3e;margin-top:15px}.primary span{float:right;font-size:20px;line-height:12px}.primary:hover{background:#a94d34}.list-heading{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}h3{letter-spacing:0;margin:7px 0 0;font-size:22px}.text-button{color:#bc5b3e;background:0 0;border:0;padding:4px;font-size:13px}.task-item{border-bottom:1px solid #d6dbd2;align-items:center;gap:13px;min-height:70px;display:flex}.task-mark{border:2px solid #bc5b3e;border-radius:50%;flex:none;width:10px;height:10px}.task-item.completed .task-mark{background:#6d9b75;border-color:#6d9b75}.task-content{flex:1;min-width:0}h4{margin:0 0 4px;font-size:15px}.task-item.completed h4{color:#8b948d;text-decoration:line-through}.task-content p{color:#7d8780;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}select{text-transform:capitalize;background:0 0;padding:6px 7px;font-size:11px}.delete{color:#8b948d;background:0 0;border:0;padding:4px;font-size:22px}.delete:hover{color:#bc5b3e}.empty{color:#7d8780;padding:25px 0;font-size:14px}.summary-panel{border-top:1px solid #cbd2c8;align-items:center;gap:28px;margin-top:68px;padding-top:23px;display:flex}.summary-panel h3{margin-bottom:4px}.summary-panel p:not(.kicker){color:#7d8780;margin:0;font-size:13px}.secondary{color:#f3f0e9;background:#1d342c;margin-left:auto}.secondary:disabled{opacity:.6;cursor:wait}.summary-results{color:#68736b;align-items:baseline;gap:11px;font:12px DM Mono,monospace;display:flex}.summary-results strong{color:#bc5b3e;font-size:28px}.summary-results b{color:#192421}@media (width<=700px){.page-shell{padding:24px 20px 50px}.connection{display:none}.intro{padding:55px 0 42px;display:block}.intro-copy{margin-top:28px}.workspace{grid-template-columns:1fr;gap:48px}.summary-panel{display:block}.secondary{margin:20px 0}.summary-results{flex-wrap:wrap}.task-item{gap:8px}select{max-width:92px}}