.quick-input{display:flex;gap:10px;padding:15px;background-color:#fff;border-bottom:1px solid #e0e0e0}.quick-input-field{flex:1;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;outline:none}.quick-input-field:focus{border-color:#007bff}.quick-input-button{padding:12px 24px;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;font-weight:500}.quick-input-button:hover:not(:disabled){background-color:#0056b3}.quick-input-button:disabled{background-color:#ccc;cursor:not-allowed}.task-item{display:flex;align-items:flex-start;gap:12px;padding:12px 15px;background-color:#fff;border-bottom:1px solid #e0e0e0;cursor:pointer;transition:background-color .2s}.task-item:hover{background-color:#f9f9f9}.task-item.completed{opacity:.6}.task-checkbox{width:20px;height:20px;margin-top:2px;cursor:pointer}.task-content{flex:1;min-width:0}.task-title{font-size:16px;color:#333;word-wrap:break-word}.task-item.completed .task-title{text-decoration:line-through;color:#999}.task-note{font-size:14px;color:#666;margin-top:4px;word-wrap:break-word}.task-date{font-size:12px;color:#888;margin-top:4px}.task-delete-button{width:30px;height:30px;border:none;background-color:transparent;color:#999;font-size:24px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.task-delete-button:hover{background-color:#fee;color:#d00}.category-tabs{display:flex;gap:8px;padding:12px 16px;background:var(--bg-secondary, #f5f5f5);border-bottom:1px solid var(--border-color, #e0e0e0);overflow-x:auto;-webkit-overflow-scrolling:touch}.category-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:20px;background:var(--bg-primary, #ffffff);color:var(--text-secondary, #666);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.category-tab:hover{background:var(--bg-hover, #f0f0f0);transform:translateY(-1px)}.category-tab.active{background:var(--accent-color, #007aff);color:#fff;box-shadow:0 2px 8px #007aff4d}.category-tab.active .category-emoji{filter:brightness(0) invert(1)}.category-emoji{font-size:16px;line-height:1}.category-label{font-size:14px}@media (prefers-color-scheme: dark){.category-tabs{background:var(--bg-secondary-dark, #1c1c1e);border-bottom-color:var(--border-color-dark, #38383a)}.category-tab{background:var(--bg-primary-dark, #2c2c2e);color:var(--text-secondary-dark, #98989d)}.category-tab:hover{background:var(--bg-hover-dark, #3a3a3c)}.category-tab.active{background:var(--accent-color, #0a84ff)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h2{font-size:20px;font-weight:600;color:#333;margin:0}.modal-close{background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.modal-close:hover{background:#f0f0f0}.task-edit-form{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.form-group input[type=text],.form-group input[type=datetime-local],.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007aff}.form-group textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #e0e0e0}.modal-actions button{padding:10px 20px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.modal-actions button[type=button]{background:#f0f0f0;color:#333}.modal-actions button[type=button]:hover:not(:disabled){background:#e0e0e0}.modal-actions button[type=submit]{background:#007aff;color:#fff}.modal-actions button[type=submit]:hover:not(:disabled){background:#0056b3}.modal-actions button:disabled{opacity:.5;cursor:not-allowed}@media (prefers-color-scheme: dark){.modal-content{background:#1c1c1e}.modal-header{border-bottom-color:#38383a}.modal-header h2{color:#fff}.modal-close{color:#98989d}.modal-close:hover{background:#2c2c2e}.form-group label{color:#fff}.form-group input[type=text],.form-group input[type=datetime-local],.form-group select,.form-group textarea{background:#2c2c2e;border-color:#38383a;color:#fff}.modal-actions button[type=button]{background:#2c2c2e;color:#fff}.modal-actions button[type=button]:hover:not(:disabled){background:#3a3a3c}.modal-actions{border-top-color:#38383a}}.home-page{min-height:100vh;background-color:#f5f5f5;padding-bottom:20px}.tasks-list{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-header{background-color:#fff;padding:20px 15px;border-bottom:1px solid #e0e0e0}.home-header h1{font-size:28px;font-weight:600;color:#333;margin-bottom:4px}.home-subtitle{font-size:16px;color:#666}.tasks-container{padding:10px 0}.tasks-list{background-color:#fff}.loading-container,.error-container,.empty-state{padding:40px 20px;text-align:center;color:#666}.error-container button{margin-top:10px;padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.error-container button:hover{background-color:#0056b3}.empty-state-hint{font-size:14px;color:#999;margin-top:8px}.App{text-align:center}.App-header{background-color:#282c34;padding:20px;color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}.App-header button{margin-top:20px;padding:10px 20px;font-size:16px;cursor:pointer;background-color:#61dafb;border:none;border-radius:5px;color:#282c34;font-weight:700}.App-header button:hover{background-color:#4fa8c5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}