:root{--bg: #fafaf9;--surface: #ffffff;--border: #e5e5e3;--text: #1a1a1a;--muted: #8a8a87;--gray: #94a3b8;--green: #10b981;--blue: #3b82f6;--purple: #8b5cf6;--orange: #f59e0b;--teal: #0d9488;--pink: #ec4899;--radius: 8px;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDPGothic,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);font-size:14px;line-height:1.6}*{box-sizing:border-box}body{margin:0}.container{max-width:1100px;margin:0 auto;padding:24px 20px 80px}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}h1{margin:0 0 4px;font-size:22px;letter-spacing:.02em}.muted{color:var(--muted)}.small{font-size:14px}.error{color:#dc2626;padding:12px;background:#fee2e2;border-radius:var(--radius)}.summary{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.chip{display:inline-block;padding:3px 10px;color:#fff;border-radius:999px;font-size:14px;font-weight:500}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.filter-tabs{display:flex;gap:4px}.tab{padding:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-size:14px;color:var(--text)}.tab-active{background:var(--text);color:#fff;border-color:var(--text)}.search{flex:1;min-width:200px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:14px}.search:focus{outline:2px solid var(--blue);outline-offset:-1px}.tasks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.task{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.task-reacted{filter:grayscale(1);opacity:.45;transition:opacity .15s ease,filter .15s ease}.task-reacted:hover{filter:none;opacity:1}.task-reacted:has(:focus-visible){filter:none;opacity:1}@media(prefers-reduced-motion:reduce){.task-reacted{transition:none}}.task-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0}.task-num{font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px}.task-title{font-weight:500;word-break:break-word}.task-sub{font-size:14px;color:var(--muted)}.bolt{margin-right:4px;color:var(--orange)}.source{padding:1px 6px;border-radius:4px;font-size:14px;font-weight:500;color:#fff}.source-todoist{background:#e44332}.source-gtasks{background:#1a73e8}.source-wt{background:#525252}.source-ws{background:#7c3aed}.suggested{color:var(--green);font-weight:600;font-size:14px}.task-controls{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.action{padding:5px 10px;background:var(--surface);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:14px;color:var(--text);white-space:nowrap}.action:hover{background:#f5f5f4}.action-selected{font-weight:600}.task-description{padding:6px 10px;font-size:14px;color:var(--text);background:var(--bg);border-left:3px solid var(--border);border-radius:0 6px 6px 0;white-space:pre-wrap;word-break:break-word}.task-urls{display:flex;flex-direction:column;gap:2px;font-size:14px}.task-url{display:flex;gap:6px;align-items:baseline;min-width:0}.url-label{color:var(--muted);flex-shrink:0}.task-url a{word-break:break-all}.task-note{flex:1;min-width:220px;min-height:33px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);font-family:inherit;font-size:14px;line-height:1.5;resize:vertical;color:var(--text)}.task-note::placeholder{color:var(--muted)}.task-note:focus{outline:2px solid var(--blue);outline-offset:-1px;background:var(--surface)}.footer{margin-top:16px;display:flex;flex-direction:column;gap:8px}.primary{align-self:flex-start;padding:10px 24px;background:var(--text);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer}.primary:disabled{opacity:.4;cursor:not-allowed}.primary:not(:disabled):hover{background:#333}.next-step{margin:0;padding:12px 14px;background:#ecfdf5;border:1px solid var(--green);border-radius:var(--radius);font-size:14px;color:#065f46}.next-step strong{color:#065f46}.save-error{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;background:#fef3c7;border:1px solid var(--orange);border-radius:var(--radius);font-size:14px;color:#92400e}.save-error-msg{flex:1;min-width:220px}.reauth{padding:8px 16px;background:var(--orange);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.reauth:hover{background:#d97706}code{padding:1px 6px;background:#f5f5f4;border-radius:4px;font-size:14px}a{color:var(--blue)}.zap{margin-left:3px;font-size:14px}.action-suggested{outline:2px solid var(--orange);outline-offset:1px}.action{position:relative;overflow:hidden}.action-pending .action-label,.action-executing .action-label{visibility:hidden}.action-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;white-space:nowrap}.action-progress{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#ffffffd9;transform-origin:left;animation:action-progress-shrink linear forwards}@keyframes action-progress-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.action-executing{opacity:.7}@media(prefers-reduced-motion:reduce){.action-progress{animation:none;transform:scaleX(.5)}}.error-strip,.submitted-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;border-radius:6px;font-size:14px}.error-strip{background:#fee2e2;border:1px solid #dc2626;color:#991b1b}.submitted-strip{background:#fffbeb;border:1px dashed var(--orange);color:#92400e}.submitted-note{color:#b45309;font-size:14px}.strip-btn{padding:4px 12px;border-radius:6px;border:none;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.strip-now{background:var(--green);color:#fff}.strip-now:hover{background:#059669}.strip-cancel{background:var(--surface);color:var(--text);border:1px solid var(--border)}.strip-cancel:hover{background:#f5f5f4}.task-leaving{animation:task-out .38s ease forwards;pointer-events:none}@keyframes task-out{to{opacity:0;transform:translate(32px)}}@media(prefers-reduced-motion:reduce){.task-leaving{animation:none;opacity:0}}.task-submitted{opacity:.55}.task-submitted:hover{opacity:1}.task-error{border-color:#dc2626}.all-done{padding:24px;text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius)}.warnings{display:flex;flex-direction:column;gap:2px}.warning-line{margin:0;font-size:14px;color:#92400e}.done{margin-top:8px;border-top:1px solid var(--border);padding-top:12px}.done summary{cursor:pointer;font-weight:600;color:var(--muted);font-size:14px}.done-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.done-item{display:flex;align-items:baseline;gap:8px;padding:4px 8px;font-size:14px;color:var(--muted);min-width:0}.done-check{color:var(--green);font-weight:700}.done-action{flex-shrink:0;padding:1px 8px;border-radius:999px;color:#fff;font-size:14px}.done-title{word-break:break-word}.done-meta{flex-shrink:0;margin-left:auto;font-size:14px}