:root{--color-bg-app: #f4f7f9;--color-bg-surface: #ffffff;--color-border: #e2e8f0;--color-text-primary: #2c3e50;--color-text-secondary: #64748b;--color-text-tertiary: #94a3b8;--color-primary-base: #4a729a;--color-primary-hover: #3a5a7a;--color-primary-light: #ebf1f6;--color-accent: #6b9080;--color-success: #52b788;--color-warning: #e9c46a;--color-error: #e07a5f;--color-info: #457b9d}[data-theme=dark]{--color-bg-app: #0f172a;--color-bg-surface: #1e293b;--color-border: #334155;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-tertiary: #64748b;--color-primary-base: #5c8ebc;--color-primary-hover: #7aa6ce;--color-primary-light: #2a3b4d}*{box-sizing:border-box;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}html,body,#root{margin:0;padding:0;width:100dvw;min-height:100dvh;background-color:var(--color-bg-app);color:var(--color-text-primary)}.inputs-container{margin:1rem 0;display:flex;align-items:center;gap:1rem}#task-input{flex:1;margin-left:1rem;padding:.25rem .5rem;border:.2rem solid var(--color-border);border-radius:.5rem;background-color:var(--color-bg-surface);font-size:1.25rem;color:var(--color-text-primary)}#add-task{margin-right:1rem;padding:.35rem .75rem;border:none;border-radius:.5rem;background-color:var(--color-accent);font-size:1.25rem;color:var(--color-text-primary);transition:scale .15s ease-in-out}#add-task:hover{scale:1.05}.task{flex:1;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;border:.125rem solid var(--color-border);border-radius:1rem;background-color:var(--color-bg-surface)}.task .name{font-size:1.25rem;color:var(--color-text-primary)}.checkbox{width:1.25rem;height:auto;aspect-ratio:1/1;outline:.125rem solid var(--color-text-secondary);border-radius:100%;display:flex;justify-content:center;align-items:center}.checkbox input{display:none}.checkbox:has(input:checked){background-color:var(--color-success)}.task:has(input:checked) span{text-decoration:line-through;color:var(--color-text-tertiary)}.task-container{padding:0 1rem;width:100%;max-height:55.5rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;scrollbar-width:none}.task-container::-webkit-scrollbar{display:none}.theme-switch{cursor:pointer;width:3.5rem;height:auto;aspect-ratio:1/1;margin:1rem;padding:.5rem;position:fixed;bottom:0;border-radius:50%;border:.125rem solid var(--color-border);background-color:var(--color-bg-surface);color:var(--color-text-primary)}.theme-switch:hover{background-color:var(--color-primary-light);border-color:var(--color-primary-base);color:var(--color-primary-base)}.icon-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:2rem}.container{width:100dvw;height:100dvh;display:flex;justify-content:center;align-items:center}.panel{width:90%;max-width:40rem;height:90%;max-height:60rem;display:flex;flex-direction:column}