@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#29352d;background:#f8f9f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}main{max-width:1240px;margin:auto;padding:36px 48px;position:relative}header{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-1px;font-size:23px;text-decoration:none;color:inherit}.brand-icon{font-size:34px;color:#4f7756}.brand-dot{margin-left:-9px;color:#689461}.private{color:#7b867c;font-size:12px}.private::first-letter{color:#65936a}.intro{display:flex;align-items:flex-end;justify-content:space-between;margin:74px 0 48px;gap:24px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#768576}h1{font-family:Manrope,sans-serif;font-size:56px;line-height:1.16;letter-spacing:-2.8px;font-weight:500;margin:18px 0}h1 span{color:#6e9468}.intro p,.login>p{font-size:15px;line-height:1.8;color:#7c857c}.progress{width:170px;padding-bottom:8px}.progress>div:first-child{font-family:Manrope,sans-serif;font-size:36px}.progress .muted{font-size:23px;color:#a2aca0}.progress p{font-size:11px;margin:7px 0 16px}.track{background:#e3e9df;height:5px;border-radius:20px;overflow:hidden}.track i{display:block;background:#668560;height:100%;transition:width .3s}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.column{border:1px solid #dde5d6;border-radius:20px;padding:25px 22px 20px;background:#f0f5eb;min-height:350px;display:flex;flex-direction:column}.column-1{background:#f7f2e6;border-color:#e9e0cc}.column-2{background:#f6efec;border-color:#eaded6}.column-top{display:flex;align-items:center;justify-content:space-between}.pillar-icon{width:43px;height:43px;border-radius:13px;background:#e1ebd8;display:grid;place-items:center;font-size:26px;color:#678354}.column-1 .pillar-icon{color:#ac8a42;background:#eee4c8}.column-2 .pillar-icon{color:#b98068;background:#efdfd5}.count{font-size:10px;color:#848b7b;border:1px solid #dce3d3;padding:5px 9px;border-radius:20px}.column h2{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.8px;margin:22px 0 5px}.subtitle{font-size:11px;color:#919184;margin:0 0 25px}.task-list{flex:1}.task{display:flex;align-items:center;gap:10px;background:#ffffffb3;border:1px solid #ffffff;border-radius:10px;padding:13px 10px;margin-bottom:9px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.task span{flex:1}.task input{accent-color:#6d8c60;width:16px;height:16px;flex-shrink:0;cursor:pointer}.task.done span{text-decoration:line-through;color:#99a095}.delete{background:none;border:0;color:#92998d;cursor:pointer;font-size:20px;padding:0 3px}.delete:hover{color:#a74436}.add-form{display:flex;gap:8px;margin-top:18px;border-top:1px solid #dce2d3;padding-top:17px}.add-form input{min-width:0;width:100%;background:transparent;border:0;padding:8px 2px;font:inherit;font-size:12px;color:#475140}.add-form button{border:0;background:#ffffffad;border-radius:8px;width:32px;flex-shrink:0;font-size:22px;color:#77816c;cursor:pointer}.empty{font-size:12px;color:#969d8f;text-align:center;padding:35px 5px;font-style:italic}footer{display:flex;align-items:center;justify-content:space-between;margin:28px 0;font-size:11px;color:#989f92}.text-button{font:inherit;color:#738168;border:0;background:none;cursor:pointer}.login{margin:85px auto 30px;max-width:550px;text-align:center}.login h1{font-size:60px}.login form{max-width:360px;margin:35px auto;text-align:left;border:1px solid #e0e6d9;border-radius:20px;padding:28px;background:#ffffffa8}.login h2{font-size:18px;margin:0 0 24px;letter-spacing:-.4px}.login label{font-size:12px;display:block;margin-bottom:9px;color:#74816e}.login input{width:100%;border:1px solid #dce2d7;background:#fafbf7;border-radius:8px;padding:13px;font:inherit;font-size:13px}.primary{display:flex;justify-content:space-between;width:100%;padding:14px 16px;border:0;border-radius:8px;background:#55744d;color:white;font:inherit;font-size:13px;margin-top:14px;cursor:pointer}.login small{display:block;font-size:10px;color:#919b8b;margin-top:18px;text-align:center}button:disabled{opacity:.5;cursor:wait}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #78926c;outline-offset:3px}#message{color:#a5453b;text-align:center;font-size:13px;min-height:20px}.orb{position:fixed;width:400px;height:400px;background:#e8efdd;filter:blur(100px);opacity:.45;border-radius:100%;pointer-events:none;z-index:-1}.one{right:0;top:0}.two{left:-250px;bottom:0;background:#f4e8cf}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:800px){main{padding:25px}.board{grid-template-columns:1fr}.intro{margin-top:48px}h1{font-size:43px}.column{min-height:280px}.private{font-size:10px}.login h1{font-size:47px}.login{margin-top:65px}}@media(max-width:420px){.progress{width:105px}.intro{gap:10px}h1{font-size:36px;letter-spacing:-1.8px}.brand{font-size:20px}.private{font-size:9px}main{padding:22px 18px}}