:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--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-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--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-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{color:#00bd7e;padding:3px;text-decoration:none;transition:all .4s}@media (hover:hover){a:hover{background-color:#00bd7e33}}@media (width>=1024px){body{place-items:center;display:flex}#app{grid-template-columns:1fr 1fr;padding:0 2rem;display:grid}}:root{--bg-color:#fcfaf8;--text-color:#333;--primary-color:#d95550;--primary-hover:#c94c48;--secondary-color:#f19a9a;--bg-light:#fff;--border-color:#eee;--radius:8px;--shadow:0 4px 6px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}.app-container{flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;display:flex}.header{background-color:var(--bg-light);box-shadow:var(--shadow);border-bottom:1px solid var(--border-color);padding:1rem}.nav{justify-content:center;gap:1.5rem;display:flex}.nav-link{color:var(--text-color);border-radius:var(--radius);padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s}.nav-link:hover{background-color:var(--border-color)}.nav-link.router-link-active{background-color:var(--primary-color);color:#fff}.main-content{flex:1;padding:2rem 1rem}.card{background:var(--bg-light);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.5rem}.btn{background-color:var(--primary-color);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s,transform .1s}.btn:hover{background-color:var(--primary-hover)}.btn:active{transform:translateY(2px)}.btn-secondary{background-color:var(--border-color);color:var(--text-color)}.btn-secondary:hover{background-color:#ddd}.input,.select{border:1px solid var(--border-color);border-radius:var(--radius);width:100%;padding:.75rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.input:focus,.select:focus{border-color:var(--primary-color);outline:none}.timer-container[data-v-23c1ed63]{text-align:center;background-color:var(--primary-color);color:#fff;transition:background-color .3s}.modes[data-v-23c1ed63]{justify-content:center;gap:.5rem;margin-bottom:2rem;display:flex}.mode-btn[data-v-23c1ed63]{color:#fff;border-radius:var(--radius);cursor:pointer;background:#00000026;border:none;padding:.5rem 1rem;font-weight:700;transition:background .2s}.mode-btn.active[data-v-23c1ed63]{background:#0000004d}.time-display[data-v-23c1ed63]{font-variant-numeric:tabular-nums;margin-bottom:1rem;font-size:6rem;font-weight:700}.progress-bar-bg[data-v-23c1ed63]{background:#0000001a;border-radius:2px;height:4px;margin-bottom:2rem;overflow:hidden}.progress-bar[data-v-23c1ed63]{background:#fff;height:100%;transition:width .1s linear}.controls[data-v-23c1ed63]{justify-content:center;align-items:center;gap:1rem;display:flex}.start-btn[data-v-23c1ed63]{color:var(--primary-color);background-color:#fff;padding:1rem 3rem;font-size:1.5rem;box-shadow:0 6px #0000001a}.start-btn[data-v-23c1ed63]:active{transform:translateY(6px);box-shadow:0 0 #0000}.icon-btn[data-v-23c1ed63]{color:#fff;border-radius:var(--radius);background:#00000026;border:none;padding:.5rem 1rem;font-size:1.5rem}.icon-btn[data-v-23c1ed63]:hover{background:#0000004d}.task-list-container[data-v-64240af2]{margin-top:1.5rem}.header-row[data-v-64240af2]{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.task-list[data-v-64240af2]{margin-bottom:1rem;padding:0;list-style:none}.task-item[data-v-64240af2]{border-left:4px solid #0000;border-bottom:1px solid var(--border-color);cursor:pointer;background-color:#fff;justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}.task-item[data-v-64240af2]:hover{background-color:#fafafa}.task-item.active[data-v-64240af2]{border-left-color:var(--primary-color);background-color:#fcfcfc;box-shadow:0 2px 4px #00000005}.task-item.done .task-title[data-v-64240af2]{color:#888;text-decoration:line-through}.task-info[data-v-64240af2]{align-items:center;gap:.75rem;display:flex}.task-checkbox[data-v-64240af2]{cursor:pointer;width:1.25rem;height:1.25rem}.task-title[data-v-64240af2]{font-weight:500}.task-actions[data-v-64240af2]{align-items:center;gap:1rem;display:flex}.pomodoros[data-v-64240af2]{color:#666;font-size:.9rem;font-weight:700}.delete-btn[data-v-64240af2]{color:#aaa;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.25rem}.delete-btn[data-v-64240af2]:hover{color:var(--primary-color)}.add-task-form[data-v-64240af2]{gap:.5rem;display:flex}.add-task-input[data-v-64240af2]{flex:1}.add-task-btn[data-v-64240af2]{padding:.75rem 1rem;font-size:1.25rem;line-height:1}.home-view[data-v-d4d2f4d4]{flex-direction:column;gap:1rem;display:flex}