:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0e0e52;background:#e8f8fe;font-size:16px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{min-height:88px;background:#0e0e52;color:#fff;padding:22px max(6%,calc((100% - 980px)/2));display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:800;letter-spacing:-1px}.mark{background:#00e31c;color:#0e0e52;border-radius:10px;display:grid;place-items:center;width:36px;height:36px}.brand-note{font-size:14px;font-weight:400;color:#6bf7fc;letter-spacing:0;margin-left:10px}.header-note{font-size:10px;letter-spacing:2px;color:#b4b4d7}main{max-width:980px;margin:58px auto;padding:0 24px 30px}.intro{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:32px}.eyebrow{color:#0075f0;font-size:11px;letter-spacing:2px;font-weight:800}h1{font-size:clamp(30px,5vw,43px);line-height:1.15;letter-spacing:-1.8px;margin:12px 0 14px}.subtitle{color:#606782;font-size:16px;margin:0}.counter{background:#fff;border:1px solid #cde4f0;border-radius:18px;min-width:125px;padding:18px;text-align:center}.counter strong{display:block;font-size:35px;line-height:1.1}.counter span{display:block;font-size:12px;color:#606782;margin-top:7px}.add-panel{background:#fff;border:1px solid #cde4f0;border-radius:18px;padding:26px;box-shadow:0 6px 24px #0e0e5204}h2{font-size:17px;margin:0 0 18px}.add-form,.edit-fields{display:flex;gap:12px}input:not([type=checkbox]){font:inherit;width:100%;min-width:0;padding:14px 16px;border:1px solid #cbdde9;background:#f8fcff;border-radius:10px;color:#0e0e52}input::placeholder{color:#7c839a}button{font:inherit;border:1px solid #cbdde9;background:white;border-radius:10px;padding:12px 18px;font-weight:650;color:#0e0e52;cursor:pointer;white-space:nowrap}.primary{background:#0075f0;border-color:#0075f0;color:white}.primary:hover{background:#0e0e52}.hint{font-size:12px;color:#7a8094;margin:12px 0 0}.list-heading{display:flex;justify-content:space-between;align-items:center;margin:32px 0 14px}.list-heading h2{margin:0}.list-heading h2 span{display:inline-block;font-size:12px;background:#d7ecf8;color:#0075f0;border-radius:6px;padding:3px 7px;margin-left:7px}.list-heading p{font-size:12px;color:#71788f;margin:0}.task{background:white;border:1px solid #cde4f0;border-radius:15px;padding:22px 24px;margin:12px 0}.task-main{display:flex;align-items:flex-start;gap:16px}.complete-form{display:flex;flex-direction:column;gap:8px}.complete-box{width:23px;height:23px;margin:2px 0;accent-color:#0075f0;cursor:pointer}.automatic .save-status{display:none}.save-status{font-size:11px;padding:4px}.task-content{flex:1;min-width:0}h3{font-size:16px;font-weight:650;line-height:1.5;margin:0;overflow-wrap:anywhere}.dates{font-size:11px;line-height:1.7;color:#7a8094;margin:8px 0 0}.dates span{display:block}.status{font-size:10px;white-space:nowrap;background:#e8f8fe;color:#0075f0;padding:5px 9px;border-radius:6px;font-weight:700}.done{background:#f6fcfd}.done h3{text-decoration:line-through;color:#7b8295}.done .status{background:#def9e8;color:#176d37}.done .complete-box{accent-color:#00aa37}.task-actions{display:flex;gap:20px;flex-wrap:wrap;margin:15px 0 0 39px}summary{cursor:pointer;font-size:12px;color:#0075f0;list-style:none}summary::-webkit-details-marker{display:none}.delete summary{color:#8b6874}details[open]{width:100%}details form{margin:14px 0 0}details label{display:block;font-size:12px;margin-bottom:8px}details p{font-size:13px;overflow-wrap:anywhere}.danger{color:#ae244a;background:#fff5f7;border-color:#f0d2da}.empty{text-align:center;padding:45px 20px;background:#ffffff70;border:1px dashed #bad5e5;border-radius:16px;color:#68748f}.empty div{font-size:26px;color:#0075f0;margin-bottom:12px}.empty h2{color:#0e0e52;margin-bottom:10px}.empty p{font-size:14px}footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:35px;color:#7a8499;font-size:11px}.notice{background:#d5f6e5;color:#176d37;border:1px solid #b7e7ce;border-radius:10px;padding:12px 16px;font-size:13px}.notice.error{background:#fff1f4;color:#a52048;border-color:#f4ccd6}a{color:#0075f0}input:focus,button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #6bf7fc;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){header{min-height:75px;padding:18px 22px}.header-note,.brand-note{display:none}main{margin-top:32px;padding:0 18px 25px}.intro{gap:14px}.counter{min-width:90px;padding:14px 10px}.counter strong{font-size:28px}h1{font-size:31px}.subtitle{font-size:14px}.add-panel{padding:21px}.add-form,.edit-fields{flex-direction:column}.task{padding:19px 16px}.task-main{gap:12px}.status{padding:4px 6px}.task-actions{margin-left:35px}.list-heading p{display:none}footer{flex-direction:column}}