@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";*{margin:0}:root{--primary:#342626;--background:#f7f3ee;--surface:#fff;--accent:#8a9a8a;--highlight:#c08081;--text:#2a1f1f;--muted-text:#7a6f6f;--border-radius:10px;--font:"Inter", sans-serif}body{font-family:var(--font);background-color:var(--background);width:100%;height:100vh}header{color:var(--primary);background-color:var(--surface);border-bottom:1px solid #eee;flex-direction:column;padding:10px 3px;display:flex}.logo{align-items:center;display:flex}.logo img{width:90px;height:60px}h1{font-family:var(--font)}.container{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:30px;width:100%;margin-top:100px;display:flex}.taskContainer{background-color:var(--accent);border-radius:var(--border-radius);flex-flow:column wrap;gap:10px;width:500px;height:auto;padding:12px;display:flex;position:relative}.task{background-color:var(--surface);border-radius:var(--border-radius);flex-direction:column;gap:10px;padding:20px 10px;text-decoration:none;display:flex}input[type=checkbox]:checked{accent-color:#000}.active{color:#fff;background-color:#000}.form button{color:#fff;background-color:#000;border:none}.form,.content{gap:10px;display:flex}