:root{--vt-c-blue-0: #b0cbea;--vt-c-blue-1: #8fc3e0;--vt-c-blue-2: #6eb3d6;--vt-c-blue-3: #4ea3cc;--vt-c-blue-4: #3493b8;--vt-c-blue-5: #2b7fa3;--vt-c-blue-6: #236b8e;--vt-c-blue-7: #1b5779;--vt-c-blue-8: #144364;--vt-c-blue-9: #0d2f4f;--vt-c-divider-light-1: rgba(60, 120, 180, .29);--vt-c-divider-light-2: rgba(60, 120, 180, .12);--vt-c-divider-dark-1: rgba(44, 84, 124, .65);--vt-c-divider-dark-2: rgba(44, 84, 124, .48);--vt-c-text-light-1: #236b8e;--vt-c-text-light-2: #4ea3cc;--vt-c-text-dark-1: #b0cbea;--vt-c-text-dark-2: #6eb3d6}:root{--color-background: var(--vt-c-blue-0);--color-background-soft: var(--vt-c-blue-1);--color-background-mute: var(--vt-c-blue-2);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-blue-9);--color-background-soft: var(--vt-c-blue-8);--color-background-mute: var(--vt-c-blue-7);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-1)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}@media(min-width:1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}header[data-v-aaffdab7]{line-height:1.5;max-height:100vh}.logo[data-v-aaffdab7]{display:block;margin:0 auto 2rem}nav[data-v-aaffdab7]{width:100%;font-size:12px;text-align:center;margin-top:2rem}nav a.router-link-exact-active[data-v-aaffdab7]{color:var(--color-text)}nav a.router-link-exact-active[data-v-aaffdab7]:hover{background-color:transparent}nav a[data-v-aaffdab7]{display:inline-block;padding:0 1rem;border-left:1px solid var(--color-border)}nav a[data-v-aaffdab7]:first-of-type{border:0}@media(min-width:1024px){header[data-v-aaffdab7]{display:flex;place-items:center;padding-right:calc(var(--section-gap) / 2)}.logo[data-v-aaffdab7]{margin:0 2rem 0 0}header .wrapper[data-v-aaffdab7]{display:flex;place-items:flex-start;flex-wrap:wrap}nav[data-v-aaffdab7]{text-align:left;margin-left:-1rem;font-size:1rem;padding:1rem 0;margin-top:1rem}}.home-container[data-v-c6d3d20c]{max-width:1600px;width:100%;margin:0 auto;padding:16px;background:var(--color-background);border-radius:8px;box-shadow:0 4px 8px #2c3e500f}.add-todo-form[data-v-c6d3d20c]{margin:32px 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}button[data-v-c6d3d20c]{cursor:pointer;padding:6px 12px;border:none;border-radius:4px;background:#2c3e50;color:#a1c2b8;font-size:10px;font-weight:600;box-shadow:0 2px 8px #2c3e5014;transition:background .2s}button[data-v-c6d3d20c]:disabled{background:#646972;cursor:not-allowed}button[data-v-c6d3d20c]:hover:not(:disabled){background:#1a2533}.todo-input[data-v-c6d3d20c]{width:100%;min-height:48px;height:120px;max-height:200px;padding:12px;border:2px solid var(--color-border);border-radius:4px;background:#a1c2b8;color:#000;font-size:16px;resize:none;box-shadow:0 1px 4px #2c3e500f}.todo-input[data-v-c6d3d20c]:focus{border-color:#2c3e50;outline:none}.todo-input[data-v-c6d3d20c]::placeholder{color:#3a4144;opacity:1}select[data-v-c6d3d20c]{padding:8px;border:2px solid var(--color-border);border-radius:4px;background:#a1c2b8;color:#0f0f0f;font-size:16px}select[data-v-c6d3d20c]:focus{border-color:#2c3e50;outline:none}.board-col[data-v-c6d3d20c]{background:var(--color-background-soft);border-radius:8px;padding:16px;box-shadow:0 2px 4px #2c3e500f}.edit-input[data-v-c6d3d20c]{font-size:16px;padding:6px 8px;border:2px solid var(--color-border);border-radius:4px;background:#a1c2b8;color:var(--color-text)}.edit-input[data-v-c6d3d20c]:focus{border-color:#2c3e50;outline:none}.change-password-section[data-v-c6d3d20c]{padding:16px;border:2px solid var(--color-border);border-radius:8px;background:var(--color-background-soft);margin-top:32px}.form-error[data-v-c6d3d20c]{color:#e74c3c;margin-top:8px}.form-success[data-v-c6d3d20c]{color:#27ae60;margin-top:8px}input[type=password][data-v-c6d3d20c]{padding:8px;border:1px solid var(--color-border);border-radius:4px;background:#a1c2b8;color:var(--color-text);font-size:16px}.board-col li[data-v-c6d3d20c]{background:#a1c2b8;color:#222;border-radius:4px;margin-bottom:6px;padding:8px 12px}.todo-status[data-v-c6d3d20c],.todo-content[data-v-c6d3d20c]{display:inline-block;vertical-align:middle}.todo-content[data-v-c6d3d20c]{color:#222!important;transition:background .15s}input[type=checkbox][data-v-c6d3d20c]{appearance:none;width:12px;height:12px;border:2px solid var(--color-border);border-radius:4px;background:#fff;cursor:pointer;vertical-align:middle;position:relative;transition:border-color .2s,background .2s}input[type=checkbox][data-v-c6d3d20c]:checked{background:#2c3e50;border-color:#2c3e50}input[type=checkbox][data-v-c6d3d20c]:focus{outline:2px solid #2c3e50}.board-col li input[type=checkbox][data-v-c6d3d20c]{margin-right:10px}.fade-enter-active[data-v-c6d3d20c],.fade-leave-active[data-v-c6d3d20c]{transition:all .25s}.fade-enter-from[data-v-c6d3d20c],.fade-leave-to[data-v-c6d3d20c]{opacity:0;max-height:0;transform:scaleY(.95)}.fade-enter-to[data-v-c6d3d20c],.fade-leave-from[data-v-c6d3d20c]{opacity:1;max-height:1000px;transform:scaleY(1)}.todo-status.pending[data-v-c6d3d20c]{color:#555}.todo-status.doing[data-v-c6d3d20c]{color:#506fb3}.todo-status.completed[data-v-c6d3d20c]{color:#2e8810}.todo-flex-row[data-v-c6d3d20c]{display:flex;align-items:flex-start;width:100%}.todo-status[data-v-c6d3d20c]{flex-shrink:0;margin-right:4px;line-height:1.6}.todo-content[data-v-c6d3d20c]{flex:1 1 0%;min-width:0;white-space:pre-wrap;word-break:break-all;color:#222!important;transition:background .15s}.todo-content[data-v-c6d3d20c]:hover{cursor:pointer;background:#a1c2b8;border-radius:3px}.login-container[data-v-78cef6e7]{max-width:360px;margin:60px auto;padding:32px 24px 28px;border:2px solid #eee;border-radius:16px;background:#18233a;box-shadow:0 2px 12px #0002}.login-form[data-v-78cef6e7]{display:flex;flex-direction:column;gap:18px}.form-row[data-v-78cef6e7]{display:flex;align-items:center;justify-content:flex-end;gap:10px}.form-row label[data-v-78cef6e7]{flex:0 0 70px;text-align:right;font-size:1.15em;color:#ccc}.form-row input[data-v-78cef6e7]{flex:1 1 180px;padding:7px 10px;border-radius:4px;border:1px solid #bbb;font-size:1.08em;background:#fff;color:#222}.form-btn-row[data-v-78cef6e7]{justify-content:center}.form-btn-row button[data-v-78cef6e7]{min-width:80px;padding:7px 0;font-size:1.08em;border-radius:6px;border:none;background:#fff;color:#222;cursor:pointer;box-shadow:0 1px 4px #0001;transition:background .2s}.form-btn-row button[data-v-78cef6e7]:hover{background:#f0f0f0}.error[data-v-78cef6e7]{color:#ff4d4f;margin-top:8px;text-align:center}