:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--color-primary: #6750A4;--color-primary-container: #EADDFF;--color-secondary: #625B71;--color-on-primary-container: #21005E;--color-on-primary: #FFFFFF;--color-surface: #FEF7FF;--color-background: #FFFBFE;--color-background-soft: #F6EEFF;--color-text: rgba(255, 255, 255, .87);--color-on-surface: #1C1B1F;--elevation-1: 0px 1px 3px rgba(0, 0, 0, .1), 0px 1px 2px rgba(0, 0, 0, .06);--elevation-2: 0px 4px 6px rgba(0, 0, 0, .1), 0px 2px 4px rgba(0, 0, 0, .06)}:root.dark{--color-primary: #D0BCFF;--color-primary-container: #4F378B;--color-on-primary: #381E72;--color-on-primary-container: #EADDFF;--color-secondary: #CCC2DC;--color-surface: #1C1B1F;--color-background: #1C1B1F;--color-background-soft: #2B2930;--color-on-surface: #E6E1E5}:root{color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-primary);color:var(--color-on-primary);cursor:pointer;transition:border-color .25s}button:hover{background-color:var(--color-primary-container);color:var(--color-on-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{--color-primary: #D0BCFF;--color-primary-container: #4F378B;--color-secondary: #CCC2DC;--color-surface: #1C1B1F;--color-background: #1C1B1F;--color-background-soft: #2B2930;--color-on-surface: #E6E1E5}}.todo-container[data-v-c751c849]{max-width:500px;margin:2rem auto;padding:20px;background:var(--color-surface);border-radius:28px;box-shadow:var(--elevation-2)}.header[data-v-c751c849]{text-align:left;margin-bottom:2rem}.header-top[data-v-c751c849]{display:flex;justify-content:space-between;align-items:center}.header-actions[data-v-c751c849]{display:flex;gap:8px}.icon-button[data-v-c751c849]{background:transparent;border:none;color:var(--color-primary);width:40px;height:40px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-button[data-v-c751c849]:hover{background:var(--color-background-soft);color:var(--color-primary-container)}.icon-button[data-v-c751c849]:disabled{opacity:.5;cursor:not-allowed}.header h2[data-v-c751c849]{color:var(--color-on-surface);font-size:2rem;margin:0}.subtitle[data-v-c751c849]{color:var(--color-secondary);margin:.5rem 0 0}.progress-container[data-v-c751c849]{margin-top:1rem}.progress-bar[data-v-c751c849]{height:8px;background:var(--color-background-soft);border-radius:4px;margin:.75rem 0;overflow:hidden}.progress-fill[data-v-c751c849]{height:100%;background:var(--color-primary);border-radius:4px;transition:width .3s ease}.progress-text[data-v-c751c849]{color:var(--color-secondary);font-size:.875rem;margin:0}.add-todo[data-v-c751c849]{display:flex;gap:10px;margin-bottom:20px;background:var(--color-background-soft);padding:8px;border-radius:16px}.add-todo input[data-v-c751c849]{flex:1;padding:8px;border:none;border-radius:8px;font-size:16px;background:transparent;color:var(--color-on-surface)}.add-todo input[data-v-c751c849]:focus{outline:none}.duration-select[data-v-c751c849]{padding:8px;border:none;border-radius:8px;background:var(--color-primary);color:var(--color-on-primary);cursor:pointer}.duration-select[data-v-c751c849]:focus{outline:none}.add-button[data-v-c751c849]{background:var(--color-primary);color:var(--color-on-primary);border-radius:50%;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background-color .2s}.add-button[data-v-c751c849]:hover{background:var(--color-primary-container);color:var(--color-on-primary)}.todo-list[data-v-c751c849]{list-style:none;padding:0}.todo-list li[data-v-c751c849]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin:8px 0;background:var(--color-background-soft);border-radius:16px;cursor:pointer;transition:all .3s ease}.todo-content[data-v-c751c849]{display:flex;align-items:center;gap:8px;flex:1;text-align:left}.checkbox[data-v-c751c849]{width:24px;height:24px;border:2px solid var(--color-primary);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.checkbox.checked[data-v-c751c849]{background:var(--color-primary);color:#fff}.todo-text[data-v-c751c849]{color:var(--color-on-surface);text-align:left;flex:1}.completed .todo-text[data-v-c751c849]{text-decoration:line-through;opacity:.7}.duration-badge[data-v-c751c849]{background:var(--color-primary-container);color:var(--color-on-primary-container);padding:2px 8px;border-radius:12px;font-size:.75rem;margin-left:8px;font-weight:500}.drag-handle[data-v-c751c849]{cursor:grab;color:var(--color-secondary);opacity:.5;padding:0 4px}.drag-handle[data-v-c751c849]:hover{opacity:1}.timer-btn[data-v-c751c849]{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:50%;cursor:pointer;margin:0 8px}.timer-btn.is-running[data-v-c751c849]{background:var(--color-primary-container)}.timer-modal[data-v-c751c849]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.timer-content[data-v-c751c849]{background:var(--color-surface);padding:2rem;border-radius:28px;position:relative;text-align:center}.close-btn[data-v-c751c849]{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--color-secondary);cursor:pointer;padding:4px}.timer-display[data-v-c751c849]{font-size:4rem;font-weight:700;margin:2rem 0;color:var(--color-on-surface);font-family:monospace}.timer-control-btn[data-v-c751c849]{background:var(--color-primary);color:var(--color-on-primary);width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.timer-control-btn[data-v-c751c849]:hover{background:var(--color-primary-container)}.delete-btn[data-v-c751c849]{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-secondary);cursor:pointer}.delete-btn[data-v-c751c849]:hover{color:#dc2626}