:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#242b37;background:#f6f7f9;font-synthesis:none;--accent:#5968df}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 85% 0%,#e9edf9 0,transparent 48%)}button,input{font:inherit}button{cursor:pointer}.app{max-width:760px;margin:auto;padding:44px 28px 28px}.heading{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:750;letter-spacing:1.8px}.brand{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--accent);color:white;font-size:19px}.badge{margin-left:auto;color:#777f90;letter-spacing:0;font-size:12px;font-weight:400}.intro{padding:65px 0 30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--accent);margin:0 0 18px}h1{font-size:clamp(36px,7vw,49px);line-height:1.14;letter-spacing:-1.8px;margin:0;font-weight:750}h1 span{color:var(--accent)}.subtitle{color:#7a8190;font-size:15px;margin:20px 0 0}.card{background:white;border:1px solid #e9ebf0;border-radius:20px;box-shadow:0 12px 45px #23325b07;overflow:hidden}form{display:flex;gap:10px;padding:26px;border-bottom:1px solid #f0f1f5}input{min-width:0;flex:1;padding:13px 15px;border:1px solid #e4e7ed;border-radius:9px;background:#fafbfc;font-size:14px;color:#242b37}input::placeholder{color:#969dab}.add{border:0;border-radius:9px;padding:0 18px;background:var(--accent);color:white;font-size:13px;font-weight:600;white-space:nowrap}.add span{font-size:20px;vertical-align:-1px;margin-right:5px}.add:hover{background:#4858cc}:focus-visible{outline:3px solid #9da9ff;outline-offset:3px}.list-heading{display:flex;justify-content:space-between;align-items:center;padding:25px 26px 10px;gap:10px}h2{font-size:14px;margin:0}h2 span{display:inline-grid;place-items:center;background:#f0f1f7;color:#858c9d;font-size:11px;min-width:22px;height:22px;border-radius:6px;margin-left:6px}#progress{font-size:11px;color:#9298a5}.empty{text-align:center;padding:35px 24px 48px}.empty-icon{margin:auto auto 17px;display:grid;place-items:center;height:55px;width:55px;border:1px solid #e8eaf7;border-radius:17px;background:#f6f7ff;color:#8992d9;font-size:28px}h3{font-size:14px;font-weight:600;margin:0 0 9px}.empty p{font-size:12px;color:#959ba7;line-height:1.6;margin:0}ul{margin:0;padding:0 26px 16px;list-style:none}li{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #f0f1f5}li:last-child{border-bottom:0}.task-label{display:flex;align-items:center;gap:12px;flex:1;min-width:0;cursor:pointer}.task-label input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--accent);cursor:pointer}.task-text{font-size:14px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.completed .task-text{text-decoration:line-through;color:#9da3af}.delete{border:0;background:transparent;color:#9da3af;padding:7px;border-radius:6px;display:grid;place-items:center}.delete:hover{color:#c34d60;background:#fff1f3}.delete svg{height:17px;width:17px}.card-footer{display:flex;align-items:center;justify-content:center;gap:6px;background:#fcfcfe;border-top:1px solid #f0f1f5;padding:15px;color:#9a9fac;font-size:10px}.dot{height:5px;width:5px;background:#8eb6a1;border-radius:50%}.page-footer{text-align:center;margin:25px 0;color:#a0a6b2;font-size:11px}#notice:empty{display:none}#notice{font-size:12px;color:#a3513f;padding:0 26px 15px;margin:0}[hidden]{display:none!important}.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:480px){.app{padding:26px 16px}.badge{font-size:10px}.intro{padding-top:48px}form{padding:18px;gap:8px}.add{padding:0 12px}.add span{display:none}.list-heading{padding:20px 18px 10px}ul{padding:0 18px 12px}.empty{padding:32px 18px 40px}.subtitle{font-size:13px}}