*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f7fa;color:#333;line-height:1.6}.appContainer{max-width:500px;margin:20px auto;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.appHeader{background:linear-gradient(135deg,#e0f1c8,#e8f1be);color:#282828;padding:20px;text-align:center}.appTitle{font-size:24px;margin-bottom:8px;font-weight:600}.dateSelector{display:flex;align-items:center;justify-content:center;gap:15px}.dateInfo{font-size:14px;opacity:.9}.todoInputSection{padding:20px;border-bottom:1px solid #eee}.todoForm{display:flex;gap:10px}.todoInput{flex:1;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.todoInput:focus{border-color:#e1f0c0}.addButton{padding:12px 20px;background:#eff3ca;color:#292929;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:background .2s}.addButton:hover{background:#5a6fd8}.todoProgress{padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #eee}.progressText{text-align:center;font-size:14px;color:#666;font-weight:500}.todoListSection{min-height:200px}.todoList{list-style:none;padding:0}.todoItem{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0;transition:background-color .2s}.todoItem:hover{background-color:#f8f9fa}.todoLabel{display:flex;align-items:center;flex:1;cursor:pointer}.todoCheckbox{width:18px;height:18px;margin-right:12px;cursor:pointer}.todoText{font-size:14px;line-height:1.4;transition:all .2s}.todoItem.completed .todoText{text-decoration:line-through;color:#999}.deleteBtn{background:none;border:none;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.deleteBtn:hover{background-color:#fee}.emptyState{padding:40px 20px;text-align:center;color:#999}.hidden{display:none}