.todo__input[data-v-eccc6b57]{position:relative;display:flex;align-items:center;justify-content:space-between;max-width:400px;margin:0 auto 40px}.todo__input input[data-v-eccc6b57]{flex-grow:1;width:100%;padding:10px;border:none;font-size:12px;font-weight:700;background:#fff}.todo__input button[data-v-eccc6b57]{position:absolute;right:0;top:0;width:33px;height:33px;background:transparent;border:none;cursor:pointer;z-index:2}.todo__input button img[data-v-eccc6b57]{width:100%;height:100%;object-fit:contain}.todo__list[data-v-26629f9e]{max-width:500px;padding-left:0;margin:0 auto}.todo__title[data-v-26629f9e]{width:60%}.edit__input[data-v-26629f9e]{font-size:14px}.todo__list li[data-v-26629f9e]{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;margin:2px;background:#fff;font-size:14px;color:#173f5f;word-break:break-word}.todo__list .completed[data-v-26629f9e]{background:#535353}.actions button[data-v-26629f9e]{width:30px;height:30px;margin-right:5px;background:transparent;border:none;cursor:pointer}.actions button[data-v-26629f9e]:nth-of-type(3){margin-right:0}.actions button img[data-v-26629f9e]{width:100%;height:100%;object-fit:contain}.todo__filter[data-v-4e9cff01]{width:fit-content;max-width:400px;margin:0 auto 10px}.todo__filter button[data-v-4e9cff01]{padding:8px 15px;margin-right:10px;min-width:100px;background:#173f5f;border:none;font-size:14px;font-weight:700;letter-spacing:.08em;color:#f6d55c;cursor:pointer}.todo__filter button[data-v-4e9cff01]:nth-of-type(3){margin-right:0}.todo__filter button.active[data-v-4e9cff01]{background:#173f5f;opacity:.8}@media(max-width:400px){.todo__filter[data-v-4e9cff01]{width:150px}.todo__filter button[data-v-4e9cff01]{width:150px;margin-bottom:3px}.todo__filter button[data-v-4e9cff01]:nth-of-type(3){margin-bottom:0}}.modal__overlay[data-v-47fe1d79]{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:100}.modal__content[data-v-47fe1d79]{display:flex;align-items:center;flex-direction:column;width:80%;max-width:400px;padding:5%;background:#fff}.modal__content[data-v-47fe1d79]{font-size:20px;font-weight:700;color:#000}.modal__actions[data-v-47fe1d79]{display:flex;align-items:center;justify-content:space-between;width:50%}.modal__actions button[data-v-47fe1d79]{width:fit-content;padding:10px;border:none;background:#173f5f;color:#f6d55c;font-size:16px;font-weight:700;letter-spacing:.08em;cursor:pointer}.setting__container[data-v-c0d83c4a]{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;right:0;width:120px;padding:5px 0 20px 5px;background:#173f5f;border-radius:0 0 0 24px;overflow:hidden;z-index:100}.btn__setting[data-v-c0d83c4a]{width:50px;height:50px;background:transparent;border:none;cursor:pointer}.btn__setting img[data-v-c0d83c4a]{width:100%;height:100%;object-fit:contain}.setting__menu[data-v-c0d83c4a]{display:flex;flex-direction:column;align-items:center;color:#fff;font-size:14px;letter-spacing:.03em}.setting__color-options[data-v-c0d83c4a]{width:fit-content;height:auto}.btn__wh[data-v-c0d83c4a],.btn__bk[data-v-c0d83c4a],.btn__ore[data-v-c0d83c4a]{width:50px;height:50px;border-radius:50%;border:none;cursor:pointer}.btn__wh[data-v-c0d83c4a]{background:snow;margin-bottom:18px}.btn__bk[data-v-c0d83c4a]{background:#000;margin-bottom:18px}.btn__ore[data-v-c0d83c4a]{background:#f6d55c}body{background-color:var(--theme-bg-color);font-family:Noto Sans JP,sans-serif;color:var(--theme-text-color);margin:0;min-height:100vh;transition:background-color .3s,color .3s}#app{max-width:800px;margin:0 auto;padding:20px;min-height:100%;background-color:transparent}h1{padding-top:90px;margin-top:0;margin-bottom:20px;font-size:36px;text-align:center;color:var(--theme-text-color)}