:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f6f8;--panel:#fff;--border:#d9dce1;--text:#1b1f24;--muted:#5b6470;--accent:#1f5f8b;--accent-contrast:#fff;--green:#1f7a43;--amber:#a15c00;--red:#b3261e;--grey:#6b7280;--focus:#1f5f8b;--radius:8px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-size:15px;line-height:1.4}#app{flex-direction:column;min-height:100vh;display:flex}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:var(--radius);padding:.4rem .75rem}button:hover{background:#eef1f4}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:1px}button.primary{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}button.primary:hover{filter:brightness(1.08)}button:disabled{opacity:.55;cursor:not-allowed}input[type=text],input[type=search],input[type=date],input[type=number],select,textarea{font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text);padding:.4rem .6rem}label{color:var(--muted);margin-bottom:.2rem;font-size:.85rem;display:block}header.app-header{background:var(--panel);border-bottom:1px solid var(--border);z-index:10;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex;position:sticky;top:0}header.app-header h1{white-space:nowrap;margin:0;font-size:1.05rem}.status-pill{border:1px solid var(--border);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.8rem;display:inline-flex}.status-pill[data-tone=loading]{border-color:var(--accent);color:var(--accent)}.status-pill[data-tone=saving]{border-color:var(--amber);color:var(--amber)}.status-pill[data-tone=error]{border-color:var(--red);color:var(--red)}.status-pill[data-tone=ready]{border-color:var(--green);color:var(--green)}.status-pill[data-tone=demo]{border-color:var(--grey);color:var(--grey)}.header-spacer{flex:1}.last-refresh{color:var(--muted);font-size:.8rem}.demo-banner{color:#6b4c00;background:#fff6e0;border-bottom:1px solid #e8c565;padding:.4rem 1rem;font-size:.85rem}.quick-add{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.quick-add input[type=text]{flex:1;min-width:0}.bucket-picker{align-items:center;gap:.4rem;display:flex}.bucket-picker input[type=text]{min-width:9rem}.filters{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:end;gap:.6rem;padding:.5rem 1rem;display:flex}.filter-field{flex-direction:column;display:flex}.summary-strip{flex-wrap:wrap;gap:.5rem;padding:.6rem 1rem;display:flex}.summary-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-width:6.5rem;padding:.5rem .8rem}.summary-card .n{font-size:1.3rem;font-weight:600;display:block}.summary-card .label{color:var(--muted);font-size:.75rem}main.layout{flex:1;gap:0;min-height:0;display:flex}.task-list-panel{flex:1;padding:.5rem 1rem 1rem;overflow-y:auto}.task-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.task-row{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:.6rem;padding:.55rem .7rem;display:flex}.task-row:hover{border-color:var(--accent)}.task-row.flagged{border-left:4px solid var(--amber)}.task-row .complete-btn{flex-shrink:0}.task-row .title-block{flex:1;min-width:0}.task-row .title{overflow-wrap:anywhere;font-weight:500}.task-row .title.done{color:var(--muted);text-decoration:line-through}.task-row .meta{color:var(--muted);flex-wrap:wrap;gap:.5rem;margin-top:.1rem;font-size:.78rem;display:flex}.status-badge{border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:.1rem .5rem;font-size:.72rem}.status-badge[data-status=Completed]{color:var(--green);border-color:var(--green)}.status-badge[data-status=In\ Progress]{color:var(--amber);border-color:var(--amber)}.status-badge[data-status=Blocked]{color:var(--red);border-color:var(--red)}.status-badge[data-status=Not\ Started]{color:var(--grey);border-color:var(--grey)}.empty-state{color:var(--muted);text-align:center;padding:2rem 1rem}.editor-panel{border-left:1px solid var(--border);background:var(--panel);width:min(380px,100%);padding:.9rem 1rem;overflow-y:auto}.editor-panel .field{margin-bottom:.7rem}.editor-panel h2{overflow-wrap:anywhere;margin:0 0 .7rem;font-size:1rem}.editor-actions{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.flag-list{border-radius:var(--radius);background:#fff6e0;border:1px solid #e8c565;margin-bottom:.7rem;padding:.5rem .7rem;font-size:.82rem}.flag-list ul{margin:.3rem 0 0;padding-left:1.1rem}.subtask-list{flex-direction:column;gap:.3rem;margin:0 0 .4rem;padding:0;list-style:none;display:flex}.subtask-list li{align-items:center;gap:.45rem;display:flex}.subtask-list .subtask-title{overflow-wrap:anywhere;flex:1;font-size:.9rem}.subtask-list .subtask-title.done{color:var(--muted);text-decoration:line-through}.subtask-remove{color:var(--muted);padding:.15rem .45rem;font-size:.72rem}.subtask-add-row{gap:.4rem;margin-bottom:.4rem;display:flex}.subtask-add-row input{flex:1;min-width:0}.subtask-progress{color:var(--muted);margin:0;font-size:.85rem}.undo-toast{color:#fff;border-radius:var(--radius);z-index:30;background:#1b1f24;align-items:center;gap:.8rem;padding:.55rem .9rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.undo-toast button{color:#9fd0ff;background:0 0;border:none;padding:.2rem .4rem}@media (width<=760px){main.layout{flex-direction:column}.editor-panel{border-left:none;border-top:1px solid var(--border);width:100%}header.app-header h1{font-size:.95rem}}.modal-overlay{z-index:40;background:#1b1f2473;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-panel{background:var(--panel);border-radius:var(--radius);border:1px solid var(--border);width:min(420px,100%);max-height:80vh;padding:1rem 1.1rem;overflow-y:auto}.modal-panel h2{margin:0 0 .5rem;font-size:1rem}.modal-hint{color:var(--muted);margin:0 0 .8rem;font-size:.82rem}.bucket-manage-list{flex-direction:column;gap:.4rem;margin:0 0 .9rem;padding:0;list-style:none;display:flex}.bucket-manage-list li{border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:.6rem;padding:.4rem .6rem;display:flex}.bucket-manage-list li span{overflow-wrap:anywhere}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}