@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Momo+Trust+Display&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.momo-font{font-family:Momo Trust Display,sans-serif}.light-theme{background:#f7fafc;color:#1a202c;min-height:100vh}.dark-theme{background:#1a202c;color:#edf2f7;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--header-bg);color:var(--logo-text);border-bottom:.125rem solid var(--border-color);transition:background .3s ease,color .3s ease}.logo-area{display:flex;align-items:center}.logo{font-size:1.5rem;font-weight:600;letter-spacing:.0625rem}.switch-area{display:flex;align-items:center}.switch-outer{width:3.125rem;height:1.625rem;background:var(--border-color);border-radius:3.125rem;padding:.1875rem;display:flex;align-items:center;cursor:pointer;transition:background .3s ease}.switch-outer.on{background:var(--button-bg)}.switch-btn{width:1.25rem;height:1.25rem;background:var(--card-bg);border-radius:50%;transition:transform .3s ease,background .3s ease;transform:translate(0)}.switch-outer.on .switch-btn{transform:translate(1.5rem)}.task{display:flex;align-items:center;justify-content:space-between;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:.625rem .875rem;margin-bottom:.625rem;transition:background .2s ease,color .2s ease}.task:hover{background:var(--bg-color)}.task-left{display:flex;align-items:center;gap:.625rem;flex:1}.task-checkbox{width:1.125rem;height:1.125rem;cursor:pointer}.task-text{margin:0;font-size:1rem;color:var(--text-color)}.task-text.done{text-decoration:line-through;color:var(--done-text)}.task-input{font-size:1rem;padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:.25rem;background:var(--input-bg);color:var(--text-color);outline:none;transition:border-color .2s ease;width:100%}.task-input:focus{border-color:var(--button-bg)}.task-input::-webkit-scrollbar{width:6px}.task-input::-webkit-scrollbar-track{background:transparent}.task-input::-webkit-scrollbar-thumb{background:#6464644d;border-radius:3px;transition:background .2s ease}.task-input::-webkit-scrollbar-thumb:hover{background:#64646480}.task-input{scrollbar-width:thin;scrollbar-color:rgba(100,100,100,.4) transparent}.task-actions{display:flex;align-items:center;gap:.375rem;margin-left:1rem}.btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;font-size:1.125rem;transition:transform .2s ease,color .2s ease}.btn:hover{transform:scale(1.1)}.edit-btn{color:var(--button-bg)}.delete-btn{color:#e53e3e}.save-btn{color:#38a169;font-size:1.125rem}.save-btn:hover{transform:scale(1.1);color:#2f855a}.task-list{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding:1rem;background:var(--card-bg);border-radius:.5rem;width:min(94%,38rem);margin-inline:auto;box-shadow:0 .1rem .3rem #00000014;transition:background .3s ease,color .3s ease}.no-tasks{text-align:center;color:var(--done-text);font-size:.9375rem;font-style:italic;margin:1.25rem 0;transition:color .3s ease}.add-task-form{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1.25rem;padding:0 1rem}.add-task-input{flex:1;max-width:25rem;padding:.625rem .875rem;font-size:1rem;border:1px solid var(--border-color);border-radius:.375rem;outline:none;background:var(--input-bg);color:var(--text-color);transition:border-color .2s ease,box-shadow .2s ease,background .3s ease}.add-task-input:focus{border-color:var(--button-bg);box-shadow:0 0 0 .1875rem #3182ce4d}.add-task-btn{background:var(--button-bg);color:var(--button-text);font-size:.9375rem;font-weight:500;padding:.625rem 1.125rem;border:none;border-radius:.375rem;cursor:pointer;transition:background .2s ease,transform .2s ease,color .2s ease}.add-task-btn:hover{opacity:.9;transform:translateY(-.0625rem)}.add-task-btn:active{transform:translateY(0)}:root{--bg-color: #f7fafc;--text-color: #1a202c;--header-bg: #2b6cb0;--card-bg: #ffffff;--border-color: #e2e8f0;--input-bg: #ffffff;--button-bg: #3182ce;--button-text: #ffffff;--done-text: #718096;--logo-text: #ffffff}.dark-theme{--bg-color: #1a202c;--text-color: #edf2f7;--header-bg: #2d3748;--card-bg: #2a2e37;--border-color: #4a5568;--input-bg: #2d3748;--button-bg: #48bb78;--button-text: #1a202c;--done-text: #a0aec0;--logo-text: #ffffff}body{margin:0;font-family:Inter,sans-serif;background:var(--bg-color);color:var(--text-color);transition:background .3s ease,color .3s ease}