: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}.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}}