:root{color:#241f31;background:#f6f5f4;font:15px Cantarell,Adwaita Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #3584e4}button{background:#fff;border:1px solid #deddda;border-radius:8px;padding:7px 11px}button:hover{background:#f2f2f2}button.primary{color:#fff;background:#1c71d8;border-color:#1c71d8;font-weight:700}button.danger{color:#c01c28}input:not([type=checkbox]),textarea,select{color:#241f31;background:#fff;border:1px solid #c0bfbc;border-radius:8px;min-width:0;padding:8px 10px}input[type=checkbox]{accent-color:#3584e4}label{align-items:center;gap:8px;display:flex}h1,h2,p{margin-top:0}.login{text-align:center;background:#fff;border-radius:18px;width:min(400px,100vw - 36px);margin:12vh auto;padding:30px;box-shadow:0 8px 30px #0002}.login form{text-align:left;gap:16px;display:grid}.login form label{display:grid}.login form button{margin-top:4px}.error{color:#c01c28}.app{min-height:100vh}.topbar{z-index:5;background:#fff;align-items:center;gap:14px;height:58px;padding:8px 18px;display:flex;position:sticky;top:0;box-shadow:0 1px 5px #0002}.topbar strong{white-space:nowrap;font-size:18px}.search-button{text-align:left;color:#77767b;background:#f6f5f4;flex:1;max-width:620px;margin-left:auto}kbd{float:right;background:#fff;border-radius:4px;padding:1px 4px;font-size:12px}.sync-status{color:#666;white-space:nowrap;text-overflow:ellipsis;max-width:160px;margin-left:auto;font-size:12px;overflow:hidden}.tabs{gap:8px;padding:14px 20px 0;display:flex}.tabs button{background:0 0;border:0;border-radius:8px 8px 0 0}.tabs button.active{background:#fff;font-weight:700;box-shadow:0 -2px 5px #0001}.toolbar{background:#fff;border-radius:0 10px 10px;margin:0 20px;padding:12px 16px;box-shadow:0 2px 8px #0001}.filter-line{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0;display:flex}.filter-line button{padding:5px 9px}.filter-line button.selected{box-shadow:inset 0 0 0 2px #3584e4}i{border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.board{align-items:flex-start;gap:14px;height:calc(100vh - 170px);padding:20px;display:flex;overflow-x:auto}.column{background:#eae9e7;border-radius:11px;flex:0 0 285px;min-height:160px;max-height:100%;padding:7px;overflow-y:auto}.column-head{z-index:1;background:#eae9e7;border-top:5px solid #3584e4;border-radius:7px 7px 0 0;justify-content:space-between;align-items:center;padding:7px;display:flex;position:sticky;top:-7px}.column-head small{color:#777;font-weight:400}.column-head button{background:0 0;border:0}.add-column{flex:0 0 200px}.task-card{background:#fff;border-radius:9px;margin:8px 1px;padding:10px 12px;box-shadow:0 1px 4px #0001}.card-title{text-align:left;border:0;width:100%;padding:0;font-weight:700;display:block}.notes-preview{white-space:pre-line;-webkit-line-clamp:3;color:#5e5c64;-webkit-box-orient:vertical;margin:7px 0;font-size:13px;display:-webkit-box;overflow:hidden}.due{color:#5e5c64;margin:6px 0;font-size:12px;display:block}.badges{flex-wrap:wrap;gap:4px;display:flex}.badge{background:#f6f5f4;border-radius:20px;padding:2px 6px;font-size:11px}.expense-check{border-top:1px solid #f0f0f0;padding:4px 0;font-size:12px}.expense-check span{flex:1}.expense-check small{color:#777}.quick{flex-wrap:wrap;gap:4px;max-height:0;transition:max-height .2s;display:flex;overflow:hidden}.task-card:hover .quick,.task-card:focus-within .quick{max-height:150px;padding-top:8px}.quick button{color:#181818;border:0;padding:4px 6px;font-size:11px}.card-rename{gap:4px;display:grid}.card-rename input{width:100%;font-weight:700}.startup{justify-content:center;align-items:center;gap:12px;min-height:100vh;font-size:18px;display:flex}.spinner{vertical-align:middle;border:3px solid #9bbde3;border-top-color:#1c71d8;border-radius:50%;width:18px;height:18px;margin-right:5px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.login button[disabled]{opacity:.75;cursor:wait}kbd{color:#241f31}.finance{background:#fff;border-radius:0 10px 10px;max-width:820px;margin:0 20px 20px;padding:20px}.finance-head{align-items:center;gap:10px;display:flex}.finance-head h2{margin:0 auto 0 0}.finance-card{border:1px solid #deddda;border-radius:10px;align-items:center;gap:12px;margin-top:10px;padding:12px;display:flex}.finance-card button{text-align:left;border:0;flex:1;display:grid}.finance-card small{color:#777}.finance-card b{white-space:nowrap}.overlay{z-index:10;background:#0008;justify-content:center;align-items:flex-start;padding:8vh 15px;display:flex;position:fixed;inset:0;overflow-y:auto}.editor,.search-dialog{background:#fff;border-radius:14px;width:min(650px,100%);max-height:86vh;padding:24px;overflow:auto;box-shadow:0 14px 40px #0004}.editor{gap:14px;display:grid}.editor>label{display:grid}.editor textarea{resize:vertical}.editor .close{float:right;justify-self:end}.editor-actions{flex-wrap:wrap;gap:8px;display:flex}.form-row{gap:10px;display:flex}.form-row label{flex:1;display:grid}.tag-choices{flex-wrap:wrap;gap:8px;display:flex}.tag-choices label{background:#f6f5f4;border-radius:8px;padding:4px 8px}.search-dialog{padding:12px;display:grid}.search-dialog input{width:100%;margin-bottom:10px;font-size:18px}.search-dialog button{text-align:left;border:0}.notice{white-space:pre-wrap;cursor:pointer;background:#f9e8a7;max-height:160px;padding:8px 20px;overflow:auto}@media (width<=700px){.topbar{gap:7px;padding:8px}.topbar strong,kbd,.sync-status{display:none}.toolbar{margin:0 7px}.board{height:calc(100vh - 180px);padding:10px 7px}.column{flex-basis:min(85vw,320px)}.finance{margin:0 7px;padding:10px}}@media (prefers-color-scheme:dark){:root{color:#f6f5f4;background:#242424}.topbar,.toolbar,.task-card,.finance,.login,.editor,.search-dialog{background:#303030}.column,.column-head{background:#3d3d3d}button,input:not([type=checkbox]),textarea,select{color:#fff;background:#424242;border-color:#666}.search-button,.badge,.tag-choices label{background:#474747}.notes-preview,.due,.finance-card small{color:#ccc}}.history pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.history details{border-top:1px solid #deddda;padding:8px}.inline-task-form{border:1px dashed #b0ada8;gap:7px;display:grid}.inline-task-form input:not([type=checkbox]),.inline-task-form textarea{width:100%}.inline-task-form textarea{resize:vertical}.inline-task-form .inline-actions{gap:6px;display:flex}.inline-task-form .inline-tags{flex-wrap:wrap;gap:4px;display:flex}.inline-task-form .inline-tags label{background:#f6f5f4;border-radius:6px;padding:3px 5px;font-size:11px}.inline-task-form .inline-tags i{margin-right:0}.inline-task-form .inline-actions button{flex:1}.more-menu{position:relative}.more-menu summary{cursor:pointer;border:1px solid #deddda;border-radius:8px;padding:6px 10px;list-style:none}.more-menu summary::-webkit-details-marker{display:none}.more-menu>div{background:#fff;border:1px solid #deddda;border-radius:9px;gap:7px;width:210px;padding:10px;display:grid;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 8px 25px #0003}.more-menu>div strong{font-size:12px}.manager-head{justify-content:space-between;align-items:center;display:flex}.manager-head h2{margin:0}.managed-tags{gap:7px;display:grid}.managed-tags>div{gap:8px;display:flex}.managed-tags>div>button:first-child{text-align:left;flex:1}.editor label small{color:#5e5c64}.notice{color:#241f31}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}button:hover{color:#fff;background:#55515a}button.primary:hover{color:#fff;background:#3584e4}.tabs button.active{color:#fff;background:#303030}.tabs button:not(.active){color:#e0dde2}.search-button,.sync-status,.column-head small,.expense-check small,.editor label small{color:#dedbe0}.inline-task-form .inline-tags label,.more-menu>div{color:#fff;background:#303030}.more-menu summary,.more-menu>div{border-color:#666}.task-card .card-title{color:#fff;background:0 0}.task-card .card-title:hover{color:#fff;background:#48444d}}.tag-badge{color:#241f31;white-space:nowrap;background:#eeecea;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:12px;line-height:1.3;display:inline-flex}.tag-badge i{flex:0 0 9px;margin:0}.tag-picker{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.tag-picker button,.filter-tag{background:0 0;border:2px solid #0000;border-radius:999px;padding:2px}.tag-picker button:hover,.filter-tag:hover{background:0 0;border-color:#9dbde3}.tag-picker button.selected,.filter-tag.selected{box-shadow:none;border-color:#3584e4}.filter-tag-item{align-items:center;gap:5px;display:inline-flex}.filter-tag{cursor:grab}.filter-tag:active{cursor:grabbing}.inline-tag-form{background:#f6f5f4;border:1px solid #deddda;border-radius:9px;flex-wrap:wrap;align-items:center;gap:5px;padding:4px;display:inline-flex;position:relative}.inline-tag-form input{width:145px}.inline-tag-form button{padding:5px 7px}.inline-tag-form .color-dot-button{border:2px solid #7776;border-radius:50%;flex:0 0 27px;width:27px;height:27px;padding:0}.inline-palette{z-index:8;background:#fff;border:1px solid #deddda;border-radius:9px;width:240px;padding:10px;position:absolute;top:calc(100% + 3px);left:0;box-shadow:0 8px 25px #0003}.inline-tag-form .error{width:100%}.inline-task-form{padding:10px}.inline-task-form .tag-picker{max-height:116px;overflow:auto}.expense-check input[type=checkbox],.task-expense input[type=checkbox],.finance-card input[type=checkbox]{cursor:pointer;flex:0 0 20px;width:20px;height:20px}.expense-check{gap:8px;min-height:32px}.color-picker{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.color-picker button{border:2px solid #0000;border-radius:50%;width:34px;height:34px;padding:0;box-shadow:0 0 0 1px #7775}.color-picker button.selected{outline-offset:3px;outline:3px solid #3584e4}.color-picker button:hover{transform:scale(1.08)}.due-editor{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.due-editor label{gap:5px;min-width:180px;display:grid}.due-editor small{color:#5e5c64;width:100%}.task-expenses{border:1px solid #deddda;border-radius:10px;padding:11px}.section-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.task-expense{border-top:1px solid #e4e2df;align-items:center;gap:8px;min-height:42px;display:flex}.task-expense button{text-align:left;background:0 0;border:0;flex:1}.task-expense b{white-space:nowrap;font-size:13px}.empty-note{color:#77767b;margin:8px 0 0;font-size:13px}.finance{max-width:900px}.finance-list{gap:8px;margin-top:18px;display:grid}.finance-card{cursor:grab;background:#f8f7f6;border-left-width:6px;gap:10px;margin:0;padding:10px 12px;box-shadow:0 1px 2px #0001}.finance-card:active{cursor:grabbing}.finance-card:hover{border-color:#a4a0a8}.finance-card .drag-handle,.managed-tags .drag-handle{color:#77767b;cursor:grab;background:0 0;border:0;flex:0 0 27px;width:27px;padding:5px 2px;font-size:21px}.drag-handle:active{cursor:grabbing}.finance-card .finance-card-body{background:0 0;align-content:center;gap:2px;min-width:0;padding:2px;display:grid}.finance-card-body strong,.finance-card-body span,.finance-card-body small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.finance-card-body span{color:#5e5c64;font-size:12px}.finance-card-body small{color:#77767b}.finance-card-end{white-space:nowrap;justify-items:end;gap:3px;display:grid}.finance-card-end b{font-size:16px}.finance-card-end span{border-radius:999px;padding:2px 7px;font-size:11px}.finance-card-end .paid{color:#20602d;background:#dbf2df}.finance-card-end .unpaid{color:#745419;background:#f4e8ce}.finance-card-body .finance-status{color:#5e5c64;align-items:center;gap:5px;width:fit-content;margin-top:3px;font-size:11px;display:inline-flex}.finance-status i{margin:0}.managed-tags>div{border:1px solid #deddda;border-radius:9px;align-items:center;padding:3px 6px}.managed-tags>div>button:nth-child(2){text-align:left;background:0 0;border:0;flex:1}.managed-tags>div>button:first-child{flex:0 0 27px}@media (prefers-color-scheme:dark){kbd{color:#fff;background:#474747}.inline-tag-form,.inline-palette{background:#383838;border-color:#666}.tag-badge{color:#f6f5f4;background:#48444d}.tag-picker button:hover,.filter-tag:hover{background:0 0}.finance-card{background:#383838}.finance-card-body span,.finance-card-body small,.due-editor small,.empty-note{color:#ccc}.finance-card .drag-handle,.managed-tags .drag-handle{color:#ccc;background:0 0}.finance-card .finance-card-body,.task-expense button,.managed-tags>div>button:nth-child(2){color:#f6f5f4;background:0 0}.finance-card-end .paid{color:#c8f4d1;background:#21452a}.finance-card-end .unpaid{color:#f7e5be;background:#554425}.task-expenses,.managed-tags>div{border-color:#666}.task-expense{border-color:#555}}