:root{font-family:Arial,sans-serif;color:#243c37;background:#f4f6f2;font-synthesis:none;--bg:#f4f6f2;--panel:#fff;--text:#243c37;--muted:#71817a;--border:#e3e9e1;--accent:#176b5b;--soft:#e6f0e9;color-scheme:light}:root[data-theme=dark]{--bg:#14231f;--panel:#1d302a;--text:#e5eee7;--muted:#a3b6a9;--border:#334a3f;--accent:#8cd8bd;--soft:#29473b;color-scheme:dark}@media(prefers-color-scheme:dark){:root[data-theme=auto]{--bg:#14231f;--panel:#1d302a;--text:#e5eee7;--muted:#a3b6a9;--border:#334a3f;--accent:#8cd8bd;--soft:#29473b;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,select,.file-button{cursor:pointer}button{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:8px 14px}button:hover{background:var(--soft)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #c6a549;outline-offset:3px}input,select,textarea{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 11px;min-width:0}input[type=checkbox]{accent-color:var(--accent);width:19px;height:19px;flex-shrink:0}input[type=range]{padding:0}textarea{resize:vertical}h1,h2,p{margin:0}h1{font-size:34px;letter-spacing:-1px;margin:7px 0}h2{font-size:21px}.shell{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100dvh}aside{background:var(--panel);border-inline-end:1px solid var(--border);padding:35px 23px;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh}.brand{display:flex;gap:11px;align-items:center;flex-wrap:wrap;font-size:29px;font-weight:800;color:var(--text);text-decoration:none}.brand small{font-size:9px;letter-spacing:2px;width:100%;padding-inline-start:49px;color:var(--muted)}.logo{background:#176b5b;color:#fff;width:39px;height:39px;border-radius:12px;text-align:center;line-height:39px}.tagline{color:var(--muted);font-size:12px;margin:17px 0 40px}nav{display:flex;flex-direction:column;gap:8px;overflow:auto}nav>button{display:flex;align-items:center;gap:10px;text-align:start;border:0;padding:12px}nav button b{margin-inline-start:auto;font-weight:400;color:var(--muted);font-size:12px}nav .selected{background:var(--soft);color:var(--accent);font-weight:600}.nav-heading{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:28px}.nav-heading button{border:0;padding:2px 7px;font-size:21px}.dot{height:8px;width:8px;border-radius:3px;background:#c0a56c;flex-shrink:0}.sidebar-bottom{margin-top:auto;padding-top:25px;display:grid;gap:9px;font-size:12px}.file-button{border:1px solid var(--border);padding:9px 14px;border-radius:9px;text-align:center}.file-button input{display:none}main{padding:0 5%;max-width:1600px;width:100%;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:92px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}.settings{display:flex;gap:9px}.settings button,.settings select{font-size:12px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:40px 0 30px}.eyebrow{color:var(--accent);font-size:12px;font-weight:600}.muted{color:var(--muted);font-size:13px;line-height:1.7}.actions{display:flex;gap:8px;flex-wrap:wrap}.primary{background:#176b5b;color:#fff;border-color:#176b5b;white-space:nowrap}.primary:hover{background:#105347}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stats section{background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:20px 23px;display:flex;flex-direction:column;gap:7px}.stats span{font-size:13px;color:var(--muted)}.stats strong{font-size:33px;line-height:1.3;font-weight:600}.stats em{font-size:19px;color:var(--accent);font-style:normal}.stats small{font-size:11px;color:var(--muted)}progress{accent-color:var(--accent);height:6px;width:100%;border:0;border-radius:10px;overflow:hidden}progress::-webkit-progress-bar{background:var(--soft)}progress::-webkit-progress-value{background:var(--accent);border-radius:10px}.local-note{font-size:11px;color:var(--muted);padding:22px 0}.task-panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--border)}.toolbar input{font-size:12px;width:200px}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tabs button{font-size:12px;border:0;padding:7px 12px;color:var(--muted)}.tabs button.active{background:var(--soft);color:var(--accent)}.empty{text-align:center;padding:65px 20px 75px}.empty>span{display:inline-block;width:66px;height:66px;font-size:32px;background:var(--soft);color:var(--accent);border-radius:22px;line-height:66px;margin-bottom:20px}.empty h2{font-size:19px}.empty p{color:var(--muted);font-size:13px;margin:10px 0 22px}.empty button{font-size:12px}.task-row{display:flex;align-items:center;gap:16px;padding:20px;border-bottom:1px solid var(--border)}.task-row:last-child{border:0}.task-title{border:0;text-align:start;flex:1;min-width:80px;padding:0;background:none}.task-title strong{display:block;font-size:14px;font-weight:500;overflow-wrap:anywhere}.task-title small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.badge{font-size:10px;padding:4px 9px;border-radius:6px;background:var(--soft);white-space:nowrap}.high{background:#fbe5df;color:#9b4536}.medium{background:#faf0d8;color:#8a6926}.low{background:#e6f0eb;color:#2f7260}.status{font-size:11px;color:var(--muted);min-width:65px}.task-progress{width:75px;display:flex;flex-direction:column;gap:4px}.task-progress small{font-size:10px;color:var(--muted)}.struck{text-decoration:line-through;color:var(--muted)}footer{text-align:center;color:var(--muted);font-size:9px;letter-spacing:1px;padding:28px}footer span{margin:0 12px}.overlay{position:fixed;inset:0;background:#0c241b80;display:flex;justify-content:center;align-items:center;padding:20px;z-index:10}.dialog{background:var(--panel);border-radius:17px;padding:26px;width:540px;max-width:100%;max-height:92dvh;overflow:auto;box-shadow:0 20px 90px #0004}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog label{display:flex;flex-direction:column;gap:7px;font-size:12px;margin-bottom:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.dialog-actions .danger{margin-inline-end:auto;color:#b04534}fieldset{border:1px solid var(--border);border-radius:9px;padding:12px}legend{font-size:12px;color:var(--muted)}.subtask{display:flex;gap:10px;align-items:center;margin:8px 0}.subtask span,.subtask>input:not([type=checkbox]){flex:1;min-width:0}.subtask span{font-size:13px;overflow-wrap:anywhere}.error{color:#b04534;padding:12px}.notice{display:flex;justify-content:space-between;padding:10px;background:var(--soft);font-size:12px;margin-bottom:12px}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:24px}.auth-card{width:440px;max-width:100%;background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:32px;box-shadow:0 15px 50px #163a2410}.auth-top{display:flex;justify-content:space-between;align-items:center}.auth-card h1{margin-top:24px}.auth-card form,.setup-note{display:grid;gap:15px;margin-top:25px}.auth-card label{display:grid;gap:7px;font-size:13px}.setup-note p{font-size:14px;line-height:1.8;color:var(--muted)}.auth-card [role=alert]{font-size:13px;color:#b04534;margin-top:15px}.saving{position:fixed;inset:0;z-index:100;background:#10291e99;color:#fff;display:grid;place-items:center;font-size:19px;cursor:wait}.settings{flex-wrap:wrap;justify-content:flex-end}button:disabled{opacity:.55;cursor:wait}.sidebar-bottom .file-button:focus-within{outline:3px solid #c6a549}.file-button input{display:block;width:100%;font-size:10px;margin-top:6px}@media(min-width:1500px){main{padding:0 70px}}@media(max-width:1050px){.shell{grid-template-columns:210px minmax(0,1fr)}aside{padding:25px 15px}.stats{gap:10px}.stats section{padding:16px}.task-row{gap:10px}.task-progress{display:none}.intro{align-items:flex-start}.actions{justify-content:flex-end}}@media(max-width:740px){.shell{display:block}aside{height:auto;position:static;padding:18px;border-inline-end:0;border-bottom:1px solid var(--border)}.brand{font-size:23px}.brand small,.tagline{display:none}nav{margin-top:18px;flex-direction:row;flex-wrap:wrap;gap:5px;max-height:160px}nav>button{padding:8px 10px;font-size:12px}nav button b{margin-inline-start:4px}.nav-heading{margin:0;gap:6px}.sidebar-bottom{display:flex;padding-top:12px;gap:8px}.sidebar-bottom>*{font-size:10px;padding:6px 10px}main{padding:0 18px}header{min-height:70px;flex-wrap:wrap;padding:12px 0}.intro{padding:26px 0;gap:10px}h1{font-size:27px}.stats{gap:7px}.stats section{padding:12px;gap:5px}.stats span{font-size:10px}.stats strong{font-size:26px}.stats small{display:none}.toolbar{padding:12px;gap:12px}.toolbar input{width:100%}.tabs{gap:0}.tabs button{padding:7px 9px;font-size:11px}.task-row{padding:15px 12px;flex-wrap:wrap}.status{min-width:0}.task-row>button:last-child{padding:4px 8px}.badge{padding:3px 6px}.task-title{flex-basis:calc(100% - 50px)}.task-row>.badge{margin-inline-start:33px}.local-note{font-size:10px;line-height:1.8}.empty{padding:45px 15px}.actions button:not(.primary){font-size:10px;padding:6px}.primary{font-size:12px}.dialog{padding:20px}.overlay{padding:10px}.dialog-actions{flex-wrap:wrap}}