:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#22352e;background:#f7f7f3;font-size:15px;line-height:1.45;--green:#23483d;--line:#dfe4df}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:8px;padding:9px 12px;color:inherit;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#edf2ec}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #c6a443;outline-offset:2px}.primary{background:var(--green);color:white;border-color:var(--green);font-weight:650}.primary:hover{background:#32604f}.shell{max-width:900px;padding:0 22px 25px;margin:auto}header{height:65px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:22px;font-weight:750;text-decoration:none;color:var(--green);letter-spacing:-.6px}.toolbar,.tabs,.filters,.actions{display:flex;align-items:center;gap:8px}.toolbar{justify-content:space-between;padding:4px 0 12px}.tabs{gap:3px}.tabs button{background:transparent;border-color:transparent}.tabs .selected{background:#e2eae2;font-weight:650}.filters{padding:3px 0 12px}.filters input{flex:1;min-width:0}.filters select{width:auto}.filters button{font-size:13px}.task-group{margin:0 0 15px}.task-group h2{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#607466;margin:8px 0 5px;display:flex;gap:10px;align-items:center}.task-group h2 span{font-size:11px;background:#e6ece5;border-radius:10px;padding:1px 6px}.item{background:white;border-bottom:1px solid var(--line)}.item:first-of-type{border-radius:9px 9px 0 0}.item:last-child{border-radius:0 0 9px 9px}.task{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 10px;min-height:52px}.task input[type=checkbox]{width:21px;height:21px;accent-color:var(--green);margin:0}.task-title{border:0;background:none;text-align:left;padding:3px 0;border-radius:3px;min-width:0}.task-title strong{display:block;font-size:14px;font-weight:570;overflow-wrap:anywhere}.task-title small{display:block;color:#6a776e;font-size:11px;margin-top:1px}.task-title .overdue{color:#a64a2f}.done .task-title strong{text-decoration:line-through;color:#748076}.priority{font-size:11px;padding:5px 8px;border:0;min-width:60px}.p1{background:#fff0e6;color:#974724}.p2{background:#edf2ed;color:#496350}.p3{background:#f1f0f6;color:#746682}.editor{margin:8px 0 12px;background:#eef2eb;border:1px solid #d5dece;border-radius:10px;padding:16px}.item .editor{margin:0 10px 10px}.editor h2,dialog h2{font-size:17px;margin:0 0 12px}.editor form{display:grid;gap:10px}label{display:grid;gap:4px;font-size:12px;font-weight:620}input,textarea,select{width:100%;border:1px solid #cfd8cf;border-radius:7px;background:white;color:#22352e;padding:8px;font-size:15px;min-height:38px}textarea{resize:vertical}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:center;gap:7px;margin-bottom:9px}.check input{width:18px;min-height:18px;height:18px;accent-color:var(--green)}.muted,.calendar-note{font-size:12px;color:#657369;margin:5px 0}.calendar-note{margin:0 0 9px}.form-error{color:#a02929;font-size:13px;margin:0}.form-error:empty{display:none}.empty{padding:30px 0;color:#687a6a;font-size:14px;text-align:center}footer{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#66776a;border-top:1px solid var(--line);padding-top:12px;margin-top:18px}dialog{border:1px solid var(--line);border-radius:14px;width:min(480px,calc(100% - 24px));max-height:85vh;overflow:auto;padding:20px}dialog::backdrop{background:#14271e66}dialog>.button,dialog>button:not(.close){display:block;margin:8px 0}dialog .close{float:right;margin-bottom:10px}.person{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.person span{font-size:12px}.person button{font-size:12px}dialog form{clear:both;display:grid;gap:10px;margin-top:14px}#invite-result{margin-top:15px}#toast:empty{display:none}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 24px);width:max-content;background:#23483d;color:white;border-radius:10px;padding:12px 16px;font-size:13px;box-shadow:0 5px 24px #0002;z-index:20;display:flex;gap:10px;align-items:center}#toast button{font-size:12px;color:var(--green);flex-shrink:0}.welcome{max-width:450px;padding:30px 20px;margin:8vh auto}.welcome h1{font-size:28px;color:var(--green)}.welcome form{display:grid;gap:15px}.loading{padding:20px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:520px){.shell{padding:0 12px 20px}header{height:55px}.brand{font-size:20px}.task{gap:7px;padding:6px 8px}.priority{font-size:10px;min-width:54px;padding:5px 6px}.filters{gap:5px}.filters select{max-width:115px}.filters input{width:90px}.editor{padding:12px}.item .editor{margin:0 5px 8px}.fields{gap:8px}input,textarea,select{font-size:16px}.filters input,.filters select{font-size:13px}footer{flex-direction:column;gap:3px}}