@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap";:root{color:#27342f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--green:#315b49;--muted:#898e86;--line:#e4e3dc;background:#f5f4ef;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.page{flex-direction:column;max-width:840px;min-height:100vh;margin:auto;padding:30px 42px 28px;display:flex}.topbar{justify-content:space-between;align-items:center;display:flex}.brand{color:#27342f;letter-spacing:-.6px;align-items:center;gap:9px;font-size:19px;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:#fff;background:var(--green);border-radius:8px;place-items:center;width:26px;height:26px;font-size:16px;display:grid}.account{color:#59665e;align-items:center;gap:20px;font-size:13px;display:flex}.text-button{color:var(--green);background:0 0;border:0;padding:0;font-weight:600}.auth-card{width:min(100%,410px);margin:auto;padding:14px 0 34px}.eyebrow{color:#77917e;letter-spacing:2px;font-size:10px;font-weight:700}h1{letter-spacing:-1.8px;color:#263830;margin:13px 0 10px;font-family:Playfair Display,Georgia,serif;font-size:clamp(42px,7vw,58px);font-weight:500;line-height:1.08}.subheading{color:var(--muted);margin:0;font-size:14px}.auth-form{flex-direction:column;margin-top:33px;display:flex}.auth-form label{margin:0 0 8px;font-size:12px;font-weight:600}.auth-form input{background:#fbfaf7;border:1px solid #dcded6;border-radius:7px;outline:0;height:47px;margin-bottom:20px;padding:0 13px}.auth-form input:focus,.add-task:focus-within{border-color:#77917e;box-shadow:0 0 0 3px #315b4915}.primary-button{color:#fff;background:var(--green);border:0;border-radius:7px;justify-content:space-between;align-items:center;height:48px;margin-top:2px;padding:0 16px;font-weight:600;display:flex}.primary-button:hover,.add-task button:hover:not(:disabled){background:#264a39}.primary-button span{font-size:18px}.switch-mode{color:var(--muted);text-align:center;margin-top:22px;font-size:12px}.tasks-view{flex:1;width:min(100%,600px);margin:82px auto 0}.tasks-view h1{margin-top:15px;font-size:clamp(44px,7vw,62px)}.tasks-view .subheading{margin-bottom:31px}.add-task{background:#fbfaf7;border:1px solid #dddfd7;border-radius:9px;align-items:center;height:58px;padding:0 7px 0 16px;transition:box-shadow .15s;display:flex}.add-icon{color:#74917e;margin-right:10px;font-size:23px}.add-task input{color:#27342f;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:13px}.add-task input::placeholder{color:#9a9e97}.add-task button{background:var(--green);color:#fff;border:0;border-radius:6px;padding:10px 14px;font-size:12px;font-weight:600}.add-task button:disabled{opacity:.45;cursor:default}.list-header{justify-content:space-between;align-items:center;margin:34px 0 10px;display:flex}.list-header h2{margin:0;font-size:14px;font-weight:700}.list-header span{color:var(--muted);font-size:11px}.task-list{margin:0;padding:0;list-style:none}.task-row{border-bottom:1px solid var(--line);align-items:center;gap:13px;min-height:58px;display:flex}.check-button{color:#fff;background:0 0;border:1px solid #c9cfc6;border-radius:50%;flex:0 0 20px;width:20px;height:20px;padding:0;font-size:12px}.is-complete .check-button{background:var(--green);border-color:var(--green)}.task-text{overflow-wrap:anywhere;flex:1;font-size:13px;line-height:1.5}.is-complete .task-text{color:#9ba19a;text-decoration:line-through}.delete-button{color:#a1a49e;opacity:0;background:0 0;border:0;padding:2px 7px;font-size:22px}.task-row:hover .delete-button,.delete-button:focus{opacity:1}.empty-state{text-align:center;color:var(--muted);border:1px dashed #d9ddd5;border-radius:10px;padding:30px}.empty-spark{color:#77917e;font-size:23px}.empty-state p{color:#58655e;margin:8px 0 5px;font-size:13px}.empty-state span:last-child{font-size:11px}.notice{color:#8c4439;background:#fbefec;border-radius:7px;margin-top:18px;padding:11px 13px;font-size:12px}footer{color:#a0a29b;text-align:center;margin-top:55px;font-size:11px}.loading{color:var(--muted);margin:auto}@media (width<=600px){.page{padding:22px 22px 20px}.tasks-view{margin-top:60px}.delete-button{opacity:1}}