*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f5f0;--surface: #ffffff;--border: #e4e4e0;--text: #1a1a1a;--text-muted: #777770;--accent: #4f46e5;--accent-hover: #4338ca;--danger: #dc2626;--danger-hover: #b91c1c;--success: #16a34a;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-lg: 0 4px 16px rgba(0,0,0,.1), 0 2px 6px rgba(0,0,0,.06)}html,body{min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}#app-root{min-height:100vh}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}input,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.home[data-v-0fe27824]{max-width:640px;margin:0 auto;padding:48px 24px 80px}.hero[data-v-0fe27824]{text-align:center;margin-bottom:40px}.hero h1[data-v-0fe27824]{font-size:2.5rem;font-weight:600;letter-spacing:-.03em}.tagline[data-v-0fe27824]{margin-top:8px;color:var(--text-muted);font-size:1rem}.cards[data-v-0fe27824]{display:grid;gap:16px}.card[data-v-0fe27824]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow)}.card h2[data-v-0fe27824]{font-size:.9375rem;font-weight:600;margin-bottom:14px}.hint[data-v-0fe27824]{font-size:.8125rem;color:var(--text-muted);margin-bottom:12px;line-height:1.6}.create-tabs[data-v-0fe27824]{display:inline-flex;background:#ededea;border-radius:8px;padding:3px;margin-bottom:16px}.tab[data-v-0fe27824]{padding:5px 16px;border-radius:6px;font-size:.8125rem;color:var(--text-muted);transition:color .15s;position:relative;z-index:1;-webkit-user-select:none;user-select:none}.tab[data-v-0fe27824]:hover{color:var(--text)}.tab.active[data-v-0fe27824]{background:var(--surface);color:var(--text);font-weight:500;box-shadow:0 1px 3px #0000001a,0 0 0 .5px #0000000f}.markdown-input[data-v-0fe27824]{width:100%;padding:10px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);outline:none;resize:vertical;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8125rem;line-height:1.7;color:var(--text);transition:border-color .15s;margin-bottom:12px}.markdown-input[data-v-0fe27824]:focus{border-color:var(--accent)}.create-actions[data-v-0fe27824]{display:flex;justify-content:flex-end}.btn-primary[data-v-0fe27824]{padding:9px 20px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;transition:background .15s,opacity .15s}.btn-primary[data-v-0fe27824]:hover:not(:disabled){background:var(--accent-hover)}.btn-primary[data-v-0fe27824]:disabled{opacity:.45;cursor:not-allowed}.open-list form[data-v-0fe27824]{display:flex;gap:10px}.open-list input[data-v-0fe27824]{flex:1;padding:9px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);outline:none;transition:border-color .15s;font-size:.875rem}.open-list input[data-v-0fe27824]:focus{border-color:var(--accent)}.open-list button[data-v-0fe27824]{padding:9px 18px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;transition:background .15s;white-space:nowrap}.open-list button[data-v-0fe27824]:hover{background:var(--accent-hover)}.api-docs[data-v-0fe27824]{padding:0;overflow:hidden}.api-toggle[data-v-0fe27824]{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;font-size:.9375rem;font-weight:600;color:var(--text);text-align:left;transition:background .12s}.api-toggle[data-v-0fe27824]:hover{background:#fafaf8}.chevron[data-v-0fe27824]{color:var(--text-muted);transition:transform .2s;flex-shrink:0}.chevron.open[data-v-0fe27824]{transform:rotate(180deg)}.api-content[data-v-0fe27824]{padding:0 24px 20px;border-top:1px solid var(--border)}.api-section[data-v-0fe27824]{margin-top:20px}.api-section h3[data-v-0fe27824]{font-size:.875rem;font-weight:600;margin-bottom:8px}.api-section p[data-v-0fe27824]{font-size:.8125rem;color:var(--text-muted);margin-bottom:10px;line-height:1.7}code[data-v-0fe27824]{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8em;background:#f0f0ec;padding:1px 5px;border-radius:3px;color:#5b21b6}pre[data-v-0fe27824]{background:#f8f8f5;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;overflow-x:auto;margin:8px 0}pre code[data-v-0fe27824]{background:none;padding:0;font-size:.775rem;color:#374151;line-height:1.7}.error[data-v-0fe27824]{margin-top:10px;color:var(--danger);font-size:.8125rem}.todo-item[data-v-f5961db0]{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);transition:background .1s;position:relative}.todo-item[data-v-f5961db0]:last-child{border-bottom:none}.todo-item[data-v-f5961db0]:hover{background:#fafaf8}.todo-item:hover .action-btn[data-v-f5961db0],.todo-item:hover .drag-handle[data-v-f5961db0]{opacity:1}.todo-item.dragging[data-v-f5961db0]{background:#f0f0ff;opacity:.85}.drag-handle[data-v-f5961db0]{cursor:grab;color:var(--text-muted);opacity:0;padding:2px 0;flex-shrink:0;transition:opacity .15s;margin-top:2px}.drag-handle[data-v-f5961db0]:active{cursor:grabbing}.checkbox[data-v-f5961db0]{width:20px;height:20px;flex-shrink:0;border:2px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s;margin-top:1px;color:#fff}.checkbox[data-v-f5961db0]:hover{border-color:var(--accent)}.checkbox.checked[data-v-f5961db0]{background:var(--success);border-color:var(--success)}.content[data-v-f5961db0]{flex:1;min-width:0;display:flex;align-items:flex-start;gap:10px}.text-area[data-v-f5961db0]{flex:1;min-width:0}.item-text[data-v-f5961db0]{font-size:.9375rem;line-height:1.5;cursor:text;word-break:break-word}.completed .item-text[data-v-f5961db0]{text-decoration:line-through;color:var(--text-muted)}.annotation[data-v-f5961db0]{margin-top:4px;font-size:.8125rem;color:var(--text-muted);font-style:italic;line-height:1.5;word-break:break-word}.completed .annotation[data-v-f5961db0]{opacity:.6}.edit-input[data-v-f5961db0]{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 10px;background:var(--bg);outline:none;resize:vertical;line-height:1.5;margin-bottom:6px;transition:border-color .15s}.edit-input[data-v-f5961db0]:focus{border-color:var(--accent)}.text-edit[data-v-f5961db0]{font-size:.9375rem}.annotation-edit[data-v-f5961db0]{font-size:.8125rem;font-style:italic;color:var(--text-muted)}.edit-actions[data-v-f5961db0]{display:flex;gap:8px}.btn-save[data-v-f5961db0]{padding:5px 14px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;transition:background .15s}.btn-save[data-v-f5961db0]:hover{background:var(--accent-hover)}.btn-cancel[data-v-f5961db0]{padding:5px 14px;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8125rem;transition:border-color .15s,color .15s}.btn-cancel[data-v-f5961db0]:hover{border-color:#aaa;color:var(--text)}.item-actions[data-v-f5961db0]{display:flex;gap:4px;flex-shrink:0;margin-top:1px}.action-btn[data-v-f5961db0]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);opacity:0;transition:opacity .15s,background .15s,color .15s}.action-btn[data-v-f5961db0]:hover{background:#f0f0ec;color:var(--text)}.delete-btn[data-v-f5961db0]:hover{background:#fee2e2;color:var(--danger)}.list-view[data-v-0527b750]{max-width:680px;margin:0 auto;padding:32px 24px 80px}.state-msg[data-v-0527b750]{text-align:center;color:var(--text-muted);padding:60px 0;font-size:.9rem}.error-msg[data-v-0527b750]{color:var(--danger)}.list-header[data-v-0527b750]{margin-bottom:20px}.back-link[data-v-0527b750]{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;color:var(--text-muted);margin-bottom:16px}.back-link[data-v-0527b750]:hover{color:var(--text);text-decoration:none}.list-title[data-v-0527b750]{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.list-title h1[data-v-0527b750]{font-size:1.625rem;font-weight:600;letter-spacing:-.02em;font-family:SF Mono,Fira Code,Consolas,monospace;color:var(--text)}.list-meta[data-v-0527b750]{font-size:.8125rem;color:var(--text-muted)}.card[data-v-0527b750]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}.list-toolbar[data-v-0527b750]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);gap:12px;flex-wrap:wrap}.filter-tabs[data-v-0527b750]{display:inline-flex;background:#ededea;border-radius:8px;padding:3px}.filter-tab[data-v-0527b750]{padding:5px 14px;border-radius:6px;font-size:.8125rem;color:var(--text-muted);transition:color .15s;-webkit-user-select:none;user-select:none}.filter-tab[data-v-0527b750]:hover{color:var(--text)}.filter-tab.active[data-v-0527b750]{background:var(--surface);color:var(--text);font-weight:500;box-shadow:0 1px 3px #0000001a,0 0 0 .5px #0000000f}.btn-clear[data-v-0527b750]{font-size:.8rem;color:var(--text-muted);padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);transition:all .12s}.btn-clear[data-v-0527b750]:hover{color:var(--danger);border-color:var(--danger);background:#fee2e2}.items-list[data-v-0527b750]{min-height:4px}.empty-filter[data-v-0527b750],.empty-list[data-v-0527b750]{padding:32px;text-align:center;color:var(--text-muted);font-size:.875rem}.drag-ghost{opacity:.4;background:#e0e0ff!important}.add-card[data-v-0527b750]{padding:20px}.add-card h3[data-v-0527b750]{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:12px}.add-form[data-v-0527b750]{display:flex;flex-direction:column;gap:8px}.add-input[data-v-0527b750]{padding:9px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);outline:none;transition:border-color .15s;font-size:.9rem}.add-input[data-v-0527b750]:focus{border-color:var(--accent)}.annotation-input[data-v-0527b750]{font-style:italic;color:var(--text-muted);font-size:.85rem}.add-row[data-v-0527b750]{display:flex;align-items:center;justify-content:space-between}.btn-add[data-v-0527b750]{padding:8px 20px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;transition:background .15s,opacity .15s}.btn-add[data-v-0527b750]:hover:not(:disabled){background:var(--accent-hover)}.btn-add[data-v-0527b750]:disabled{opacity:.45;cursor:not-allowed}