*{box-sizing:border-box}body{color:#1b1a18;-webkit-font-smoothing:antialiased;background:#edecea;margin:0;font-family:Helvetica Neue,Helvetica,ui-sans-serif,system-ui,sans-serif}input,select,button,textarea{font-family:inherit}input[type=date]{font-variant-numeric:tabular-nums}a{color:#2b5fa8}a:hover{color:#1d4478}.app-wrap{min-height:100vh;padding-bottom:40px}.hdr{z-index:30;background:#f7f6f4;border-bottom:1px solid #d5d2cc;position:sticky;top:0;box-shadow:0 1px #00000008}.hdr-row{align-items:center;gap:14px;padding:8px 14px 6px;display:flex}.hdr-title{letter-spacing:-.01em;font:700 13px/1 Helvetica Neue,Helvetica,sans-serif}.hdr-date{color:#8a867f;font:11px/1 ui-monospace,Menlo,monospace}.hdr-spacer{flex:1}.hdr-btn{color:#3a3833;cursor:pointer;background:#fff;border:1px solid #cfccc6;border-radius:4px;padding:5px 9px;font:11px/1 Helvetica Neue,Helvetica,sans-serif}.hdr-btn:hover{background:#f0efec}.hdr-btn.danger{color:#b4231f;border-color:#e0c4c2}.hdr-btn.danger:hover{background:#fbeceb}.cap-row{align-items:center;gap:6px;padding:0 14px 8px;display:flex}.cap-input{background:#fff;border:1px solid #cfccc6;border-radius:4px;flex:1;min-width:0;padding:7px 9px;font-size:12.5px}.cap-input:focus{outline-offset:-1px;border-color:#7fa3d1;outline:2px solid #b9cbe6}.cap-sel{background:#fff;border:1px solid #cfccc6;border-radius:4px;max-width:190px;padding:6px;font-size:12px}.cap-date{background:#fff;border:1px solid #cfccc6;border-radius:4px;padding:6px;font-size:12px}.cap-ball{background:#fff;border:1px solid #cfccc6;border-radius:4px;width:132px;padding:6px;font-size:12px}.cap-ball:focus{outline-offset:-1px;border-color:#7fa3d1;outline:2px solid #b9cbe6}.cap-add{color:#fff;cursor:pointer;background:#2b5fa8;border:1px solid #23496f;border-radius:4px;padding:7px 14px;font:600 12px/1 Helvetica Neue,Helvetica,sans-serif}.cap-add:hover{background:#23507f}.proj-editor{flex-wrap:wrap;align-items:center;gap:6px;padding:0 14px 9px;display:flex}.proj-chip{background:#fff;border:1px solid #cfccc6;border-radius:4px;align-items:center;gap:4px;padding:3px 4px 3px 7px;display:flex}.proj-chip input{background:0 0;border:0;width:150px;padding:2px;font-size:12px}.proj-chip .del{color:#b4231f;cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:13px;line-height:1}.proj-new{background:#fff;border:1px dashed #bdb9b2;border-radius:4px;width:210px;padding:5px 8px;font-size:12px}.proj-add-btn{cursor:pointer;background:#fff;border:1px solid #cfccc6;border-radius:4px;padding:6px 9px;font:11px/1 Helvetica Neue,Helvetica,sans-serif}.sum-strip{align-items:stretch;gap:8px;padding:0 14px 9px;display:flex;overflow-x:auto}.sum-card{background:#fff;border-radius:5px;flex:none;min-width:186px;padding:5px 9px 7px}.sum-card-name{color:#2a2825;white-space:nowrap;text-overflow:ellipsis;font:600 11.5px/1.3 Helvetica Neue,Helvetica,sans-serif;overflow:hidden}.sum-nums{font-variant-numeric:tabular-nums;gap:12px;margin-top:5px;display:flex}.sum-label{color:#8a867f;letter-spacing:.04em;margin-left:3px;font-size:9.5px}.sum-num{font:600 15px/1 Helvetica Neue,Helvetica,sans-serif}.all-btn{color:#3a3833;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cfccc6;border-radius:5px;flex:none;padding:0 12px;font:600 11px/1.2 Helvetica Neue,Helvetica,sans-serif}.all-btn.active{color:#fff;background:#2b5fa8;border-color:#23496f}.main-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:11px;padding:11px 14px;display:grid}.card{background:#fff;border:1px solid #dcdad6;border-radius:6px;overflow:hidden}.card-head{background:#fbfaf9;border-bottom:1px solid #e6e3de;align-items:center;gap:8px;padding:7px 10px;display:flex}.card-label{letter-spacing:.09em;color:#4a4741;font:700 10.5px/1 Helvetica Neue,Helvetica,sans-serif}.card-count{color:#9a968f;font:11px/1 ui-monospace,monospace}.card-spacer{flex:1}.card-hint{color:#a8a49d;font:10px/1 Helvetica Neue,Helvetica,sans-serif}.card-btn{cursor:pointer;color:#3a3833;background:#fff;border:1px solid #cfccc6;border-radius:3px;padding:3px 7px;font:10.5px/1 Helvetica Neue,Helvetica,sans-serif}.grp-head{cursor:pointer;border-bottom:1px solid;align-items:center;gap:8px;padding:5px 10px;display:flex}.grp-chevron{color:#8a867f;width:8px;font:10px/1 monospace}.grp-dot{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.grp-name{color:#2a2825;font:600 11.5px/1 Helvetica Neue,Helvetica,sans-serif}.grp-count{color:#9a968f;font:11px/1 ui-monospace,monospace}.grp-add{cursor:pointer;color:#3a3833;background:#fff;border:1px solid #cfccc6;border-radius:3px;padding:3px 7px;font:10.5px/1 Helvetica Neue,Helvetica,sans-serif}.todo-row{border-top:1px solid #f0eeea;align-items:center;gap:4px;padding:3px 10px;font-size:12px;display:grid}.todo-row:hover{background:#faf9f7}.todo-row.done{opacity:.45}.todo-title{font:inherit;color:inherit;background:0 0;border:0;border-radius:3px;width:100%;min-width:0;padding:2px 3px}.todo-title:focus{background:#f1f5fb;outline:1px solid #b9cbe6}.todo-title.done-txt{text-decoration:line-through}.todo-ball{background:0 0;border:1px solid #0000;border-radius:3px;width:100%;padding:2px;font:11.5px/1 Helvetica Neue,Helvetica,sans-serif}.todo-ball.me{color:#2b5fa8;background:#eef3fa}.todo-due{background:0 0;border:0;width:100%;padding:2px;font:400 11px/1 ui-monospace,Menlo,monospace}.todo-pri{background:0 0;border:1px solid #0000;border-radius:3px;width:100%;padding:2px;font:11px/1 Helvetica Neue,Helvetica,sans-serif}.todo-proj-tag{white-space:nowrap;text-overflow:ellipsis;border:1px solid;border-radius:3px;padding:1px 5px;font:600 9.5px/1.5 Helvetica Neue,Helvetica,sans-serif;overflow:hidden}.todo-note-btn{cursor:pointer;white-space:nowrap;border:1px solid;border-radius:3px;padding:3px 2px;font:600 9.5px/1 Helvetica Neue,Helvetica,sans-serif}.todo-note-btn.has-note{border-color:var(--pc-line);background:var(--pc-bg);color:var(--pc-dot)}.todo-note-btn.no-note{color:#8a867f;background:#fff;border-color:#dcdad6}.todo-del{color:#b9b5ae;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;line-height:1}.todo-del:hover{color:#a4483f}.todo-note-preview{color:#8a867f;white-space:nowrap;text-overflow:ellipsis;padding:0 10px 4px 32px;font:11px/1.4 Helvetica Neue,Helvetica,sans-serif;overflow:hidden}.todo-note-wrap{background:#faf9f7;border-top:1px solid #f0eeea;padding:2px 10px 8px 32px}.todo-note-textarea{resize:vertical;color:#3a3833;background:#fff;border:1px solid #dcdad6;border-radius:4px;width:100%;padding:6px 7px;font:12px/1.5 Helvetica Neue,Helvetica,sans-serif}.todo-note-textarea:focus{outline-offset:-1px;border-color:#7fa3d1;outline:2px solid #b9cbe6}.sub-hdr{letter-spacing:.06em;color:#8a867f;background:#f7f6f4;border-bottom:1px solid #e6e3de;gap:4px;padding:4px 10px;font:600 9.5px/1 Helvetica Neue,Helvetica,sans-serif;display:grid}.sub-row{border-top:1px solid #f0eeea;align-items:center;gap:4px;padding:3px 10px;font-size:12px;display:grid}.sub-row:hover{background:#faf9f7}.sub-field{background:0 0;border:0;width:100%;min-width:0;padding:2px 3px}.sub-field:focus{background:#f1f5fb;outline:1px solid #b9cbe6}.sub-who{color:#3a3833;background:0 0;border:1px solid #0000;border-radius:3px;width:100%;min-width:0;padding:2px;font:11.5px/1 Helvetica Neue,Helvetica,sans-serif}.sub-who:hover{border-color:#dcdad6}.sub-who:focus{background:#f1f5fb;outline:1px solid #b9cbe6}.sub-date{border:1px solid #0000;border-radius:3px;width:100%;min-width:0;padding:2px 3px;font:600 10.5px/1.4 ui-monospace,Menlo,monospace}.sub-status{border:1px solid #0000;border-radius:3px;width:100%;padding:2px 4px;font:600 10.5px/1.4 Helvetica Neue,Helvetica,sans-serif}.sub-num{color:#2b5fa8;font:600 11px/1.3 ui-monospace,Menlo,monospace}.sub-del{color:#b9b5ae;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;line-height:1}.sub-del:hover{color:#b4231f}.sub-legend{color:#8a867f;align-items:center;gap:8px;font:10px/1 Helvetica Neue,Helvetica,sans-serif;display:flex}.sub-legend-dot{border-radius:2px;width:7px;height:7px;display:inline-block}.radar-row{border-bottom:1px solid #f0eeea;grid-template-columns:52px minmax(0,1fr) auto;align-items:baseline;gap:8px;padding:5px 10px 5px 8px;display:grid}.radar-date{font:600 11px/1.4 ui-monospace,Menlo,monospace}.radar-title{white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.3;overflow:hidden}.radar-meta{color:#9a968f;margin-top:1px;font-size:10px}.ball-grp-hdr{background:#f4f3f1;border-bottom:1px solid #e6e3de;align-items:baseline;gap:8px;padding:4px 10px;display:flex}.ball-who{color:#2a2825;font:600 11px/1 Helvetica Neue,Helvetica,sans-serif}.ball-gcount{color:#9a968f;font:10.5px/1 ui-monospace,monospace}.ball-oldest{font:10px/1 ui-monospace,monospace}.ball-row{border-bottom:1px solid #f0eeea;grid-template-columns:minmax(0,1fr) 62px;align-items:baseline;gap:8px;padding:4px 10px 4px 7px;display:grid}.ball-row:hover{background:#faf9f7}.ball-title{white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.3;overflow:hidden}.ball-meta{color:#9a968f;margin-top:1px;font-size:10px}.key-row{border-bottom:1px solid #f0eeea;padding:4px 8px 5px 7px;font-size:12px}.key-row:hover{background:#faf9f7}.key-row-inner{grid-template-columns:minmax(0,1fr) auto 14px;align-items:center;gap:4px;display:grid}.key-title{color:#1b1a18;background:0 0;border:0;width:100%;min-width:0;padding:2px 3px;font:12px/1.3 Helvetica Neue,Helvetica,sans-serif}.key-title:focus{background:#f1f5fb;outline:1px solid #b9cbe6}.key-meta{align-items:center;gap:5px;padding-left:2px;display:flex}.key-proj{color:#9a968f;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:10px;overflow:hidden}.key-type{color:#5c5952;background:0 0;border:1px solid #0000;border-radius:3px;padding:1px 2px;font:10.5px/1 Helvetica Neue,Helvetica,sans-serif}.key-type:hover{border-color:#dcdad6}.key-date{color:#3a3833;background:0 0;border:0;width:92px;padding:1px 2px;font:10.5px/1 ui-monospace,Menlo,monospace}.key-del{color:#b9b5ae;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;line-height:1}.key-del:hover{color:#a4483f}.card-body-scroll{max-height:340px;overflow:auto}.pill{white-space:nowrap;text-align:center;border-radius:3px;padding:1px 6px;font:600 10px/1.5 ui-monospace,Menlo,monospace;display:inline-block}