
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#22312a;background:#f4f6f3;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:focus-visible,a:focus-visible,.card:focus-visible{outline:3px solid #51a47c}button{border:1px solid #dce3dd;background:#fff;color:inherit;border-radius:8px;padding:9px 13px;transition:background .12s,transform .12s}button:hover{background:#edf2ed}a{color:inherit}.primary{background:#205a40;color:#fff;border-color:#205a40;font-weight:650}.primary:hover{background:#17472f}.quiet{background:transparent;border-color:transparent;color:#64726a}.brand{font-weight:750;letter-spacing:-.5px;font-size:18px}.brand-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#205a40;color:#fff;margin-right:8px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.4px;color:#718077;text-transform:uppercase}.sidebar{width:205px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e1e7e1;display:flex;flex-direction:column;padding:28px 18px}.sidebar .brand{margin:0 8px 35px}.nav-label{margin:0 12px 10px}.navigation{display:flex;gap:5px}.sidebar .navigation{flex-direction:column}.navigation button{text-align:left;border:0;background:transparent;color:#66736a;padding:11px 13px;display:flex;justify-content:space-between;gap:15px}.navigation button.active{background:#e9f2eb;color:#205a40;font-weight:650}.navigation small{font-size:11px}.sidebar-foot{margin-top:auto;border-top:1px solid #e8ece8;padding:20px 10px 0;color:#7b857e;font-size:11px}.avatar{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eaf1e8;color:#3b6345;font-weight:750;margin-right:8px}.account{display:flex;align-items:center;margin-bottom:15px;color:#334a3c}.main{margin-left:205px;padding:26px 28px 30px;min-height:100vh}.topline{display:flex;justify-content:space-between;align-items:center;color:#78847b;font-size:11px;margin-bottom:25px}.preview-pill{color:#8b662f;background:#fff7e5;border:1px solid #f1dfb9;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:700;letter-spacing:.5px}.headline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}h1{font-size:29px;letter-spacing:-1px;line-height:1.2;font-weight:700;margin:0 0 9px}h2,h3,p{margin:0}.subtitle{color:#758078;font-size:13px}.headline-actions{display:flex;align-items:center;gap:8px}.preview-note{background:#fff9ec;border:1px solid #eedfbf;padding:9px 13px;border-radius:8px;color:#785f35;font-size:11px;margin-bottom:20px;display:flex;gap:8px;align-items:center}.toolbar{display:flex;align-items:center;gap:9px;margin-bottom:18px}.toolbar input{flex:1;min-width:120px;max-width:330px}.toolbar input,.toolbar select{background:#fff;border:1px solid #dce3dd;border-radius:7px;padding:9px 11px;color:#425348;font-size:12px}.toolbar .result-count{margin-left:auto;color:#768279;font-size:11px;white-space:nowrap}.workspace{display:block}.board{display:grid;grid-template-columns:repeat(5,minmax(165px,1fr));gap:13px;align-items:start;min-width:885px}.board-scroll{overflow-x:auto;padding-bottom:15px}.column{border-radius:10px;background:#edf0eb;padding:10px;min-height:480px;border:1px solid transparent;transition:background .1s,border .1s}.column.over{background:#e0ece1;border-color:#659b73}.column-heading{display:flex;align-items:center;padding:5px 3px 16px;gap:7px;font-weight:650;font-size:12px}.column-heading .count{margin-left:auto;font-size:10px;color:#78837a;background:#e1e7df;border-radius:5px;padding:1px 5px}.dot{height:7px;width:7px;border-radius:50%;background:#9b8fbc;flex-shrink:0}.dot.planned{background:#6a90af}.dot.active{background:#58a481}.dot.waiting{background:#d4a25e}.dot.completed{background:#9ca89c}.card{background:#fff;border:1px solid #dfe5df;border-radius:9px;padding:13px;margin-bottom:10px;box-shadow:0 2px 3px #22342a04;cursor:grab;transition:border .15s,box-shadow .15s,transform .15s;position:relative;overflow-wrap:anywhere}.card:hover{border-color:#91b49d;box-shadow:0 4px 12px #2033280c;transform:translateY(-1px)}.card:active{cursor:grabbing}.card.dragging{opacity:.4}.card.selected{border-color:#3c7c59;box-shadow:0 0 0 1px #3c7c59}.card-top{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:11px}.area-tag{font-size:9px;font-weight:650;border-radius:4px;padding:3px 6px;background:#e9f0fa;color:#52739d}.area-tag.community{background:#eef0e5;color:#7d8656}.area-tag.personal{background:#f1eafb;color:#9070a8}.area-tag.uncategorized{background:#f0f0ef;color:#7c817d}.priority{font-size:9px;color:#8a938d;white-space:nowrap}.priority.high{color:#b9664f}.card h3{font-size:13px;line-height:1.45;font-weight:650;margin-bottom:13px;letter-spacing:-.1px}.next-label{font-size:8px;letter-spacing:1px;color:#98a198;font-weight:700;text-transform:uppercase;margin-bottom:3px}.next-action{font-size:11px;color:#748076;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px}.next-action.missing{font-style:italic;color:#9ca79f}.card-foot{display:flex;gap:8px;align-items:center;margin-top:13px;font-size:10px;color:#929d95}.card-foot .date{margin-left:auto}.waiting-note{background:#fff7e7;border-radius:5px;padding:6px 7px;color:#a47f41;font-size:10px;margin-top:8px}.empty-column{padding:22px 6px;color:#8a958d;text-align:center;font-size:11px;border:1px dashed #d6ddd5;border-radius:8px}.add-inline{width:100%;text-align:left;padding:7px 5px;border:0;background:transparent;color:#939e94;font-size:11px}.board-caption{font-size:10px;color:#8c978e;display:flex;justify-content:space-between;gap:12px;margin-top:14px}.board-caption a{color:#607b67;text-decoration:none}.inspector{display:none}.topbar{display:none}.stats{display:none}.focus-desk{background:#f5f6fa;color:#283349}.focus-desk .sidebar{display:none}.focus-desk .main{margin:0;padding:24px 30px}.focus-desk .topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:white;border-bottom:1px solid #e4e7ef}.focus-desk .topbar .navigation{gap:8px;margin-left:35px;margin-right:auto}.focus-desk .navigation button.active{background:#edf0f8;color:#334e83}.focus-desk .brand-icon{background:#304d80}.focus-desk .primary{background:#304d80;border-color:#304d80}.focus-desk .primary:hover{background:#233e6e}.focus-desk h1{font-size:30px}.focus-desk .topline{margin-bottom:15px}.focus-desk .headline{margin-bottom:20px}.focus-desk .stats{display:flex;gap:10px;margin-bottom:22px}.stat{display:flex;align-items:center;gap:12px;padding:11px 18px;background:#fff;border:1px solid #e4e7ef;border-radius:9px;min-width:155px;cursor:pointer}.stat strong{font-size:24px;font-weight:650;color:#344c78}.stat span{font-size:11px;color:#8a94a5}.focus-desk .workspace{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:22px;align-items:start}.focus-desk .board{min-width:855px;gap:9px}.focus-desk .column{padding:7px;min-height:445px;background:#edf0f6}.focus-desk .column-heading{font-size:11px;padding:5px 2px 13px}.focus-desk .column-heading .count{background:#dfe4ed}.focus-desk .card{padding:11px;border-color:#dfe4ed}.focus-desk .card h3{font-size:12px;margin-bottom:10px}.focus-desk .card-top{margin-bottom:9px}.focus-desk .card .next-label{display:none}.focus-desk .card.selected{border-color:#526fa4;box-shadow:0 0 0 1px #526fa4}.focus-desk .card .next-action{font-size:10px}.focus-desk .card .card-foot{margin-top:10px}.focus-desk .inspector{display:block;background:#fff;border:1px solid #e0e5ee;border-radius:12px;overflow:hidden;position:sticky;top:20px}.inspector-top{padding:17px 19px;border-bottom:1px solid #e9edf3;display:flex;justify-content:space-between;align-items:center;color:#8a94a4;font-size:10px}.inspector-body{padding:20px}.inspector-body h2{font-size:21px;line-height:1.3;letter-spacing:-.5px;margin:15px 0}.inspector-body p{color:#7c8799;font-size:12px;line-height:1.7}.section-label{font-size:9px;letter-spacing:1.2px;color:#8e99a9;font-weight:700;text-transform:uppercase;margin:22px 0 8px}.next-box{background:#f2f5fb;border-left:3px solid #7894be;border-radius:4px;padding:11px;font-size:12px;color:#526c95}.task-row{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#607087;margin:12px 0;cursor:pointer;overflow-wrap:anywhere}.task-row input{accent-color:#52739e;margin:3px 0 0;flex-shrink:0}.task-row.done span{text-decoration:line-through;color:#a2acba}.inspector-footer{padding-top:18px;margin-top:18px;border-top:1px solid #edf0f5;font-size:10px;color:#9ba5b3}.inspector-edit{border:0;background:#f1f4fa;color:#4b6792;padding:5px 9px;font-size:10px}.focus-desk .column.over{background:#e0e9fa;border-color:#7b95bd}.focus-desk .toolbar input,.focus-desk .toolbar select{border-color:#e0e5ee}.focus-desk .board-caption a{color:#536b96}.focus-desk .preview-note{margin-bottom:16px}.focus-desk .avatar{background:#edf0f8;color:#52709a}.empty-inspector{padding:35px 22px;color:#8792a3}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:12px 19px;border-radius:9px;color:#fff;background:#243c30;box-shadow:0 8px 25px #0002;z-index:20;max-width:90vw;font-size:12px;opacity:0;pointer-events:none;transition:opacity .15s}.toast.visible{opacity:1}dialog{border:1px solid #dce3de;border-radius:15px;padding:0;width:620px;max-width:calc(100vw - 36px);max-height:90vh;box-shadow:0 22px 100px #14251b30;color:#283c30}dialog::backdrop{background:#1d2a244a;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:19px 23px;border-bottom:1px solid #e8ece8}.dialog-header h2{font-size:18px;letter-spacing:-.4px}.close{border:0;padding:3px 9px;font-size:21px;background:transparent}.dialog-content{padding:20px 23px;max-height:65vh;overflow:auto}.dialog-content label.field{display:block;font-size:11px;color:#6f7f73;margin-bottom:14px;font-weight:650}.dialog-content input:not([type=checkbox]),.dialog-content select,.dialog-content textarea{display:block;width:100%;margin-top:5px;border:1px solid #dce3dc;border-radius:7px;padding:9px 10px;background:#fff;color:#334b3c;resize:vertical;font-size:12px;font-weight:400}.dialog-content .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dialog-footer{display:flex;justify-content:space-between;gap:10px;padding:15px 23px;border-top:1px solid #e8ece8;background:#f9fbf8}.dialog-footer .right{display:flex;gap:8px}.helper{font-size:11px;color:#89968d;line-height:1.7}.form-error{color:#ad4f3d;font-size:12px;min-height:18px}.task-adder{display:flex;gap:8px;margin:12px 0}.task-adder input{margin:0!important}.task-adder button{font-size:11px;white-space:nowrap}.form-tasks .task-row{font-size:12px}.focus-desk .task-row input{accent-color:#52739e}.preview-bottom{color:#8b968e;font-size:10px;margin-top:18px}.focus-desk .preview-bottom{color:#8d98a9}@media(max-width:1250px){.focus-desk .workspace{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.main{padding-left:22px;padding-right:22px}.sidebar{width:180px}.board-first .main{margin-left:180px}.focus-desk .main{padding:22px}.focus-desk .card h3{font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.theme-picker{display:block;margin:18px 0 5px;font-size:11px;font-weight:650}.theme-picker select{display:block;width:100%;margin-top:7px;border:1px solid #dce3dd;border-radius:7px;padding:8px;background:#fff;color:#334b3c;font-size:12px}#themeNote{font-size:10px;line-height:1.5;min-height:30px;margin-bottom:12px}
html[data-theme="black"]{background:#000;color-scheme:dark}
html[data-theme="black"] body{background:#000;color:#ededf0}
html[data-theme="black"] button,html[data-theme="black"] .toolbar input,html[data-theme="black"] .toolbar select,html[data-theme="black"] .theme-picker select{background:#171719;border-color:#343438;color:#e5e5e9}
html[data-theme="black"] button:hover{background:#242428}
html[data-theme="black"] button:focus-visible,html[data-theme="black"] a:focus-visible,html[data-theme="black"] .card:focus-visible{outline-color:#98deb4}
html[data-theme="black"] .sidebar{background:#090909;border-color:#2b2b2f}
html[data-theme="black"] .sidebar-foot{border-color:#2b2b2f;color:#a6a6ad}
html[data-theme="black"] .account{color:#eeeef1}
html[data-theme="black"] .navigation button{background:transparent;color:#b4b4bc}
html[data-theme="black"] .navigation button.active{background:#17271d;color:#a7e7bf}
html[data-theme="black"] .brand-icon,html[data-theme="black"] .primary{background:#98d9af;color:#0a1a10;border-color:#98d9af}
html[data-theme="black"] .primary:hover{background:#b4ebc7}
html[data-theme="black"] .avatar{background:#18271e;color:#b0e6c2}
html[data-theme="black"] .quiet{background:transparent;border-color:transparent;color:#b2b2bb}
html[data-theme="black"] .eyebrow,html[data-theme="black"] .topline,html[data-theme="black"] .subtitle,html[data-theme="black"] .toolbar .result-count,html[data-theme="black"] .section-label{color:#aaaab4}
html[data-theme="black"] .preview-pill,html[data-theme="black"] .preview-note{background:#211c10;border-color:#51432a;color:#e2ca95}
html[data-theme="black"] .column{background:#0b0b0d;border-color:#252529}
html[data-theme="black"] .column-heading .count{background:#252529;color:#bcbcc5}
html[data-theme="black"] .column.over{background:#122419;border-color:#7fbb94}
html[data-theme="black"] .card{background:#161618;border-color:#35353a;box-shadow:none}
html[data-theme="black"] .card:hover{border-color:#7bb98f;box-shadow:0 5px 15px #0005}
html[data-theme="black"] .area-tag{background:#1a2b43;color:#adcaef}
html[data-theme="black"] .area-tag.community{background:#292d1b;color:#c8d18e}
html[data-theme="black"] .area-tag.personal{background:#30233e;color:#d7b6ee}
html[data-theme="black"] .area-tag.uncategorized{background:#303034;color:#c2c2ca}
html[data-theme="black"] .priority,html[data-theme="black"] .next-label,html[data-theme="black"] .card-foot,html[data-theme="black"] .next-action.missing{color:#a5a5b0}
html[data-theme="black"] .priority.high{color:#efb18e}
html[data-theme="black"] .next-action{color:#c0c0ca}
html[data-theme="black"] .waiting-note{background:#302714;color:#e3c284}
html[data-theme="black"] .empty-column{border-color:#35353b;color:#a2a2ae}
html[data-theme="black"] .add-inline{background:transparent;border:0;color:#b4b4bf}
html[data-theme="black"] .board-caption,html[data-theme="black"] .preview-bottom{color:#a2a2ae}
html[data-theme="black"] .board-caption a{color:#a2d8b4}
html[data-theme="black"] dialog{background:#111113;border-color:#43434b;color:#ededf2;box-shadow:0 22px 100px #0009}
html[data-theme="black"] dialog::backdrop{background:#000b}
html[data-theme="black"] .dialog-header,html[data-theme="black"] .dialog-footer{border-color:#35353d}
html[data-theme="black"] .dialog-footer{background:#151518}
html[data-theme="black"] .dialog-content input:not([type="checkbox"]),html[data-theme="black"] .dialog-content select,html[data-theme="black"] .dialog-content textarea{background:#1b1b1f;border-color:#45454e;color:#eeeef3}
html[data-theme="black"] .dialog-content label.field,html[data-theme="black"] .helper,html[data-theme="black"] .task-row{color:#bdbdca}
html[data-theme="black"] .task-row.done span{color:#9c9caa}
html[data-theme="black"] .task-row input{accent-color:#92d6aa}
html[data-theme="black"] input::placeholder,html[data-theme="black"] textarea::placeholder{color:#a0a0ac;opacity:1}
html[data-theme="black"] .form-error{color:#ffac98}
html[data-theme="black"] .toast{background:#25342a;color:#edfff2;border:1px solid #577461}

[hidden]{display:none!important}button:disabled{opacity:.55;cursor:wait}.button-link{display:inline-block;padding:9px 13px;text-decoration:none;border-radius:8px;border:1px solid #dce3dd;background:transparent}.preview-pill[data-state="error"]{background:#7a2020;color:#fff}.preview-pill[data-state="saving"]{background:#806100;color:#fff}.preview-pill[data-state="saved"]{background:#205a40;color:#fff}.task-edit{display:flex;align-items:center;gap:8px;margin:7px 0}.task-edit input[type="text"]{min-width:0;flex:1;border:1px solid #dce3dd;border-radius:6px;padding:6px;color:inherit;background:transparent}.task-edit button{padding:4px 7px}.history-entry{border-top:1px solid #dce3dd;padding:14px 0}.history-entry pre,#draftCopy{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 ui-monospace,monospace;max-height:240px;overflow:auto}.recover-choices{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0}.overdue{color:#ad3737;font-weight:700}.login-shell{max-width:420px;margin:12vh auto;padding:32px;background:#fff;border:1px solid #dce3dd;border-radius:16px}.login-shell input{width:100%;padding:12px;border:1px solid #dce3dd;border-radius:8px;margin:8px 0 18px}.login-shell h1{font-size:26px}.login-shell button{width:100%}[data-theme="black"] .login-shell{background:#111;border-color:#303030}[data-theme="black"] .login-shell input{background:#080808;color:#eee;border-color:#444}[data-theme="black"] .overdue{color:#ff9191}[data-theme="black"] .task-edit input{border-color:#444}[data-theme="black"] .button-link{border-color:#333}#historyDialog{width:min(740px,90vw)}#historyButton{margin-top:16px}#completionWarning{color:#946000}#loadLatest{margin:10px 0}#connectionState{white-space:normal;text-align:right}.headline-actions{flex-wrap:wrap}.sidebar{overflow-y:auto}.sidebar .brand{margin-bottom:24px}.navigation button{padding-top:9px;padding-bottom:9px}.sidebar-foot{padding-top:12px}
