:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0d0d;--card:#1a1a1a;--text:#e0e0e0;--muted:#666;--accent:#3a3a3a;--danger:#f87171;--border:#2a2a2a;--amber-bg:#92400e;--amber-text:#fde68a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-size:.875rem}.layout{height:100vh;display:flex}.panel{flex-direction:column;min-width:0;display:flex;overflow:hidden}.panel--chat{border-right:1px solid var(--border);flex:0 0 65%}.panel--tasks{flex:1}.panel__header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:baseline;gap:.75rem;padding:.85rem 1rem;display:flex}.panel__header h1{letter-spacing:.08em;color:var(--muted);margin:0;font-size:.875rem;font-weight:600}.panel__body{flex:1;padding:1rem;overflow-y:auto}.subtitle{color:var(--muted);font-size:.75rem}.add-form{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.add-form input[type=text]{flex:1;min-width:8rem}@media (width<=800px){.layout{flex-direction:column}.panel--chat{border-right:none;border-bottom:1px solid var(--border);flex:0 0 55%}}input[type=text],input[type=datetime-local],.task__edit{border:1px solid var(--border);font:inherit;background:var(--card);color:var(--text);border-radius:.25rem;padding:.5rem .75rem;font-size:.875rem}input::placeholder{color:var(--muted)}input:focus-visible,button:focus-visible{outline:1px solid var(--muted);outline-offset:1px}button{font:inherit;cursor:pointer}.add-form button{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:.25rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600}.add-form button:disabled{opacity:.4;cursor:default}.chat-panel{flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex;overflow:hidden}.chat-panel .chat-form{flex-shrink:0;margin-bottom:0}.chat-examples{flex-wrap:wrap;flex-shrink:0;gap:.4rem;display:flex}.chat-examples__chip{border:1px solid var(--border);color:var(--muted);text-align:left;background:0 0;border-radius:.25rem;padding:.3rem .65rem;font-size:.7rem;line-height:1.3}.chat-examples__chip:hover:not(:disabled){color:var(--text);border-color:var(--muted);background:var(--card)}.chat-examples__chip:disabled{opacity:.4;cursor:default}.chat{flex-direction:column;flex:1;gap:.4rem;padding:.1rem .1rem 0;display:flex;overflow-y:auto}.chat__empty{flex-direction:column;align-items:center;gap:1rem;max-width:28rem;margin:auto;padding:1rem;display:flex}.chat__empty-art{opacity:.9;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:.5rem;width:min(180px,40vw);height:auto}.chat__hint{color:var(--muted);text-align:center;margin:0;font-size:.8rem;line-height:1.6}.chat__turn{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.8rem;line-height:1.5}.chat__turn--user{background:var(--card);border:1px solid var(--border);max-width:85%;color:var(--muted);border-radius:.5rem;align-self:flex-end;padding:.3rem .6rem}.chat__turn--assistant{color:var(--text)}.chat__turn--error{color:var(--danger)}.chat__cursor{color:var(--muted);animation:1s steps(2,end) infinite chat-blink}@keyframes chat-blink{50%{opacity:0}}.chat__clear{color:var(--muted);background:0 0;border:none;align-self:flex-start;padding:0;font-size:.7rem;text-decoration:underline}.preview{background:var(--card);border:1px solid var(--accent);border-radius:.5rem;flex-direction:column;flex-shrink:0;gap:.6rem;padding:.75rem .9rem;display:flex}.preview__fields{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.preview__fields input{background:var(--bg);flex:1;min-width:10rem}.preview__summary{font-size:.875rem}.preview--danger{border-color:#7f1d1d}.badge{text-transform:uppercase;letter-spacing:.04em;color:var(--text);background:var(--accent);white-space:nowrap;border:1px solid #0000;border-radius:.25rem;justify-content:center;align-items:center;padding:0 .5rem;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex}.badge--fallback{background:var(--amber-bg);color:var(--amber-text)}.preview__actions{align-items:center;gap:.5rem;display:flex}.preview__actions>*{box-sizing:border-box;height:1.75rem}.preview__confirm{border:1px solid var(--border);background:var(--accent);color:var(--text);border-radius:.25rem;justify-content:center;align-items:center;padding:0 .8rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.preview__confirm:disabled{opacity:.4;cursor:default}.preview__confirm--danger{color:#fecaca;background:#7f1d1d;border-color:#7f1d1d}.preview__discard{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:.25rem;justify-content:center;align-items:center;padding:0 .8rem;font-size:.75rem;line-height:1;display:inline-flex}.error{background:var(--card);color:var(--danger);border:1px solid #7f1d1d;border-radius:.25rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;display:flex}.error__dismiss{color:var(--danger);background:0 0;border:none;border-radius:.25rem;flex-shrink:0;padding:.1rem .3rem;font-size:1rem;line-height:1}.empty{color:var(--muted);padding:1rem 0;font-size:.75rem}.section-heading{letter-spacing:.08em;color:var(--muted);margin:1.5rem 0 .5rem;font-size:.75rem;font-weight:600}.preview__targets{color:var(--muted);flex-basis:100%;font-size:.75rem}.task-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.task{background:var(--card);border:1px solid var(--border);border-radius:.25rem;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.task input[type=checkbox]{width:.9rem;height:.9rem;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.task__id{color:var(--muted);flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}.task__body{flex-wrap:wrap;flex:1;align-items:baseline;gap:.6rem;min-width:0;display:flex}.task__title{font:inherit;color:inherit;text-align:left;overflow-wrap:anywhere;background:0 0;border:none;padding:0;font-size:.875rem}.task__edit{background:var(--bg);flex:1;padding:.25rem .5rem}.task--done .task__title{opacity:.4;text-decoration:line-through}.task__due{color:var(--muted);background:var(--bg);white-space:nowrap;border-radius:.25rem;padding:.15rem .4rem;font-size:.75rem}.task__due--overdue{color:var(--danger)}.task__delete{color:var(--danger);opacity:.4;background:0 0;border:none;border-radius:.25rem;flex-shrink:0;padding:.2rem .4rem;font-size:1rem;line-height:1}.task__delete:hover{opacity:1}