*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f0f2f5;min-height:100vh;padding:20px}.app{max-width:600px;margin:0 auto;background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 12px #00000014}h1{font-size:1.8rem;margin-bottom:4px}.subtitle{color:#666;margin-bottom:24px;font-size:.9rem}.add-form,.search-form{display:flex;gap:8px;margin-bottom:16px}.title-input{flex:2;padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem}.desc-input{flex:1;padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem}.search-input{flex:1;padding:10px 14px;border:2px solid #667eea;border-radius:8px;font-size:.95rem}.add-btn{background:#667eea;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1rem}.add-btn:disabled{opacity:.5;cursor:not-allowed}.search-btn{background:#764ba2;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:.95rem}.search-btn:disabled{opacity:.5;cursor:not-allowed}.todo-list{margin-top:8px}.todo-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f0f0f0}.todo-check{width:18px;height:18px;cursor:pointer}.todo-title{flex:1;font-size:1rem}.todo-desc{color:#888;font-size:.85rem}.completed{text-decoration:line-through;color:#aaa}.delete-btn{background:none;border:none;color:#dc3545;cursor:pointer;font-size:1.1rem;padding:4px 8px;border-radius:4px}.delete-btn:hover{background:#fff0f0}.empty{color:#999;text-align:center;padding:24px}.search-results{margin-top:16px;padding:16px;background:#f8f0ff;border-radius:8px}.sql-preview{font-family:monospace;font-size:.8rem;color:#666;margin:8px 0}.clear-btn{background:none;border:1px solid #ccc;padding:6px 12px;border-radius:6px;cursor:pointer;margin-top:8px}