:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light dark;--bg:#f5f7f3;--surface:#fff;--text:#24312a;--muted:#64726a;--border:#e0e9e1;--accent:#397657;--soft:#e8f4ec;--danger:#ad4141;--shadow:0 6px 24px #12341d0a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}.top{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px max(22px,calc((100vw - 1160px)/2));background:var(--surface);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px}.brand strong{font-size:24px}.brand small{display:block;color:var(--muted);font-size:12px}.mark{font-size:31px;color:var(--accent)}.user{display:flex;align-items:center;gap:12px;font-size:13px}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1160px;min-height:67vh;margin:auto}.sidebar{padding:27px 13px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.sidebar button{border:none;text-align:left;padding:13px 12px;border-radius:11px;background:transparent;color:var(--text)}.sidebar button.selected{background:var(--soft);font-weight:700}.sidebar-note{margin:18px 10px;font-size:12px;color:var(--muted);line-height:1.5}main{padding:28px 32px;min-width:0}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}h1{font-size:27px;margin:0 0 5px}h2{font-size:20px}h3{margin:0}.muted{color:var(--muted)}.panel{border:1px solid var(--border);border-radius:15px;background:var(--surface);padding:20px;margin-bottom:18px;box-shadow:var(--shadow)}.center{margin:50px auto;max-width:540px;text-align:center}.primary,.ghost,.danger{border:1px solid var(--border);border-radius:9px;padding:10px 15px;color:var(--text);background:var(--surface)}.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:650}.danger{color:var(--danger)}.ghost{background:transparent}input:not([type=checkbox]),textarea,select{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);min-width:0}textarea{min-height:85px;resize:vertical}label{display:block;font-size:13px;font-weight:600;margin:8px 0 5px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.toolbar>*{flex:0 1 auto}.toolbar input{flex:1 1 220px}.entry{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--border)}.entry:last-child{border:0}.entry .body{flex:1;min-width:0}.entry .body strong{display:block;overflow-wrap:anywhere}.entry .body small{display:block;color:var(--muted);margin-top:4px}.entry .actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.entry .actions button{padding:7px 9px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text)}.entry input[type=checkbox]{width:19px;height:19px;accent-color:var(--accent)}.done strong{text-decoration:line-through;color:var(--muted)}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.pill{padding:3px 8px;border-radius:30px;background:var(--soft);font-size:12px;color:var(--accent)}#flash:not(:empty){padding:10px 14px;background:var(--soft);border-radius:9px;margin:8px 0 15px;font-size:14px}#flash.error{background:#fbe7e7;color:#9a3535}.divider{border:0;border-top:1px solid var(--border);margin:18px 0}.card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.card{border:1px solid var(--border);background:var(--surface);padding:17px;border-radius:12px;text-align:left;color:var(--text)}.progress{height:7px;border-radius:10px;background:#dde3dd;overflow:hidden;margin-top:9px}.progress>span{display:block;height:100%;background:#4aa66e;border-radius:10px}footer{text-align:center;padding:25px;color:var(--muted);font-size:12px}@media(max-width:680px){.top{padding:12px 15px}.workspace{display:block}.sidebar{flex-direction:row;overflow:auto;padding:8px;border:0;border-bottom:1px solid var(--border)}.sidebar button{white-space:nowrap;flex:1;text-align:center;font-size:13px}.sidebar-note{display:none}main{padding:17px 13px}.heading{align-items:flex-start}h1{font-size:24px}.row{grid-template-columns:1fr}.entry{align-items:flex-start}.entry .actions{max-width:95px}.entry .actions button{font-size:12px}}@media(prefers-color-scheme:dark){:root{--bg:#17231d;--surface:#233029;--text:#eff6f0;--muted:#b0c4b4;--border:#3c4c40;--accent:#579b72;--soft:#304b38;--shadow:none}.progress{background:#455248}}[hidden]{display:none!important}