:root{--color-bg:#f7f7f7;--color-surface:#fff;--color-border:#e5e5e5;--color-text-primary:#111;--color-text-secondary:#525252;--color-text-muted:#8a8a8a;--color-success:#16a34a;--color-danger:#dc2626;--color-warning:#d97706;--text-xl:28px;--text-lg:20px;--text-md:16px;--text-sm:14px;--text-xs:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-primary);font-optical-sizing:auto;font-family:Inter,sans-serif;font-style:normal}.container{width:100%;max-width:600px;min-height:100dvh;margin:0 auto;padding-top:80px}#app-version{color:var(--color-text-muted);position:absolute;bottom:10px;right:10px}header{text-align:center;width:100%}header h1{font-size:48px}header p{color:var(--color-text-secondary)}main>div{width:100%}.input-todo-wrapper{gap:12px;margin-top:40px;display:flex}.input-todo-wrapper #input-task{background-color:var(--color-surface);border:1px solid #adacac;border-radius:8px;flex:1;padding:12px 16px;font-size:16px}.input-todo-wrapper #input-task:focus{outline:1px solid #000}.input-todo-wrapper button{color:#fff;background-color:#0f0f0f;border:none;border-radius:6px;padding:8px 16px;font-size:20px}.input-todo-wrapper button:hover{cursor:pointer;opacity:.9}.input-todo-wrapper button:active{scale:.9}.task-lists{margin-top:40px}.task-lists h2{font-size:24px}.task-lists .tasks{flex-direction:column;gap:16px;margin-top:14px;display:flex}.task-lists .tasks .task{background:var(--color-surface);border:1px solid #adacac;border-radius:8px;align-items:center;padding:14px 20px;display:flex}.task-lists .tasks .task input[type=checkbox]{accent-color:var(--color-text-primary);transform:scale(1.3)}.task-lists .tasks .task .task-text{flex:1;margin-left:10px}.task-lists .tasks .task .task-text.completed{opacity:.6;text-decoration:line-through}.task-lists .tasks .task .deleteBtn{background-color:var(--color-danger);color:#fff;visibility:hidden;cursor:pointer;border:none;border-radius:4px;padding:4px 10px;font-size:18px}.task-lists .tasks .task:hover .deleteBtn{visibility:visible}
