*,*:before,*:after{box-sizing:border-box}:root{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;line-height:1.5;font-weight:400;color:#1f2937;background-color:#f3f4f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}input,textarea,select,button{font-family:inherit;font-size:inherit}::placeholder{color:#9ca3af}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.todo-form{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.todo-form__title{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:#1f2937}.todo-form__error{padding:.75rem;margin-bottom:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:.875rem}.todo-form__field{margin-bottom:1rem}.todo-form__label{display:block;margin-bottom:.375rem;font-size:.875rem;font-weight:500;color:#374151}.todo-form__required{color:#dc2626}.todo-form__input,.todo-form__textarea,.todo-form__select{width:100%;padding:.625rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.todo-form__input:focus,.todo-form__textarea:focus,.todo-form__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.todo-form__textarea{resize:vertical;min-height:80px}.todo-form__row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.todo-form__actions{display:flex;gap:.75rem;margin-top:1.5rem}.todo-form__btn{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.todo-form__btn--submit{background:#3b82f6;color:#fff}.todo-form__btn--submit:hover{background:#2563eb}.todo-form__btn--cancel{background:#e5e7eb;color:#374151}.todo-form__btn--cancel:hover{background:#d1d5db}@media(max-width:640px){.todo-form__row{grid-template-columns:1fr}}.todo-filter{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem}.todo-filter__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.todo-filter__title{margin:0;font-size:.875rem;font-weight:600;color:#374151}.todo-filter__reset{padding:.25rem .75rem;font-size:.75rem;background:#fee2e2;color:#dc2626;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.todo-filter__reset:hover{background:#fecaca}.todo-filter__content{display:flex;flex-direction:column;gap:.75rem}.todo-filter__field{flex:1}.todo-filter__field--search{width:100%}.todo-filter__row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.todo-filter__label{display:block;margin-bottom:.25rem;font-size:.75rem;font-weight:500;color:#6b7280}.todo-filter__input,.todo-filter__select{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;transition:border-color .2s ease}.todo-filter__input:focus,.todo-filter__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}@media(max-width:768px){.todo-filter__row{grid-template-columns:1fr}}.todo-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;border-left:4px solid #e5e7eb;transition:all .2s ease}.todo-item:hover{box-shadow:0 4px 6px #0000001a}.todo-item--priority-high{border-left-color:#ef4444}.todo-item--priority-medium{border-left-color:#f59e0b}.todo-item--priority-low{border-left-color:#10b981}.todo-item--completed{opacity:.7;background:#f9fafb}.todo-item--completed .todo-item__title{text-decoration:line-through;color:#6b7280}.todo-item--overdue{background:#fef2f2}.todo-item--due-today{background:#fffbeb}.todo-item--editing{padding:0;background:transparent;box-shadow:none;border-left:none}.todo-item__checkbox{flex-shrink:0;padding-top:.25rem}.todo-item__checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:#3b82f6}.todo-item__content{flex:1;min-width:0}.todo-item__header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem}.todo-item__title{margin:0;font-size:1rem;font-weight:600;color:#1f2937;word-break:break-word}.todo-item__badges{display:flex;flex-wrap:wrap;gap:.5rem}.todo-item__priority,.todo-item__status,.todo-item__category{padding:.125rem .5rem;font-size:.75rem;border-radius:9999px;font-weight:500}.todo-item__priority--high{background:#fef2f2;color:#dc2626}.todo-item__priority--medium{background:#fffbeb;color:#d97706}.todo-item__priority--low{background:#ecfdf5;color:#059669}.todo-item__status--pending{background:#f3f4f6;color:#4b5563}.todo-item__status--in_progress{background:#dbeafe;color:#2563eb}.todo-item__status--completed{background:#d1fae5;color:#059669}.todo-item__category{color:#fff}.todo-item__description{margin:.5rem 0;font-size:.875rem;color:#6b7280;line-height:1.5;word-break:break-word}.todo-item__meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.75rem;color:#9ca3af}.todo-item__due-date{color:#6b7280}.todo-item__due-date--overdue{color:#dc2626;font-weight:500}.todo-item__actions{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.todo-item__btn{padding:.375rem .75rem;font-size:.75rem;border-radius:4px;border:none;cursor:pointer;transition:all .2s ease}.todo-item__btn--edit{background:#e5e7eb;color:#374151}.todo-item__btn--edit:hover{background:#d1d5db}.todo-item__btn--delete{background:#fee2e2;color:#dc2626}.todo-item__btn--delete:hover{background:#fecaca}.todo-item__delete-confirm{display:flex;flex-direction:column;gap:.25rem}.todo-item__btn--confirm-delete{background:#dc2626;color:#fff}.todo-item__btn--confirm-delete:hover{background:#b91c1c}.todo-item__btn--cancel{background:#e5e7eb;color:#374151}.todo-item__btn--cancel:hover{background:#d1d5db}@media(max-width:640px){.todo-item{flex-wrap:wrap}.todo-item__actions{flex-direction:row;width:100%;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e5e7eb}}.todo-list{margin-top:1.5rem}.todo-list__header{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.todo-list__count{font-size:.875rem;color:#6b7280}.todo-list__items{display:flex;flex-direction:column;gap:.75rem}.todo-list__empty{text-align:center;padding:3rem 1.5rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:1.5rem}.todo-list__empty-icon{font-size:3rem;margin-bottom:1rem}.todo-list__empty-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#1f2937}.todo-list__empty-text{margin:0;font-size:.875rem;color:#6b7280}.category-manager{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem}.category-manager__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.category-manager__title{margin:0;font-size:.875rem;font-weight:600;color:#374151}.category-manager__add-btn{padding:.25rem .75rem;font-size:.75rem;background:#dbeafe;color:#2563eb;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.category-manager__add-btn:hover{background:#bfdbfe}.category-manager__form{padding:.75rem;margin-bottom:.75rem;background:#f9fafb;border-radius:6px}.category-manager__error{padding:.5rem;margin-bottom:.5rem;background:#fef2f2;border-radius:4px;color:#dc2626;font-size:.75rem}.category-manager__form-row{display:flex;gap:.5rem;margin-bottom:.5rem}.category-manager__input{flex:1;padding:.5rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:4px}.category-manager__input:focus{outline:none;border-color:#3b82f6}.category-manager__color-picker{width:40px;height:36px;padding:2px;border:1px solid #d1d5db;border-radius:4px;cursor:pointer}.category-manager__form-actions{display:flex;gap:.5rem}.category-manager__btn{padding:.375rem .75rem;font-size:.75rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.category-manager__btn--save{background:#3b82f6;color:#fff}.category-manager__btn--save:hover{background:#2563eb}.category-manager__btn--cancel{background:#e5e7eb;color:#374151}.category-manager__btn--cancel:hover{background:#d1d5db}.category-manager__btn--edit{background:#e5e7eb;color:#374151}.category-manager__btn--edit:hover{background:#d1d5db}.category-manager__btn--delete{background:#fee2e2;color:#dc2626}.category-manager__btn--delete:hover{background:#fecaca}.category-manager__list{list-style:none;margin:0;padding:0}.category-manager__item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.category-manager__item:last-child{border-bottom:none}.category-manager__color{width:16px;height:16px;border-radius:50%;flex-shrink:0}.category-manager__name{flex:1;font-size:.875rem;color:#374151}.category-manager__actions{display:flex;gap:.25rem}.category-manager__empty{margin:0;padding:1rem;text-align:center;font-size:.875rem;color:#9ca3af}.app{min-height:100vh;background:#f3f4f6}.app__header{background:#3b82f6;color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000001a}.app__title{margin:0;font-size:1.5rem;font-weight:700}.app__menu-btn{display:none;background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;line-height:1}.app__container{display:grid;grid-template-columns:280px 1fr;max-width:1400px;margin:0 auto;gap:1.5rem;padding:1.5rem}.app__sidebar{position:sticky;top:calc(60px + 1.5rem);height:fit-content}.app__main{min-width:0}@media(max-width:900px){.app__menu-btn{display:block}.app__container{grid-template-columns:1fr}.app__sidebar{display:none;position:fixed;inset:60px 0 0;background:#f3f4f6;padding:1rem;overflow-y:auto;z-index:99}.app__sidebar--open{display:block}}