:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#18342b;background:#f5f7f4}*{box-sizing:border-box}body{margin:0}header{background:#174b3b;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:16px max(18px,calc((100vw - 650px)/2));gap:16px}.brand{font-size:20px;font-weight:800}main{max-width:650px;margin:22px auto;padding:0 14px 36px}.panel{background:#fff;border:1px solid #e3e9e3;border-radius:18px;padding:20px;margin-bottom:16px;box-shadow:0 2px 12px #143b2410}.auth{margin:10vh auto;max-width:420px}.auth h1{color:#174b3b}h1{margin:0;font-size:25px}h2{font-size:18px;margin:0 0 16px}p{line-height:1.45}.intro{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.intro p,.muted{color:#64746c}.intro p{margin:4px 0 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.stats div{padding:14px;text-align:center;border-radius:14px;font-weight:800;font-size:27px}.stats small{display:block;font-size:12px;font-weight:600}.stats .red{background:#fde8e8;color:#ac3434}.stats .yellow{background:#fff4d7;color:#966400}.stats .green{background:#e1f4e8;color:#1d794a}label{display:block;font-size:13px;font-weight:700;margin:12px 0}input:not([type=checkbox]),select{display:block;width:100%;padding:13px;margin-top:5px;border:1px solid #cedbd1;border-radius:10px;background:#fff;font-size:16px}button{border:0;border-radius:10px;background:#174b3b;color:#fff;font-size:14px;font-weight:700;padding:12px 16px;cursor:pointer}form>button{width:100%;margin-top:6px}.secondary{background:#e4eee8;color:#174b3b}.quiet{background:transparent;color:inherit;padding:7px}.count{color:#6a8275;font-weight:500}.item{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #edf1ec}.item:last-child{border:0}.item input{width:22px;height:22px;accent-color:#174b3b}.priority{height:30px;width:5px;border-radius:8px;flex-shrink:0}.priority.red{background:#d74949}.priority.yellow{background:#d8a42a}.priority.green{background:#2b9c60}.item-text{flex:1;min-width:0}.item-text strong{display:block;overflow-wrap:anywhere}.item-text small{display:block;color:#728178;margin-top:3px;overflow-wrap:anywhere}.done strong{text-decoration:line-through;color:#829188}.delete{color:#a34646;font-size:24px}summary{cursor:pointer;font-weight:700}hr{border:0;border-top:1px solid #e5ebe5;margin:24px 0}#message{color:#b33333;font-size:13px;overflow-wrap:anywhere}